@fluentui/react-theme 0.0.0-nightlyf3ce1fbe1d20211110.1 → 0.0.0-nightlyfc5cfdc52420220215.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.
Files changed (92) hide show
  1. package/CHANGELOG.json +133 -4
  2. package/CHANGELOG.md +40 -5
  3. package/dist/react-theme.d.ts +106 -74
  4. package/lib/alias/dark.js +71 -36
  5. package/lib/alias/dark.js.map +1 -1
  6. package/lib/alias/highContrast.js +41 -6
  7. package/lib/alias/highContrast.js.map +1 -1
  8. package/lib/alias/light.js +67 -32
  9. package/lib/alias/light.js.map +1 -1
  10. package/lib/alias/teamsDark.js +70 -35
  11. package/lib/alias/teamsDark.js.map +1 -1
  12. package/lib/global/brandColors.d.ts +1 -0
  13. package/lib/global/brandColors.js +51 -29
  14. package/lib/global/brandColors.js.map +1 -1
  15. package/lib/global/colors.d.ts +2 -2
  16. package/lib/global/colors.js +14 -14
  17. package/lib/global/colors.js.map +1 -1
  18. package/lib/index.d.ts +3 -1
  19. package/lib/index.js +2 -0
  20. package/lib/index.js.map +1 -1
  21. package/lib/themeToTokensObject.d.ts +10 -0
  22. package/lib/themeToTokensObject.js +19 -0
  23. package/lib/themeToTokensObject.js.map +1 -0
  24. package/lib/tokens.d.ts +2 -0
  25. package/lib/tokens.js +687 -0
  26. package/lib/tokens.js.map +1 -0
  27. package/lib/types.d.ts +92 -77
  28. package/lib/utils/createDarkTheme.js +2 -1
  29. package/lib/utils/createDarkTheme.js.map +1 -1
  30. package/lib/utils/createHighContrastTheme.js +2 -1
  31. package/lib/utils/createHighContrastTheme.js.map +1 -1
  32. package/lib/utils/createLightTheme.js +2 -1
  33. package/lib/utils/createLightTheme.js.map +1 -1
  34. package/lib/utils/createTeamsDarkTheme.js +2 -1
  35. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  36. package/lib/utils/index.d.ts +0 -2
  37. package/lib/utils/index.js +0 -2
  38. package/lib/utils/index.js.map +1 -1
  39. package/lib/utils/shadows.d.ts +2 -1
  40. package/lib/utils/shadows.js +7 -7
  41. package/lib/utils/shadows.js.map +1 -1
  42. package/lib-commonjs/alias/dark.js +70 -35
  43. package/lib-commonjs/alias/dark.js.map +1 -1
  44. package/lib-commonjs/alias/highContrast.js +40 -5
  45. package/lib-commonjs/alias/highContrast.js.map +1 -1
  46. package/lib-commonjs/alias/light.js +66 -31
  47. package/lib-commonjs/alias/light.js.map +1 -1
  48. package/lib-commonjs/alias/teamsDark.js +69 -34
  49. package/lib-commonjs/alias/teamsDark.js.map +1 -1
  50. package/lib-commonjs/global/brandColors.d.ts +1 -0
  51. package/lib-commonjs/global/brandColors.js +52 -30
  52. package/lib-commonjs/global/brandColors.js.map +1 -1
  53. package/lib-commonjs/global/colors.d.ts +2 -2
  54. package/lib-commonjs/global/colors.js +15 -15
  55. package/lib-commonjs/global/colors.js.map +1 -1
  56. package/lib-commonjs/index.d.ts +3 -1
  57. package/lib-commonjs/index.js +19 -0
  58. package/lib-commonjs/index.js.map +1 -1
  59. package/lib-commonjs/themeToTokensObject.d.ts +10 -0
  60. package/lib-commonjs/themeToTokensObject.js +28 -0
  61. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  62. package/lib-commonjs/tokens.d.ts +2 -0
  63. package/lib-commonjs/tokens.js +693 -0
  64. package/lib-commonjs/tokens.js.map +1 -0
  65. package/lib-commonjs/types.d.ts +92 -77
  66. package/lib-commonjs/utils/createDarkTheme.js +2 -1
  67. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  68. package/lib-commonjs/utils/createHighContrastTheme.js +2 -1
  69. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  70. package/lib-commonjs/utils/createLightTheme.js +2 -1
  71. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  72. package/lib-commonjs/utils/createTeamsDarkTheme.js +2 -1
  73. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  74. package/lib-commonjs/utils/index.d.ts +0 -2
  75. package/lib-commonjs/utils/index.js +0 -12
  76. package/lib-commonjs/utils/index.js.map +1 -1
  77. package/lib-commonjs/utils/shadows.d.ts +2 -1
  78. package/lib-commonjs/utils/shadows.js +7 -7
  79. package/lib-commonjs/utils/shadows.js.map +1 -1
  80. package/package.json +6 -6
  81. package/lib/utils/mergeThemes.d.ts +0 -2
  82. package/lib/utils/mergeThemes.js +0 -15
  83. package/lib/utils/mergeThemes.js.map +0 -1
  84. package/lib/utils/themeToCSSVariables.d.ts +0 -2
  85. package/lib/utils/themeToCSSVariables.js +0 -12
  86. package/lib/utils/themeToCSSVariables.js.map +0 -1
  87. package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
  88. package/lib-commonjs/utils/mergeThemes.js +0 -24
  89. package/lib-commonjs/utils/mergeThemes.js.map +0 -1
  90. package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
  91. package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
  92. package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,22 +2,151 @@
