@fluentui/react-theme 9.0.0-rc.7 → 9.0.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.
- package/CHANGELOG.json +69 -1
- package/CHANGELOG.md +38 -2
- package/dist/index.d.ts +33 -59
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +25 -11
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +16 -2
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +25 -11
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/alias/teamsDarkColorPalette.js +25 -11
- package/lib/alias/teamsDarkColorPalette.js.map +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.js +28 -22
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js.map +1 -1
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/spacings.js.map +1 -1
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/web/index.js +0 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/tokens.js +68 -376
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +24 -10
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +15 -1
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +24 -10
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColorPalette.js +24 -10
- package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.js +29 -23
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -7
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +0 -2
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/tokens.js +68 -376
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +3 -5
- package/lib/alias/darkColor.d.ts +0 -2
- package/lib/alias/darkColorPalette.d.ts +0 -2
- package/lib/alias/highContrastColor.d.ts +0 -2
- package/lib/alias/highContrastColorPalette.d.ts +0 -2
- package/lib/alias/lightColor.d.ts +0 -2
- package/lib/alias/lightColorPalette.d.ts +0 -2
- package/lib/alias/teamsDarkColor.d.ts +0 -2
- package/lib/alias/teamsDarkColorPalette.d.ts +0 -2
- package/lib/global/borderRadius.d.ts +0 -2
- package/lib/global/brandColors.d.ts +0 -4
- package/lib/global/colors.d.ts +0 -16
- package/lib/global/curves.d.ts +0 -2
- package/lib/global/durations.d.ts +0 -2
- package/lib/global/fonts.d.ts +0 -5
- package/lib/global/index.d.ts +0 -9
- package/lib/global/spacings.d.ts +0 -4
- package/lib/global/strokeWidths.d.ts +0 -2
- package/lib/global/typographyStyles.d.ts +0 -5
- package/lib/index.d.ts +0 -6
- package/lib/themeToTokensObject.d.ts +0 -10
- package/lib/themes/index.d.ts +0 -2
- package/lib/themes/teams/darkTheme.d.ts +0 -2
- package/lib/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib/themes/teams/index.d.ts +0 -3
- package/lib/themes/teams/lightTheme.d.ts +0 -2
- package/lib/themes/web/darkTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.js +0 -3
- package/lib/themes/web/highContrastTheme.js.map +0 -1
- package/lib/themes/web/index.d.ts +0 -3
- package/lib/themes/web/lightTheme.d.ts +0 -2
- package/lib/tokens.d.ts +0 -2
- package/lib/types.d.ts +0 -431
- package/lib/utils/createDarkTheme.d.ts +0 -2
- package/lib/utils/createHighContrastTheme.d.ts +0 -2
- package/lib/utils/createLightTheme.d.ts +0 -2
- package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib/utils/index.d.ts +0 -4
- package/lib/utils/shadows.d.ts +0 -3
- package/lib-commonjs/alias/darkColor.d.ts +0 -2
- package/lib-commonjs/alias/darkColorPalette.d.ts +0 -2
- package/lib-commonjs/alias/highContrastColor.d.ts +0 -2
- package/lib-commonjs/alias/highContrastColorPalette.d.ts +0 -2
- package/lib-commonjs/alias/lightColor.d.ts +0 -2
- package/lib-commonjs/alias/lightColorPalette.d.ts +0 -2
- package/lib-commonjs/alias/teamsDarkColor.d.ts +0 -2
- package/lib-commonjs/alias/teamsDarkColorPalette.d.ts +0 -2
- package/lib-commonjs/global/borderRadius.d.ts +0 -2
- package/lib-commonjs/global/brandColors.d.ts +0 -4
- package/lib-commonjs/global/colors.d.ts +0 -16
- package/lib-commonjs/global/curves.d.ts +0 -2
- package/lib-commonjs/global/durations.d.ts +0 -2
- package/lib-commonjs/global/fonts.d.ts +0 -5
- package/lib-commonjs/global/index.d.ts +0 -9
- package/lib-commonjs/global/spacings.d.ts +0 -4
- package/lib-commonjs/global/strokeWidths.d.ts +0 -2
- package/lib-commonjs/global/typographyStyles.d.ts +0 -5
- package/lib-commonjs/index.d.ts +0 -6
- package/lib-commonjs/themeToTokensObject.d.ts +0 -10
- package/lib-commonjs/themes/index.d.ts +0 -2
- package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/index.d.ts +0 -3
- package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
- package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
- package/lib-commonjs/themes/web/index.d.ts +0 -3
- package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
- package/lib-commonjs/tokens.d.ts +0 -2
- package/lib-commonjs/types.d.ts +0 -431
- package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
- package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/index.d.ts +0 -4
- package/lib-commonjs/utils/shadows.d.ts +0 -3
@@ -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/"}
|
package/lib-commonjs/tokens.d.ts
DELETED
package/lib-commonjs/types.d.ts
DELETED
@@ -1,431 +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
|
-
export 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>;
|
@@ -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;
|