@fluentui/react-theme 0.0.0-nightlyed2d7c8d6320211111.1 → 0.0.0-nightlyf1be0a972820211214.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 +74 -4
- package/CHANGELOG.md +27 -5
- package/dist/react-theme.d.ts +94 -73
- package/lib/alias/dark.js +68 -34
- package/lib/alias/dark.js.map +1 -1
- package/lib/alias/highContrast.js +38 -4
- package/lib/alias/highContrast.js.map +1 -1
- package/lib/alias/light.js +67 -33
- package/lib/alias/light.js.map +1 -1
- package/lib/alias/teamsDark.js +67 -33
- package/lib/alias/teamsDark.js.map +1 -1
- package/lib/global/brandColors.d.ts +1 -0
- package/lib/global/brandColors.js +51 -29
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.d.ts +2 -2
- package/lib/global/colors.js +14 -14
- package/lib/global/colors.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/types.d.ts +91 -77
- package/lib/utils/createDarkTheme.js +2 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +2 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +2 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +2 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.d.ts +0 -1
- package/lib/utils/index.js +0 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.d.ts +2 -1
- package/lib/utils/shadows.js +7 -7
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/dark.js +67 -33
- package/lib-commonjs/alias/dark.js.map +1 -1
- package/lib-commonjs/alias/highContrast.js +37 -3
- package/lib-commonjs/alias/highContrast.js.map +1 -1
- package/lib-commonjs/alias/light.js +66 -32
- package/lib-commonjs/alias/light.js.map +1 -1
- package/lib-commonjs/alias/teamsDark.js +66 -32
- package/lib-commonjs/alias/teamsDark.js.map +1 -1
- package/lib-commonjs/global/brandColors.d.ts +1 -0
- package/lib-commonjs/global/brandColors.js +52 -30
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.d.ts +2 -2
- package/lib-commonjs/global/colors.js +15 -15
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/types.d.ts +91 -77
- package/lib-commonjs/utils/createDarkTheme.js +2 -1
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +2 -1
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +2 -1
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +2 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.d.ts +0 -1
- package/lib-commonjs/utils/index.js +0 -2
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.d.ts +2 -1
- package/lib-commonjs/utils/shadows.js +7 -7
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +4 -4
- 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/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,22 +2,92 @@
|
|
2
2
|
"name": "@fluentui/react-theme",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
6
|
-
"tag": "@fluentui/react-theme_v0.0.0-
|
7
|
-
"version": "0.0.0-
|
5
|
+
"date": "Tue, 14 Dec 2021 04:16:19 GMT",
|
6
|
+
"tag": "@fluentui/react-theme_v0.0.0-nightlyf1be0a972820211214.1",
|
7
|
+
"version": "0.0.0-nightlyf1be0a972820211214.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
11
11
|
"author": "email not defined",
|
12
12
|
"package": "@fluentui/react-theme",
|
13
|
-
"commit": "
|
13
|
+
"commit": "3bda806f2deef1997fc6c070450a4a7aacb036ca",
|
14
14
|
"comment": "Release nightly v9"
|
15
15
|
},
|
16
|
+
{
|
17
|
+
"author": "andmarti@microsoft.com",
|
18
|
+
"package": "@fluentui/react-theme",
|
19
|
+
"commit": "3ca42a594827a2ce3d5d18fcd4a399c92fda3bd7",
|
20
|
+
"comment": "updating brand colors"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "miroslav.stastny@microsoft.com",
|
24
|
+
"package": "@fluentui/react-theme",
|
25
|
+
"commit": "d7479a7414e636731b678aebb6bf6295fd607fda",
|
26
|
+
"comment": "Extend brand ramp from 13 to 16 tokens"
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "bsunderhus@microsoft.com",
|
30
|
+
"package": "@fluentui/react-theme",
|
31
|
+
"commit": "c9a03954ffd5d1a85284fb36ef4cd103ed8aa927",
|
32
|
+
"comment": "Remove `themeToCSSVariables` function"
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"author": "miroslav.stastny@microsoft.com",
|
36
|
+
"package": "@fluentui/react-theme",
|
37
|
+
"commit": "8985d65f0aac448c6766d27800922224555be0f4",
|
38
|
+
"comment": "feat(react-theme) Add border1 color token for shared colors"
|
39
|
+
}
|
40
|
+
]
|
41
|
+
}
|
42
|
+
},
|
43
|
+
{
|
44
|
+
"date": "Thu, 25 Nov 2021 08:34:16 GMT",
|
45
|
+
"tag": "@fluentui/react-theme_v9.0.0-beta.4",
|
46
|
+
"version": "9.0.0-beta.4",
|
47
|
+
"comments": {
|
48
|
+
"none": [
|
49
|
+
{
|
50
|
+
"author": "olfedias@microsoft.com",
|
51
|
+
"package": "@fluentui/react-theme",
|
52
|
+
"commit": "66670cf47c716e284c7ac7ae5f25d1f77f3aced3",
|
53
|
+
"comment": "update tooling configs"
|
54
|
+
}
|
55
|
+
],
|
56
|
+
"prerelease": [
|
57
|
+
{
|
58
|
+
"author": "miroslav.stastny@microsoft.com",
|
59
|
+
"package": "@fluentui/react-theme",
|
60
|
+
"commit": "0a328c7a57bfa78ff9a4cd896f17e2887da64bec",
|
61
|
+
"comment": "feat(react-theme): update shadow design tokens"
|
62
|
+
}
|
63
|
+
]
|
64
|
+
}
|
65
|
+
},
|
66
|
+
{
|
67
|
+
"date": "Fri, 12 Nov 2021 13:25:09 GMT",
|
68
|
+
"tag": "@fluentui/react-theme_v9.0.0-beta.3",
|
69
|
+
"version": "9.0.0-beta.3",
|
70
|
+
"comments": {
|
71
|
+
"prerelease": [
|
16
72
|
{
|
17
73
|
"author": "gcox@microsoft.com",
|
18
74
|
"package": "@fluentui/react-theme",
|
19
75
|
"commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
|
20
76
|
"comment": "Updated beta and RC components to ES2019"
|
77
|
+
},
|
78
|
+
{
|
79
|
+
"author": "miroslav.stastny@microsoft.com",
|
80
|
+
"package": "@fluentui/react-theme",
|
81
|
+
"commit": "fe9829e4818f9bb7206df37747d5da332706ae4b",
|
82
|
+
"comment": "feat(react-theme): add/update design tokens"
|
83
|
+
}
|
84
|
+
],
|
85
|
+
"none": [
|
86
|
+
{
|
87
|
+
"author": "lingfangao@hotmail.com",
|
88
|
+
"package": "@fluentui/react-theme",
|
89
|
+
"commit": "00f70581480b536e723fb69edf0ae617beac4807",
|
90
|
+
"comment": "Remove beta release tag"
|
21
91
|
}
|
22
92
|
]
|
23
93
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,18 +1,40 @@
|
|
1
1
|
# Change Log - @fluentui/react-theme
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Tue, 14 Dec 2021 04:16:19 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightlyf1be0a972820211214.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightlyf1be0a972820211214.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.
|
9
|
+
Tue, 14 Dec 2021 04:16:19 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v0.0.0-nightlyf1be0a972820211214.1)
|
11
|
+
|
12
|
+
### Changes
|
13
|
+
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/3bda806f2deef1997fc6c070450a4a7aacb036ca) by email not defined)
|
15
|
+
- updating brand colors ([PR #20140](https://github.com/microsoft/fluentui/pull/20140) by andmarti@microsoft.com)
|
16
|
+
- Extend brand ramp from 13 to 16 tokens ([PR #20884](https://github.com/microsoft/fluentui/pull/20884) by miroslav.stastny@microsoft.com)
|
17
|
+
- Remove `themeToCSSVariables` function ([PR #20828](https://github.com/microsoft/fluentui/pull/20828) by bsunderhus@microsoft.com)
|
18
|
+
- feat(react-theme) Add border1 color token for shared colors ([PR #20963](https://github.com/microsoft/fluentui/pull/20963) by miroslav.stastny@microsoft.com)
|
19
|
+
|
20
|
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.4)
|
21
|
+
|
22
|
+
Thu, 25 Nov 2021 08:34:16 GMT
|
23
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.3..@fluentui/react-theme_v9.0.0-beta.4)
|
24
|
+
|
25
|
+
### Changes
|
26
|
+
|
27
|
+
- feat(react-theme): update shadow design tokens ([PR #20604](https://github.com/microsoft/fluentui/pull/20604) by miroslav.stastny@microsoft.com)
|
28
|
+
|
29
|
+
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.3)
|
30
|
+
|
31
|
+
Fri, 12 Nov 2021 13:25:09 GMT
|
32
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.2..@fluentui/react-theme_v9.0.0-beta.3)
|
11
33
|
|
12
34
|
### Changes
|
13
35
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/69054b5abc9c52ffb203f51ad40b49d9729af7d9) by email not defined)
|
15
36
|
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
|
37
|
+
- feat(react-theme): add/update design tokens ([PR #20569](https://github.com/microsoft/fluentui/pull/20569) by miroslav.stastny@microsoft.com)
|
16
38
|
|
17
39
|
## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.2)
|
18
40
|
|
package/dist/react-theme.d.ts
CHANGED
@@ -7,115 +7,118 @@ 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
|
116
116
|
*/
|
117
117
|
export declare type ColorTokens = {
|
118
118
|
colorNeutralForeground1: string;
|
119
|
+
colorNeutralForeground1Hover: string;
|
120
|
+
colorNeutralForeground1Pressed: string;
|
121
|
+
colorNeutralForeground1Selected: string;
|
119
122
|
colorNeutralForeground2: string;
|
120
123
|
colorNeutralForeground2Hover: string;
|
121
124
|
colorNeutralForeground2Pressed: string;
|
@@ -132,6 +135,7 @@ export declare type ColorTokens = {
|
|
132
135
|
colorNeutralForeground3BrandSelected: string;
|
133
136
|
colorNeutralForeground4: string;
|
134
137
|
colorNeutralForegroundDisabled: string;
|
138
|
+
colorNeutralForegroundInvertedDisabled: string;
|
135
139
|
colorBrandForegroundLink: string;
|
136
140
|
colorBrandForegroundLinkHover: string;
|
137
141
|
colorBrandForegroundLinkPressed: string;
|
@@ -142,11 +146,21 @@ export declare type ColorTokens = {
|
|
142
146
|
colorBrandForeground1: string;
|
143
147
|
colorBrandForeground2: string;
|
144
148
|
colorNeutralForegroundInverted: string;
|
149
|
+
colorNeutralForegroundInvertedHover: string;
|
150
|
+
colorNeutralForegroundInvertedPressed: string;
|
151
|
+
colorNeutralForegroundInvertedSelected: string;
|
145
152
|
colorNeutralForegroundOnBrand: string;
|
146
153
|
colorNeutralForegroundInvertedLink: string;
|
147
154
|
colorNeutralForegroundInvertedLinkHover: string;
|
148
155
|
colorNeutralForegroundInvertedLinkPressed: string;
|
149
156
|
colorNeutralForegroundInvertedLinkSelected: string;
|
157
|
+
colorBrandForegroundInverted: string;
|
158
|
+
colorBrandForegroundInvertedHover: string;
|
159
|
+
colorBrandForegroundInvertedPressed: string;
|
160
|
+
colorBrandForegroundOnLight: string;
|
161
|
+
colorBrandForegroundOnLightHover: string;
|
162
|
+
colorBrandForegroundOnLightPressed: string;
|
163
|
+
colorBrandForegroundOnLightSelected: string;
|
150
164
|
colorNeutralBackground1: string;
|
151
165
|
colorNeutralBackground1Hover: string;
|
152
166
|
colorNeutralBackground1Pressed: string;
|
@@ -173,11 +187,19 @@ export declare type ColorTokens = {
|
|
173
187
|
colorSubtleBackgroundHover: string;
|
174
188
|
colorSubtleBackgroundPressed: string;
|
175
189
|
colorSubtleBackgroundSelected: string;
|
190
|
+
colorSubtleBackgroundLightAlphaHover: string;
|
191
|
+
colorSubtleBackgroundLightAlphaPressed: string;
|
192
|
+
colorSubtleBackgroundLightAlphaSelected: string;
|
193
|
+
colorSubtleBackgroundInverted: string;
|
194
|
+
colorSubtleBackgroundInvertedHover: string;
|
195
|
+
colorSubtleBackgroundInvertedPressed: string;
|
196
|
+
colorSubtleBackgroundInvertedSelected: string;
|
176
197
|
colorTransparentBackground: string;
|
177
198
|
colorTransparentBackgroundHover: string;
|
178
199
|
colorTransparentBackgroundPressed: string;
|
179
200
|
colorTransparentBackgroundSelected: string;
|
180
201
|
colorNeutralBackgroundDisabled: string;
|
202
|
+
colorNeutralBackgroundInvertedDisabled: string;
|
181
203
|
colorNeutralStencil1: string;
|
182
204
|
colorNeutralStencil2: string;
|
183
205
|
colorBrandBackground: string;
|
@@ -189,6 +211,10 @@ export declare type ColorTokens = {
|
|
189
211
|
colorCompoundBrandBackgroundPressed: string;
|
190
212
|
colorBrandBackgroundStatic: string;
|
191
213
|
colorBrandBackground2: string;
|
214
|
+
colorBrandBackgroundInverted: string;
|
215
|
+
colorBrandBackgroundInvertedHover: string;
|
216
|
+
colorBrandBackgroundInvertedPressed: string;
|
217
|
+
colorBrandBackgroundInvertedSelected: string;
|
192
218
|
colorNeutralStrokeAccessible: string;
|
193
219
|
colorNeutralStrokeAccessibleHover: string;
|
194
220
|
colorNeutralStrokeAccessiblePressed: string;
|
@@ -199,12 +225,18 @@ export declare type ColorTokens = {
|
|
199
225
|
colorNeutralStroke1Selected: string;
|
200
226
|
colorNeutralStroke2: string;
|
201
227
|
colorNeutralStroke3: string;
|
228
|
+
colorNeutralStrokeOnBrand: string;
|
229
|
+
colorNeutralStrokeOnBrand2: string;
|
230
|
+
colorNeutralStrokeOnBrand2Hover: string;
|
231
|
+
colorNeutralStrokeOnBrand2Pressed: string;
|
232
|
+
colorNeutralStrokeOnBrand2Selected: string;
|
202
233
|
colorBrandStroke1: string;
|
203
234
|
colorBrandStroke2: string;
|
204
235
|
colorCompoundBrandStroke: string;
|
205
236
|
colorCompoundBrandStrokeHover: string;
|
206
237
|
colorCompoundBrandStrokePressed: string;
|
207
238
|
colorNeutralStrokeDisabled: string;
|
239
|
+
colorNeutralStrokeInvertedDisabled: string;
|
208
240
|
colorTransparentStroke: string;
|
209
241
|
colorTransparentStrokeInteractive: string;
|
210
242
|
colorTransparentStrokeDisabled: string;
|
@@ -220,24 +252,6 @@ export declare type ColorTokens = {
|
|
220
252
|
colorBrandShadowKey: string;
|
221
253
|
};
|
222
254
|
|
223
|
-
/**
|
224
|
-
* Possible color variant values
|
225
|
-
*/
|
226
|
-
declare type ColorVariants = {
|
227
|
-
shade50: string;
|
228
|
-
shade40: string;
|
229
|
-
shade30: string;
|
230
|
-
shade20: string;
|
231
|
-
shade10: string;
|
232
|
-
primary: string;
|
233
|
-
tint10: string;
|
234
|
-
tint20: string;
|
235
|
-
tint30: string;
|
236
|
-
tint40: string;
|
237
|
-
tint50: string;
|
238
|
-
tint60: string;
|
239
|
-
};
|
240
|
-
|
241
255
|
export declare const createDarkTheme: (brand: BrandVariants) => Theme;
|
242
256
|
|
243
257
|
export declare const createHighContrastTheme: () => Theme;
|
@@ -288,6 +302,15 @@ export declare function mergeThemes(a: Theme | undefined, b: PartialTheme | Them
|
|
288
302
|
|
289
303
|
export declare type PartialTheme = Partial<Theme>;
|
290
304
|
|
305
|
+
export declare type ShadowBrandTokens = {
|
306
|
+
shadow2Brand: string;
|
307
|
+
shadow4Brand: string;
|
308
|
+
shadow8Brand: string;
|
309
|
+
shadow16Brand: string;
|
310
|
+
shadow28Brand: string;
|
311
|
+
shadow64Brand: string;
|
312
|
+
};
|
313
|
+
|
291
314
|
/**
|
292
315
|
* Design tokens for shadow levels
|
293
316
|
*/
|
@@ -313,9 +336,7 @@ export declare const teamsHighContrastTheme: Theme;
|
|
313
336
|
|
314
337
|
export declare const teamsLightTheme: Theme;
|
315
338
|
|
316
|
-
export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
|
317
|
-
|
318
|
-
export declare function themeToCSSVariables(theme: Theme): Record<string, string | number>;
|
339
|
+
export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
|
319
340
|
|
320
341
|
export declare const webDarkTheme: Theme;
|
321
342
|
|