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

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 (96) hide show
  1. package/CHANGELOG.json +66 -1
  2. package/CHANGELOG.md +31 -2
  3. package/dist/index.d.ts +1 -3
  4. package/{lib → dist}/tsdoc-metadata.json +0 -0
  5. package/lib/global/durations.js +7 -7
  6. package/lib/global/durations.js.map +1 -1
  7. package/lib/index.js +2 -2
  8. package/lib/index.js.map +1 -1
  9. package/lib/themes/web/index.js +0 -1
  10. package/lib/themes/web/index.js.map +1 -1
  11. package/lib/types.js.map +1 -1
  12. package/lib-commonjs/global/durations.js +7 -7
  13. package/lib-commonjs/global/durations.js.map +1 -1
  14. package/lib-commonjs/index.js +60 -6
  15. package/lib-commonjs/index.js.map +1 -1
  16. package/lib-commonjs/themes/web/index.js +0 -2
  17. package/lib-commonjs/themes/web/index.js.map +1 -1
  18. package/package.json +3 -2
  19. package/lib/alias/darkColor.d.ts +0 -2
  20. package/lib/alias/darkColorPalette.d.ts +0 -2
  21. package/lib/alias/highContrastColor.d.ts +0 -2
  22. package/lib/alias/highContrastColorPalette.d.ts +0 -2
  23. package/lib/alias/lightColor.d.ts +0 -2
  24. package/lib/alias/lightColorPalette.d.ts +0 -2
  25. package/lib/alias/teamsDarkColor.d.ts +0 -2
  26. package/lib/alias/teamsDarkColorPalette.d.ts +0 -2
  27. package/lib/global/borderRadius.d.ts +0 -2
  28. package/lib/global/brandColors.d.ts +0 -4
  29. package/lib/global/colors.d.ts +0 -16
  30. package/lib/global/curves.d.ts +0 -2
  31. package/lib/global/durations.d.ts +0 -2
  32. package/lib/global/fonts.d.ts +0 -5
  33. package/lib/global/index.d.ts +0 -9
  34. package/lib/global/spacings.d.ts +0 -4
  35. package/lib/global/strokeWidths.d.ts +0 -2
  36. package/lib/global/typographyStyles.d.ts +0 -5
  37. package/lib/index.d.ts +0 -6
  38. package/lib/themeToTokensObject.d.ts +0 -10
  39. package/lib/themes/index.d.ts +0 -2
  40. package/lib/themes/teams/darkTheme.d.ts +0 -2
  41. package/lib/themes/teams/highContrastTheme.d.ts +0 -2
  42. package/lib/themes/teams/index.d.ts +0 -3
  43. package/lib/themes/teams/lightTheme.d.ts +0 -2
  44. package/lib/themes/web/darkTheme.d.ts +0 -2
  45. package/lib/themes/web/highContrastTheme.d.ts +0 -2
  46. package/lib/themes/web/highContrastTheme.js +0 -3
  47. package/lib/themes/web/highContrastTheme.js.map +0 -1
  48. package/lib/themes/web/index.d.ts +0 -3
  49. package/lib/themes/web/lightTheme.d.ts +0 -2
  50. package/lib/tokens.d.ts +0 -2
  51. package/lib/types.d.ts +0 -432
  52. package/lib/utils/createDarkTheme.d.ts +0 -2
  53. package/lib/utils/createHighContrastTheme.d.ts +0 -2
  54. package/lib/utils/createLightTheme.d.ts +0 -2
  55. package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
  56. package/lib/utils/index.d.ts +0 -4
  57. package/lib/utils/shadows.d.ts +0 -3
  58. package/lib-commonjs/alias/darkColor.d.ts +0 -2
  59. package/lib-commonjs/alias/darkColorPalette.d.ts +0 -2
  60. package/lib-commonjs/alias/highContrastColor.d.ts +0 -2
  61. package/lib-commonjs/alias/highContrastColorPalette.d.ts +0 -2
  62. package/lib-commonjs/alias/lightColor.d.ts +0 -2
  63. package/lib-commonjs/alias/lightColorPalette.d.ts +0 -2
  64. package/lib-commonjs/alias/teamsDarkColor.d.ts +0 -2
  65. package/lib-commonjs/alias/teamsDarkColorPalette.d.ts +0 -2
  66. package/lib-commonjs/global/borderRadius.d.ts +0 -2
  67. package/lib-commonjs/global/brandColors.d.ts +0 -4
  68. package/lib-commonjs/global/colors.d.ts +0 -16
  69. package/lib-commonjs/global/curves.d.ts +0 -2
  70. package/lib-commonjs/global/durations.d.ts +0 -2
  71. package/lib-commonjs/global/fonts.d.ts +0 -5
  72. package/lib-commonjs/global/index.d.ts +0 -9
  73. package/lib-commonjs/global/spacings.d.ts +0 -4
  74. package/lib-commonjs/global/strokeWidths.d.ts +0 -2
  75. package/lib-commonjs/global/typographyStyles.d.ts +0 -5
  76. package/lib-commonjs/index.d.ts +0 -6
  77. package/lib-commonjs/themeToTokensObject.d.ts +0 -10
  78. package/lib-commonjs/themes/index.d.ts +0 -2
  79. package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
  80. package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
  81. package/lib-commonjs/themes/teams/index.d.ts +0 -3
  82. package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
  83. package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
  84. package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
  85. package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
  86. package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
  87. package/lib-commonjs/themes/web/index.d.ts +0 -3
  88. package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
  89. package/lib-commonjs/tokens.d.ts +0 -2
  90. package/lib-commonjs/types.d.ts +0 -432
  91. package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
  92. package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
  93. package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
  94. package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
  95. package/lib-commonjs/utils/index.d.ts +0 -4
  96. package/lib-commonjs/utils/shadows.d.ts +0 -3