2
2
  "name": "@fluentui/react-theme",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 10 Nov 2021 04:16:50 GMT",
6
- "tag": "@fluentui/react-theme_v0.0.0-nightlyf3ce1fbe1d20211110.1",
7
- "version": "0.0.0-nightlyf3ce1fbe1d20211110.1",
5
+ "date": "Tue, 15 Feb 2022 04:11:42 GMT",
6
+ "tag": "@fluentui/react-theme_v0.0.0-nightlyfc5cfdc52420220215.1",
7
+ "version": "0.0.0-nightlyfc5cfdc52420220215.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-theme",
13
- "commit": "c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a",
13
+ "commit": "911569f28daa07a66ee59e1d8b7cfaf6f86051e9",
14
14
  "comment": "Release nightly v9"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Thu, 10 Feb 2022 08:51:02 GMT",
21
+ "tag": "@fluentui/react-theme_v9.0.0-rc.1",
22
+ "version": "9.0.0-rc.1",
23
+ "comments": {
24
+ "none": [
25
+ {
26
+ "author": "olfedias@microsoft.com",
27
+ "package": "@fluentui/react-theme",
28
+ "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
29
+ "comment": "remove inline-style-expand-shorthand from tsconfigs"
30
+ },
31
+ {
32
+ "author": "miroslav.stastny@microsoft.com",
33
+ "package": "@fluentui/react-theme",
34
+ "commit": "636b848aa2323fd5d450e2206a71afad93aaa578",
35
+ "comment": "chore(react-theme) Add theme tokens bundle size fixture"
36
+ },
37
+ {
38
+ "author": "martinhochel@microsoft.com",
39
+ "package": "@fluentui/react-theme",
40
+ "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
41
+ "comment": "chore: use storybook runner for all vNext packages"
42
+ }
43
+ ],
44
+ "prerelease": [
45
+ {
46
+ "author": "miroslav.stastny@microsoft.com",
47
+ "package": "@fluentui/react-theme",
48
+ "commit": "fa3937813e6587d90ab5c43579321004fc37d6e9",
49
+ "comment": "feat(react-theme): Add colorNeutralForeground1Static token"
50
+ },
51
+ {
52
+ "author": "andmarti@microsoft.com",
53
+ "package": "@fluentui/react-theme",
54
+ "commit": "3ca42a594827a2ce3d5d18fcd4a399c92fda3bd7",
55
+ "comment": "updating brand colors"
56
+ },
57
+ {
58
+ "author": "Humberto.Morimoto@microsoft.com",
59
+ "package": "@fluentui/react-theme",
60
+ "commit": "b382d0421440e0854673a7967137d6c667544f91",
61
+ "comment": "feat: Export tokens as mapping to CSS variables"
62
+ },
63
+ {
64
+ "author": "miroslav.stastny@microsoft.com",
65
+ "package": "@fluentui/react-theme",
66
+ "commit": "d7479a7414e636731b678aebb6bf6295fd607fda",
67
+ "comment": "Extend brand ramp from 13 to 16 tokens"
68
+ },
69
+ {
70
+ "author": "martinhochel@microsoft.com",
71
+ "package": "@fluentui/react-theme",
72
+ "commit": "1dba2fca2365f1a748505896679ae160a6fec270",
73
+ "comment": "remove mergeThemes API"
74
+ },
75
+ {
76
+ "author": "Humberto.Morimoto@microsoft.com",
77
+ "package": "@fluentui/react-theme",
78
+ "commit": "1c2a4410205d3c86bc885fb74d6aede75d9bd99d",
79
+ "comment": "Theme: Adding function to programmatically generate tokens object based on a theme."
15
80
  },
81
+ {
82
+ "author": "bsunderhus@microsoft.com",
83
+ "package": "@fluentui/react-theme",
84
+ "commit": "c9a03954ffd5d1a85284fb36ef4cd103ed8aa927",
85
+ "comment": "Remove `themeToCSSVariables` function"
86
+ },
87
+ {
88
+ "author": "miroslav.stastny@microsoft.com",
89
+ "package": "@fluentui/react-theme",
90
+ "commit": "8985d65f0aac448c6766d27800922224555be0f4",
91
+ "comment": "feat(react-theme) Add border1 color token for shared colors"
92
+ },
93
+ {
94
+ "author": "lingfangao@hotmail.com",
95
+ "package": "@fluentui/react-theme",
96
+ "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
97
+ "comment": "Bump Fluent UI packages to 9.0.0-rc"
98
+ }
99
+ ]
100
+ }
101
+ },
102
+ {
103
+ "date": "Thu, 25 Nov 2021 08:34:16 GMT",
104
+ "tag": "@fluentui/react-theme_v9.0.0-beta.4",
105
+ "version": "9.0.0-beta.4",
106
+ "comments": {
107
+ "none": [
108
+ {
109
+ "author": "olfedias@microsoft.com",
110
+ "package": "@fluentui/react-theme",
111
+ "commit": "66670cf47c716e284c7ac7ae5f25d1f77f3aced3",
112
+ "comment": "update tooling configs"
113
+ }
114
+ ],
115
+ "prerelease": [
116
+ {
117
+ "author": "miroslav.stastny@microsoft.com",
118
+ "package": "@fluentui/react-theme",
119
+ "commit": "0a328c7a57bfa78ff9a4cd896f17e2887da64bec",
120
+ "comment": "feat(react-theme): update shadow design tokens"
121
+ }
122
+ ]
123
+ }
124
+ },
125
+ {
126
+ "date": "Fri, 12 Nov 2021 13:25:09 GMT",
127
+ "tag": "@fluentui/react-theme_v9.0.0-beta.3",
128
+ "version": "9.0.0-beta.3",
129
+ "comments": {
130
+ "prerelease": [
16
131
  {
17
132
  "author": "gcox@microsoft.com",
18
133
  "package": "@fluentui/react-theme",
19
134
  "commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
20
135
  "comment": "Updated beta and RC components to ES2019"
136
+ },
137
+ {
138
+ "author": "miroslav.stastny@microsoft.com",
139
+ "package": "@fluentui/react-theme",
140
+ "commit": "fe9829e4818f9bb7206df37747d5da332706ae4b",
141
+ "comment": "feat(react-theme): add/update design tokens"
142
+ }
143
+ ],
144
+ "none": [
145
+ {
146
+ "author": "lingfangao@hotmail.com",
147
+ "package": "@fluentui/react-theme",
148
+ "commit": "00f70581480b536e723fb69edf0ae617beac4807",
149
+ "comment": "Remove beta release tag"
21
150
  }
22
151
  ]
23
152
  }
package/CHANGELOG.md CHANGED
@@ -1,18 +1,53 @@
1
1
  # Change Log - @fluentui/react-theme
2
2
 
3
- This log was last generated on Wed, 10 Nov 2021 04:16:50 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 15 Feb 2022 04:11:42 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightlyf3ce1fbe1d20211110.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightlyf3ce1fbe1d20211110.1)
7
+ ## [0.0.0-nightlyfc5cfdc52420220215.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightlyfc5cfdc52420220215.1)
8
8
 
