@fluentui/react-theme 9.0.0-alpha.24 → 9.0.0-alpha.26

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 (116) hide show
  1. package/CHANGELOG.json +24 -1
  2. package/CHANGELOG.md +11 -2
  3. package/dist/react-theme.d.ts +163 -353
  4. package/lib/alias/dark.d.ts +3 -3
  5. package/lib/alias/dark.js +113 -119
  6. package/lib/alias/dark.js.map +1 -1
  7. package/lib/alias/highContrast.d.ts +3 -3
  8. package/lib/alias/highContrast.js +113 -119
  9. package/lib/alias/highContrast.js.map +1 -1
  10. package/lib/alias/light.d.ts +3 -3
  11. package/lib/alias/light.js +113 -119
  12. package/lib/alias/light.js.map +1 -1
  13. package/lib/alias/teamsDark.d.ts +3 -3
  14. package/lib/alias/teamsDark.js +113 -119
  15. package/lib/alias/teamsDark.js.map +1 -1
  16. package/lib/global/borderRadius.d.ts +2 -2
  17. package/lib/global/borderRadius.js +6 -6
  18. package/lib/global/borderRadius.js.map +1 -1
  19. package/lib/global/brandColors.d.ts +1 -2
  20. package/lib/global/brandColors.js +0 -4
  21. package/lib/global/brandColors.js.map +1 -1
  22. package/lib/global/fonts.d.ts +5 -6
  23. package/lib/global/fonts.js +26 -40
  24. package/lib/global/fonts.js.map +1 -1
  25. package/lib/global/index.d.ts +0 -1
  26. package/lib/global/index.js +0 -1
  27. package/lib/global/index.js.map +1 -1
  28. package/lib/global/strokeWidths.d.ts +2 -2
  29. package/lib/global/strokeWidths.js +4 -4
  30. package/lib/global/strokeWidths.js.map +1 -1
  31. package/lib/index.d.ts +1 -2
  32. package/lib/index.js +0 -2
  33. package/lib/index.js.map +1 -1
  34. package/lib/themes/teams/highContrastTheme.js +1 -2
  35. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  36. package/lib/themes/web/highContrastTheme.js +1 -2
  37. package/lib/themes/web/highContrastTheme.js.map +1 -1
  38. package/lib/types.d.ts +153 -203
  39. package/lib/utils/createDarkTheme.js +5 -15
  40. package/lib/utils/createDarkTheme.js.map +1 -1
  41. package/lib/utils/createHighContrastTheme.d.ts +2 -2
  42. package/lib/utils/createHighContrastTheme.js +6 -16
  43. package/lib/utils/createHighContrastTheme.js.map +1 -1
  44. package/lib/utils/createLightTheme.js +5 -15
  45. package/lib/utils/createLightTheme.js.map +1 -1
  46. package/lib/utils/createTeamsDarkTheme.js +5 -15
  47. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  48. package/lib/utils/mergeThemes.d.ts +0 -6
  49. package/lib/utils/mergeThemes.js +3 -60
  50. package/lib/utils/mergeThemes.js.map +1 -1
  51. package/lib/utils/shadows.d.ts +2 -2
  52. package/lib/utils/shadows.js +1 -1
  53. package/lib/utils/shadows.js.map +1 -1
  54. package/lib/utils/themeToCSSVariables.d.ts +1 -1
  55. package/lib/utils/themeToCSSVariables.js +5 -22
  56. package/lib/utils/themeToCSSVariables.js.map +1 -1
  57. package/lib-commonjs/alias/dark.d.ts +3 -3
  58. package/lib-commonjs/alias/dark.js +116 -123
  59. package/lib-commonjs/alias/dark.js.map +1 -1
  60. package/lib-commonjs/alias/highContrast.d.ts +3 -3
  61. package/lib-commonjs/alias/highContrast.js +116 -123
  62. package/lib-commonjs/alias/highContrast.js.map +1 -1
  63. package/lib-commonjs/alias/light.d.ts +3 -3
  64. package/lib-commonjs/alias/light.js +116 -123
  65. package/lib-commonjs/alias/light.js.map +1 -1
  66. package/lib-commonjs/alias/teamsDark.d.ts +3 -3
  67. package/lib-commonjs/alias/teamsDark.js +116 -123
  68. package/lib-commonjs/alias/teamsDark.js.map +1 -1
  69. package/lib-commonjs/global/borderRadius.d.ts +2 -2
  70. package/lib-commonjs/global/borderRadius.js +6 -6
  71. package/lib-commonjs/global/borderRadius.js.map +1 -1
  72. package/lib-commonjs/global/brandColors.d.ts +1 -2
  73. package/lib-commonjs/global/brandColors.js +1 -5
  74. package/lib-commonjs/global/brandColors.js.map +1 -1
  75. package/lib-commonjs/global/fonts.d.ts +5 -6
  76. package/lib-commonjs/global/fonts.js +27 -41
  77. package/lib-commonjs/global/fonts.js.map +1 -1
  78. package/lib-commonjs/global/index.d.ts +0 -1
  79. package/lib-commonjs/global/index.js +0 -2
  80. package/lib-commonjs/global/index.js.map +1 -1
  81. package/lib-commonjs/global/strokeWidths.d.ts +2 -2
  82. package/lib-commonjs/global/strokeWidths.js +4 -4
  83. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  84. package/lib-commonjs/index.d.ts +1 -2
  85. package/lib-commonjs/index.js +0 -4
  86. package/lib-commonjs/index.js.map +1 -1
  87. package/lib-commonjs/themes/teams/highContrastTheme.js +1 -3
  88. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  89. package/lib-commonjs/themes/web/highContrastTheme.js +1 -3
  90. package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
  91. package/lib-commonjs/types.d.ts +153 -203
  92. package/lib-commonjs/utils/createDarkTheme.js +4 -15
  93. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  94. package/lib-commonjs/utils/createHighContrastTheme.d.ts +2 -2
  95. package/lib-commonjs/utils/createHighContrastTheme.js +5 -16
  96. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  97. package/lib-commonjs/utils/createLightTheme.js +4 -15
  98. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  99. package/lib-commonjs/utils/createTeamsDarkTheme.js +4 -15
  100. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  101. package/lib-commonjs/utils/mergeThemes.d.ts +0 -6
  102. package/lib-commonjs/utils/mergeThemes.js +4 -61
  103. package/lib-commonjs/utils/mergeThemes.js.map +1 -1
  104. package/lib-commonjs/utils/shadows.d.ts +2 -2
  105. package/lib-commonjs/utils/shadows.js +3 -3
  106. package/lib-commonjs/utils/shadows.js.map +1 -1
  107. package/lib-commonjs/utils/themeToCSSVariables.d.ts +1 -1
  108. package/lib-commonjs/utils/themeToCSSVariables.js +5 -22
  109. package/lib-commonjs/utils/themeToCSSVariables.js.map +1 -1
  110. package/package.json +1 -1
  111. package/lib/global/utils.d.ts +0 -2
  112. package/lib/global/utils.js +0 -37
  113. package/lib/global/utils.js.map +0 -1
  114. package/lib-commonjs/global/utils.d.ts +0 -2
  115. package/lib-commonjs/global/utils.js +0 -51
  116. package/lib-commonjs/global/utils.js.map +0 -1