@@ -1,16 +0,0 @@
1
- import type { GlobalSharedColors, Greys, AlphaColors } from '../types';
2
- export declare const grey: Record<Greys, string>;
3
- export declare const whiteAlpha: Record<AlphaColors, string>;
4
- export declare const blackAlpha: Record<AlphaColors, string>;
5
- export declare const grey14Alpha: Record<AlphaColors, string>;
6
- export declare const white = "#ffffff";
7
- export declare const black = "#000000";
8
- export declare const hcHyperlink = "#ffff00";
9
- export declare const hcHighlight = "#1aebff";
10
- export declare const hcDisabled = "#3ff23f";
11
- export declare const hcCanvas = "#000000";
12
- export declare const hcCanvasText = "#ffffff";
13
- export declare const hcHighlightText = "#000000";
14
- export declare const hcButtonText = "#000000";
15
- export declare const hcButtonFace = "#ffffff";
16
- export declare const sharedColors: GlobalSharedColors;
@@ -1,2 +0,0 @@
1
- import type { CurveTokens } from '../types';
2
- export declare const curves: CurveTokens;
@@ -1,2 +0,0 @@
1
- import type { DurationTokens } from '../types';
2
- export declare const durations: DurationTokens;
@@ -1,5 +0,0 @@
1
- import type { FontFamilyTokens, FontSizeTokens, FontWeightTokens, LineHeightTokens } from '../types';
2
- export declare const fontSizes: FontSizeTokens;
3
- export declare const lineHeights: LineHeightTokens;
4
- export declare const fontWeights: FontWeightTokens;
5
- export declare const fontFamilies: FontFamilyTokens;
@@ -1,9 +0,0 @@
1
- export * from './borderRadius';
2
- export * from './colors';
3
- export * from './curves';
4
- export * from './durations';
5
- export * from './fonts';
6
- export * from './spacings';
7
- export * from './strokeWidths';
8
- export * from './borderRadius';
9
- export * from './typographyStyles';
@@ -1,4 +0,0 @@
1
- import type { HorizontalSpacingTokens, SpacingTokens, VerticalSpacingTokens } from '../types';
2
- export declare const spacings: SpacingTokens;
3
- export declare const horizontalSpacings: HorizontalSpacingTokens;
4
- export declare const verticalSpacings: VerticalSpacingTokens;
@@ -1,2 +0,0 @@
1
- import type { StrokeWidthTokens } from '../types';
2
- export declare const strokeWidths: StrokeWidthTokens;
@@ -1,5 +0,0 @@
1
- import { TypographyStyles } from '../types';
2
- /**
3
- * Global typography styles (fontSize, fontWeight, and lineHeight)
4
- */
5
- export declare const typographyStyles: TypographyStyles;
@@ -1,6 +0,0 @@
1
- export * from './themes/index';
2
- export * from './utils/index';
3
- export { themeToTokensObject } from './themeToTokensObject';
4
- export { tokens } from './tokens';
5
- export { typographyStyles } from './global/index';
6
- export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, SpacingTokens, HorizontalSpacingTokens, VerticalSpacingTokens, DurationTokens, CurveTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, 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, ColorTokens, PartialTheme, Theme, TypographyStyles, } from './types';
@@ -1,10 +0,0 @@
1
- import { Theme } from './types';
2
- /**
3
- * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
4
- * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
5
- * affect tree-shaking since bundlers do not know the shape of the output.
6
- *
7
- * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
8
- * @returns Tokens to css variables mapping object corresponding to the passed theme
9
- */
10
- export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string>;
@@ -1,2 +0,0 @@
1
- export * from './teams/index';
2
- export * from './web/index';
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../../types';
2
- export declare const teamsDarkTheme: Theme;
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../../types';
2
- export declare const teamsHighContrastTheme: Theme;
@@ -1,3 +0,0 @@
1
- export * from './lightTheme';
2
- export * from './darkTheme';
3
- export * from './highContrastTheme';
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../../types';
2
- export declare const teamsLightTheme: Theme;
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../../types';
2
- export declare const webDarkTheme: Theme;
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../../types';
2
- export declare const webHighContrastTheme: Theme;
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.webHighContrastTheme = void 0;
7
-
8
- const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
9
-
10
- exports.webHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
11
- //# sourceMappingURL=highContrastTheme.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["themes/web/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,gBAA8B,yBAAA,CAAA,uBAAA,EAA9B","sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const webHighContrastTheme: Theme = createHighContrastTheme();\n"],"sourceRoot":"../src/"}
@@ -1,3 +0,0 @@
1
- export * from './lightTheme';
2
- export * from './darkTheme';
3
- export * from './highContrastTheme';
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../../types';
2
- export declare const webLightTheme: Theme;
@@ -1,2 +0,0 @@
1
- import type { Theme } from './types';
2
- export declare const tokens: Record<keyof Theme, string>;
@@ -1,432 +0,0 @@
1
- /**
2
- * Design tokens for alias colors
3
- */
4
- export declare type ColorTokens = {
5
- colorNeutralForeground1: string;
6
- colorNeutralForeground1Hover: string;
7
- colorNeutralForeground1Pressed: string;
8
- colorNeutralForeground1Selected: string;
9
- colorNeutralForeground2: string;
10
- colorNeutralForeground2Hover: string;
11
- colorNeutralForeground2Pressed: string;
12
- colorNeutralForeground2Selected: string;
13
- colorNeutralForeground2BrandHover: string;
14
- colorNeutralForeground2BrandPressed: string;
15
- colorNeutralForeground2BrandSelected: string;
16
- colorNeutralForeground3: string;
17
- colorNeutralForeground3Hover: string;
18
- colorNeutralForeground3Pressed: string;
19
- colorNeutralForeground3Selected: string;
20
- colorNeutralForeground3BrandHover: string;
21
- colorNeutralForeground3BrandPressed: string;
22
- colorNeutralForeground3BrandSelected: string;
23
- colorNeutralForeground4: string;
24
- colorNeutralForegroundDisabled: string;
25
- colorNeutralForegroundInvertedDisabled: string;
26
- colorBrandForegroundLink: string;
27
- colorBrandForegroundLinkHover: string;
28
- colorBrandForegroundLinkPressed: string;
29
- colorBrandForegroundLinkSelected: string;
30
- colorNeutralForeground2Link: string;
31
- colorNeutralForeground2LinkHover: string;
32
- colorNeutralForeground2LinkPressed: string;
33
- colorNeutralForeground2LinkSelected: string;
34
- colorCompoundBrandForeground1: string;
35
- colorCompoundBrandForeground1Hover: string;
36
- colorCompoundBrandForeground1Pressed: string;
37
- colorBrandForeground1: string;
38
- colorBrandForeground2: string;
39
- colorNeutralForeground1Static: string;
40
- colorNeutralForegroundInverted: string;
41
- colorNeutralForegroundInvertedHover: string;
42
- colorNeutralForegroundInvertedPressed: string;
43
- colorNeutralForegroundInvertedSelected: string;
44
- colorNeutralForegroundOnBrand: string;
45
- colorNeutralForegroundInvertedLink: string;
46
- colorNeutralForegroundInvertedLinkHover: string;
47
- colorNeutralForegroundInvertedLinkPressed: string;
48
- colorNeutralForegroundInvertedLinkSelected: string;
49
- colorBrandForegroundInverted: string;
50
- colorBrandForegroundInvertedHover: string;
51
- colorBrandForegroundInvertedPressed: string;
52
- colorBrandForegroundOnLight: string;
53
- colorBrandForegroundOnLightHover: string;
54
- colorBrandForegroundOnLightPressed: string;
55
- colorBrandForegroundOnLightSelected: string;
56
- colorNeutralBackground1: string;
57
- colorNeutralBackground1Hover: string;
58
- colorNeutralBackground1Pressed: string;
59
- colorNeutralBackground1Selected: string;
60
- colorNeutralBackground2: string;
61
- colorNeutralBackground2Hover: string;
62
- colorNeutralBackground2Pressed: string;
63
- colorNeutralBackground2Selected: string;
64
- colorNeutralBackground3: string;
65
- colorNeutralBackground3Hover: string;
66
- colorNeutralBackground3Pressed: string;
67
- colorNeutralBackground3Selected: string;
68
- colorNeutralBackground4: string;
69
- colorNeutralBackground4Hover: string;
70
- colorNeutralBackground4Pressed: string;
71
- colorNeutralBackground4Selected: string;
72
- colorNeutralBackground5: string;
73
- colorNeutralBackground5Hover: string;
74
- colorNeutralBackground5Pressed: string;
75
- colorNeutralBackground5Selected: string;
76
- colorNeutralBackground6: string;
77
- colorNeutralBackgroundInverted: string;
78
- colorSubtleBackground: string;
79
- colorSubtleBackgroundHover: string;
80
- colorSubtleBackgroundPressed: string;
81
- colorSubtleBackgroundSelected: string;
82
- colorSubtleBackgroundLightAlphaHover: string;
83
- colorSubtleBackgroundLightAlphaPressed: string;
84
- colorSubtleBackgroundLightAlphaSelected: string;
85
- colorSubtleBackgroundInverted: string;
86
- colorSubtleBackgroundInvertedHover: string;
87
- colorSubtleBackgroundInvertedPressed: string;
88
- colorSubtleBackgroundInvertedSelected: string;
89
- colorTransparentBackground: string;
90
- colorTransparentBackgroundHover: string;
91
- colorTransparentBackgroundPressed: string;
92
- colorTransparentBackgroundSelected: string;
93
- colorNeutralBackgroundDisabled: string;
94
- colorNeutralBackgroundInvertedDisabled: string;
95
- colorNeutralStencil1: string;
96
- colorNeutralStencil2: string;
97
- colorBackgroundOverlay: string;
98
- colorScrollbarOverlay: string;
99
- colorBrandBackground: string;
100
- colorBrandBackgroundHover: string;
101
- colorBrandBackgroundPressed: string;
102
- colorBrandBackgroundSelected: string;
103
- colorCompoundBrandBackground: string;
104
- colorCompoundBrandBackgroundHover: string;
105
- colorCompoundBrandBackgroundPressed: string;
106
- colorBrandBackgroundStatic: string;
107
- colorBrandBackground2: string;
108
- colorBrandBackgroundInverted: string;
109
- colorBrandBackgroundInvertedHover: string;
110
- colorBrandBackgroundInvertedPressed: string;
111
- colorBrandBackgroundInvertedSelected: string;
112
- colorNeutralStrokeAccessible: string;
113
- colorNeutralStrokeAccessibleHover: string;
114
- colorNeutralStrokeAccessiblePressed: string;
115
- colorNeutralStrokeAccessibleSelected: string;
116
- colorNeutralStroke1: string;
117
- colorNeutralStroke1Hover: string;
118
- colorNeutralStroke1Pressed: string;
119
- colorNeutralStroke1Selected: string;
120
- colorNeutralStroke2: string;
121
- colorNeutralStroke3: string;
122
- colorNeutralStrokeOnBrand: string;
123
- colorNeutralStrokeOnBrand2: string;
124
- colorNeutralStrokeOnBrand2Hover: string;
125
- colorNeutralStrokeOnBrand2Pressed: string;
126
- colorNeutralStrokeOnBrand2Selected: string;
127
- colorBrandStroke1: string;
128
- colorBrandStroke2: string;
129
- colorCompoundBrandStroke: string;
130
- colorCompoundBrandStrokeHover: string;
131
- colorCompoundBrandStrokePressed: string;
132
- colorNeutralStrokeDisabled: string;
133
- colorNeutralStrokeInvertedDisabled: string;
134
- colorTransparentStroke: string;
135
- colorTransparentStrokeInteractive: string;
136
- colorTransparentStrokeDisabled: string;
137
- colorStrokeFocus1: string;
138
- colorStrokeFocus2: string;
139
- colorNeutralShadowAmbient: string;
140
- colorNeutralShadowKey: string;
141
- colorNeutralShadowAmbientLighter: string;
142
- colorNeutralShadowKeyLighter: string;
143
- colorNeutralShadowAmbientDarker: string;
144
- colorNeutralShadowKeyDarker: string;
145
- colorBrandShadowAmbient: string;
146
- colorBrandShadowKey: string;
147
- };
148
- export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder1' | 'colorPaletteDarkRedBorder2';
149
- export declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder1' | 'colorPaletteBurgundyBorder2';
150
- export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder1' | 'colorPaletteCranberryBorder2';
151
- export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2';
152
- export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2';
153
- export declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder1' | 'colorPaletteBronzeBorder2';
154
- export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder1' | 'colorPalettePumpkinBorder2';
155
- export declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder1' | 'colorPaletteOrangeBorder2';
156
- export declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder1' | 'colorPalettePeachBorder2';
157
- export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2';
158
- export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2';
159
- export declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder1' | 'colorPaletteGoldBorder2';
160
- export declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder1' | 'colorPaletteBrassBorder2';
161
- export declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder1' | 'colorPaletteBrownBorder2';
162
- export declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder1' | 'colorPaletteDarkBrownBorder2';
163
- export declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder1' | 'colorPaletteLimeBorder2';
164
- export declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder1' | 'colorPaletteForestBorder2';
165
- export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder1' | 'colorPaletteSeafoamBorder2';
166
- export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2';
167
- export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2';
168
- export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder1' | 'colorPaletteDarkGreenBorder2';
169
- export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder1' | 'colorPaletteLightTealBorder2';
170
- export declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder1' | 'colorPaletteTealBorder2';
171
- export declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder1' | 'colorPaletteDarkTealBorder2';
172
- export declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder1' | 'colorPaletteCyanBorder2';
173
- export declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder1' | 'colorPaletteSteelBorder2';
174
- export declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder1' | 'colorPaletteLightBlueBorder2';
175
- export declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder1' | 'colorPaletteBlueBorder2';
176
- export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder1' | 'colorPaletteRoyalBlueBorder2';
177
- export declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder1' | 'colorPaletteDarkBlueBorder2';
178
- export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder1' | 'colorPaletteCornflowerBorder2';
179
- export declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder1' | 'colorPaletteNavyBorder2';
180
- export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder1' | 'colorPaletteLavenderBorder2';
181
- export declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder1' | 'colorPalettePurpleBorder2';
182
- export declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder1' | 'colorPaletteDarkPurpleBorder2';
183
- export declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder1' | 'colorPaletteOrchidBorder2';
184
- export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder1' | 'colorPaletteGrapeBorder2';
185
- export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2';
186
- export declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder1' | 'colorPaletteLilacBorder2';
187
- export declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder1' | 'colorPalettePinkBorder2';
188
- export declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder1' | 'colorPaletteHotPinkBorder2';
189
- export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder1' | 'colorPaletteMagentaBorder2';
190
- export declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder1' | 'colorPalettePlumBorder2';
191
- export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder1' | 'colorPaletteBeigeBorder2';
192
- export declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder1' | 'colorPaletteMinkBorder2';
193
- export declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder1' | 'colorPaletteSilverBorder2';
194
- export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder1' | 'colorPalettePlatinumBorder2';
195
- export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder1' | 'colorPaletteAnchorBorder2';
196
- export declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder1' | 'colorPaletteCharcoalBorder2';
197
- 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>;
198
- /**
199
- * Possible color variant values
200
- */
201
- export declare type ColorVariants = {
202
- shade50: string;
203
- shade40: string;
204
- shade30: string;
205
- shade20: string;
206
- shade10: string;
207
- primary: string;
208
- tint10: string;
209
- tint20: string;
210
- tint30: string;
211
- tint40: string;
212
- tint50: string;
213
- tint60: string;
214
- };
215
- export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;
216
- export declare type BrandVariants = Record<Brands, string>;
217
- /**
218
- * All the global shared colors and their shade/tint variants
219
- */
220
- export declare type GlobalSharedColors = {
221
- darkRed: ColorVariants;
222
- burgundy: ColorVariants;
223
- cranberry: ColorVariants;
224
- red: ColorVariants;
225
- darkOrange: ColorVariants;
226
- bronze: ColorVariants;
227
- pumpkin: ColorVariants;
228
- orange: ColorVariants;
229
- peach: ColorVariants;
230
- marigold: ColorVariants;
231
- yellow: ColorVariants;
232
- gold: ColorVariants;
233
- brass: ColorVariants;
234
- brown: ColorVariants;
235
- darkBrown: ColorVariants;
236
- lime: ColorVariants;
237
- forest: ColorVariants;
238
- seafoam: ColorVariants;
239
- lightGreen: ColorVariants;
240
- green: ColorVariants;
241
- darkGreen: ColorVariants;
242
- lightTeal: ColorVariants;
243
- teal: ColorVariants;
244
- darkTeal: ColorVariants;
245
- cyan: ColorVariants;
246
- steel: ColorVariants;
247
- lightBlue: ColorVariants;
248
- blue: ColorVariants;
249
- royalBlue: ColorVariants;
250
- darkBlue: ColorVariants;
251
- cornflower: ColorVariants;
252
- navy: ColorVariants;
253
- lavender: ColorVariants;
254
- purple: ColorVariants;
255
- darkPurple: ColorVariants;
256
- orchid: ColorVariants;
257
- grape: ColorVariants;
258
- berry: ColorVariants;
259
- lilac: ColorVariants;
260
- pink: ColorVariants;
261
- hotPink: ColorVariants;
262
- magenta: ColorVariants;
263
- plum: ColorVariants;
264
- beige: ColorVariants;
265
- mink: ColorVariants;
266
- silver: ColorVariants;
267
- platinum: ColorVariants;
268
- anchor: ColorVariants;
269
- charcoal: ColorVariants;
270
- };
271
- export declare type FontSizeTokens = {
272
- fontSizeBase100: string;
273
- fontSizeBase200: string;
274
- fontSizeBase300: string;
275
- fontSizeBase400: string;
276
- fontSizeBase500: string;
277
- fontSizeBase600: string;
278
- fontSizeHero700: string;
279
- fontSizeHero800: string;
280
- fontSizeHero900: string;
281
- fontSizeHero1000: string;
282
- };
283
- export declare type LineHeightTokens = {
284
- lineHeightBase100: string;
285
- lineHeightBase200: string;
286
- lineHeightBase300: string;
287
- lineHeightBase400: string;
288
- lineHeightBase500: string;
289
- lineHeightBase600: string;
290
- lineHeightHero700: string;
291
- lineHeightHero800: string;
292
- lineHeightHero900: string;
293
- lineHeightHero1000: string;
294
- };
295
- export declare type FontWeightTokens = {
296
- fontWeightRegular: number;
297
- fontWeightMedium: number;
298
- fontWeightSemibold: number;
299
- };
300
- export declare type FontFamilyTokens = {
301
- fontFamilyBase: string;
302
- fontFamilyMonospace: string;
303
- fontFamilyNumeric: string;
304
- };
305
- export declare type TextAlignment = 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'start' | 'justify' | 'left' | 'match-parent' | 'right';
306
- export declare type TextAlignments = {
307
- start: TextAlignment;
308
- center: TextAlignment;
309
- end: TextAlignment;
310
- justify: TextAlignment;
311
- };
312
- declare type TypographyStyle = {
313
- fontFamily: string;
314
- fontSize: string;
315
- fontWeight: string;
316
- lineHeight: string;
317
- };
318
- export declare type TypographyStyles = {
319
- body1: TypographyStyle;
320
- body1Strong: TypographyStyle;
321
- body1Stronger: TypographyStyle;
322
- caption1: TypographyStyle;
323
- caption1Strong: TypographyStyle;
324
- caption1Stronger: TypographyStyle;
325
- caption2: TypographyStyle;
326
- caption2Strong: TypographyStyle;
327
- subtitle1: TypographyStyle;
328
- subtitle2: TypographyStyle;
329
- subtitle2Stronger: TypographyStyle;
330
- title1: TypographyStyle;
331
- title2: TypographyStyle;
332
- title3: TypographyStyle;
333
- largeTitle: TypographyStyle;
334
- display: TypographyStyle;
335
- };
336
- export declare type BorderRadiusTokens = {
337
- borderRadiusNone: string;
338
- borderRadiusSmall: string;
339
- borderRadiusMedium: string;
340
- borderRadiusLarge: string;
341
- borderRadiusXLarge: string;
342
- borderRadiusCircular: string;
343
- };
344
- export declare type StrokeWidthTokens = {
345
- strokeWidthThin: string;
346
- strokeWidthThick: string;
347
- strokeWidthThicker: string;
348
- strokeWidthThickest: string;
349
- };
350
- export declare type SpacingTokens = {
351
- none: string;
352
- xxs: string;
353
- xs: string;
354
- sNudge: string;
355
- s: string;
356
- mNudge: string;
357
- m: string;
358
- l: string;
359
- xl: string;
360
- xxl: string;
361
- xxxl: string;
362
- };
363
- export declare type HorizontalSpacingTokens = {
364
- spacingHorizontalNone: string;
365
- spacingHorizontalXXS: string;
366
- spacingHorizontalXS: string;
367
- spacingHorizontalSNudge: string;
368
- spacingHorizontalS: string;
369
- spacingHorizontalMNudge: string;
370
- spacingHorizontalM: string;
371
- spacingHorizontalL: string;
372
- spacingHorizontalXL: string;
373
- spacingHorizontalXXL: string;
374
- spacingHorizontalXXXL: string;
375
- };
376
- export declare type VerticalSpacingTokens = {
377
- spacingVerticalNone: string;
378
- spacingVerticalXXS: string;
379
- spacingVerticalXS: string;
380
- spacingVerticalSNudge: string;
381
- spacingVerticalS: string;
382
- spacingVerticalMNudge: string;
383
- spacingVerticalM: string;
384
- spacingVerticalL: string;
385
- spacingVerticalXL: string;
386
- spacingVerticalXXL: string;
387
- spacingVerticalXXXL: string;
388
- };
389
- export declare type DurationTokens = {
390
- durationUltraFast: string;
391
- durationFaster: string;
392
- durationFast: string;
393
- durationNormal: string;
394
- durationSlow: string;
395
- durationSlower: string;
396
- durationUltraSlow: string;
397
- };
398
- export declare type CurveTokens = {
399
- curveAccelerateMax: string;
400
- curveAccelerateMid: string;
401
- curveAccelerateMin: string;
402
- curveDecelerateMax: string;
403
- curveDecelerateMid: string;
404
- curveDecelerateMin: string;
405
- curveEasyEaseMax: string;
406
- curveEasyEase: string;
407
- curveLinear: string;
408
- };
409
- /**
410
- * Design tokens for shadow levels
411
- */
412
- export declare type ShadowTokens = {
413
- shadow2: string;
414
- shadow4: string;
415
- shadow8: string;
416
- shadow16: string;
417
- shadow28: string;
418
- shadow64: string;
419
- };
420
- export declare type ShadowBrandTokens = {
421
- shadow2Brand: string;
422
- shadow4Brand: string;
423
- shadow8Brand: string;
424
- shadow16Brand: string;
425
- shadow28Brand: string;
426
- shadow64Brand: string;
427
- };
428
- 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;
429
- export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
430
- export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
431
- export declare type PartialTheme = Partial<Theme>;
432
- export {};
@@ -1,2 +0,0 @@
1
- import type { BrandVariants, Theme } from '../types';
2
- export declare const createDarkTheme: (brand: BrandVariants) => Theme;
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../types';
2
- export declare const createHighContrastTheme: () => Theme;
@@ -1,2 +0,0 @@
1
- import type { BrandVariants, Theme } from '../types';
2
- export declare const createLightTheme: (brand: BrandVariants) => Theme;
@@ -1,2 +0,0 @@
1
- import type { BrandVariants, Theme } from '../types';
2
- export declare const createTeamsDarkTheme: (brand: BrandVariants) => Theme;
@@ -1,4 +0,0 @@
1
- export * from './createLightTheme';
2
- export * from './createDarkTheme';
3
- export * from './createTeamsDarkTheme';
4
- export * from './createHighContrastTheme';
@@ -1,3 +0,0 @@
1
- import type { ShadowBrandTokens, ShadowTokens } from '../types';
2
- export declare function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;
3
- export declare function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;