Skip to content

Commit c6613ee

Browse files
fcollonvalfcollonval
committed
More auto format
1 parent f17718a commit c6613ee

File tree

5 files changed

+112
-104
lines changed

5 files changed

+112
-104
lines changed

‎packages/components/.storybook/main.js

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { dirname, join } from 'path';
22
import remarkGfm from 'remark-gfm';
3-
const ResolveTypescriptPlugin = require("resolve-typescript-plugin");
3+
const ResolveTypescriptPlugin = require('resolve-typescript-plugin');
44

55
module.exports = {
66
stories: [
@@ -25,7 +25,9 @@ module.exports = {
2525
getAbsolutePath('@storybook/addon-a11y')
2626
],
2727
webpackFinal: async config => {
28-
if(!config.resolve.plugins) { config.resolve.plugins = []}
28+
if (!config.resolve.plugins) {
29+
config.resolve.plugins = [];
30+
}
2931
config.resolve.plugins.push(new ResolveTypescriptPlugin());
3032
config.module.rules.push(
3133
{

‎packages/components/src/color/README.md

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,31 +3,36 @@
33
Color recipes are named colors who's value is algorithmically defined from a variety of inputs. `@jupyter/web-components` relies on these recipes heavily to achieve expressive theming options while maintaining color accessability targets.
44

55
## Swatch
6+
67
A Swatch is a representation of a color that has a `relativeLuminance` value and a method to convert the swatch to a color string. It is used by recipes to determine which colors to use for UI.
78

89
### SwatchRGB
10+
911
A concrete implementation of `Swatch`, it is a swatch with red, green, and blue 64bit color channels .
1012

1113
**Example: Creating a SwatchRGB**
14+
1215
```ts
13-
import { SwatchRGB } from "@jupyter/web-components";
16+
import { SwatchRGB } from '@jupyter/web-components';
1417

1518
const red = SwatchRGB.create(1, 0, 0);
1619
```
1720

1821
## Palette
19-
A palette is a collection `Swatch` instances, ordered by relative luminance, and provides mechanisms to safely retrieve swatches by index and by target contrast ratios. It also contains a `source` color, which is the color from which the palette is
22+
23+
A palette is a collection `Swatch` instances, ordered by relative luminance, and provides mechanisms to safely retrieve swatches by index and by target contrast ratios. It also contains a `source` color, which is the color from which the palette is
2024

2125
### PaletteRGB
22-
An implementation of `Palette` of `SwatchRGB` instances.
26+
27+
An implementation of `Palette` of `SwatchRGB` instances.
2328

2429
```ts
25-
// Create a PaletteRGB from a SwatchRGB
30+
// Create a PaletteRGB from a SwatchRGB
2631
const redPalette = PaletteRGB.from(red):
2732

2833
// Create a PaletteRGB from an object
2934
const greenPalette = PaletteRGB.from({r: 0, g: 1, b: 0});
3035

3136
// Create a PaletteRGB from R, G, and B arguments
3237
const bluePalette = PaletteRGB.create(0, 0, 1);
33-
```
38+
```

‎packages/components/src/design-system-provider/README.md

Lines changed: 66 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,70 @@
11
# Design System Provider
2+
23
For more information view the [design system provider readme](https://github.com/microsoft/fast/tree/master/packages/components/fast-foundation/src/design-system-provider/README.md).
34

45
### Jupyter Design System Properties
5-
|Property Name|Type|Attribute Name|CSS Custom property|
6-
|---|---|---|---|
7-
|fillColor|string| fill-color | fill-color |
8-
|neutralPalette|string[]| N/A | N/A |
9-
|accentPalette|string[]| N/A | N/A |
10-
|density|DensityOffset| number | density |
11-
|designUnit|number| number | design-unit |
12-
|baseHeightMultiplier|number| base-height-multiplier | base-height-multiplier |
13-
|baseHorizontalSpacingMultiplier|number| base-horizontal-spacing-multiplier | base-horizontal-spacing-multiplier |
14-
|controlCornerRadius|number| corner-radius | corner-radius |
15-
|strokeWidth|number| stroke-width | stroke-width |
16-
|focusStrokeWidth|number| focus-stroke-width | focus-stroke-width |
17-
|disabledOpacity|number| disabled-opacity | disabled-opacity |
18-
|typeRampMinus2FontSize | string | type-ramp-minus-2-font-size | type-ramp-minus-2-font-size |
19-
|typeRampMinus2LineHeight | string | type-ramp-minus-2-line-height | type-ramp-minus-2-line-height |
20-
|typeRampMinus1FontSize | string | type-ramp-minus-1-font-size | type-ramp-minus-1-font-size |
21-
|typeRampMinus1LineHeight | string | type-ramp-minus-1-line-height | type-ramp-minus-1-line-height |
22-
|typeRampBaseFontSize | string | type-ramp-base-font-size | type-ramp-base-font-size |
23-
|typeRampBaseLineHeight | string | type-ramp-base-line-height | type-ramp-base-line-height |
24-
|typeRampPlus1FontSize | string | type-ramp-plus-1-font-size | type-ramp-plus-1-font-size |
25-
|typeRampPlus1LineHeight | string | type-ramp-plus-1-line-height | type-ramp-plus-1-line-height |
26-
|typeRampPlus2FontSize | string | type-ramp-plus-2-font-size | type-ramp-plus-2-font-size |
27-
|typeRampPlus2LineHeight | string | type-ramp-plus-2-line-height | type-ramp-plus-2-line-height |
28-
|typeRampPlus3FontSize | string | type-ramp-plus-3-font-size | type-ramp-plus-3-font-size |
29-
|typeRampPlus3LineHeight | string | type-ramp-plus-3-line-height | type-ramp-plus-3-line-height |
30-
|typeRampPlus4FontSize | string | type-ramp-plus-4-font-size | type-ramp-plus-4-font-size |
31-
|typeRampPlus4LineHeight | string | type-ramp-plus-4-line-height | type-ramp-plus-4-line-height |
32-
|typeRampPlus5FontSize | string | type-ramp-plus-5-font-size | type-ramp-plus-5-font-size |
33-
|typeRampPlus5LineHeight | string | type-ramp-plus-5-line-height | type-ramp-plus-5-line-height |
34-
|typeRampPlus6FontSize | string | type-ramp-plus-6-font-size | type-ramp-plus-6-font-size |
35-
|typeRampPlus6LineHeight | string | type-ramp-plus-6-line-height | type-ramp-plus-6-line-height |
36-
|accentFillRestDelta|number| accent-fill-rest-delta | N/A |
37-
|accentFillHoverDelta|number| accent-fill-hover-delta | N/A |
38-
|accentFillActiveDelta|number| accent-fill-active-delta | N/A |
39-
|accentFillFocusDelta|number| accent-fill-focus-delta | N/A |
40-
|accentForegroundRestDelta|number| accent-foreground-rest-delta | N/A |
41-
|accentForegroundHoverDelta|number| accent-foreground-hover-delta | N/A |
42-
|accentForegroundActiveDelta|number| accent-foreground-active-delta | N/A |
43-
|accentForegroundFocusDelta|number| accent-foreground-focus-delta | N/A |
44-
|neutralFillRestDelta|number| neutral-fill-rest-delta | N/A |
45-
|neutralFillHoverDelta|number| neutral-fill-hover-delta | N/A |
46-
|neutralFillActiveDelta|number| neutral-fill-active-delta | N/A |
47-
|neutralFillFocusDelta|number| neutral-fill-focus-delta | N/A |
48-
|neutralFillInputRestDelta|number| neutral-fill-input-rest-delta | N/A |
49-
|neutralFillInputHoverDelta|number| neutral-fill-input-hover-delta | N/A |
50-
|neutralFillInputActiveDelta|number| neutral-fill-input-active-delta | N/A |
51-
|neutralFillInputFocusDelta|number| neutral-fill-input-focus-delta | N/A |
52-
|neutralFillStealthRestDelta|number| neutral-fill-stealth-rest-delta | N/A |
53-
|neutralFillStealthHoverDelta|number| neutral-fill-stealth-hover-delta | N/A |
54-
|neutralFillStealthActiveDelta|number| neutral-fill-stealth-active-delta | N/A |
55-
|neutralFillStealthFocusDelta|number| neutral-fill-stealth-focus-delta | N/A |
56-
|neutralFillStrongHoverDelta|number| neutral-fill-strong-hover-delta | N/A |
57-
|neutralFillStrongActiveDelta|number| neutral-fill-strong-hover-active | N/A |
58-
|neutralFillStrongFocusDelta|number| neutral-fill-strong-hover-focus | N/A |
59-
|baseLayerLuminance|number base-layer-luminance| | N/A |
60-
|neutralFillLayerRestDelta|number| neutral-fill-layer-rest-delta | N/A |
61-
|neutralForegroundHoverDelta|number| neutral-foreground-hover-delta | N/A |
62-
|neutralForegroundActiveDelta|number| neutral-foreground-active-delta | N/A |
63-
|neutralForegroundFocusDelta|number| neutral-foreground-focus-delta | N/A |
64-
|neutralStrokeDividerRestDelta|number| neutral-stroke-divider-rest-delta | N/A |
65-
|neutralStrokeRestDelta|number| neutral-stroke-rest-delta | N/A |
66-
|neutralStrokeHoverDelta|number| neutral-stroke-hover-delta | N/A |
67-
|neutralStrokeActiveDelta|number| neutral-stroke-active-delta | N/A |
68-
|neutralStrokeFocusDelta|number| neutral-stroke-focus-delta | N/A |
6+
7+
| Property Name | Type | Attribute Name | CSS Custom property |
8+
| ------------------------------- | --------------------------- | ---------------------------------- | ---------------------------------- |
9+
| fillColor | string | fill-color | fill-color |
10+
| neutralPalette | string[] | N/A | N/A |
11+
| accentPalette | string[] | N/A | N/A |
12+
| density | DensityOffset | number | density |
13+
| designUnit | number | number | design-unit |
14+
| baseHeightMultiplier | number | base-height-multiplier | base-height-multiplier |
15+
| baseHorizontalSpacingMultiplier | number | base-horizontal-spacing-multiplier | base-horizontal-spacing-multiplier |
16+
| controlCornerRadius | number | corner-radius | corner-radius |
17+
| strokeWidth | number | stroke-width | stroke-width |
18+
| focusStrokeWidth | number | focus-stroke-width | focus-stroke-width |
19+
| disabledOpacity | number | disabled-opacity | disabled-opacity |
20+
| typeRampMinus2FontSize | string | type-ramp-minus-2-font-size | type-ramp-minus-2-font-size |
21+
| typeRampMinus2LineHeight | string | type-ramp-minus-2-line-height | type-ramp-minus-2-line-height |
22+
| typeRampMinus1FontSize | string | type-ramp-minus-1-font-size | type-ramp-minus-1-font-size |
23+
| typeRampMinus1LineHeight | string | type-ramp-minus-1-line-height | type-ramp-minus-1-line-height |
24+
| typeRampBaseFontSize | string | type-ramp-base-font-size | type-ramp-base-font-size |
25+
| typeRampBaseLineHeight | string | type-ramp-base-line-height | type-ramp-base-line-height |
26+
| typeRampPlus1FontSize | string | type-ramp-plus-1-font-size | type-ramp-plus-1-font-size |
27+
| typeRampPlus1LineHeight | string | type-ramp-plus-1-line-height | type-ramp-plus-1-line-height |
28+
| typeRampPlus2FontSize | string | type-ramp-plus-2-font-size | type-ramp-plus-2-font-size |
29+
| typeRampPlus2LineHeight | string | type-ramp-plus-2-line-height | type-ramp-plus-2-line-height |
30+
| typeRampPlus3FontSize | string | type-ramp-plus-3-font-size | type-ramp-plus-3-font-size |
31+
| typeRampPlus3LineHeight | string | type-ramp-plus-3-line-height | type-ramp-plus-3-line-height |
32+
| typeRampPlus4FontSize | string | type-ramp-plus-4-font-size | type-ramp-plus-4-font-size |
33+
| typeRampPlus4LineHeight | string | type-ramp-plus-4-line-height | type-ramp-plus-4-line-height |
34+
| typeRampPlus5FontSize | string | type-ramp-plus-5-font-size | type-ramp-plus-5-font-size |
35+
| typeRampPlus5LineHeight | string | type-ramp-plus-5-line-height | type-ramp-plus-5-line-height |
36+
| typeRampPlus6FontSize | string | type-ramp-plus-6-font-size | type-ramp-plus-6-font-size |
37+
| typeRampPlus6LineHeight | string | type-ramp-plus-6-line-height | type-ramp-plus-6-line-height |
38+
| accentFillRestDelta | number | accent-fill-rest-delta | N/A |
39+
| accentFillHoverDelta | number | accent-fill-hover-delta | N/A |
40+
| accentFillActiveDelta | number | accent-fill-active-delta | N/A |
41+
| accentFillFocusDelta | number | accent-fill-focus-delta | N/A |
42+
| accentForegroundRestDelta | number | accent-foreground-rest-delta | N/A |
43+
| accentForegroundHoverDelta | number | accent-foreground-hover-delta | N/A |
44+
| accentForegroundActiveDelta | number | accent-foreground-active-delta | N/A |
45+
| accentForegroundFocusDelta | number | accent-foreground-focus-delta | N/A |
46+
| neutralFillRestDelta | number | neutral-fill-rest-delta | N/A |
47+
| neutralFillHoverDelta | number | neutral-fill-hover-delta | N/A |
48+
| neutralFillActiveDelta | number | neutral-fill-active-delta | N/A |
49+
| neutralFillFocusDelta | number | neutral-fill-focus-delta | N/A |
50+
| neutralFillInputRestDelta | number | neutral-fill-input-rest-delta | N/A |
51+
| neutralFillInputHoverDelta | number | neutral-fill-input-hover-delta | N/A |
52+
| neutralFillInputActiveDelta | number | neutral-fill-input-active-delta | N/A |
53+
| neutralFillInputFocusDelta | number | neutral-fill-input-focus-delta | N/A |
54+
| neutralFillStealthRestDelta | number | neutral-fill-stealth-rest-delta | N/A |
55+
| neutralFillStealthHoverDelta | number | neutral-fill-stealth-hover-delta | N/A |
56+
| neutralFillStealthActiveDelta | number | neutral-fill-stealth-active-delta | N/A |
57+
| neutralFillStealthFocusDelta | number | neutral-fill-stealth-focus-delta | N/A |
58+
| neutralFillStrongHoverDelta | number | neutral-fill-strong-hover-delta | N/A |
59+
| neutralFillStrongActiveDelta | number | neutral-fill-strong-hover-active | N/A |
60+
| neutralFillStrongFocusDelta | number | neutral-fill-strong-hover-focus | N/A |
61+
| baseLayerLuminance | number base-layer-luminance | | N/A |
62+
| neutralFillLayerRestDelta | number | neutral-fill-layer-rest-delta | N/A |
63+
| neutralForegroundHoverDelta | number | neutral-foreground-hover-delta | N/A |
64+
| neutralForegroundActiveDelta | number | neutral-foreground-active-delta | N/A |
65+
| neutralForegroundFocusDelta | number | neutral-foreground-focus-delta | N/A |
66+
| neutralStrokeDividerRestDelta | number | neutral-stroke-divider-rest-delta | N/A |
67+
| neutralStrokeRestDelta | number | neutral-stroke-rest-delta | N/A |
68+
| neutralStrokeHoverDelta | number | neutral-stroke-hover-delta | N/A |
69+
| neutralStrokeActiveDelta | number | neutral-stroke-active-delta | N/A |
70+
| neutralStrokeFocusDelta | number | neutral-stroke-focus-delta | N/A |

‎packages/components/src/picker/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
# fast-picker
1+
# fast-picker

‎packages/components/tsconfig.test.json

Lines changed: 31 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,32 @@
11
{
2-
"extends": "./tsconfigbase.json",
3-
"compilerOptions": {
4-
"target": "es6",
5-
"module": "CommonJS",
6-
"moduleResolution": "node",
7-
"rootDir": "src",
8-
"outDir": "lib",
9-
"lib": ["dom", "es6"],
10-
"pretty": true,
11-
"esModuleInterop": true,
12-
"importHelpers": true,
13-
"experimentalDecorators": true,
14-
"strictPropertyInitialization": false,
15-
"declaration": true,
16-
"sourceMap": false,
17-
"noEmitOnError": true,
18-
"strict": true,
19-
"strictNullChecks": true,
20-
"strictFunctionTypes": false,
21-
"types": ["jest", "node", "webpack-env"]
22-
},
23-
"include": ["src"],
24-
"exclude": [
25-
"node_modules",
26-
"src/**/*.stories.ts",
27-
"src/**/*.stories.mdx",
28-
"src/**/fixtures/",
29-
"src/utilities/storybook/",
30-
"playwright.config.ts"
31-
]
32-
}
33-
2+
"extends": "./tsconfigbase.json",
3+
"compilerOptions": {
4+
"target": "es6",
5+
"module": "CommonJS",
6+
"moduleResolution": "node",
7+
"rootDir": "src",
8+
"outDir": "lib",
9+
"lib": ["dom", "es6"],
10+
"pretty": true,
11+
"esModuleInterop": true,
12+
"importHelpers": true,
13+
"experimentalDecorators": true,
14+
"strictPropertyInitialization": false,
15+
"declaration": true,
16+
"sourceMap": false,
17+
"noEmitOnError": true,
18+
"strict": true,
19+
"strictNullChecks": true,
20+
"strictFunctionTypes": false,
21+
"types": ["jest", "node", "webpack-env"]
22+
},
23+
"include": ["src"],
24+
"exclude": [
25+
"node_modules",
26+
"src/**/*.stories.ts",
27+
"src/**/*.stories.mdx",
28+
"src/**/fixtures/",
29+
"src/utilities/storybook/",
30+
"playwright.config.ts"
31+
]
32+
}

0 commit comments

Comments
 (0)