@fluentui/react-theme 9.0.0-rc.9 → 9.1.0

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 (89) hide show
  1. package/CHANGELOG.json +148 -1
  2. package/CHANGELOG.md +38 -2
  3. package/README.md +60 -2
  4. package/dist/index.d.ts +38 -57
  5. package/lib/alias/darkColor.js +14 -8
  6. package/lib/alias/darkColor.js.map +1 -1
  7. package/lib/alias/darkColorPalette.js +26 -11
  8. package/lib/alias/darkColorPalette.js.map +1 -1
  9. package/lib/alias/highContrastColor.js +8 -2
  10. package/lib/alias/highContrastColor.js.map +1 -1
  11. package/lib/alias/highContrastColorPalette.js +25 -10
  12. package/lib/alias/highContrastColorPalette.js.map +1 -1
  13. package/lib/alias/lightColor.js +7 -1
  14. package/lib/alias/lightColor.js.map +1 -1
  15. package/lib/alias/lightColorPalette.js +28 -11
  16. package/lib/alias/lightColorPalette.js.map +1 -1
  17. package/lib/alias/teamsDarkColor.js +12 -6
  18. package/lib/alias/teamsDarkColor.js.map +1 -1
  19. package/lib/alias/teamsDarkColorPalette.js +26 -11
  20. package/lib/alias/teamsDarkColorPalette.js.map +1 -1
  21. package/lib/global/borderRadius.js.map +1 -1
  22. package/lib/global/brandColors.js.map +1 -1
  23. package/lib/global/colorPalette.js +41 -0
  24. package/lib/global/colorPalette.js.map +1 -0
  25. package/lib/global/colors.js +52 -100
  26. package/lib/global/colors.js.map +1 -1
  27. package/lib/global/curves.js.map +1 -1
  28. package/lib/global/durations.js.map +1 -1
  29. package/lib/global/fonts.js +2 -1
  30. package/lib/global/fonts.js.map +1 -1
  31. package/lib/global/spacings.js.map +1 -1
  32. package/lib/global/strokeWidths.js.map +1 -1
  33. package/lib/global/typographyStyles.js +9 -3
  34. package/lib/global/typographyStyles.js.map +1 -1
  35. package/lib/index.js.map +1 -1
  36. package/lib/sharedColorNames.js +9 -0
  37. package/lib/sharedColorNames.js.map +1 -0
  38. package/lib/themeToTokensObject.js.map +1 -1
  39. package/lib/tokens.js +72 -376
  40. package/lib/tokens.js.map +1 -1
  41. package/lib/types.js.map +1 -1
  42. package/lib/utils/createDarkTheme.js.map +1 -1
  43. package/lib/utils/createHighContrastTheme.js.map +1 -1
  44. package/lib/utils/createLightTheme.js.map +1 -1
  45. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  46. package/lib/utils/shadows.js.map +1 -1
  47. package/lib-commonjs/alias/darkColor.js +14 -8
  48. package/lib-commonjs/alias/darkColor.js.map +1 -1
  49. package/lib-commonjs/alias/darkColorPalette.js +27 -11
  50. package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
  51. package/lib-commonjs/alias/highContrastColor.js +8 -2
  52. package/lib-commonjs/alias/highContrastColor.js.map +1 -1
  53. package/lib-commonjs/alias/highContrastColorPalette.js +25 -9
  54. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
  55. package/lib-commonjs/alias/lightColor.js +7 -1
  56. package/lib-commonjs/alias/lightColor.js.map +1 -1
  57. package/lib-commonjs/alias/lightColorPalette.js +29 -11
  58. package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
  59. package/lib-commonjs/alias/teamsDarkColor.js +12 -6
  60. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
  61. package/lib-commonjs/alias/teamsDarkColorPalette.js +27 -11
  62. package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -1
  63. package/lib-commonjs/global/borderRadius.js.map +1 -1
  64. package/lib-commonjs/global/brandColors.js.map +1 -1
  65. package/lib-commonjs/global/colorPalette.js +49 -0
  66. package/lib-commonjs/global/colorPalette.js.map +1 -0
  67. package/lib-commonjs/global/colors.js +54 -101
  68. package/lib-commonjs/global/colors.js.map +1 -1
  69. package/lib-commonjs/global/curves.js.map +1 -1
  70. package/lib-commonjs/global/durations.js.map +1 -1
  71. package/lib-commonjs/global/fonts.js +2 -1
  72. package/lib-commonjs/global/fonts.js.map +1 -1
  73. package/lib-commonjs/global/spacings.js.map +1 -1
  74. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  75. package/lib-commonjs/global/typographyStyles.js +9 -3
  76. package/lib-commonjs/global/typographyStyles.js.map +1 -1
  77. package/lib-commonjs/index.js.map +1 -1
  78. package/lib-commonjs/sharedColorNames.js +16 -0
  79. package/lib-commonjs/sharedColorNames.js.map +1 -0
  80. package/lib-commonjs/themeToTokensObject.js.map +1 -1
  81. package/lib-commonjs/tokens.js +72 -376
  82. package/lib-commonjs/tokens.js.map +1 -1
  83. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  84. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  85. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  86. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  87. package/lib-commonjs/utils/shadows.js.map +1 -1
  88. package/package.json +4 -5
  89. package/dist/tsdoc-metadata.json +0 -11