9
- Wed, 10 Nov 2021 04:16:50 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.2..@fluentui/react-theme_v0.0.0-nightlyf3ce1fbe1d20211110.1)
9
+ Tue, 15 Feb 2022 04:11:42 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.1..@fluentui/react-theme_v0.0.0-nightlyfc5cfdc52420220215.1)
11
+
12
+ ### Changes
13
+
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/911569f28daa07a66ee59e1d8b7cfaf6f86051e9) by email not defined)
15
+
16
+ ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.1)
17
+
18
+ Thu, 10 Feb 2022 08:51:02 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v9.0.0-rc.1)
20
+
21
+ ### Changes
22
+
23
+ - feat(react-theme): Add colorNeutralForeground1Static token ([PR #21385](https://github.com/microsoft/fluentui/pull/21385) by miroslav.stastny@microsoft.com)
24
+ - updating brand colors ([PR #20140](https://github.com/microsoft/fluentui/pull/20140) by andmarti@microsoft.com)
25
+ - feat: Export tokens as mapping to CSS variables ([PR #21026](https://github.com/microsoft/fluentui/pull/21026) by Humberto.Morimoto@microsoft.com)
26
+ - Extend brand ramp from 13 to 16 tokens ([PR #20884](https://github.com/microsoft/fluentui/pull/20884) by miroslav.stastny@microsoft.com)
27
+ - remove mergeThemes API ([PR #21278](https://github.com/microsoft/fluentui/pull/21278) by martinhochel@microsoft.com)
28
+ - Theme: Adding function to programmatically generate tokens object based on a theme. ([PR #21548](https://github.com/microsoft/fluentui/pull/21548) by Humberto.Morimoto@microsoft.com)
29
+ - Remove `themeToCSSVariables` function ([PR #20828](https://github.com/microsoft/fluentui/pull/20828) by bsunderhus@microsoft.com)
30
+ - feat(react-theme) Add border1 color token for shared colors ([PR #20963](https://github.com/microsoft/fluentui/pull/20963) by miroslav.stastny@microsoft.com)
31
+ - Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
32
+
33
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.4)
34
+
35
+ Thu, 25 Nov 2021 08:34:16 GMT
36
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.3..@fluentui/react-theme_v9.0.0-beta.4)
37
+
38
+ ### Changes
39
+
40
+ - feat(react-theme): update shadow design tokens ([PR #20604](https://github.com/microsoft/fluentui/pull/20604) by miroslav.stastny@microsoft.com)
41
+
42
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.3)
43
+
44
+ Fri, 12 Nov 2021 13:25:09 GMT
45
+ [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
46
 
12
47
  ### Changes
13
48
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/c7a7f2302f3cfcbc6cd026f4d0ee4d5a2810371a) by email not defined)
15
49
  - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
50
+ - feat(react-theme): add/update design tokens ([PR #20569](https://github.com/microsoft/fluentui/pull/20569) by miroslav.stastny@microsoft.com)
16
51
 
17
52
  ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.2)
18
53
 
@@ -7,115 +7,118 @@ export declare type BorderRadiusTokens = {
7
7
  borderRadiusCircular: string;
8
8
  };
9
9
 
10
- export declare type BrandVariants = ColorVariants & {
11
- shade60: string;
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;
@@ -141,12 +145,23 @@ export declare type ColorTokens = {
141
145
  colorCompoundBrandForeground1Pressed: string;
142
146
  colorBrandForeground1: string;
143
147
  colorBrandForeground2: string;
148
+ colorNeutralForeground1Static: string;
144
149
  colorNeutralForegroundInverted: string;
150
+ colorNeutralForegroundInvertedHover: string;
151
+ colorNeutralForegroundInvertedPressed: string;
152
+ colorNeutralForegroundInvertedSelected: string;
145
153
  colorNeutralForegroundOnBrand: string;
146
154
  colorNeutralForegroundInvertedLink: string;
147
155
  colorNeutralForegroundInvertedLinkHover: string;
148
156
  colorNeutralForegroundInvertedLinkPressed: string;
149
157
  colorNeutralForegroundInvertedLinkSelected: string;
158
+ colorBrandForegroundInverted: string;
159
+ colorBrandForegroundInvertedHover: string;
160
+ colorBrandForegroundInvertedPressed: string;
161
+ colorBrandForegroundOnLight: string;
162
+ colorBrandForegroundOnLightHover: string;
163
+ colorBrandForegroundOnLightPressed: string;
164
+ colorBrandForegroundOnLightSelected: string;
150
165
  colorNeutralBackground1: string;
151
166
  colorNeutralBackground1Hover: string;
152
167
  colorNeutralBackground1Pressed: string;
@@ -173,11 +188,19 @@ export declare type ColorTokens = {
173
188
  colorSubtleBackgroundHover: string;
174
189
  colorSubtleBackgroundPressed: string;
175
190
  colorSubtleBackgroundSelected: string;
191
+ colorSubtleBackgroundLightAlphaHover: string;
192
+ colorSubtleBackgroundLightAlphaPressed: string;
193
+ colorSubtleBackgroundLightAlphaSelected: string;
194
+ colorSubtleBackgroundInverted: string;
195
+ colorSubtleBackgroundInvertedHover: string;
196
+ colorSubtleBackgroundInvertedPressed: string;
197
+ colorSubtleBackgroundInvertedSelected: string;
176
198
  colorTransparentBackground: string;
177
199
  colorTransparentBackgroundHover: string;
178
200
  colorTransparentBackgroundPressed: string;
179
201
  colorTransparentBackgroundSelected: string;
180
202
  colorNeutralBackgroundDisabled: string;
203
+ colorNeutralBackgroundInvertedDisabled: string;
181
204
  colorNeutralStencil1: string;
182
205
  colorNeutralStencil2: string;
183
206
  colorBrandBackground: string;
@@ -189,6 +212,10 @@ export declare type ColorTokens = {
189
212
  colorCompoundBrandBackgroundPressed: string;
190
213
  colorBrandBackgroundStatic: string;
191
214
  colorBrandBackground2: string;
215
+ colorBrandBackgroundInverted: string;
216
+ colorBrandBackgroundInvertedHover: string;
217
+ colorBrandBackgroundInvertedPressed: string;
218
+ colorBrandBackgroundInvertedSelected: string;
192
219
  colorNeutralStrokeAccessible: string;
193
220
  colorNeutralStrokeAccessibleHover: string;
194
221
  colorNeutralStrokeAccessiblePressed: string;
@@ -199,12 +226,18 @@ export declare type ColorTokens = {
199
226
  colorNeutralStroke1Selected: string;
200
227
  colorNeutralStroke2: string;
201
228
  colorNeutralStroke3: string;
229
+ colorNeutralStrokeOnBrand: string;
230
+ colorNeutralStrokeOnBrand2: string;
231
+ colorNeutralStrokeOnBrand2Hover: string;
232
+ colorNeutralStrokeOnBrand2Pressed: string;
233
+ colorNeutralStrokeOnBrand2Selected: string;
202
234
  colorBrandStroke1: string;
203
235
  colorBrandStroke2: string;
204
236
  colorCompoundBrandStroke: string;
205
237
  colorCompoundBrandStrokeHover: string;
206
238
  colorCompoundBrandStrokePressed: string;
207
239
  colorNeutralStrokeDisabled: string;
240
+ colorNeutralStrokeInvertedDisabled: string;
208
241
  colorTransparentStroke: string;
209
242
  colorTransparentStrokeInteractive: string;
210
243
  colorTransparentStrokeDisabled: string;
@@ -220,24 +253,6 @@ export declare type ColorTokens = {
220
253
  colorBrandShadowKey: string;
221
254
  };
222
255
 
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
256
  export declare const createDarkTheme: (brand: BrandVariants) => Theme;
242
257
 
243
258
  export declare const createHighContrastTheme: () => Theme;
@@ -284,10 +299,17 @@ export declare type LineHeightTokens = {
284
299
  lineHeightHero1000: string;
285
300
  };
286
301
 
287
- export declare function mergeThemes(a: Theme | undefined, b: PartialTheme | Theme | undefined): Theme;
288
-
289
302
  export declare type PartialTheme = Partial<Theme>;
290
303
 
304
+ export declare type ShadowBrandTokens = {
305
+ shadow2Brand: string;
306
+ shadow4Brand: string;
307
+ shadow8Brand: string;
308
+ shadow16Brand: string;
309
+ shadow28Brand: string;
310
+ shadow64Brand: string;
311
+ };
312
+
291
313
  /**
292
314
  * Design tokens for shadow levels
293
315
  */
@@ -313,9 +335,19 @@ export declare const teamsHighContrastTheme: Theme;
313
335
 
314
336
  export declare const teamsLightTheme: Theme;
315
337
 
316
- export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
338
+ export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
339
+
340
+ /**
341
+ * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
342
+ * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
343
+ * affect tree-shaking since bundlers do not know the shape of the output.
344
+ *
345
+ * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
346
+ * @returns Tokens to css variables mapping object corresponding to the passed theme
347
+ */
348
+ export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string>;
317
349
 
318
- export declare function themeToCSSVariables(theme: Theme): Record<string, string | number>;
350
+ export declare const tokens: Record<keyof Theme, string>;
319
351
 
320
352
  export declare const webDarkTheme: Theme;
321
353