@fluentui/react-theme 0.0.0-nightlyb2deb9be1720211130.1 → 0.0.0-nightlyc49127232120220201.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +65 -3
- package/CHANGELOG.md +11 -4
- package/dist/react-theme.d.ts +54 -73
- package/lib/alias/dark.js +46 -43
- package/lib/alias/dark.js.map +1 -1
- package/lib/alias/highContrast.js +7 -4
- package/lib/alias/highContrast.js.map +1 -1
- package/lib/alias/light.js +45 -42
- package/lib/alias/light.js.map +1 -1
- package/lib/alias/teamsDark.js +46 -43
- package/lib/alias/teamsDark.js.map +1 -1
- package/lib/global/brandColors.d.ts +1 -0
- package/lib/global/brandColors.js +50 -27
- package/lib/global/brandColors.js.map +1 -1
- package/lib/index.d.ts +2 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib/tokens.d.ts +2 -0
- package/lib/tokens.js +687 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.d.ts +52 -77
- package/lib/utils/index.d.ts +0 -2
- package/lib/utils/index.js +0 -2
- package/lib/utils/index.js.map +1 -1
- package/lib-commonjs/alias/dark.js +46 -43
- package/lib-commonjs/alias/dark.js.map +1 -1
- package/lib-commonjs/alias/highContrast.js +6 -3
- package/lib-commonjs/alias/highContrast.js.map +1 -1
- package/lib-commonjs/alias/light.js +45 -42
- package/lib-commonjs/alias/light.js.map +1 -1
- package/lib-commonjs/alias/teamsDark.js +46 -43
- package/lib-commonjs/alias/teamsDark.js.map +1 -1
- package/lib-commonjs/global/brandColors.d.ts +1 -0
- package/lib-commonjs/global/brandColors.js +51 -28
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/index.d.ts +2 -1
- package/lib-commonjs/index.js +10 -0
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/tokens.d.ts +2 -0
- package/lib-commonjs/tokens.js +693 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.d.ts +52 -77
- package/lib-commonjs/utils/index.d.ts +0 -2
- package/lib-commonjs/utils/index.js +0 -12
- package/lib-commonjs/utils/index.js.map +1 -1
- package/package.json +3 -3
- package/lib/utils/mergeThemes.d.ts +0 -2
- package/lib/utils/mergeThemes.js +0 -15
- package/lib/utils/mergeThemes.js.map +0 -1
- package/lib/utils/themeToCSSVariables.d.ts +0 -2
- package/lib/utils/themeToCSSVariables.js +0 -12
- package/lib/utils/themeToCSSVariables.js.map +0 -1
- package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
- package/lib-commonjs/utils/mergeThemes.js +0 -24
- package/lib-commonjs/utils/mergeThemes.js.map +0 -1
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
- package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
- package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
package/CHANGELOG.json
CHANGED
@@ -2,16 +2,78 @@
|
|
2
2
|
"name": "@fluentui/react-theme",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "Tue,
|
6
|
-
"tag": "@fluentui/react-theme_v0.0.0-
|
7
|
-
"version": "0.0.0-
|
5
|
+
"date": "Tue, 01 Feb 2022 04:14:52 GMT",
|
6
|
+
"tag": "@fluentui/react-theme_v0.0.0-nightlyc49127232120220201.1",
|
7
|
+
"version": "0.0.0-nightlyc49127232120220201.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
|
+
{
|
11
|
+
"author": "email not defined",
|
12
|
+
"package": "@fluentui/react-theme",
|
13
|
+
"commit": "985f437f8ccfa01dbd5fc9c04fca50e9b18d1954",
|
14
|
+
"comment": "Release nightly v9"
|
15
|
+
},
|
16
|
+
{
|
17
|
+
"author": "miroslav.stastny@microsoft.com",
|
18
|
+
"package": "@fluentui/react-theme",
|
19
|
+
"commit": "fa3937813e6587d90ab5c43579321004fc37d6e9",
|
20
|
+
"comment": "feat(react-theme): Add colorNeutralForeground1Static token"
|
21
|
+
},
|
10
22
|
{
|
11
23
|
"author": "andmarti@microsoft.com",
|
12
24
|
"package": "@fluentui/react-theme",
|
13
25
|
"commit": "3ca42a594827a2ce3d5d18fcd4a399c92fda3bd7",
|
14
26
|
"comment": "updating brand colors"
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
30
|
+
"package": "@fluentui/react-theme",
|
31
|
+
"commit": "b382d0421440e0854673a7967137d6c667544f91",
|
32
|
+
"comment": "feat: Export tokens as mapping to CSS variables"
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"author": "miroslav.stastny@microsoft.com",
|
36
|
+
"package": "@fluentui/react-theme",
|
37
|
+
"commit": "d7479a7414e636731b678aebb6bf6295fd607fda",
|
38
|
+
"comment": "Extend brand ramp from 13 to 16 tokens"
|
39
|
+
},
|
40
|
+
{
|
41
|
+
"author": "martinhochel@microsoft.com",
|
42
|
+
"package": "@fluentui/react-theme",
|
43
|
+
"commit": "1dba2fca2365f1a748505896679ae160a6fec270",
|
44
|
+
"comment": "remove mergeThemes API"
|
45
|
+
},
|
46
|
+
{
|
47
|
+
"author": "bsunderhus@microsoft.com",
|
48
|
+
"package": "@fluentui/react-theme",
|
49
|
+
"commit": "c9a03954ffd5d1a85284fb36ef4cd103ed8aa927",
|
50
|
+
"comment": "Remove `themeToCSSVariables` function"
|
51
|
+
},
|
52
|
+
{
|
53
|
+
"author": "miroslav.stastny@microsoft.com",
|
54
|
+
"package": "@fluentui/react-theme",
|
55
|
+
"commit": "8985d65f0aac448c6766d27800922224555be0f4",
|
56
|
+
"comment": "feat(react-theme) Add border1 color token for shared colors"
|
57
|
+
}
|
58
|
+
],
|
59
|
+
"none": [
|
60
|
+
{
|
61
|
+
"author": "olfedias@microsoft.com",
|
62
|
+
"package": "@fluentui/react-theme",
|
63
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
64
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
65
|
+
},
|
66
|
+
{
|
67
|
+
"author": "miroslav.stastny@microsoft.com",
|
68
|
+
"package": "@fluentui/react-theme",
|
69
|
+
"commit": "636b848aa2323fd5d450e2206a71afad93aaa578",
|
70
|
+
"comment": "chore(react-theme) Add theme tokens bundle size fixture"
|
71
|
+
},
|
72
|
+
{
|
73
|
+
"author": "martinhochel@microsoft.com",
|
74
|
+
"package": "@fluentui/react-theme",
|
75
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
76
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
15
77
|
}
|
16
78
|
]
|
17
79
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,17 +1,24 @@
|
|
1
1
|
# Change Log - @fluentui/react-theme
|
2
2
|
|
3
|
-
This log was last generated on Tue,
|
3
|
+
This log was last generated on Tue, 01 Feb 2022 04:14:52 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightlyc49127232120220201.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightlyc49127232120220201.1)
|
8
8
|
|
9
|
-
Tue,
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v0.0.0-
|
9
|
+
Tue, 01 Feb 2022 04:14:52 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v0.0.0-nightlyc49127232120220201.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/985f437f8ccfa01dbd5fc9c04fca50e9b18d1954) by email not defined)
|
15
|
+
- feat(react-theme): Add colorNeutralForeground1Static token ([PR #21385](https://github.com/microsoft/fluentui/pull/21385) by miroslav.stastny@microsoft.com)
|
14
16
|
- updating brand colors ([PR #20140](https://github.com/microsoft/fluentui/pull/20140) by andmarti@microsoft.com)
|
17
|
+
- feat: Export tokens as mapping to CSS variables ([PR #21026](https://github.com/microsoft/fluentui/pull/21026) by Humberto.Morimoto@microsoft.com)
|
18
|
+
- Extend brand ramp from 13 to 16 tokens ([PR #20884](https://github.com/microsoft/fluentui/pull/20884) by miroslav.stastny@microsoft.com)
|
19
|
+
- remove mergeThemes API ([PR #21278](https://github.com/microsoft/fluentui/pull/21278) by martinhochel@microsoft.com)
|
20
|
+
- Remove `themeToCSSVariables` function ([PR #20828](https://github.com/microsoft/fluentui/pull/20828) by bsunderhus@microsoft.com)
|
21
|
+
- feat(react-theme) Add border1 color token for shared colors ([PR #20963](https://github.com/microsoft/fluentui/pull/20963) by miroslav.stastny@microsoft.com)
|
15
22
|
|
16
23
|
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.4)
|
17
24
|
|
package/dist/react-theme.d.ts
CHANGED
@@ -7,109 +7,109 @@ export declare type BorderRadiusTokens = {
|
|
7
7
|
borderRadiusCircular: string;
|
8
8
|
};
|
9
9
|
|
10
|
-
export declare type
|
11
|
-
|
12
|
-
|
10
|
+
export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;
|
11
|
+
|
12
|
+
export declare type BrandVariants = Record<Brands, string>;
|
13
13
|
|
14
|
-
declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder2';
|
14
|
+
export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder1' | 'colorPaletteAnchorBorder2';
|
15
15
|
|
16
|
-
declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder2';
|
16
|
+
export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder1' | 'colorPaletteBeigeBorder2';
|
17
17
|
|
18
|
-
declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder2';
|
18
|
+
export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2';
|
19
19
|
|
20
|
-
declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder2';
|
20
|
+
export declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder1' | 'colorPaletteBlueBorder2';
|
21
21
|
|
22
|
-
declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder2';
|
22
|
+
export declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder1' | 'colorPaletteBrassBorder2';
|
23
23
|
|
24
|
-
declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder2';
|
24
|
+
export declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder1' | 'colorPaletteBronzeBorder2';
|
25
25
|
|
26
|
-
declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder2';
|
26
|
+
export declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder1' | 'colorPaletteBrownBorder2';
|
27
27
|
|
28
|
-
declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder2';
|
28
|
+
export declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder1' | 'colorPaletteBurgundyBorder2';
|
29
29
|
|
30
|
-
declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder2';
|
30
|
+
export declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder1' | 'colorPaletteCharcoalBorder2';
|
31
31
|
|
32
|
-
declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder2';
|
32
|
+
export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder1' | 'colorPaletteCornflowerBorder2';
|
33
33
|
|
34
|
-
declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder2';
|
34
|
+
export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder1' | 'colorPaletteCranberryBorder2';
|
35
35
|
|
36
|
-
declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder2';
|
36
|
+
export declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder1' | 'colorPaletteCyanBorder2';
|
37
37
|
|
38
|
-
declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder2';
|
38
|
+
export declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder1' | 'colorPaletteDarkBlueBorder2';
|
39
39
|
|
40
|
-
declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder2';
|
40
|
+
export declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder1' | 'colorPaletteDarkBrownBorder2';
|
41
41
|
|
42
|
-
declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder2';
|
42
|
+
export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder1' | 'colorPaletteDarkGreenBorder2';
|
43
43
|
|
44
|
-
declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder2';
|
44
|
+
export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2';
|
45
45
|
|
46
|
-
declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder2';
|
46
|
+
export declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder1' | 'colorPaletteDarkPurpleBorder2';
|
47
47
|
|
48
|
-
declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder2';
|
48
|
+
export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder1' | 'colorPaletteDarkRedBorder2';
|
49
49
|
|
50
|
-
declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder2';
|
50
|
+
export declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder1' | 'colorPaletteDarkTealBorder2';
|
51
51
|
|
52
|
-
declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder2';
|
52
|
+
export declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder1' | 'colorPaletteForestBorder2';
|
53
53
|
|
54
|
-
declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder2';
|
54
|
+
export declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder1' | 'colorPaletteGoldBorder2';
|
55
55
|
|
56
|
-
declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder2';
|
56
|
+
export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder1' | 'colorPaletteGrapeBorder2';
|
57
57
|
|
58
|
-
declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder2';
|
58
|
+
export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2';
|
59
59
|
|
60
|
-
declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder2';
|
60
|
+
export declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder1' | 'colorPaletteHotPinkBorder2';
|
61
61
|
|
62
|
-
declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder2';
|
62
|
+
export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder1' | 'colorPaletteLavenderBorder2';
|
63
63
|
|
64
|
-
declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder2';
|
64
|
+
export declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder1' | 'colorPaletteLightBlueBorder2';
|
65
65
|
|
66
|
-
declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder2';
|
66
|
+
export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2';
|
67
67
|
|
68
|
-
declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder2';
|
68
|
+
export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder1' | 'colorPaletteLightTealBorder2';
|
69
69
|
|
70
|
-
declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder2';
|
70
|
+
export declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder1' | 'colorPaletteLilacBorder2';
|
71
71
|
|
72
|
-
declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder2';
|
72
|
+
export declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder1' | 'colorPaletteLimeBorder2';
|
73
73
|
|
74
|
-
declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder2';
|
74
|
+
export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder1' | 'colorPaletteMagentaBorder2';
|
75
75
|
|
76
|
-
declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder2';
|
76
|
+
export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2';
|
77
77
|
|
78
|
-
declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder2';
|
78
|
+
export declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder1' | 'colorPaletteMinkBorder2';
|
79
79
|
|
80
|
-
declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder2';
|
80
|
+
export declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder1' | 'colorPaletteNavyBorder2';
|
81
81
|
|
82
|
-
declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder2';
|
82
|
+
export declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder1' | 'colorPaletteOrangeBorder2';
|
83
83
|
|
84
|
-
declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder2';
|
84
|
+
export declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder1' | 'colorPaletteOrchidBorder2';
|
85
85
|
|
86
|
-
declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder2';
|
86
|
+
export declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder1' | 'colorPalettePeachBorder2';
|
87
87
|
|
88
|
-
declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder2';
|
88
|
+
export declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder1' | 'colorPalettePinkBorder2';
|
89
89
|
|
90
|
-
declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder2';
|
90
|
+
export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder1' | 'colorPalettePlatinumBorder2';
|
91
91
|
|
92
|
-
declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder2';
|
92
|
+
export declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder1' | 'colorPalettePlumBorder2';
|
93
93
|
|
94
|
-
declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder2';
|
94
|
+
export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder1' | 'colorPalettePumpkinBorder2';
|
95
95
|
|
96
|
-
declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder2';
|
96
|
+
export declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder1' | 'colorPalettePurpleBorder2';
|
97
97
|
|
98
|
-
declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder2';
|
98
|
+
export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2';
|
99
99
|
|
100
|
-
declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder2';
|
100
|
+
export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder1' | 'colorPaletteRoyalBlueBorder2';
|
101
101
|
|
102
|
-
declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder2';
|
102
|
+
export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder1' | 'colorPaletteSeafoamBorder2';
|
103
103
|
|
104
|
-
declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder2';
|
104
|
+
export declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder1' | 'colorPaletteSilverBorder2';
|
105
105
|
|
106
|
-
declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder2';
|
106
|
+
export declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder1' | 'colorPaletteSteelBorder2';
|
107
107
|
|
108
|
-
declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder2';
|
108
|
+
export declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder1' | 'colorPaletteTealBorder2';
|
109
109
|
|
110
110
|
export declare type ColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteBurgundy | ColorPaletteCranberry | ColorPaletteRed | ColorPaletteDarkOrange | ColorPaletteBronze | ColorPalettePumpkin | ColorPaletteOrange | ColorPalettePeach | ColorPaletteMarigold | ColorPaletteYellow | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteDarkBrown | ColorPaletteLime | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteLightGreen | ColorPaletteGreen | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteDarkTeal | ColorPaletteCyan | ColorPaletteSteel | ColorPaletteLightBlue | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteDarkBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteDarkPurple | ColorPaletteOrchid | ColorPaletteGrape | ColorPaletteBerry | ColorPaletteLilac | ColorPalettePink | ColorPaletteHotPink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPaletteSilver | ColorPalettePlatinum | ColorPaletteAnchor | ColorPaletteCharcoal, string>;
|
111
111
|
|
112
|
-
declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder2';
|
112
|
+
export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2';
|
113
113
|
|
114
114
|
/**
|
115
115
|
* Design tokens for alias colors
|
@@ -145,6 +145,7 @@ export declare type ColorTokens = {
|
|
145
145
|
colorCompoundBrandForeground1Pressed: string;
|
146
146
|
colorBrandForeground1: string;
|
147
147
|
colorBrandForeground2: string;
|
148
|
+
colorNeutralForeground1Static: string;
|
148
149
|
colorNeutralForegroundInverted: string;
|
149
150
|
colorNeutralForegroundInvertedHover: string;
|
150
151
|
colorNeutralForegroundInvertedPressed: string;
|
@@ -252,24 +253,6 @@ export declare type ColorTokens = {
|
|
252
253
|
colorBrandShadowKey: string;
|
253
254
|
};
|
254
255
|
|
255
|
-
/**
|
256
|
-
* Possible color variant values
|
257
|
-
*/
|
258
|
-
declare type ColorVariants = {
|
259
|
-
shade50: string;
|
260
|
-
shade40: string;
|
261
|
-
shade30: string;
|
262
|
-
shade20: string;
|
263
|
-
shade10: string;
|
264
|
-
primary: string;
|
265
|
-
tint10: string;
|
266
|
-
tint20: string;
|
267
|
-
tint30: string;
|
268
|
-
tint40: string;
|
269
|
-
tint50: string;
|
270
|
-
tint60: string;
|
271
|
-
};
|
272
|
-
|
273
256
|
export declare const createDarkTheme: (brand: BrandVariants) => Theme;
|
274
257
|
|
275
258
|
export declare const createHighContrastTheme: () => Theme;
|
@@ -316,8 +299,6 @@ export declare type LineHeightTokens = {
|
|
316
299
|
lineHeightHero1000: string;
|
317
300
|
};
|
318
301
|
|
319
|
-
export declare function mergeThemes(a: Theme | undefined, b: PartialTheme | Theme | undefined): Theme;
|
320
|
-
|
321
302
|
export declare type PartialTheme = Partial<Theme>;
|
322
303
|
|
323
304
|
export declare type ShadowBrandTokens = {
|
@@ -356,7 +337,7 @@ export declare const teamsLightTheme: Theme;
|
|
356
337
|
|
357
338
|
export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
|
358
339
|
|
359
|
-
export declare
|
340
|
+
export declare const tokens: Record<keyof Theme, string>;
|
360
341
|
|
361
342
|
export declare const webDarkTheme: Theme;
|
362
343
|
|
package/lib/alias/dark.js
CHANGED
@@ -8,28 +8,29 @@ export const generateColorTokens = brand => ({
|
|
8
8
|
colorNeutralForeground2Hover: white,
|
9
9
|
colorNeutralForeground2Pressed: white,
|
10
10
|
colorNeutralForeground2Selected: white,
|
11
|
-
colorNeutralForeground2BrandHover: brand
|
12
|
-
colorNeutralForeground2BrandPressed: brand
|
13
|
-
colorNeutralForeground2BrandSelected: brand
|
11
|
+
colorNeutralForeground2BrandHover: brand[100],
|
12
|
+
colorNeutralForeground2BrandPressed: brand[90],
|
13
|
+
colorNeutralForeground2BrandSelected: brand[100],
|
14
14
|
colorNeutralForeground3: grey[68],
|
15
15
|
colorNeutralForeground3Hover: grey[84],
|
16
16
|
colorNeutralForeground3Pressed: grey[84],
|
17
17
|
colorNeutralForeground3Selected: grey[84],
|
18
|
-
colorNeutralForeground3BrandHover: brand
|
19
|
-
colorNeutralForeground3BrandPressed: brand
|
20
|
-
colorNeutralForeground3BrandSelected: brand
|
18
|
+
colorNeutralForeground3BrandHover: brand[100],
|
19
|
+
colorNeutralForeground3BrandPressed: brand[90],
|
20
|
+
colorNeutralForeground3BrandSelected: brand[100],
|
21
21
|
colorNeutralForeground4: grey[60],
|
22
22
|
colorNeutralForegroundDisabled: grey[36],
|
23
23
|
colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
|
24
|
-
colorBrandForegroundLink: brand
|
25
|
-
colorBrandForegroundLinkHover: brand
|
26
|
-
colorBrandForegroundLinkPressed: brand
|
27
|
-
colorBrandForegroundLinkSelected: brand
|
28
|
-
colorCompoundBrandForeground1: brand
|
29
|
-
colorCompoundBrandForeground1Hover: brand
|
30
|
-
colorCompoundBrandForeground1Pressed: brand
|
31
|
-
colorBrandForeground1: brand
|
32
|
-
colorBrandForeground2: brand
|
24
|
+
colorBrandForegroundLink: brand[90],
|
25
|
+
colorBrandForegroundLinkHover: brand[110],
|
26
|
+
colorBrandForegroundLinkPressed: brand[100],
|
27
|
+
colorBrandForegroundLinkSelected: brand[90],
|
28
|
+
colorCompoundBrandForeground1: brand[90],
|
29
|
+
colorCompoundBrandForeground1Hover: brand[100],
|
30
|
+
colorCompoundBrandForeground1Pressed: brand[80],
|
31
|
+
colorBrandForeground1: brand[100],
|
32
|
+
colorBrandForeground2: brand[110],
|
33
|
+
colorNeutralForeground1Static: grey[14],
|
33
34
|
colorNeutralForegroundInverted: white,
|
34
35
|
colorNeutralForegroundInvertedHover: white,
|
35
36
|
colorNeutralForegroundInvertedPressed: white,
|
@@ -39,13 +40,13 @@ export const generateColorTokens = brand => ({
|
|
39
40
|
colorNeutralForegroundInvertedLinkHover: white,
|
40
41
|
colorNeutralForegroundInvertedLinkPressed: white,
|
41
42
|
colorNeutralForegroundInvertedLinkSelected: white,
|
42
|
-
colorBrandForegroundInverted: brand
|
43
|
-
colorBrandForegroundInvertedHover: brand
|
44
|
-
colorBrandForegroundInvertedPressed: brand
|
45
|
-
colorBrandForegroundOnLight: brand
|
46
|
-
colorBrandForegroundOnLightHover: brand
|
47
|
-
colorBrandForegroundOnLightPressed: brand
|
48
|
-
colorBrandForegroundOnLightSelected: brand
|
43
|
+
colorBrandForegroundInverted: brand[100],
|
44
|
+
colorBrandForegroundInvertedHover: brand[110],
|
45
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
46
|
+
colorBrandForegroundOnLight: brand[80],
|
47
|
+
colorBrandForegroundOnLightHover: brand[70],
|
48
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
49
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
49
50
|
colorNeutralBackground1: grey[16],
|
50
51
|
colorNeutralBackground1Hover: grey[24],
|
51
52
|
colorNeutralBackground1Pressed: grey[12],
|
@@ -85,25 +86,25 @@ export const generateColorTokens = brand => ({
|
|
85
86
|
colorTransparentBackgroundSelected: 'transparent',
|
86
87
|
colorNeutralBackgroundDisabled: grey[8],
|
87
88
|
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
88
|
-
colorNeutralStencil1: grey[
|
89
|
-
colorNeutralStencil2: grey[
|
90
|
-
colorBrandBackground: brand
|
91
|
-
colorBrandBackgroundHover: brand
|
92
|
-
colorBrandBackgroundPressed: brand
|
93
|
-
colorBrandBackgroundSelected: brand
|
94
|
-
colorCompoundBrandBackground: brand
|
95
|
-
colorCompoundBrandBackgroundHover: brand
|
96
|
-
colorCompoundBrandBackgroundPressed: brand
|
97
|
-
colorBrandBackgroundStatic: brand
|
98
|
-
colorBrandBackground2: brand
|
89
|
+
colorNeutralStencil1: grey[34],
|
90
|
+
colorNeutralStencil2: grey[20],
|
91
|
+
colorBrandBackground: brand[70],
|
92
|
+
colorBrandBackgroundHover: brand[80],
|
93
|
+
colorBrandBackgroundPressed: brand[40],
|
94
|
+
colorBrandBackgroundSelected: brand[60],
|
95
|
+
colorCompoundBrandBackground: brand[90],
|
96
|
+
colorCompoundBrandBackgroundHover: brand[100],
|
97
|
+
colorCompoundBrandBackgroundPressed: brand[80],
|
98
|
+
colorBrandBackgroundStatic: brand[80],
|
99
|
+
colorBrandBackground2: brand[40],
|
99
100
|
colorBrandBackgroundInverted: white,
|
100
|
-
colorBrandBackgroundInvertedHover: brand
|
101
|
-
colorBrandBackgroundInvertedPressed: brand
|
102
|
-
colorBrandBackgroundInvertedSelected: brand
|
101
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
102
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
103
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
103
104
|
colorNeutralStrokeAccessible: grey[68],
|
104
105
|
colorNeutralStrokeAccessibleHover: grey[74],
|
105
106
|
colorNeutralStrokeAccessiblePressed: grey[70],
|
106
|
-
colorNeutralStrokeAccessibleSelected: brand
|
107
|
+
colorNeutralStrokeAccessibleSelected: brand[100],
|
107
108
|
colorNeutralStroke1: grey[40],
|
108
109
|
colorNeutralStroke1Hover: grey[46],
|
109
110
|
colorNeutralStroke1Pressed: grey[42],
|
@@ -115,11 +116,11 @@ export const generateColorTokens = brand => ({
|
|
115
116
|
colorNeutralStrokeOnBrand2Hover: white,
|
116
117
|
colorNeutralStrokeOnBrand2Pressed: white,
|
117
118
|
colorNeutralStrokeOnBrand2Selected: white,
|
118
|
-
colorBrandStroke1: brand
|
119
|
-
colorBrandStroke2: brand
|
120
|
-
colorCompoundBrandStroke: brand
|
121
|
-
colorCompoundBrandStrokeHover: brand
|
122
|
-
colorCompoundBrandStrokePressed: brand
|
119
|
+
colorBrandStroke1: brand[90],
|
120
|
+
colorBrandStroke2: brand[50],
|
121
|
+
colorCompoundBrandStroke: brand[90],
|
122
|
+
colorCompoundBrandStrokeHover: brand[100],
|
123
|
+
colorCompoundBrandStrokePressed: brand[80],
|
123
124
|
colorNeutralStrokeDisabled: grey[26],
|
124
125
|
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
125
126
|
colorTransparentStroke: 'transparent',
|
@@ -134,7 +135,8 @@ export const generateColorTokens = brand => ({
|
|
134
135
|
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
135
136
|
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
136
137
|
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
137
|
-
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
138
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
|
+
|
138
140
|
});
|
139
141
|
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
140
142
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
@@ -146,6 +148,7 @@ export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce(
|
|
146
148
|
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,
|
147
149
|
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,
|
148
150
|
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,
|
151
|
+
[`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,
|
149
152
|
[`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20
|
150
153
|
};
|
151
154
|
return { ...acc,
|
package/lib/alias/dark.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/alias/dark.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,UAAhB,EAA4B,IAA5B,EAAkC,KAAlC,EAAyC,UAAzC,EAAqD,YAArD,QAAyE,kBAAzE;AAGA,OAAO,MAAM,mBAAmB,GAAI,KAAD,KAAwC;AACzE,EAAA,uBAAuB,EAAE,KADgD;AAEzE,EAAA,4BAA4B,EAAE,KAF2C;AAGzE,EAAA,8BAA8B,EAAE,KAHyC;AAIzE,EAAA,+BAA+B,EAAE,KAJwC;AAKzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAL4C;AAMzE,EAAA,4BAA4B,EAAE,KAN2C;AAOzE,EAAA,8BAA8B,EAAE,KAPyC;AAQzE,EAAA,+BAA+B,EAAE,KARwC;AASzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,
|
1
|
+
{"version":3,"sources":["../../src/alias/dark.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, black } from '../global/colors';
|
2
2
|
export const generateColorTokens = () => ({
|
3
3
|
colorNeutralForeground1: hcCanvasText,
|
4
4
|
colorNeutralForeground1Hover: hcHighlightText,
|
@@ -30,6 +30,7 @@ export const generateColorTokens = () => ({
|
|
30
30
|
colorCompoundBrandForeground1Pressed: hcHighlight,
|
31
31
|
colorBrandForeground1: hcCanvasText,
|
32
32
|
colorBrandForeground2: hcButtonText,
|
33
|
+
colorNeutralForeground1Static: hcCanvas,
|
33
34
|
colorNeutralForegroundInverted: hcCanvasText,
|
34
35
|
colorNeutralForegroundInvertedHover: hcHighlightText,
|
35
36
|
colorNeutralForegroundInvertedPressed: hcHighlightText,
|
@@ -85,8 +86,8 @@ export const generateColorTokens = () => ({
|
|
85
86
|
colorTransparentBackgroundSelected: hcHighlight,
|
86
87
|
colorNeutralBackgroundDisabled: hcCanvas,
|
87
88
|
colorNeutralBackgroundInvertedDisabled: hcCanvas,
|
88
|
-
colorNeutralStencil1:
|
89
|
-
colorNeutralStencil2:
|
89
|
+
colorNeutralStencil1: hcCanvasText,
|
90
|
+
colorNeutralStencil2: hcCanvasText,
|
90
91
|
colorBrandBackground: hcButtonFace,
|
91
92
|
colorBrandBackgroundHover: hcHighlight,
|
92
93
|
colorBrandBackgroundPressed: hcHighlight,
|
@@ -134,7 +135,8 @@ export const generateColorTokens = () => ({
|
|
134
135
|
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
135
136
|
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
136
137
|
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
137
|
-
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
138
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
|
+
|
138
140
|
});
|
139
141
|
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
140
142
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
@@ -146,6 +148,7 @@ export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce(
|
|
146
148
|
[`colorPalette${color}Foreground2`]: white,
|
147
149
|
[`colorPalette${color}Foreground3`]: white,
|
148
150
|
[`colorPalette${color}BorderActive`]: hcHighlight,
|
151
|
+
[`colorPalette${color}Border1`]: white,
|
149
152
|
[`colorPalette${color}Border2`]: white
|
150
153
|
};
|
151
154
|
return { ...acc,
|