@@ -1,130 +1,116 @@
1
1
  /**
2
- * Recursive partial type.
2
+ * Design tokens for alias colors
3
3
  */
4
- declare type RecursivePartial<T> = {
5
- [P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
6
- };
7
- /**
8
- * Design tokens for neutral colors
9
- */
10
- export declare type NeutralColorTokens = {
11
- neutralForeground1: string;
12
- neutralForeground2: string;
13
- neutralForeground2Hover: string;
14
- neutralForeground2Pressed: string;
15
- neutralForeground2Selected: string;
16
- neutralForeground2BrandHover: string;
17
- neutralForeground2BrandPressed: string;
18
- neutralForeground2BrandSelected: string;
19
- neutralForeground3: string;
20
- neutralForeground3Hover: string;
21
- neutralForeground3Pressed: string;
22
- neutralForeground3Selected: string;
23
- neutralForeground3BrandHover: string;
24
- neutralForeground3BrandPressed: string;
25
- neutralForeground3BrandSelected: string;
26
- neutralForeground4: string;
27
- neutralForegroundDisabled: string;
28
- brandForegroundLink: string;
29
- brandForegroundLinkHover: string;
30
- brandForegroundLinkPressed: string;
31
- brandForegroundLinkSelected: string;
32
- compoundBrandForeground1: string;
33
- compoundBrandForeground1Hover: string;
34
- compoundBrandForeground1Pressed: string;
35
- brandForeground1: string;
36
- brandForeground2: string;
37
- neutralForegroundInverted: string;
38
- neutralForegroundOnBrand: string;
39
- neutralForegroundInvertedLink: string;
40
- neutralForegroundInvertedLinkHover: string;
41
- neutralForegroundInvertedLinkPressed: string;
42
- neutralForegroundInvertedLinkSelected: string;
43
- neutralBackground1: string;
44
- neutralBackground1Hover: string;
45
- neutralBackground1Pressed: string;
46
- neutralBackground1Selected: string;
47
- neutralBackground2: string;
48
- neutralBackground2Hover: string;
49
- neutralBackground2Pressed: string;
50
- neutralBackground2Selected: string;
51
- neutralBackground3: string;
52
- neutralBackground3Hover: string;
53
- neutralBackground3Pressed: string;
54
- neutralBackground3Selected: string;
55
- neutralBackground4: string;
56
- neutralBackground4Hover: string;
57
- neutralBackground4Pressed: string;
58
- neutralBackground4Selected: string;
59
- neutralBackground5: string;
60
- neutralBackground5Hover: string;
61
- neutralBackground5Pressed: string;
62
- neutralBackground5Selected: string;
63
- neutralBackground6: string;
64
- neutralBackgroundInverted: string;
65
- subtleBackground: string;
66
- subtleBackgroundHover: string;
67
- subtleBackgroundPressed: string;
68
- subtleBackgroundSelected: string;
69
- transparentBackground: string;
70
- transparentBackgroundHover: string;
71
- transparentBackgroundPressed: string;
72
- transparentBackgroundSelected: string;
73
- neutralBackgroundDisabled: string;
74
- neutralStencil1: string;
75
- neutralStencil2: string;
76
- brandBackground: string;
77
- brandBackgroundHover: string;
78
- brandBackgroundPressed: string;
79
- brandBackgroundSelected: string;
80
- compoundBrandBackground: string;
81
- compoundBrandBackgroundHover: string;
82
- compoundBrandBackgroundPressed: string;
83
- brandBackgroundStatic: string;
84
- brandBackground2: string;
85
- neutralStrokeAccessible: string;
86
- neutralStrokeAccessibleHover: string;
87
- neutralStrokeAccessiblePressed: string;
88
- neutralStrokeAccessibleSelected: string;
89
- neutralStroke1: string;
90
- neutralStroke1Hover: string;
91
- neutralStroke1Pressed: string;
92
- neutralStroke1Selected: string;
93
- neutralStroke2: string;
94
- neutralStroke3: string;
95
- brandStroke1: string;
96
- brandStroke2: string;
97
- compoundBrandStroke: string;
98
- compoundBrandStrokeHover: string;
99
- compoundBrandStrokePressed: string;
100
- neutralStrokeDisabled: string;
101
- transparentStroke: string;
102
- transparentStrokeInteractive: string;
103
- transparentStrokeDisabled: string;
104
- strokeFocus1: string;
105
- strokeFocus2: string;
106
- neutralShadowAmbient: string;
107
- neutralShadowKey: string;
108
- neutralShadowAmbientLighter: string;
109
- neutralShadowKeyLighter: string;
110
- neutralShadowAmbientDarker: string;
111
- neutralShadowKeyDarker: string;
112
- brandShadowAmbient: string;
113
- brandShadowKey: string;
4
+ export declare type ColorTokens = {
5
+ colorNeutralForeground1: string;
6
+ colorNeutralForeground2: string;
7
+ colorNeutralForeground2Hover: string;
8
+ colorNeutralForeground2Pressed: string;
9
+ colorNeutralForeground2Selected: string;
10
+ colorNeutralForeground2BrandHover: string;
11
+ colorNeutralForeground2BrandPressed: string;
12
+ colorNeutralForeground2BrandSelected: string;
13
+ colorNeutralForeground3: string;
14
+ colorNeutralForeground3Hover: string;
15
+ colorNeutralForeground3Pressed: string;
16
+ colorNeutralForeground3Selected: string;
17
+ colorNeutralForeground3BrandHover: string;
18
+ colorNeutralForeground3BrandPressed: string;
19
+ colorNeutralForeground3BrandSelected: string;
20
+ colorNeutralForeground4: string;
21
+ colorNeutralForegroundDisabled: string;
22
+ colorBrandForegroundLink: string;
23
+ colorBrandForegroundLinkHover: string;
24
+ colorBrandForegroundLinkPressed: string;
25
+ colorBrandForegroundLinkSelected: string;
26
+ colorCompoundBrandForeground1: string;
27
+ colorCompoundBrandForeground1Hover: string;
28
+ colorCompoundBrandForeground1Pressed: string;
29
+ colorBrandForeground1: string;
30
+ colorBrandForeground2: string;
31
+ colorNeutralForegroundInverted: string;
32
+ colorNeutralForegroundOnBrand: string;
33
+ colorNeutralForegroundInvertedLink: string;
34
+ colorNeutralForegroundInvertedLinkHover: string;
35
+ colorNeutralForegroundInvertedLinkPressed: string;
36
+ colorNeutralForegroundInvertedLinkSelected: string;
37
+ colorNeutralBackground1: string;
38
+ colorNeutralBackground1Hover: string;
39
+ colorNeutralBackground1Pressed: string;
40
+ colorNeutralBackground1Selected: string;
41
+ colorNeutralBackground2: string;
42
+ colorNeutralBackground2Hover: string;
43
+ colorNeutralBackground2Pressed: string;
44
+ colorNeutralBackground2Selected: string;
45
+ colorNeutralBackground3: string;
46
+ colorNeutralBackground3Hover: string;
47
+ colorNeutralBackground3Pressed: string;
48
+ colorNeutralBackground3Selected: string;
49
+ colorNeutralBackground4: string;
50
+ colorNeutralBackground4Hover: string;
51
+ colorNeutralBackground4Pressed: string;
52
+ colorNeutralBackground4Selected: string;
53
+ colorNeutralBackground5: string;
54
+ colorNeutralBackground5Hover: string;
55
+ colorNeutralBackground5Pressed: string;
56
+ colorNeutralBackground5Selected: string;
57
+ colorNeutralBackground6: string;
58
+ colorNeutralBackgroundInverted: string;
59
+ colorSubtleBackground: string;
60
+ colorSubtleBackgroundHover: string;
61
+ colorSubtleBackgroundPressed: string;
62
+ colorSubtleBackgroundSelected: string;
63
+ colorTransparentBackground: string;
64
+ colorTransparentBackgroundHover: string;
65
+ colorTransparentBackgroundPressed: string;
66
+ colorTransparentBackgroundSelected: string;
67
+ colorNeutralBackgroundDisabled: string;
68
+ colorNeutralStencil1: string;
69
+ colorNeutralStencil2: string;
70
+ colorBrandBackground: string;
71
+ colorBrandBackgroundHover: string;
72
+ colorBrandBackgroundPressed: string;
73
+ colorBrandBackgroundSelected: string;
74
+ colorCompoundBrandBackground: string;
75
+ colorCompoundBrandBackgroundHover: string;
76
+ colorCompoundBrandBackgroundPressed: string;
77
+ colorBrandBackgroundStatic: string;
78
+ colorBrandBackground2: string;
79
+ colorNeutralStrokeAccessible: string;
80
+ colorNeutralStrokeAccessibleHover: string;
81
+ colorNeutralStrokeAccessiblePressed: string;
82
+ colorNeutralStrokeAccessibleSelected: string;
83
+ colorNeutralStroke1: string;
84
+ colorNeutralStroke1Hover: string;
85
+ colorNeutralStroke1Pressed: string;
86
+ colorNeutralStroke1Selected: string;
87
+ colorNeutralStroke2: string;
88
+ colorNeutralStroke3: string;
89
+ colorBrandStroke1: string;
90
+ colorBrandStroke2: string;
91
+ colorCompoundBrandStroke: string;
92
+ colorCompoundBrandStrokeHover: string;
93
+ colorCompoundBrandStrokePressed: string;
94
+ colorNeutralStrokeDisabled: string;
95
+ colorTransparentStroke: string;
96
+ colorTransparentStrokeInteractive: string;
97
+ colorTransparentStrokeDisabled: string;
98
+ colorStrokeFocus1: string;
99
+ colorStrokeFocus2: string;
100
+ colorNeutralShadowAmbient: string;
101
+ colorNeutralShadowKey: string;
102
+ colorNeutralShadowAmbientLighter: string;
103
+ colorNeutralShadowKeyLighter: string;
104
+ colorNeutralShadowAmbientDarker: string;
105
+ colorNeutralShadowKeyDarker: string;
106
+ colorBrandShadowAmbient: string;
107
+ colorBrandShadowKey: string;
114
108
  };
109
+ export declare type ColorPaletteT<Color extends string> = `colorPalette${Color}Background1` | `colorPalette${Color}Background2` | `colorPalette${Color}Background3` | `colorPalette${Color}Foreground1` | `colorPalette${Color}Foreground2` | `colorPalette${Color}Foreground3` | `colorPalette${Color}BorderActive` | `colorPalette${Color}Border2`;
115
110
  /**
116
111
  * Design tokens available for shared colors
117
112
  */
118
- export declare type SharedColorTokens = {
119
- background1: string;
120
- background2: string;
121
- background3: string;
122
- foreground1: string;
123
- foreground2: string;
124
- foreground3: string;
125
- borderActive: string;
126
- border2: string;
127
- };
113
+ export declare type ColorPaletteTokens = Record<ColorPaletteT<GlobalSharedColorsT>, string>;
128
114
  /**
129
115
  * Possible color variant values
130
116
  */
@@ -199,39 +185,40 @@ export declare type GlobalSharedColors = {
199
185
  anchor: ColorVariants;
200
186
  charcoal: ColorVariants;
201
187
  };
202
- /**
203
- * Brand color variants by product
204
- */
205
- export declare type ProductBrandColors = {
206
- teams: BrandVariants;
207
- web: BrandVariants;
188
+ export declare type GlobalSharedColorsT = 'DarkRed' | 'Burgundy' | 'Cranberry' | 'Red' | 'DarkOrange' | 'Bronze' | 'Pumpkin' | 'Orange' | 'Peach' | 'Marigold' | 'Yellow' | 'Gold' | 'Brass' | 'Brown' | 'DarkBrown' | 'Lime' | 'Forest' | 'Seafoam' | 'LightGreen' | 'Green' | 'DarkGreen' | 'LightTeal' | 'Teal' | 'DarkTeal' | 'Cyan' | 'Steel' | 'LightBlue' | 'Blue' | 'RoyalBlue' | 'DarkBlue' | 'Cornflower' | 'Navy' | 'Lavender' | 'Purple' | 'DarkPurple' | 'Orchid' | 'Grape' | 'Berry' | 'Lilac' | 'Pink' | 'HotPink' | 'Magenta' | 'Plum' | 'Beige' | 'Mink' | 'Silver' | 'Platinum' | 'Anchor' | 'Charcoal';
189
+ export declare type FontSizeTokens = {
190
+ fontSizeBase100: string;
191
+ fontSizeBase200: string;
192
+ fontSizeBase300: string;
193
+ fontSizeBase400: string;
194
+ fontSizeBase500: string;
195
+ fontSizeBase600: string;
196
+ fontSizeHero700: string;
197
+ fontSizeHero800: string;
198
+ fontSizeHero900: string;
199
+ fontSizeHero1000: string;
208
200
  };
209
- export declare type FontSizes = {
210
- base: {
211
- 100: string;
212
- 200: string;
213
- 300: string;
214
- 400: string;
215
- 500: string;
216
- 600: string;
217
- };
218
- hero: {
219
- 700: string;
220
- 800: string;
221
- 900: string;
222
- 1000: string;
223
- };
201
+ export declare type LineHeightTokens = {
202
+ lineHeightBase100: string;
203
+ lineHeightBase200: string;
204
+ lineHeightBase300: string;
205
+ lineHeightBase400: string;
206
+ lineHeightBase500: string;
207
+ lineHeightBase600: string;
208
+ lineHeightHero700: string;
209
+ lineHeightHero800: string;
210
+ lineHeightHero900: string;
211
+ lineHeightHero1000: string;
224
212
  };
225
- export declare type LineHeights = FontSizes;
226
- export declare type FontWeights = {
227
- regular: number;
228
- medium: number;
229
- semibold: number;
213
+ export declare type FontWeightTokens = {
214
+ fontWeightRegular: number;
215
+ fontWeightMedium: number;
216
+ fontWeightSemibold: number;
230
217
  };
231
- export declare type FontFamilies = {
232
- base: string;
233
- monospace: string;
234
- numeric: string;
218
+ export declare type FontFamilyTokens = {
219
+ fontFamilyBase: string;
220
+ fontFamilyMonospace: string;
221
+ fontFamilyNumeric: string;
235
222
  };
236
223
  export declare type TextAlignment = 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'start' | 'justify' | 'left' | 'match-parent' | 'right';
237
224
  export declare type TextAlignments = {
@@ -240,24 +227,24 @@ export declare type TextAlignments = {
240
227
  end: TextAlignment;
241
228
  justify: TextAlignment;
242
229
  };
243
- export declare type BorderRadius = {
244
- none: string;
245
- small: string;
246
- medium: string;
247
- large: string;
248
- xLarge: string;
249
- circular: string;
230
+ export declare type BorderRadiusTokens = {
231
+ borderRadiusNone: string;
232
+ borderRadiusSmall: string;
233
+ borderRadiusMedium: string;
234
+ borderRadiusLarge: string;
235
+ borderRadiusXLarge: string;
236
+ borderRadiusCircular: string;
250
237
  };
251
- export declare type StrokeWidths = {
252
- thin: string;
253
- thick: string;
254
- thicker: string;
255
- thickest: string;
238
+ export declare type StrokeWidthTokens = {
239
+ strokeWidthThin: string;
240
+ strokeWidthThick: string;
241
+ strokeWidthThicker: string;
242
+ strokeWidthThickest: string;
256
243
  };
257
244
  /**
258
245
  * Design tokens for shadow levels
259
246
  */
260
- export declare type ShadowLevelTokens = {
247
+ export declare type ShadowTokens = {
261
248
  shadow2: string;
262
249
  shadow4: string;
263
250
  shadow8: string;
@@ -292,42 +279,5 @@ export declare type BrandColorTokens = {
292
279
  };
293
280
  export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100;
294
281
  export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
295
- export declare type Theme = {
296
- global: {
297
- color: {
298
- black: string;
299
- white: string;
300
- hcHyperlink: string;
301
- hcHighlight: string;
302
- hcDisabled: string;
303
- hcCanvas: string;
304
- hcCanvasText: string;
305
- hcHighlightText: string;
306
- hcButtonText: string;
307
- hcButtonFace: string;
308
- };
309
- palette: GlobalSharedColors & {
310
- brand: BrandVariants;
311
- grey: Record<Greys, string>;
312
- whiteAlpha: Record<AlphaColors, string>;
313
- blackAlpha: Record<AlphaColors, string>;
314
- };
315
- type: {
316
- fontSizes: FontSizes;
317
- fontWeights: FontWeights;
318
- fontFamilies: FontFamilies;
319
- lineHeights: LineHeights;
320
- alignment: TextAlignments;
321
- };
322
- borderRadius: BorderRadius;
323
- strokeWidth: StrokeWidths;
324
- };
325
- alias: {
326
- color: Record<keyof GlobalSharedColors, SharedColorTokens> & {
327
- neutral: NeutralColorTokens;
328
- };
329
- shadow: ShadowLevelTokens;
330
- };
331
- };
332
- export declare type PartialTheme = RecursivePartial<Theme>;
333
- export {};
282
+ export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
283
+ export declare type PartialTheme = Partial<Theme>;
@@ -7,26 +7,15 @@ exports.createDarkTheme = void 0;
7
7
 
8
8
  var tslib_1 = /*#__PURE__*/require("tslib");
9
9
 
10
- var shadows_1 = /*#__PURE__*/require("./shadows");
11
-
12
10
  var dark_1 = /*#__PURE__*/require("../alias/dark");
13
11
 
14
- var utils_1 = /*#__PURE__*/require("../global/utils");
12
+ var index_1 = /*#__PURE__*/require("../global/index");
15
13
 
16
- var colors_1 = /*#__PURE__*/require("../global/colors");
14
+ var shadows_1 = /*#__PURE__*/require("./shadows");
17
15
 
18
16
  var createDarkTheme = function (brand) {
19
- var global = utils_1.createGlobalTheme(brand, colors_1.sharedColors);
20
- var neutral = dark_1.generateNeutralColorTokens(global);
21
- return {
22
- global: global,
23
- alias: {
24
- color: tslib_1.__assign(tslib_1.__assign({}, dark_1.generateSharedColorTokens(colors_1.sharedColors)), {
25
- neutral: neutral
26
- }),
27
- shadow: shadows_1.createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
28
- }
29
- };
17
+ var colorTokens = dark_1.generateColorTokens(brand);
18
+ return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), colorTokens), dark_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
30
19
  };
31
20
 
32
21
  exports.createDarkTheme = createDarkTheme;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,MAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAGO,IAAM,eAAe,GAAoC,UAAA,KAAA,EAAK;AACnE,MAAM,MAAM,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,QAAA,CAAA,YAAzB,CAAf;AACA,MAAM,OAAO,GAAG,MAAA,CAAA,0BAAA,CAA2B,MAA3B,CAAhB;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACF,MAAA,CAAA,yBAAA,CAA0B,QAAA,CAAA,YAA1B,CADE,CAAA,EAC2C;AAChD,QAAA,OAAO,EAAA;AADyC,OAD3C,CADF;AAKL,MAAA,MAAM,EAAE,SAAA,CAAA,uBAAA,CAAwB,OAAO,CAAC,oBAAhC,EAAsD,OAAO,CAAC,gBAA9D;AALH;AAFF,GAAP;AAUD,CAbM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/utils/createDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,MAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,IAAM,eAAe,GAAoC,UAAA,KAAA,EAAK;AACnE,MAAM,WAAW,GAAG,MAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACK,OAAA,CAAA,YADL,CAAA,EAEK,OAAA,CAAA,SAFL,CAAA,EAGK,OAAA,CAAA,WAHL,CAAA,EAIK,OAAA,CAAA,YAJL,CAAA,EAKK,OAAA,CAAA,WALL,CAAA,EAMK,OAAA,CAAA,YANL,CAAA,EAQK,WARL,CAAA,EASK,MAAA,CAAA,kBATL,CAAA,EAWK,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXL,CAAA;AAaD,CAhBM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
@@ -1,2 +1,2 @@
1
- import type { BrandVariants, Theme } from '../types';
2
- export declare const createHighContrastTheme: (brand: BrandVariants) => Theme;
1
+ import type { Theme } from '../types';
2
+ export declare const createHighContrastTheme: () => Theme;
@@ -7,26 +7,15 @@ exports.createHighContrastTheme = void 0;
7
7
 
8
8
  var tslib_1 = /*#__PURE__*/require("tslib");
9
9
 
10
- var shadows_1 = /*#__PURE__*/require("./shadows");
11
-
12
10
  var highContrast_1 = /*#__PURE__*/require("../alias/highContrast");
13
11
 
14
- var utils_1 = /*#__PURE__*/require("../global/utils");
12
+ var index_1 = /*#__PURE__*/require("../global/index");
15
13
 
16
- var colors_1 = /*#__PURE__*/require("../global/colors");
14
+ var shadows_1 = /*#__PURE__*/require("./shadows");
17
15
 
18
- var createHighContrastTheme = function (brand) {
19
- var global = utils_1.createGlobalTheme(brand, colors_1.sharedColors);
20
- var neutral = highContrast_1.generateNeutralColorTokens(global);
21
- return {
22
- global: global,
23
- alias: {
24
- color: tslib_1.__assign(tslib_1.__assign({}, highContrast_1.generateSharedColorTokens(colors_1.sharedColors, global.color)), {
25
- neutral: neutral
26
- }),
27
- shadow: shadows_1.createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
28
- }
29
- };
16
+ var createHighContrastTheme = function () {
17
+ var colorTokens = highContrast_1.generateColorTokens();
18
+ return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), colorTokens), highContrast_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
30
19
  };
31
20
 
32
21
  exports.createHighContrastTheme = createHighContrastTheme;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,cAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAGO,IAAM,uBAAuB,GAAoC,UAAA,KAAA,EAAK;AAC3E,MAAM,MAAM,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,QAAA,CAAA,YAAzB,CAAf;AACA,MAAM,OAAO,GAAG,cAAA,CAAA,0BAAA,CAA2B,MAA3B,CAAhB;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACF,cAAA,CAAA,yBAAA,CAA0B,QAAA,CAAA,YAA1B,EAA8C,MAAM,CAAC,KAArD,CADE,CAAA,EACyD;AAC9D,QAAA,OAAO,EAAA;AADuD,OADzD,CADF;AAKL,MAAA,MAAM,EAAE,SAAA,CAAA,uBAAA,CAAwB,OAAO,CAAC,oBAAhC,EAAsD,OAAO,CAAC,gBAA9D;AALH;AAFF,GAAP;AAUD,CAbM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/utils/createHighContrastTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,cAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,IAAM,uBAAuB,GAAG,YAAA;AACrC,MAAM,WAAW,GAAG,cAAA,CAAA,mBAAA,EAApB;AAEA,SAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACK,OAAA,CAAA,YADL,CAAA,EAEK,OAAA,CAAA,SAFL,CAAA,EAGK,OAAA,CAAA,WAHL,CAAA,EAIK,OAAA,CAAA,YAJL,CAAA,EAKK,OAAA,CAAA,WALL,CAAA,EAMK,OAAA,CAAA,YANL,CAAA,EAQK,WARL,CAAA,EASK,cAAA,CAAA,kBATL,CAAA,EAWK,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXL,CAAA;AAaD,CAhBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
@@ -7,26 +7,15 @@ exports.createLightTheme = void 0;
7
7
 
8
8
  var tslib_1 = /*#__PURE__*/require("tslib");
9
9
 
10
- var shadows_1 = /*#__PURE__*/require("./shadows");
11
-
12
10
  var light_1 = /*#__PURE__*/require("../alias/light");
13
11
 
14
- var utils_1 = /*#__PURE__*/require("../global/utils");
12
+ var index_1 = /*#__PURE__*/require("../global/index");
15
13
 
16
- var colors_1 = /*#__PURE__*/require("../global/colors");
14
+ var shadows_1 = /*#__PURE__*/require("./shadows");
17
15
 
18
16
  var createLightTheme = function (brand) {
19
- var global = utils_1.createGlobalTheme(brand, colors_1.sharedColors);
20
- var neutral = light_1.generateNeutralColorTokens(global);
21
- return {
22
- global: global,
23
- alias: {
24
- color: tslib_1.__assign(tslib_1.__assign({}, light_1.generateSharedColorTokens(colors_1.sharedColors)), {
25
- neutral: neutral
26
- }),
27
- shadow: shadows_1.createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
28
- }
29
- };
17
+ var colorTokens = light_1.generateColorTokens(brand);
18
+ return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), colorTokens), light_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
30
19
  };
31
20
 
32
21
  exports.createLightTheme = createLightTheme;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAGO,IAAM,gBAAgB,GAAoC,UAAA,KAAA,EAAK;AACpE,MAAM,MAAM,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,QAAA,CAAA,YAAzB,CAAf;AACA,MAAM,OAAO,GAAG,OAAA,CAAA,0BAAA,CAA2B,MAA3B,CAAhB;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACF,OAAA,CAAA,yBAAA,CAA0B,QAAA,CAAA,YAA1B,CADE,CAAA,EAC2C;AAChD,QAAA,OAAO,EAAA;AADyC,OAD3C,CADF;AAKL,MAAA,MAAM,EAAE,SAAA,CAAA,uBAAA,CAAwB,OAAO,CAAC,oBAAhC,EAAsD,OAAO,CAAC,gBAA9D;AALH;AAFF,GAAP;AAUD,CAbM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,IAAM,gBAAgB,GAAoC,UAAA,KAAA,EAAK;AACpE,MAAM,WAAW,GAAG,OAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACK,OAAA,CAAA,YADL,CAAA,EAEK,OAAA,CAAA,SAFL,CAAA,EAGK,OAAA,CAAA,WAHL,CAAA,EAIK,OAAA,CAAA,YAJL,CAAA,EAKK,OAAA,CAAA,WALL,CAAA,EAMK,OAAA,CAAA,YANL,CAAA,EAQK,WARL,CAAA,EASK,OAAA,CAAA,kBATL,CAAA,EAWK,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXL,CAAA;AAaD,CAhBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
@@ -7,26 +7,15 @@ exports.createTeamsDarkTheme = void 0;
7
7
 
8
8
  var tslib_1 = /*#__PURE__*/require("tslib");
9
9
 
10
- var shadows_1 = /*#__PURE__*/require("./shadows");
11
-
12
10
  var teamsDark_1 = /*#__PURE__*/require("../alias/teamsDark");
13
11
 
14
- var utils_1 = /*#__PURE__*/require("../global/utils");
12
+ var index_1 = /*#__PURE__*/require("../global/index");
15
13
 
16
- var colors_1 = /*#__PURE__*/require("../global/colors");
14
+ var shadows_1 = /*#__PURE__*/require("./shadows");
17
15
 
18
16
  var createTeamsDarkTheme = function (brand) {
19
- var global = utils_1.createGlobalTheme(brand, colors_1.sharedColors);
20
- var neutral = teamsDark_1.generateNeutralColorTokens(global);
21
- return {
22
- global: global,
23
- alias: {
24
- color: tslib_1.__assign(tslib_1.__assign({}, teamsDark_1.generateSharedColorTokens(colors_1.sharedColors)), {
25
- neutral: neutral
26
- }),
27
- shadow: shadows_1.createShadowLevelTokens(neutral.neutralShadowAmbient, neutral.neutralShadowKey)
28
- }
29
- };
17
+ var colorTokens = teamsDark_1.generateColorTokens(brand);
18
+ return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, index_1.borderRadius), index_1.fontSizes), index_1.lineHeights), index_1.fontFamilies), index_1.fontWeights), index_1.strokeWidths), colorTokens), teamsDark_1.colorPaletteTokens), shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey));
30
19
  };