package/CHANGELOG.json CHANGED
@@ -2,7 +2,154 @@
2
2
  "name": "@fluentui/react-theme",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 23 May 2022 18:54:55 GMT",
5
+ "date": "Thu, 15 Sep 2022 09:44:57 GMT",
6
+ "tag": "@fluentui/react-theme_v9.1.0",
7
+ "version": "9.1.0",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "seanmonahan@microsoft.com",
12
+ "package": "@fluentui/react-theme",
13
+ "commit": "1d0a72865a151962362aa3e5054ac9bf8178f09c",
14
+ "comment": "fix: update token values to fix failing color contrast"
15
+ },
16
+ {
17
+ "author": "seanmonahan@microsoft.com",
18
+ "package": "@fluentui/react-theme",
19
+ "commit": "5c78472d96502d05a10016d9502eceada4edfd8a",
20
+ "comment": "fix: update color neutral background inverted color in teams dark"
21
+ },
22
+ {
23
+ "author": "miroslav.stastny@microsoft.com",
24
+ "package": "@fluentui/react-theme",
25
+ "commit": "21af8da1d98c070a682b26b7d56775d43a749b3d",
26
+ "comment": "fix: Update color tokens mapping"
27
+ },
28
+ {
29
+ "author": "miroslav.stastny@microsoft.com",
30
+ "package": "@fluentui/react-theme",
31
+ "commit": "0137f992b99b3b8ec927be8f7aef751d27cd5830",
32
+ "comment": "fix: Rename colorNeutralForegroundInvertedStatic token to colorNeutralForegroundStaticInverted"
33
+ },
34
+ {
35
+ "author": "miroslav.stastny@microsoft.com",
36
+ "package": "@fluentui/react-theme",
37
+ "commit": "817814abbc2b4acbf63eb5e6dfb75863aa033184",
38
+ "comment": "fix: Change colorBrandForeground2 mapping in teamsDark theme"
39
+ },
40
+ {
41
+ "author": "miroslav.stastny@microsoft.com",
42
+ "package": "@fluentui/react-theme",
43
+ "commit": "018509c3926449f70b357b80952f40ff2aa9071f",
44
+ "comment": "fix: Swap Background1 and Foreground1 in HC color palette"
45
+ }
46
+ ],
47
+ "none": [
48
+ {
49
+ "author": "martinhochel@microsoft.com",
50
+ "package": "@fluentui/react-theme",
51
+ "commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
52
+ "comment": "chore: update package scaffold"
53
+ },
54
+ {
55
+ "author": "miroslav.stastny@microsoft.com",
56
+ "package": "@fluentui/react-theme",
57
+ "commit": "e95ba37f3a8155930542712bfc63055c306cce56",
58
+ "comment": "docs: Update readme"
59
+ },
60
+ {
61
+ "author": "miroslav.stastny@microsoft.com",
62
+ "package": "@fluentui/react-theme",
63
+ "commit": "faf23288345ea43d3cfa8efbe2bd29917271128f",
64
+ "comment": "chore: Refactor global shared color tokens"
65
+ }
66
+ ],
67
+ "minor": [
68
+ {
69
+ "author": "miroslav.stastny@microsoft.com",
70
+ "package": "@fluentui/react-theme",
71
+ "commit": "61557d7e48a7380b2fbf2bcc5c8faa4a3ed7d89f",
72
+ "comment": "feat: Add fontWeightBold, add Body2, fix font weight for *Stronger typography"
73
+ }
74
+ ]
75
+ }
76
+ },
77
+ {
78
+ "date": "Wed, 03 Aug 2022 16:04:07 GMT",
79
+ "tag": "@fluentui/react-theme_v9.0.0",
80
+ "version": "9.0.0",
81
+ "comments": {
82
+ "none": [
83
+ {
84
+ "author": "lingfangao@hotmail.com",
85
+ "package": "@fluentui/react-theme",
86
+ "commit": "99cc385631d04a76ee10ebc143cb9fecd99640b6",
87
+ "comment": "chore: Add `prerelease` as disallowed changetype for 9.0.0 packages"
88
+ },
89
+ {
90
+ "author": "behowell@microsoft.com",
91
+ "package": "@fluentui/react-theme",
92
+ "commit": "e6bec62689022606e64b56b90506c6d75cbdcfce",
93
+ "comment": "fix: Fix issue preventing copying text out of theme storybook documentation"
94
+ }
95
+ ]
96
+ }
97
+ },
98
+ {
99
+ "date": "Thu, 14 Jul 2022 17:06:24 GMT",
100
+ "tag": "@fluentui/react-theme_v9.0.0",
101
+ "version": "9.0.0",
102
+ "comments": {
103
+ "none": [
104
+ {
105
+ "author": "mgodbolt@microsoft.com",
106
+ "package": "@fluentui/react-theme",
107
+ "commit": "769bfa3d797cb79aa6594aa8589e382403287a9d",
108
+ "comment": "Organize left navigation, add theme entries"
109
+ }
110
+ ]
111
+ }
112
+ },
113
+ {
114
+ "date": "Tue, 28 Jun 2022 15:13:21 GMT",
115
+ "tag": "@fluentui/react-theme_v9.0.0",
116
+ "version": "9.0.0",
117
+ "comments": {
118
+ "none": [
119
+ {
120
+ "author": "tristan.watanabe@gmail.com",
121
+ "package": "@fluentui/react-theme",
122
+ "commit": "7e21b27395eeca6273e8cc7fda1964a358ab5b50",
123
+ "comment": "chore: Move Theme stories to folder with index entry."
124
+ }
125
+ ],
126
+ "patch": [
127
+ {
128
+ "author": "lingfangao@hotmail.com",
129
+ "package": "@fluentui/react-theme",
130
+ "commit": "c7b1348bdad7aa883c29bfbc96ef2a32e6ebc7dd",
131
+ "comment": "feat: Initial 9.0.0 release"
132
+ }
133
+ ]
134
+ }
135
+ },
136
+ {
137
+ "date": "Thu, 23 Jun 2022 14:25:31 GMT",
138
+ "tag": "@fluentui/react-theme_v9.0.0-rc.10",
139
+ "version": "9.0.0-rc.10",
140
+ "comments": {
141
+ "prerelease": [
142
+ {
143
+ "author": "miroslav.stastny@microsoft.com",
144
+ "package": "@fluentui/react-theme",
145
+ "commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed",
146
+ "comment": "BREAKING: reduce shared colors"
147
+ }
148
+ ]
149
+ }
150
+ },
151
+ {
152
+ "date": "Mon, 23 May 2022 18:56:50 GMT",
6
153
  "tag": "@fluentui/react-theme_v9.0.0-rc.9",
7
154
  "version": "9.0.0-rc.9",
8
155
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,48 @@
1
1
  # Change Log - @fluentui/react-theme
2
2
 
3
- This log was last generated on Mon, 23 May 2022 18:54:55 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 15 Sep 2022 09:44:57 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.0)
8
+
9
+ Thu, 15 Sep 2022 09:44:57 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0..@fluentui/react-theme_v9.1.0)
11
+
12
+ ### Minor changes
13
+
14
+ - feat: Add fontWeightBold, add Body2, fix font weight for *Stronger typography ([PR #24378](https://github.com/microsoft/fluentui/pull/24378) by miroslav.stastny@microsoft.com)
15
+
16
+ ### Patches
17
+
18
+ - fix: update token values to fix failing color contrast ([PR #24027](https://github.com/microsoft/fluentui/pull/24027) by seanmonahan@microsoft.com)
19
+ - fix: update color neutral background inverted color in teams dark ([PR #24494](https://github.com/microsoft/fluentui/pull/24494) by seanmonahan@microsoft.com)
20
+ - fix: Update color tokens mapping ([PR #24608](https://github.com/microsoft/fluentui/pull/24608) by miroslav.stastny@microsoft.com)
21
+ - fix: Rename colorNeutralForegroundInvertedStatic token to colorNeutralForegroundStaticInverted ([PR #24611](https://github.com/microsoft/fluentui/pull/24611) by miroslav.stastny@microsoft.com)
22
+ - fix: Change colorBrandForeground2 mapping in teamsDark theme ([PR #24579](https://github.com/microsoft/fluentui/pull/24579) by miroslav.stastny@microsoft.com)
23
+ - fix: Swap Background1 and Foreground1 in HC color palette ([PR #24498](https://github.com/microsoft/fluentui/pull/24498) by miroslav.stastny@microsoft.com)
24
+
25
+ ## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0)
26
+
27
+ Tue, 28 Jun 2022 15:13:21 GMT
28
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.10..@fluentui/react-theme_v9.0.0)
29
+
30
+ ### Patches
31
+
32
+ - feat: Initial 9.0.0 release ([PR #23733](https://github.com/microsoft/fluentui/pull/23733) by lingfangao@hotmail.com)
33
+
34
+ ## [9.0.0-rc.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.10)
35
+
36
+ Thu, 23 Jun 2022 14:25:31 GMT
37
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.9..@fluentui/react-theme_v9.0.0-rc.10)
38
+
39
+ ### Changes
40
+
41
+ - BREAKING: reduce shared colors ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by miroslav.stastny@microsoft.com)
42
+
7
43
  ## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.9)
8
44
 
9
- Mon, 23 May 2022 18:54:55 GMT
45
+ Mon, 23 May 2022 18:56:50 GMT
10
46
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.8..@fluentui/react-theme_v9.0.0-rc.9)
11
47
 
12
48
  ### Changes
package/README.md CHANGED
@@ -1,5 +1,63 @@
1
1
  # @fluentui/react-theme
2
2
 
3
- **React Theme components for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
3
+ **React Theme for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
4
4
 
5
- These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
5
+ ## Usage
6
+
7
+ Import a theme and tokens:
8
+
9
+ ```jsx
10
+ import { webLightTheme, tokens } from '@fluentui/react-components';
11
+ ```
12
+
13
+ Pass the theme to the `FluentProvider`:
14
+
15
+ ```jsx
16
+ <FluentProvider theme={webLightTheme}>
17
+ <App />
18
+ </FluentProvider>
19
+ ```
20
+
21
+ Use the `tokens` in your styles:
22
+
23
+ ```jsx
24
+ const useStyles = makeStyles({
25
+ root: {
26
+ color: tokens.colorNeutralForeground1,
27
+ },
28
+ });
29
+ ```
30
+
31
+ ### Using a custom brand ramp
32
+
33
+ To use a theme based on a custom brand ramp, use the `createXXXTheme` function:
34
+
35
+ ```jsx
36
+ import { createWebLightTheme } from '@fluentui/react-components';
37
+
38
+ const customBrandRamp: BrandVariants = {
39
+ 10: `#2b2b40`,
40
+ // ...
41
+ 160: `#e8ebfa`,
42
+ };
43
+
44
+ const customTheme = createWebLightTheme(customBrandRamp);
45
+ ```
46
+
47
+ ## Contributing
48
+
49
+ ### Updating colors in the theme
50
+
51
+ The color tokens are generated by token pipeline. Do not edit colors directly. Instead, update the token pipeline first and once the changes are merged there, run:
52
+
53
+ ```sh
54
+ yarn token-pipeline
55
+ ```
56
+
57
+ ### Adding new color tokens
58
+
59
+ To add a new color token, besides updating the token pipeline, you also need to update corresponding typings and the `tokens` object in `src/tokens.ts`.
60
+
61
+ ### Updating other tokens
62
+
63
+ To update any tokens not related to colors, update the values directly in this package.
package/dist/index.d.ts CHANGED
@@ -11,103 +11,75 @@ export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 |
11
11
 
12
12
  export declare type BrandVariants = Record<Brands, string>;
13
13
 
14
- export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder1' | 'colorPaletteAnchorBorder2';
14
+ export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorBorderActive';
15
15
 
16
- export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder1' | 'colorPaletteBeigeBorder2';
16
+ export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeBorderActive';
17
17
 
18
18
  export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2';
19
19
 
20
- export declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder1' | 'colorPaletteBlueBorder2';
20
+ export declare type ColorPaletteBlue = 'colorPaletteBlueBackground2' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueBorderActive';
21
21
 
22
- export declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder1' | 'colorPaletteBrassBorder2';
22
+ export declare type ColorPaletteBrass = 'colorPaletteBrassBackground2' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassBorderActive';
23
23
 
24
- export declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder1' | 'colorPaletteBronzeBorder2';
24
+ export declare type ColorPaletteBrown = 'colorPaletteBrownBackground2' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownBorderActive';
25
25
 
26
- export declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder1' | 'colorPaletteBrownBorder2';
26
+ export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerBorderActive';
27
27
 
28
- export declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder1' | 'colorPaletteBurgundyBorder2';
28
+ export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryBorderActive';
29
29
 
30
- export declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder1' | 'colorPaletteCharcoalBorder2';
31
-
32
- export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder1' | 'colorPaletteCornflowerBorder2';
33
-
34
- export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder1' | 'colorPaletteCranberryBorder2';
35
-
36
- export declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder1' | 'colorPaletteCyanBorder2';
37
-
38
- export declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder1' | 'colorPaletteDarkBlueBorder2';
39
-
40
- export declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder1' | 'colorPaletteDarkBrownBorder2';
41
-
42
- export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder1' | 'colorPaletteDarkGreenBorder2';
30
+ export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenBorderActive';
43
31
 
44
32
  export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2';
45
33
 
46
- export declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder1' | 'colorPaletteDarkPurpleBorder2';
47
-
48
- export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder1' | 'colorPaletteDarkRedBorder2';
49
-
50
- export declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder1' | 'colorPaletteDarkTealBorder2';
34
+ export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedBorderActive';
51
35
 
52
- export declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder1' | 'colorPaletteForestBorder2';
36
+ export declare type ColorPaletteForest = 'colorPaletteForestBackground2' | 'colorPaletteForestForeground2' | 'colorPaletteForestBorderActive';
53
37
 
54
- export declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder1' | 'colorPaletteGoldBorder2';
38
+ export declare type ColorPaletteGold = 'colorPaletteGoldBackground2' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldBorderActive';
55
39
 
56
- export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder1' | 'colorPaletteGrapeBorder2';
40
+ export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeBorderActive';
57
41
 
58
42
  export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2';
59
43
 
60
- export declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder1' | 'colorPaletteHotPinkBorder2';
61
-
62
- export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder1' | 'colorPaletteLavenderBorder2';
63
-
64
- export declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder1' | 'colorPaletteLightBlueBorder2';
44
+ export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderBorderActive';
65
45
 
66
46
  export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2';
67
47
 
68
- export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder1' | 'colorPaletteLightTealBorder2';
48
+ export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealBorderActive';
69
49
 
70
- export declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder1' | 'colorPaletteLilacBorder2';
50
+ export declare type ColorPaletteLilac = 'colorPaletteLilacBackground2' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacBorderActive';
71
51
 
72
- export declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder1' | 'colorPaletteLimeBorder2';
73
-
74
- export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder1' | 'colorPaletteMagentaBorder2';
52
+ export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaBorderActive';
75
53
 
76
54
  export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2';
77
55
 
78
- export declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder1' | 'colorPaletteMinkBorder2';
79
-
80
- export declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder1' | 'colorPaletteNavyBorder2';
56
+ export declare type ColorPaletteMink = 'colorPaletteMinkBackground2' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkBorderActive';
81
57
 
82
- export declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder1' | 'colorPaletteOrangeBorder2';
58
+ export declare type ColorPaletteNavy = 'colorPaletteNavyBackground2' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyBorderActive';
83
59
 
84
- export declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder1' | 'colorPaletteOrchidBorder2';
60
+ export declare type ColorPalettePeach = 'colorPalettePeachBackground2' | 'colorPalettePeachForeground2' | 'colorPalettePeachBorderActive';
85
61
 
86
- export declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder1' | 'colorPalettePeachBorder2';
62
+ export declare type ColorPalettePink = 'colorPalettePinkBackground2' | 'colorPalettePinkForeground2' | 'colorPalettePinkBorderActive';
87
63
 
88
- export declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder1' | 'colorPalettePinkBorder2';
64
+ export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumBorderActive';
89
65
 
90
- export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder1' | 'colorPalettePlatinumBorder2';
66
+ export declare type ColorPalettePlum = 'colorPalettePlumBackground2' | 'colorPalettePlumForeground2' | 'colorPalettePlumBorderActive';
91
67
 
92
- export declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder1' | 'colorPalettePlumBorder2';
68
+ export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinBorderActive';
93
69
 
94
- export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder1' | 'colorPalettePumpkinBorder2';
95
-
96
- export declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder1' | 'colorPalettePurpleBorder2';
70
+ export declare type ColorPalettePurple = 'colorPalettePurpleBackground2' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleBorderActive';
97
71
 
98
72
  export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2';
99
73
 
100
- export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder1' | 'colorPaletteRoyalBlueBorder2';
101
-
102
- export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder1' | 'colorPaletteSeafoamBorder2';
74
+ export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueBorderActive';
103
75
 
104
- export declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder1' | 'colorPaletteSilverBorder2';
76
+ export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamBorderActive';
105
77
 
106
- export declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder1' | 'colorPaletteSteelBorder2';
78
+ export declare type ColorPaletteSteel = 'colorPaletteSteelBackground2' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelBorderActive';
107
79
 
108
- export declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder1' | 'colorPaletteTealBorder2';
80
+ export declare type ColorPaletteTeal = 'colorPaletteTealBackground2' | 'colorPaletteTealForeground2' | 'colorPaletteTealBorderActive';
109
81
 
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>;
82
+ export declare type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;
111
83
 
112
84
  export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2';
113
85
 
@@ -154,7 +126,9 @@ export declare type ColorTokens = {
154
126
  colorNeutralForegroundInvertedHover: string;
155
127
  colorNeutralForegroundInvertedPressed: string;
156
128
  colorNeutralForegroundInvertedSelected: string;
129
+ colorNeutralForegroundInverted2: string;
157
130
  colorNeutralForegroundOnBrand: string;
131
+ colorNeutralForegroundStaticInverted: string;
158
132
  colorNeutralForegroundInvertedLink: string;
159
133
  colorNeutralForegroundInvertedLinkHover: string;
160
134
  colorNeutralForegroundInvertedLinkPressed: string;
@@ -187,6 +161,7 @@ export declare type ColorTokens = {
187
161
  colorNeutralBackground5Pressed: string;
188
162
  colorNeutralBackground5Selected: string;
189
163
  colorNeutralBackground6: string;
164
+ colorNeutralBackgroundStatic: string;
190
165
  colorNeutralBackgroundInverted: string;
191
166
  colorSubtleBackground: string;
192
167
  colorSubtleBackgroundHover: string;
@@ -312,6 +287,7 @@ export declare type FontWeightTokens = {
312
287
  fontWeightRegular: number;
313
288
  fontWeightMedium: number;
314
289
  fontWeightSemibold: number;
290
+ fontWeightBold: number;
315
291
  };
316
292
 
317
293
  export declare type HorizontalSpacingTokens = {
@@ -343,6 +319,8 @@ export declare type LineHeightTokens = {
343
319
 
344
320
  export declare type PartialTheme = Partial<Theme>;
345
321
 
322
+ declare type PersonaColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteCranberry | ColorPalettePumpkin | ColorPalettePeach | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteSteel | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteGrape | ColorPaletteLilac | ColorPalettePink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPalettePlatinum | ColorPaletteAnchor, string>;
323
+
346
324
  export declare type ShadowBrandTokens = {
347
325
  shadow2Brand: string;
348
326
  shadow4Brand: string;
@@ -378,6 +356,8 @@ export declare type SpacingTokens = {
378
356
  xxxl: string;
379
357
  };
380
358
 
359
+ declare type StatusColorPaletteTokens = Record<ColorPaletteRed | ColorPaletteGreen | ColorPaletteDarkOrange | ColorPaletteYellow | ColorPaletteBerry | ColorPaletteMarigold | ColorPaletteLightGreen, string>;
360
+
381
361
  export declare type StrokeWidthTokens = {
382
362
  strokeWidthThin: string;
383
363
  strokeWidthThick: string;
@@ -416,6 +396,7 @@ export declare type TypographyStyles = {
416
396
  body1: TypographyStyle;
417
397
  body1Strong: TypographyStyle;
418
398
  body1Stronger: TypographyStyle;
399
+ body2: TypographyStyle;
419
400
  caption1: TypographyStyle;
420
401
  caption1Strong: TypographyStyle;
421
402
  caption1Stronger: TypographyStyle;
@@ -1,3 +1,6 @@
1
+ /* !!! DO NOT EDIT !!! */
2
+
3
+ /* This file has been generated by the token pipeline */
1
4
  import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';
2
5
  export const generateColorTokens = brand => ({
3
6
  colorNeutralForeground1: white,
@@ -35,10 +38,12 @@ export const generateColorTokens = brand => ({
35
38
  colorBrandForeground1: brand[100],
36
39
  colorBrandForeground2: brand[110],
37
40
  colorNeutralForeground1Static: grey[14],
38
- colorNeutralForegroundInverted: white,
39
- colorNeutralForegroundInvertedHover: white,
40
- colorNeutralForegroundInvertedPressed: white,
41
- colorNeutralForegroundInvertedSelected: white,
41
+ colorNeutralForegroundStaticInverted: white,
42
+ colorNeutralForegroundInverted: grey[14],
43
+ colorNeutralForegroundInvertedHover: grey[14],
44
+ colorNeutralForegroundInvertedPressed: grey[14],
45
+ colorNeutralForegroundInvertedSelected: grey[14],
46
+ colorNeutralForegroundInverted2: grey[14],
42
47
  colorNeutralForegroundOnBrand: white,
43
48
  colorNeutralForegroundInvertedLink: white,
44
49
  colorNeutralForegroundInvertedLinkHover: white,
@@ -72,7 +77,8 @@ export const generateColorTokens = brand => ({
72
77
  colorNeutralBackground5Pressed: grey[2],
73
78
  colorNeutralBackground5Selected: grey[6],
74
79
  colorNeutralBackground6: grey[20],
75
- colorNeutralBackgroundInverted: grey[24],
80
+ colorNeutralBackgroundInverted: white,
81
+ colorNeutralBackgroundStatic: grey[24],
76
82
  colorSubtleBackground: 'transparent',
77
83
  colorSubtleBackgroundHover: grey[22],
78
84
  colorSubtleBackgroundPressed: grey[18],
@@ -124,9 +130,9 @@ export const generateColorTokens = brand => ({
124
130
  colorNeutralStrokeOnBrand2Selected: white,
125
131
  colorBrandStroke1: brand[100],
126
132
  colorBrandStroke2: brand[50],
127
- colorCompoundBrandStroke: brand[90],
128
- colorCompoundBrandStrokeHover: brand[100],
129
- colorCompoundBrandStrokePressed: brand[80],
133
+ colorCompoundBrandStroke: brand[100],
134
+ colorCompoundBrandStrokeHover: brand[110],
135
+ colorCompoundBrandStrokePressed: brand[90],
130
136
  colorNeutralStrokeDisabled: grey[26],
131
137
  colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
132
138
  colorTransparentStroke: 'transparent',
@@ -1 +1 @@
1
- {"version":3,"sources":["alias/darkColor.ts"],"names":[],"mappings":"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","sourcesContent":["import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: grey[24], // #3d3d3d Global.Color.Grey.24\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["alias/darkColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}