31
20
 
32
21
  exports.createTeamsDarkTheme = createTeamsDarkTheme;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,IAAA,WAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAGO,IAAM,oBAAoB,GAAoC,UAAA,KAAA,EAAK;AACxE,MAAM,MAAM,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,QAAA,CAAA,YAAzB,CAAf;AACA,MAAM,OAAO,GAAG,WAAA,CAAA,0BAAA,CAA2B,MAA3B,CAAhB;AACA,SAAO;AACL,IAAA,MAAM,EAAA,MADD;AAEL,IAAA,KAAK,EAAE;AACL,MAAA,KAAK,EAAE,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACF,WAAA,CAAA,yBAAA,CAA0B,QAAA,CAAA,YAA1B,CADE,CAAA,EAC2C;AAChD,QAAA,OAAO,EAAA;AADyC,OAD3C,CADF;AAKL,MAAA,MAAM,EAAE,SAAA,CAAA,uBAAA,CAAwB,OAAO,CAAC,oBAAhC,EAAsD,OAAO,CAAC,gBAA9D;AALH;AAFF,GAAP;AAUD,CAbM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
1
+ {"version":3,"sources":["../../src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,WAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAGO,IAAM,oBAAoB,GAAoC,UAAA,KAAA,EAAK;AACxE,MAAM,WAAW,GAAG,WAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EACK,OAAA,CAAA,YADL,CAAA,EAEK,OAAA,CAAA,SAFL,CAAA,EAGK,OAAA,CAAA,WAHL,CAAA,EAIK,OAAA,CAAA,YAJL,CAAA,EAKK,OAAA,CAAA,WALL,CAAA,EAMK,OAAA,CAAA,YANL,CAAA,EAQK,WARL,CAAA,EASK,WAAA,CAAA,kBATL,CAAA,EAWK,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAXL,CAAA;AAaD,CAhBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
@@ -1,8 +1,2 @@
1
1
  import type { PartialTheme, Theme } from '../types';
2
- /**
3
- * Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged
4
- * together in the order provided. If an object creates a circular reference, it will assign the
5
- * original reference.
6
- */
7
- export declare function merge<T = {}>(target: Partial<T>, ...args: (Partial<T> | null | undefined | false)[]): T;
8
2
  export declare function mergeThemes(a: Theme | undefined, b: PartialTheme | Theme | undefined): Theme;