@fluentui-react-native/theme-types 0.44.0 → 0.44.3
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.md +19 -0
- package/lib/Color.types.d.ts +1040 -1040
- package/lib/Color.types.js +1 -1
- package/lib/Shadow.types.d.ts +21 -21
- package/lib/Shadow.types.js +1 -1
- package/lib/Theme.types.d.ts +40 -40
- package/lib/Theme.types.js +1 -1
- package/lib/Typography.types.d.ts +58 -58
- package/lib/Typography.types.js +1 -1
- package/lib/context.d.ts +1 -1
- package/lib/context.js +1 -1
- package/lib/index.d.ts +3 -29
- package/lib/index.js +1 -1
- package/lib/palette.types.d.ts +203 -203
- package/lib/palette.types.js +1 -1
- package/lib-commonjs/Color.types.d.ts +1040 -1040
- package/lib-commonjs/Color.types.js +3 -3
- package/lib-commonjs/Shadow.types.d.ts +21 -21
- package/lib-commonjs/Shadow.types.js +3 -3
- package/lib-commonjs/Theme.types.d.ts +40 -40
- package/lib-commonjs/Theme.types.js +3 -3
- package/lib-commonjs/Typography.types.d.ts +58 -58
- package/lib-commonjs/Typography.types.js +3 -3
- package/lib-commonjs/context.d.ts +1 -1
- package/lib-commonjs/context.js +33 -50
- package/lib-commonjs/index.d.ts +3 -29
- package/lib-commonjs/index.js +6 -16
- package/lib-commonjs/palette.types.d.ts +203 -203
- package/lib-commonjs/palette.types.js +3 -3
- package/package.json +19 -18
- package/eslint.config.js +0 -3
package/lib/Color.types.d.ts
CHANGED
|
@@ -13,262 +13,262 @@
|
|
|
13
13
|
*/
|
|
14
14
|
import type { ColorValue } from 'react-native';
|
|
15
15
|
export type ThemeColorDefinition = Palette & {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
background: ColorValue;
|
|
17
|
+
bodyText: ColorValue;
|
|
18
|
+
subText: ColorValue;
|
|
19
|
+
disabledText: ColorValue;
|
|
20
|
+
[customColor: string]: ColorValue;
|
|
21
21
|
};
|
|
22
22
|
/**
|
|
23
23
|
* @deprecated These tokens are not part of the Fluent design system.
|
|
24
24
|
*/
|
|
25
25
|
export interface FabricWebPalette {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
26
|
+
/**
|
|
27
|
+
* ROLE: Themed text
|
|
28
|
+
* linkHovered
|
|
29
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
30
|
+
*/
|
|
31
|
+
themeDarker: ColorValue;
|
|
32
|
+
/**
|
|
33
|
+
* ROLE: Themed background
|
|
34
|
+
* primaryButtonBackgroundPressed
|
|
35
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
36
|
+
*/
|
|
37
|
+
themeDark: ColorValue;
|
|
38
|
+
/**
|
|
39
|
+
* ROLE: Themed background
|
|
40
|
+
* primaryButtonBackgroundHovered
|
|
41
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
42
|
+
*/
|
|
43
|
+
themeDarkAlt: ColorValue;
|
|
44
|
+
/**
|
|
45
|
+
* ROLE: Themed background, border, text
|
|
46
|
+
* inputFocusBorderAlt, primaryButtonBackground, menuIcon, link
|
|
47
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
48
|
+
*/
|
|
49
|
+
themePrimary: ColorValue;
|
|
50
|
+
/**
|
|
51
|
+
* unused
|
|
52
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
53
|
+
*/
|
|
54
|
+
themeSecondary: ColorValue;
|
|
55
|
+
/**
|
|
56
|
+
* unused
|
|
57
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
58
|
+
*/
|
|
59
|
+
themeTertiary: ColorValue;
|
|
60
|
+
/**
|
|
61
|
+
* unused
|
|
62
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
63
|
+
*/
|
|
64
|
+
themeLight: ColorValue;
|
|
65
|
+
/**
|
|
66
|
+
* unused
|
|
67
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
68
|
+
*/
|
|
69
|
+
themeLighter: ColorValue;
|
|
70
|
+
/**
|
|
71
|
+
* unused
|
|
72
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
73
|
+
*/
|
|
74
|
+
themeLighterAlt: ColorValue;
|
|
75
|
+
/**
|
|
76
|
+
* ROLE: Text, should not be called black
|
|
77
|
+
* bodyTextChecked
|
|
78
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
79
|
+
*/
|
|
80
|
+
black: ColorValue;
|
|
81
|
+
/**
|
|
82
|
+
* unused
|
|
83
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
84
|
+
*/
|
|
85
|
+
blackTranslucent40: ColorValue;
|
|
86
|
+
/**
|
|
87
|
+
* ROLE: text
|
|
88
|
+
* buttonTextHovered, buttonTextChecked, buttonTextPressed, menuItemTextHovered
|
|
89
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
90
|
+
*/
|
|
91
|
+
neutralDark: ColorValue;
|
|
92
|
+
/**
|
|
93
|
+
* ROLE: text, border
|
|
94
|
+
* bodyText, inputText, buttonText, menuItemText, actionLink
|
|
95
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
96
|
+
*/
|
|
97
|
+
neutralPrimary: ColorValue;
|
|
98
|
+
/**
|
|
99
|
+
* unused
|
|
100
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
101
|
+
*/
|
|
102
|
+
neutralPrimaryAlt: ColorValue;
|
|
103
|
+
/**
|
|
104
|
+
* ROLE: text, border
|
|
105
|
+
* bodySubtext, focusBorder, inputPlaceholderText
|
|
106
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
107
|
+
*/
|
|
108
|
+
neutralSecondary: ColorValue;
|
|
109
|
+
/**
|
|
110
|
+
* ROLE: border
|
|
111
|
+
* buttonBorder
|
|
112
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
113
|
+
*/
|
|
114
|
+
neutralSecondaryAlt: ColorValue;
|
|
115
|
+
/**
|
|
116
|
+
* ROLE: text, border
|
|
117
|
+
* disabledText, disabledBodyText, inputBorder, buttonTextDisabled
|
|
118
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
119
|
+
*/
|
|
120
|
+
neutralTertiary: ColorValue;
|
|
121
|
+
/**
|
|
122
|
+
* ROLE: text, background, border
|
|
123
|
+
* buttonBackgroundChecked, menuDivider
|
|
124
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
125
|
+
*/
|
|
126
|
+
neutralTertiaryAlt: ColorValue;
|
|
127
|
+
/**
|
|
128
|
+
* ROLE: text
|
|
129
|
+
* primaryButtonTextDisabled
|
|
130
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
131
|
+
*/
|
|
132
|
+
neutralQuaternary: ColorValue;
|
|
133
|
+
/**
|
|
134
|
+
* ROLE: background
|
|
135
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
136
|
+
*/
|
|
137
|
+
neutralQuaternaryAlt: ColorValue;
|
|
138
|
+
/**
|
|
139
|
+
* ROLE: background, border
|
|
140
|
+
* bodyFrameDivider, bodyDivider, variantBorder, buttonBackgroundHovered
|
|
141
|
+
* buttonBackgroundPressed, menuItemBackgroundPressed, listHeaderBackgroundPressed
|
|
142
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
143
|
+
*/
|
|
144
|
+
neutralLight: ColorValue;
|
|
145
|
+
/**
|
|
146
|
+
* ROLE: background, border (though really to blend with bgs)
|
|
147
|
+
* disabledBackground, buttonBackground, buttonBackgroundDisabled, buttonBorderDisabled, primaryButtonBackgroundDisabled
|
|
148
|
+
* menuItemBackgroundHovered, listHeaderBackgroundHovered
|
|
149
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
150
|
+
*/
|
|
151
|
+
neutralLighter: ColorValue;
|
|
152
|
+
/**
|
|
153
|
+
* ROLE: background
|
|
154
|
+
* bodyStandoutBackground
|
|
155
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
156
|
+
*/
|
|
157
|
+
neutralLighterAlt: ColorValue;
|
|
158
|
+
/**
|
|
159
|
+
* ROLE: background
|
|
160
|
+
* accentButtonBackground
|
|
161
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
162
|
+
*/
|
|
163
|
+
accent: ColorValue;
|
|
164
|
+
/**
|
|
165
|
+
* ROLE: background, theme/accent text
|
|
166
|
+
* bodyBackground, bodyFrameBackground, inputBackground, primaryButtonText, primaryButtonTextHovered
|
|
167
|
+
* primaryButtonTextPressed, menuBackground
|
|
168
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
169
|
+
*/
|
|
170
|
+
white: ColorValue;
|
|
171
|
+
/**
|
|
172
|
+
* red color
|
|
173
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
174
|
+
*/
|
|
175
|
+
red: ColorValue;
|
|
176
|
+
/**
|
|
177
|
+
* ROLE: Text
|
|
178
|
+
* errorText (if !inverted)
|
|
179
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
180
|
+
*/
|
|
181
|
+
redDark: ColorValue;
|
|
182
182
|
}
|
|
183
183
|
/**
|
|
184
184
|
* semantic color definitions for text colors. These match ISemanticTextColors in fabric.
|
|
185
185
|
* @deprecated These tokens are not part of the Fluent design system.
|
|
186
186
|
*/
|
|
187
187
|
export interface PaletteTextColors {
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
188
|
+
/** The default color for text.
|
|
189
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
190
|
+
*/
|
|
191
|
+
bodyText: ColorValue;
|
|
192
|
+
/** Checked text color, e.g. selected menu item text.
|
|
193
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
194
|
+
*/
|
|
195
|
+
bodyTextChecked: ColorValue;
|
|
196
|
+
/** De-emphasized text; e.g. metadata, captions, placeholder text.
|
|
197
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
198
|
+
*/
|
|
199
|
+
subText: ColorValue;
|
|
200
|
+
/** Neutral colored links and links for action buttons.
|
|
201
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
202
|
+
*/
|
|
203
|
+
actionLink: ColorValue;
|
|
204
|
+
/** The color of a link.
|
|
205
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
206
|
+
*/
|
|
207
|
+
link: ColorValue;
|
|
208
|
+
/** The color of a hovered link. Also used when the link is active.
|
|
209
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
210
|
+
*/
|
|
211
|
+
linkHovered: ColorValue;
|
|
212
|
+
/** The color of a pressed link.
|
|
213
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
214
|
+
*/
|
|
215
|
+
linkPressed: ColorValue;
|
|
216
|
+
/** The default color for disabled text on top of disabledBackground; e.g. text in a disabled text field, disabled button text.
|
|
217
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
218
|
+
*/
|
|
219
|
+
disabledText: ColorValue;
|
|
220
|
+
/** The default color for disabled text on the default background (bodyBackground).
|
|
221
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
222
|
+
*/
|
|
223
|
+
disabledBodyText: ColorValue;
|
|
224
|
+
/** The default color of error text, used on bodyBackground.
|
|
225
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
226
|
+
*/
|
|
227
|
+
errorText: ColorValue;
|
|
228
|
+
/** The color of input text.
|
|
229
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
230
|
+
*/
|
|
231
|
+
inputText: ColorValue;
|
|
232
|
+
/** The color of placeholder text.
|
|
233
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
234
|
+
*/
|
|
235
|
+
inputPlaceholderText: ColorValue;
|
|
236
|
+
/** Color of text in a standard button
|
|
237
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
238
|
+
*/
|
|
239
|
+
buttonText: ColorValue;
|
|
240
|
+
/** Color of text in a hovered standard button
|
|
241
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
242
|
+
*/
|
|
243
|
+
buttonTextHovered: ColorValue;
|
|
244
|
+
/** Color of text in a checked standard button
|
|
245
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
246
|
+
*/
|
|
247
|
+
buttonTextChecked: ColorValue;
|
|
248
|
+
/** Color of text in a pressed standard button; i.e. currently being clicked by mouse
|
|
249
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
250
|
+
*/
|
|
251
|
+
buttonTextPressed: ColorValue;
|
|
252
|
+
/** Color of text in a disabled standard button
|
|
253
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
254
|
+
*/
|
|
255
|
+
buttonTextDisabled: ColorValue;
|
|
256
|
+
/** Color of text in a primary button
|
|
257
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
258
|
+
*/
|
|
259
|
+
primaryButtonText: ColorValue;
|
|
260
|
+
/** Color of text in a hovered primary button
|
|
261
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
262
|
+
*/
|
|
263
|
+
primaryButtonTextHovered: ColorValue;
|
|
264
|
+
/** Color of text in a pressed primary button; i.e. currently being clicked by mouse
|
|
265
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
266
|
+
*/
|
|
267
|
+
primaryButtonTextPressed: ColorValue;
|
|
268
|
+
/** Color of text in a disabled primary button
|
|
269
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
270
|
+
*/
|
|
271
|
+
primaryButtonTextDisabled: ColorValue;
|
|
272
272
|
}
|
|
273
273
|
/**
|
|
274
274
|
* Background and divider colors, separated by semantic role. These names and roles match
|
|
@@ -276,807 +276,807 @@ export interface PaletteTextColors {
|
|
|
276
276
|
* @deprecated These tokens are not part of the Fluent design system.
|
|
277
277
|
*/
|
|
278
278
|
export interface PaletteBackgroundColors {
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
279
|
+
/** The default color for backgrounds.
|
|
280
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
281
|
+
*/
|
|
282
|
+
background: ColorValue;
|
|
283
|
+
/** A standout background a shade darker then background (or lighter in dark themes)
|
|
284
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
285
|
+
*/
|
|
286
|
+
bodyStandoutBackground: ColorValue;
|
|
287
|
+
/** The color for chrome adjacent to an area with bodyBackground. Should either be distinct, or match bodyBackground
|
|
288
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
289
|
+
*/
|
|
290
|
+
bodyFrameBackground: ColorValue;
|
|
291
|
+
/** Border between bodyBackground and bodyFrameBackground, distinct if they match, matching bodyFrameBackground if not
|
|
292
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
293
|
+
*/
|
|
294
|
+
bodyFrameDivider: ColorValue;
|
|
295
|
+
/** Divider lines; e.g. lines that separate sections in a menu, an <HR> element.
|
|
296
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
297
|
+
*/
|
|
298
|
+
bodyDivider: ColorValue;
|
|
299
|
+
/** The default color for backgrounds of disabled controls; e.g. disabled text field.
|
|
300
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
301
|
+
*/
|
|
302
|
+
disabledBackground: ColorValue;
|
|
303
|
+
/** The color of the outline around focused controls that don't already have a border; e.g. menu items
|
|
304
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
305
|
+
*/
|
|
306
|
+
focusBorder: ColorValue;
|
|
307
|
+
/** The color of the border that provides contrast between an element, such as a card, and an emphasized background.
|
|
308
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
309
|
+
*/
|
|
310
|
+
variantBorder: ColorValue;
|
|
311
|
+
/** The border of a large input control in its resting, state; e.g. the box of dropdown.
|
|
312
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
313
|
+
*/
|
|
314
|
+
inputBorder: ColorValue;
|
|
315
|
+
/** The background color of an input, e.g. textbox background.
|
|
316
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
317
|
+
*/
|
|
318
|
+
inputBackground: ColorValue;
|
|
319
|
+
/** The alternate focus border color for elements that already have a border; e.g. text field borders on focus.
|
|
320
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
321
|
+
*/
|
|
322
|
+
inputFocusBorderAlt: ColorValue;
|
|
323
|
+
/** Background of a standard button
|
|
324
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
325
|
+
*/
|
|
326
|
+
buttonBackground: ColorValue;
|
|
327
|
+
/** Background of a checked standard button; e.g. bold/italicize/underline text button in toolbar
|
|
328
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
329
|
+
*/
|
|
330
|
+
buttonBackgroundChecked: ColorValue;
|
|
331
|
+
/** Background of a hovered standard button
|
|
332
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
333
|
+
*/
|
|
334
|
+
buttonBackgroundHovered: ColorValue;
|
|
335
|
+
/** Background of a disabled standard button
|
|
336
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
337
|
+
*/
|
|
338
|
+
buttonBackgroundDisabled: ColorValue;
|
|
339
|
+
/** Background of a pressed standard button; i.e. currently being clicked by mouse
|
|
340
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
341
|
+
*/
|
|
342
|
+
buttonBackgroundPressed: ColorValue;
|
|
343
|
+
/** Border of a standard button
|
|
344
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
345
|
+
*/
|
|
346
|
+
buttonBorder: ColorValue;
|
|
347
|
+
/** Border of a standard button in focused state
|
|
348
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
349
|
+
*/
|
|
350
|
+
buttonBorderFocused: ColorValue;
|
|
351
|
+
/** Border of a disabled standard button
|
|
352
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
353
|
+
*/
|
|
354
|
+
buttonBorderDisabled: ColorValue;
|
|
355
|
+
/** Background of a primary button
|
|
356
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
357
|
+
*/
|
|
358
|
+
primaryButtonBackground: ColorValue;
|
|
359
|
+
/** Background of a hovered primary button
|
|
360
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
361
|
+
*/
|
|
362
|
+
primaryButtonBackgroundHovered: ColorValue;
|
|
363
|
+
/** Background of a pressed primary button; i.e. currently being clicked by mouse
|
|
364
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
365
|
+
*/
|
|
366
|
+
primaryButtonBackgroundPressed: ColorValue;
|
|
367
|
+
/** Background of a disabled primary button
|
|
368
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
369
|
+
*/
|
|
370
|
+
primaryButtonBackgroundDisabled: ColorValue;
|
|
371
|
+
/** Border of a primary button
|
|
372
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
373
|
+
*/
|
|
374
|
+
primaryButtonBorder: ColorValue;
|
|
375
|
+
/** Border of a primary button in focused state
|
|
376
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
377
|
+
*/
|
|
378
|
+
primaryButtonBorderFocused: ColorValue;
|
|
379
|
+
/** Background of an accent button (kicker)
|
|
380
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
381
|
+
*/
|
|
382
|
+
accentButtonBackground: ColorValue;
|
|
383
|
+
/** The background of a menu.
|
|
384
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
385
|
+
*/
|
|
386
|
+
menuBackground: ColorValue;
|
|
387
|
+
/** The divider between menu items.
|
|
388
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
389
|
+
*/
|
|
390
|
+
menuDivider: ColorValue;
|
|
391
|
+
/** The default colors of icons in menus.
|
|
392
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
393
|
+
*/
|
|
394
|
+
menuIcon: ColorValue;
|
|
395
|
+
/** The background of a hovered menu item.
|
|
396
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
397
|
+
*/
|
|
398
|
+
menuItemBackgroundHovered: ColorValue;
|
|
399
|
+
/** The background of a pressed menu item.
|
|
400
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
401
|
+
*/
|
|
402
|
+
menuItemBackgroundPressed: ColorValue;
|
|
403
|
+
/** The text color of a menu item.
|
|
404
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
405
|
+
*/
|
|
406
|
+
menuItemText: ColorValue;
|
|
407
|
+
/** The text color of a hovered menu item.
|
|
408
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
409
|
+
*/
|
|
410
|
+
menuItemTextHovered: ColorValue;
|
|
411
|
+
/** The background color for a hovered list header.
|
|
412
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
413
|
+
*/
|
|
414
|
+
listHeaderBackgroundHovered: ColorValue;
|
|
415
|
+
/** The background color for a pressed list header.
|
|
416
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
417
|
+
*/
|
|
418
|
+
listHeaderBackgroundPressed: ColorValue;
|
|
419
419
|
}
|
|
420
420
|
/**
|
|
421
421
|
* @deprecated These tokens are not part of the Fluent design system.
|
|
422
422
|
*/
|
|
423
423
|
export interface ControlColorTokens {
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
424
|
+
/**
|
|
425
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
426
|
+
*/
|
|
427
|
+
defaultBackground: ColorValue;
|
|
428
|
+
/**
|
|
429
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
430
|
+
*/
|
|
431
|
+
defaultBorder: ColorValue;
|
|
432
|
+
/**
|
|
433
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
434
|
+
*/
|
|
435
|
+
defaultContent: ColorValue;
|
|
436
|
+
/**
|
|
437
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
438
|
+
*/
|
|
439
|
+
defaultIcon: ColorValue;
|
|
440
|
+
/**
|
|
441
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
442
|
+
*/
|
|
443
|
+
defaultHoveredBackground: ColorValue;
|
|
444
|
+
/**
|
|
445
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
446
|
+
*/
|
|
447
|
+
defaultHoveredBorder: ColorValue;
|
|
448
|
+
/**
|
|
449
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
450
|
+
*/
|
|
451
|
+
defaultHoveredContent: ColorValue;
|
|
452
|
+
/**
|
|
453
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
454
|
+
*/
|
|
455
|
+
defaultHoveredIcon: ColorValue;
|
|
456
|
+
/**
|
|
457
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
458
|
+
*/
|
|
459
|
+
defaultFocusedBackground: ColorValue;
|
|
460
|
+
/**
|
|
461
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
462
|
+
*/
|
|
463
|
+
defaultFocusedBorder: ColorValue;
|
|
464
|
+
/**
|
|
465
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
466
|
+
*/
|
|
467
|
+
defaultFocusedContent: ColorValue;
|
|
468
|
+
/**
|
|
469
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
470
|
+
*/
|
|
471
|
+
defaultFocusedIcon: ColorValue;
|
|
472
|
+
/**
|
|
473
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
474
|
+
*/
|
|
475
|
+
defaultPressedBackground: ColorValue;
|
|
476
|
+
/**
|
|
477
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
478
|
+
*/
|
|
479
|
+
defaultPressedBorder: ColorValue;
|
|
480
|
+
/**
|
|
481
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
482
|
+
*/
|
|
483
|
+
defaultPressedContent: ColorValue;
|
|
484
|
+
/**
|
|
485
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
486
|
+
*/
|
|
487
|
+
defaultPressedIcon: ColorValue;
|
|
488
|
+
/**
|
|
489
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
490
|
+
*/
|
|
491
|
+
defaultDisabledBackground: ColorValue;
|
|
492
|
+
/**
|
|
493
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
494
|
+
*/
|
|
495
|
+
defaultDisabledBorder: ColorValue;
|
|
496
|
+
/**
|
|
497
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
498
|
+
*/
|
|
499
|
+
defaultDisabledContent: ColorValue;
|
|
500
|
+
/**
|
|
501
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
502
|
+
*/
|
|
503
|
+
defaultDisabledIcon: ColorValue;
|
|
504
|
+
/**
|
|
505
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
506
|
+
*/
|
|
507
|
+
ghostBackground: ColorValue;
|
|
508
|
+
/**
|
|
509
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
510
|
+
*/
|
|
511
|
+
ghostBorder: ColorValue;
|
|
512
|
+
/**
|
|
513
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
514
|
+
*/
|
|
515
|
+
ghostContent: ColorValue;
|
|
516
|
+
/**
|
|
517
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
518
|
+
*/
|
|
519
|
+
ghostIcon: ColorValue;
|
|
520
|
+
/**
|
|
521
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
522
|
+
*/
|
|
523
|
+
ghostHoveredBackground: ColorValue;
|
|
524
|
+
/**
|
|
525
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
526
|
+
*/
|
|
527
|
+
ghostHoveredBorder: ColorValue;
|
|
528
|
+
/**
|
|
529
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
530
|
+
*/
|
|
531
|
+
ghostHoveredContent: ColorValue;
|
|
532
|
+
/**
|
|
533
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
534
|
+
*/
|
|
535
|
+
ghostHoveredIcon: ColorValue;
|
|
536
|
+
/**
|
|
537
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
538
|
+
*/
|
|
539
|
+
ghostFocusedBackground: ColorValue;
|
|
540
|
+
/**
|
|
541
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
542
|
+
*/
|
|
543
|
+
ghostFocusedBorder: ColorValue;
|
|
544
|
+
/**
|
|
545
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
546
|
+
*/
|
|
547
|
+
ghostFocusedContent: ColorValue;
|
|
548
|
+
/**
|
|
549
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
550
|
+
*/
|
|
551
|
+
ghostFocusedIcon: ColorValue;
|
|
552
|
+
/**
|
|
553
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
554
|
+
*/
|
|
555
|
+
ghostPressedBackground: ColorValue;
|
|
556
|
+
/**
|
|
557
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
558
|
+
*/
|
|
559
|
+
ghostPressedBorder: ColorValue;
|
|
560
|
+
/**
|
|
561
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
562
|
+
*/
|
|
563
|
+
ghostPressedContent: ColorValue;
|
|
564
|
+
/**
|
|
565
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
566
|
+
*/
|
|
567
|
+
ghostPressedIcon: ColorValue;
|
|
568
|
+
/**
|
|
569
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
570
|
+
*/
|
|
571
|
+
ghostDisabledBackground: ColorValue;
|
|
572
|
+
/**
|
|
573
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
574
|
+
*/
|
|
575
|
+
ghostDisabledBorder: ColorValue;
|
|
576
|
+
/**
|
|
577
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
578
|
+
*/
|
|
579
|
+
ghostDisabledContent: ColorValue;
|
|
580
|
+
/**
|
|
581
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
582
|
+
*/
|
|
583
|
+
ghostDisabledIcon: ColorValue;
|
|
584
|
+
/**
|
|
585
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
586
|
+
*/
|
|
587
|
+
brandedBackground: ColorValue;
|
|
588
|
+
/**
|
|
589
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
590
|
+
*/
|
|
591
|
+
brandedDisabledBorder: ColorValue;
|
|
592
|
+
/**
|
|
593
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
594
|
+
*/
|
|
595
|
+
brandedSecondaryContent: ColorValue;
|
|
596
|
+
/**
|
|
597
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
598
|
+
*/
|
|
599
|
+
brandedFocusedSecondaryContent: ColorValue;
|
|
600
|
+
/**
|
|
601
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
602
|
+
*/
|
|
603
|
+
brandedHoveredSecondaryContent: ColorValue;
|
|
604
|
+
/**
|
|
605
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
606
|
+
*/
|
|
607
|
+
brandedPressedSecondaryContent: ColorValue;
|
|
608
|
+
/**
|
|
609
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
610
|
+
*/
|
|
611
|
+
defaultCheckedBackground: ColorValue;
|
|
612
|
+
/**
|
|
613
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
614
|
+
*/
|
|
615
|
+
defaultCheckedContent: ColorValue;
|
|
616
|
+
/**
|
|
617
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
618
|
+
*/
|
|
619
|
+
defaultCheckedHoveredBackground: ColorValue;
|
|
620
|
+
/**
|
|
621
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
622
|
+
*/
|
|
623
|
+
defaultCheckedHoveredContent: ColorValue;
|
|
624
|
+
/**
|
|
625
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
626
|
+
*/
|
|
627
|
+
ghostCheckedBackground: ColorValue;
|
|
628
|
+
/**
|
|
629
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
630
|
+
*/
|
|
631
|
+
ghostCheckedContent: ColorValue;
|
|
632
|
+
/**
|
|
633
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
634
|
+
*/
|
|
635
|
+
ghostCheckedHoveredBackground: ColorValue;
|
|
636
|
+
/**
|
|
637
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
638
|
+
*/
|
|
639
|
+
ghostCheckedHoveredContent: ColorValue;
|
|
640
|
+
/**
|
|
641
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
642
|
+
*/
|
|
643
|
+
ghostCheckedHoveredBorder: ColorValue;
|
|
644
|
+
/**
|
|
645
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
646
|
+
*/
|
|
647
|
+
ghostSecondaryContent: ColorValue;
|
|
648
|
+
/**
|
|
649
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
650
|
+
*/
|
|
651
|
+
ghostFocusedSecondaryContent: ColorValue;
|
|
652
|
+
/**
|
|
653
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
654
|
+
*/
|
|
655
|
+
ghostHoveredSecondaryContent: ColorValue;
|
|
656
|
+
/**
|
|
657
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
658
|
+
*/
|
|
659
|
+
ghostPressedSecondaryContent: ColorValue;
|
|
660
|
+
/**
|
|
661
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
662
|
+
*/
|
|
663
|
+
defaultHoveredSecondaryContent: ColorValue;
|
|
664
|
+
/**
|
|
665
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
666
|
+
*/
|
|
667
|
+
defaultPressedSecondaryContent: ColorValue;
|
|
668
|
+
/**
|
|
669
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
670
|
+
*/
|
|
671
|
+
checkboxBackground: ColorValue;
|
|
672
|
+
/**
|
|
673
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
674
|
+
*/
|
|
675
|
+
checkboxBackgroundDisabled: ColorValue;
|
|
676
|
+
/**
|
|
677
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
678
|
+
*/
|
|
679
|
+
checkmarkColor: ColorValue;
|
|
680
|
+
/**
|
|
681
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
682
|
+
*/
|
|
683
|
+
checkboxBorderColor: ColorValue;
|
|
684
|
+
/**
|
|
685
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
686
|
+
*/
|
|
687
|
+
personaActivityRing: ColorValue;
|
|
688
|
+
/**
|
|
689
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
690
|
+
*/
|
|
691
|
+
personaActivityGlow: ColorValue;
|
|
692
692
|
}
|
|
693
693
|
export interface AliasColorTokens {
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
694
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
695
|
+
neutralForeground1?: ColorValue;
|
|
696
|
+
/** @platform macOS, win32, windows */
|
|
697
|
+
neutralForeground1Hover?: ColorValue;
|
|
698
|
+
/** @platform macOS, win32, windows */
|
|
699
|
+
neutralForeground1Pressed?: ColorValue;
|
|
700
|
+
/** @platform macOS, win32, windows */
|
|
701
|
+
neutralForeground1Selected?: ColorValue;
|
|
702
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
703
|
+
neutralForeground2?: ColorValue;
|
|
704
|
+
/** @platform macOS, win32, windows */
|
|
705
|
+
neutralForeground2Hover?: ColorValue;
|
|
706
|
+
/** @platform macOS, win32, windows */
|
|
707
|
+
neutralForeground2Pressed?: ColorValue;
|
|
708
|
+
/** @platform macOS, win32, windows */
|
|
709
|
+
neutralForeground2Selected?: ColorValue;
|
|
710
|
+
/** @platform macOS, win32, windows */
|
|
711
|
+
neutralForeground2BrandHover?: ColorValue;
|
|
712
|
+
/** @platform macOS, win32, windows */
|
|
713
|
+
neutralForeground2BrandPressed?: ColorValue;
|
|
714
|
+
/** @platform macOS, win32, windows */
|
|
715
|
+
neutralForeground2BrandSelected?: ColorValue;
|
|
716
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
717
|
+
neutralForeground3?: ColorValue;
|
|
718
|
+
/** @platform macOS, win32, windows */
|
|
719
|
+
neutralForeground3Hover?: ColorValue;
|
|
720
|
+
/** @platform macOS, win32, windows */
|
|
721
|
+
neutralForeground3Pressed?: ColorValue;
|
|
722
|
+
/** @platform macOS, win32, windows */
|
|
723
|
+
neutralForeground3Selected?: ColorValue;
|
|
724
|
+
/** @platform macOS, win32, windows */
|
|
725
|
+
neutralForeground3BrandHover?: ColorValue;
|
|
726
|
+
/** @platform macOS, win32, windows */
|
|
727
|
+
neutralForeground3BrandPressed?: ColorValue;
|
|
728
|
+
/** @platform macOS, win32, windows */
|
|
729
|
+
neutralForeground3BrandSelected?: ColorValue;
|
|
730
|
+
/** @platform macOS, win32, windows */
|
|
731
|
+
neutralForeground4?: ColorValue;
|
|
732
|
+
/** @platform macOS, win32, windows */
|
|
733
|
+
neutralForegroundDisabled?: ColorValue;
|
|
734
|
+
/** @platform android, iOS */
|
|
735
|
+
neutralForegroundDisabled1?: ColorValue;
|
|
736
|
+
/** @platform android, iOS */
|
|
737
|
+
neutralForegroundDisabled2?: ColorValue;
|
|
738
|
+
/** @platform android, iOS */
|
|
739
|
+
neutralForegroundOnColor?: ColorValue;
|
|
740
|
+
/** @platform iOS */
|
|
741
|
+
neutralForegroundDarkStatic?: ColorValue;
|
|
742
|
+
/** @platform iOS */
|
|
743
|
+
neutralForegroundLightStatic?: ColorValue;
|
|
744
|
+
/** @platform macOS, win32, windows */
|
|
745
|
+
neutralForegroundOnBrand?: ColorValue;
|
|
746
|
+
/** @platform macOS, win32, windows */
|
|
747
|
+
neutralForegroundOnBrandHover?: ColorValue;
|
|
748
|
+
/** @platform macOS, win32, windows */
|
|
749
|
+
neutralForegroundOnBrandPressed?: ColorValue;
|
|
750
|
+
/** @platform macOS, win32, windows */
|
|
751
|
+
neutralForegroundOnBrandSelected?: ColorValue;
|
|
752
|
+
/** @platform android, macOS, win32, windows */
|
|
753
|
+
neutralForegroundInverted?: ColorValue;
|
|
754
|
+
/** @platform macOS, win32, windows */
|
|
755
|
+
neutralForegroundInvertedLink?: ColorValue;
|
|
756
|
+
/** @platform macOS, win32, windows */
|
|
757
|
+
neutralForegroundInvertedLinkHover?: ColorValue;
|
|
758
|
+
/** @platform macOS, win32, windows */
|
|
759
|
+
neutralForegroundInvertedLinkPressed?: ColorValue;
|
|
760
|
+
/** @platform macOS, win32, windows */
|
|
761
|
+
neutralForegroundInvertedLinkSelected?: ColorValue;
|
|
762
|
+
/** @platform macOS, win32, windows */
|
|
763
|
+
brandForegroundLink?: ColorValue;
|
|
764
|
+
/** @platform macOS, win32, windows */
|
|
765
|
+
brandForegroundLinkHover?: ColorValue;
|
|
766
|
+
/** @platform macOS, win32, windows */
|
|
767
|
+
brandForegroundLinkPressed?: ColorValue;
|
|
768
|
+
/** @platform macOS, win32, windows */
|
|
769
|
+
brandForegroundLinkSelected?: ColorValue;
|
|
770
|
+
/** @platform macOS, win32, windows */
|
|
771
|
+
compoundBrandForeground1?: ColorValue;
|
|
772
|
+
/** @platform macOS, win32, windows */
|
|
773
|
+
compoundBrandForeground1Hover?: ColorValue;
|
|
774
|
+
/** @platform macOS, win32, windows */
|
|
775
|
+
compoundBrandForeground1Pressed?: ColorValue;
|
|
776
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
777
|
+
brandForeground1?: ColorValue;
|
|
778
|
+
/** @platform android, iOS, macOS */
|
|
779
|
+
brandForeground1Pressed?: ColorValue;
|
|
780
|
+
/** @platform android, iOS, macOS */
|
|
781
|
+
brandForeground1Selected?: ColorValue;
|
|
782
|
+
/** @platform macOS, win32, windows */
|
|
783
|
+
brandForeground2?: ColorValue;
|
|
784
|
+
/** @platform android, iOS */
|
|
785
|
+
brandForegroundTint?: ColorValue;
|
|
786
|
+
/** @platform android, iOS */
|
|
787
|
+
brandForeground1Disabled?: ColorValue;
|
|
788
|
+
/** @platform android, iOS */
|
|
789
|
+
brandForegroundDisabled1?: ColorValue;
|
|
790
|
+
/** @platform android, iOS */
|
|
791
|
+
brandForegroundDisabled2?: ColorValue;
|
|
792
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
793
|
+
neutralBackground1?: ColorValue;
|
|
794
|
+
/** @platform macOS, win32, windows */
|
|
795
|
+
neutralBackground1Hover?: ColorValue;
|
|
796
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
797
|
+
neutralBackground1Pressed?: ColorValue;
|
|
798
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
799
|
+
neutralBackground1Selected?: ColorValue;
|
|
800
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
801
|
+
neutralBackground2?: ColorValue;
|
|
802
|
+
/** @platform macOS, win32, windows */
|
|
803
|
+
neutralBackground2Hover?: ColorValue;
|
|
804
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
805
|
+
neutralBackground2Pressed?: ColorValue;
|
|
806
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
807
|
+
neutralBackground2Selected?: ColorValue;
|
|
808
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
809
|
+
neutralBackground3?: ColorValue;
|
|
810
|
+
/** @platform macOS, win32, windows */
|
|
811
|
+
neutralBackground3Hover?: ColorValue;
|
|
812
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
813
|
+
neutralBackground3Pressed?: ColorValue;
|
|
814
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
815
|
+
neutralBackground3Selected?: ColorValue;
|
|
816
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
817
|
+
neutralBackground4?: ColorValue;
|
|
818
|
+
/** @platform macOS, win32, windows */
|
|
819
|
+
neutralBackground4Hover?: ColorValue;
|
|
820
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
821
|
+
neutralBackground4Pressed?: ColorValue;
|
|
822
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
823
|
+
neutralBackground4Selected?: ColorValue;
|
|
824
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
825
|
+
neutralBackground5?: ColorValue;
|
|
826
|
+
/** @platform macOS, win32, windows */
|
|
827
|
+
neutralBackground5Hover?: ColorValue;
|
|
828
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
829
|
+
neutralBackground5Pressed?: ColorValue;
|
|
830
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
831
|
+
neutralBackground5Selected?: ColorValue;
|
|
832
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
833
|
+
neutralBackground6?: ColorValue;
|
|
834
|
+
/** @platform iOS, android */
|
|
835
|
+
neutralBackgroundCanvas?: ColorValue;
|
|
836
|
+
/** @platform iOS, android */
|
|
837
|
+
neutralBackgroundDarkStatic?: ColorValue;
|
|
838
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
839
|
+
neutralBackgroundInverted?: ColorValue;
|
|
840
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
841
|
+
neutralBackgroundDisabled?: ColorValue;
|
|
842
|
+
/** @platform android, iOS */
|
|
843
|
+
neutralBackgroundLightStatic?: ColorValue;
|
|
844
|
+
/** @platform android, iOS */
|
|
845
|
+
neutralBackgroundLightStaticDisabled?: ColorValue;
|
|
846
|
+
/** @platform macOS, win32, windows */
|
|
847
|
+
subtleBackground?: ColorValue;
|
|
848
|
+
/** @platform macOS, win32, windows */
|
|
849
|
+
subtleBackgroundHover?: ColorValue;
|
|
850
|
+
/** @platform macOS, win32, windows */
|
|
851
|
+
subtleBackgroundPressed?: ColorValue;
|
|
852
|
+
/** @platform macOS, win32, windows */
|
|
853
|
+
subtleBackgroundSelected?: ColorValue;
|
|
854
|
+
/** @platform macOS, win32, windows */
|
|
855
|
+
transparentBackground?: ColorValue;
|
|
856
|
+
/** @platform macOS, win32, windows */
|
|
857
|
+
transparentBackgroundHover?: ColorValue;
|
|
858
|
+
/** @platform macOS, win32, windows */
|
|
859
|
+
transparentBackgroundPressed?: ColorValue;
|
|
860
|
+
/** @platform macOS, win32, windows */
|
|
861
|
+
transparentBackgroundSelected?: ColorValue;
|
|
862
|
+
/** @platform macOS, win32, windows */
|
|
863
|
+
brandBackground?: ColorValue;
|
|
864
|
+
/** @platform macOS, win32, windows */
|
|
865
|
+
brandBackgroundHover?: ColorValue;
|
|
866
|
+
/** @platform macOS, win32, windows */
|
|
867
|
+
brandBackgroundPressed?: ColorValue;
|
|
868
|
+
/** @platform macOS */
|
|
869
|
+
brandBackgroundDisabled?: ColorValue;
|
|
870
|
+
/** @platform macOS, win32, windows */
|
|
871
|
+
brandBackgroundSelected?: ColorValue;
|
|
872
|
+
/** @platform macOS, win32, windows */
|
|
873
|
+
compoundBrandBackground1?: ColorValue;
|
|
874
|
+
/** @platform macOS, win32, windows */
|
|
875
|
+
compoundBrandBackground1Hover?: ColorValue;
|
|
876
|
+
/** @platform macOS, win32, windows */
|
|
877
|
+
compoundBrandBackground1Pressed?: ColorValue;
|
|
878
|
+
/** @platform macOS, win32, windows */
|
|
879
|
+
brandBackgroundStatic?: ColorValue;
|
|
880
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
881
|
+
brandBackground2?: ColorValue;
|
|
882
|
+
/** @platform android, iOS */
|
|
883
|
+
brandBackground2Pressed?: ColorValue;
|
|
884
|
+
/** @platform android, iOS */
|
|
885
|
+
brandBackground2Selected?: ColorValue;
|
|
886
|
+
/** @platform android, iOS */
|
|
887
|
+
brandBackground3?: ColorValue;
|
|
888
|
+
/** @platform android, iOS */
|
|
889
|
+
brandBackgroundTint?: ColorValue;
|
|
890
|
+
/** @platform android */
|
|
891
|
+
brandBackgroundInverted?: ColorValue;
|
|
892
|
+
/** @platform android */
|
|
893
|
+
brandBackgroundInvertedDisabled?: ColorValue;
|
|
894
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
895
|
+
neutralStencil1?: ColorValue;
|
|
896
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
897
|
+
neutralStencil2?: ColorValue;
|
|
898
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
899
|
+
neutralStrokeAccessible?: ColorValue;
|
|
900
|
+
/** @platform macOS, win32, windows */
|
|
901
|
+
neutralStrokeAccessibleHover?: ColorValue;
|
|
902
|
+
/** @platform macOS, win32, windows */
|
|
903
|
+
neutralStrokeAccessiblePressed?: ColorValue;
|
|
904
|
+
/** @platform macOS, win32, windows */
|
|
905
|
+
neutralStrokeAccessibleSelected?: ColorValue;
|
|
906
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
907
|
+
neutralStroke1?: ColorValue;
|
|
908
|
+
/** @platform macOS, win32, windows */
|
|
909
|
+
neutralStroke1Hover?: ColorValue;
|
|
910
|
+
/** @platform macOS, win32, windows */
|
|
911
|
+
neutralStroke1Pressed?: ColorValue;
|
|
912
|
+
/** @platform macOS, win32, windows */
|
|
913
|
+
neutralStroke1Selected?: ColorValue;
|
|
914
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
915
|
+
neutralStroke2?: ColorValue;
|
|
916
|
+
/** @platform macOS, win32, windows */
|
|
917
|
+
neutralStroke3?: ColorValue;
|
|
918
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
919
|
+
neutralStrokeDisabled?: ColorValue;
|
|
920
|
+
/** @platform iOS, android */
|
|
921
|
+
neutralStrokeFocus1?: ColorValue;
|
|
922
|
+
/** @platform iOS, android */
|
|
923
|
+
neutralStrokeFocus2?: ColorValue;
|
|
924
|
+
/** @platform macOS, win32, windows */
|
|
925
|
+
strokeFocus1?: ColorValue;
|
|
926
|
+
/** @platform macOS, win32, windows*/
|
|
927
|
+
strokeFocus2?: ColorValue;
|
|
928
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
929
|
+
brandStroke1?: ColorValue;
|
|
930
|
+
/** @platform android, iOS, macOS */
|
|
931
|
+
brandStroke1Pressed?: ColorValue;
|
|
932
|
+
/** @platform android, iOS, macOS */
|
|
933
|
+
brandStroke1Selected?: ColorValue;
|
|
934
|
+
/** @platform macOS, win32, windows */
|
|
935
|
+
brandStroke2?: ColorValue;
|
|
936
|
+
/** @platform android, iOS */
|
|
937
|
+
brandStrokeTint?: ColorValue;
|
|
938
|
+
/** @platform macOS, win32, windows */
|
|
939
|
+
compoundBrandStroke1?: ColorValue;
|
|
940
|
+
/** @platform macOS, win32, windows */
|
|
941
|
+
compoundBrandStroke1Hover?: ColorValue;
|
|
942
|
+
/** @platform macOS, win32, windows */
|
|
943
|
+
compoundBrandStroke1Pressed?: ColorValue;
|
|
944
|
+
/** @platform windows */
|
|
945
|
+
transparentStroke?: ColorValue;
|
|
946
|
+
/** @platform */
|
|
947
|
+
transparentStrokeInteractive?: ColorValue;
|
|
948
|
+
/** @platform */
|
|
949
|
+
transparentStrokeDisabled?: ColorValue;
|
|
950
|
+
/** @deprecated */
|
|
951
|
+
redBackground1?: ColorValue;
|
|
952
|
+
/** @deprecated */
|
|
953
|
+
redBackground2?: ColorValue;
|
|
954
|
+
/** @deprecated */
|
|
955
|
+
redBackground3?: ColorValue;
|
|
956
|
+
/** @deprecated */
|
|
957
|
+
redForeground1?: ColorValue;
|
|
958
|
+
/** @deprecated */
|
|
959
|
+
redForeground2?: ColorValue;
|
|
960
|
+
/** @deprecated */
|
|
961
|
+
redForeground3?: ColorValue;
|
|
962
|
+
/** @deprecated */
|
|
963
|
+
redBorderActive?: ColorValue;
|
|
964
|
+
/** @deprecated */
|
|
965
|
+
redBorder1?: ColorValue;
|
|
966
|
+
/** @deprecated */
|
|
967
|
+
redBorder2?: ColorValue;
|
|
968
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
969
|
+
dangerBackground1?: ColorValue;
|
|
970
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
971
|
+
dangerBackground2?: ColorValue;
|
|
972
|
+
/** @platform macOS, win32, windows */
|
|
973
|
+
dangerBackground3?: ColorValue;
|
|
974
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
975
|
+
dangerForeground1?: ColorValue;
|
|
976
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
977
|
+
dangerForeground2?: ColorValue;
|
|
978
|
+
/** @platform macOS, win32, windows */
|
|
979
|
+
dangerForeground3?: ColorValue;
|
|
980
|
+
/** @platform macOS, win32, windows */
|
|
981
|
+
dangerForegroundInverted?: ColorValue;
|
|
982
|
+
/** @platform macOS, win32, windows */
|
|
983
|
+
dangerBorderActive?: ColorValue;
|
|
984
|
+
/** @platform macOS, win32, windows */
|
|
985
|
+
dangerBorder1?: ColorValue;
|
|
986
|
+
/** @platform macOS, win32, windows */
|
|
987
|
+
dangerBorder2?: ColorValue;
|
|
988
|
+
/** @platform android, iOS */
|
|
989
|
+
dangerStroke1?: ColorValue;
|
|
990
|
+
/** @platform iOS, macOS, android, win32, windows */
|
|
991
|
+
successBackground1?: ColorValue;
|
|
992
|
+
/** @platform iOS, android, macOS, win32, windows */
|
|
993
|
+
successBackground2?: ColorValue;
|
|
994
|
+
/** @platform macOS, win32, windows */
|
|
995
|
+
successBackground3?: ColorValue;
|
|
996
|
+
/** @platform iOS, android, macOS, win32, windows */
|
|
997
|
+
successForeground1?: ColorValue;
|
|
998
|
+
/** @platform iOS, android, macOS, win32, windows */
|
|
999
|
+
successForeground2?: ColorValue;
|
|
1000
|
+
/** @platform macOS, win32, windows */
|
|
1001
|
+
successForeground3?: ColorValue;
|
|
1002
|
+
/** @platform macOS, win32, windows */
|
|
1003
|
+
successForegroundInverted?: ColorValue;
|
|
1004
|
+
/** @platform macOS, win32, windows */
|
|
1005
|
+
successBorderActive?: ColorValue;
|
|
1006
|
+
/** @platform macOS, win32, windows */
|
|
1007
|
+
successBorder1?: ColorValue;
|
|
1008
|
+
/** @platform macOS, win32, windows */
|
|
1009
|
+
successBorder2?: ColorValue;
|
|
1010
|
+
/** @platform android, iOS */
|
|
1011
|
+
successStroke1?: ColorValue;
|
|
1012
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
1013
|
+
warningBackground1?: ColorValue;
|
|
1014
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
1015
|
+
warningBackground2?: ColorValue;
|
|
1016
|
+
/** @platform macOS, win32, windows */
|
|
1017
|
+
warningBackground3?: ColorValue;
|
|
1018
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
1019
|
+
warningForeground1?: ColorValue;
|
|
1020
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
1021
|
+
warningForeground2?: ColorValue;
|
|
1022
|
+
/** @platform macOS, win32, windows */
|
|
1023
|
+
warningForeground3?: ColorValue;
|
|
1024
|
+
/** @platform macOS, win32, windows */
|
|
1025
|
+
warningForegroundInverted?: ColorValue;
|
|
1026
|
+
/** @platform macOS, win32, windows */
|
|
1027
|
+
warningBorderActive?: ColorValue;
|
|
1028
|
+
/** @platform macOS, win32, windows */
|
|
1029
|
+
warningBorder1?: ColorValue;
|
|
1030
|
+
/** @platform macOS, win32, windows */
|
|
1031
|
+
warningBorder2?: ColorValue;
|
|
1032
|
+
/** @platform android, iOS */
|
|
1033
|
+
warningStroke1?: ColorValue;
|
|
1034
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
1035
|
+
severeBackground1?: ColorValue;
|
|
1036
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
1037
|
+
severeBackground2?: ColorValue;
|
|
1038
|
+
/** @platform macOS, win32, windows */
|
|
1039
|
+
severeBackground3?: ColorValue;
|
|
1040
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
1041
|
+
severeForeground1?: ColorValue;
|
|
1042
|
+
/** @platform android, iOS, macOS, win32, windows */
|
|
1043
|
+
severeForeground2?: ColorValue;
|
|
1044
|
+
/** @platform macOS, win32, windows */
|
|
1045
|
+
severeForeground3?: ColorValue;
|
|
1046
|
+
/** @platform macOS, win32, windows */
|
|
1047
|
+
severeBorderActive?: ColorValue;
|
|
1048
|
+
/** @platform macOS, win32, windows */
|
|
1049
|
+
severeBorder1?: ColorValue;
|
|
1050
|
+
/** @platform macOS, win32, windows */
|
|
1051
|
+
severeBorder2?: ColorValue;
|
|
1052
|
+
/** @platform android, iOS */
|
|
1053
|
+
severeStroke1?: ColorValue;
|
|
1054
|
+
/** @platform macOS, win32, windows */
|
|
1055
|
+
outofofficeBackground1?: ColorValue;
|
|
1056
|
+
/** @platform macOS, win32, windows */
|
|
1057
|
+
outofofficeBackground2?: ColorValue;
|
|
1058
|
+
/** @platform macOS, win32, windows */
|
|
1059
|
+
outofofficeBackground3?: ColorValue;
|
|
1060
|
+
/** @platform macOS, win32, windows */
|
|
1061
|
+
outofofficeForeground1?: ColorValue;
|
|
1062
|
+
/** @platform macOS, win32, windows */
|
|
1063
|
+
outofofficeForeground2?: ColorValue;
|
|
1064
|
+
/** @platform macOS, win32, windows */
|
|
1065
|
+
outofofficeForeground3?: ColorValue;
|
|
1066
|
+
/** @platform macOS, win32, windows */
|
|
1067
|
+
outofofficeBorderActive?: ColorValue;
|
|
1068
|
+
/** @platform macOS, win32, windows */
|
|
1069
|
+
outofofficeBorder1?: ColorValue;
|
|
1070
|
+
/** @platform macOS, win32, windows */
|
|
1071
|
+
outofofficeBorder2?: ColorValue;
|
|
1072
|
+
/** @platform iOS, android */
|
|
1073
|
+
presenceAway?: ColorValue;
|
|
1074
|
+
/** @platform iOS, android */
|
|
1075
|
+
presenceDnd?: ColorValue;
|
|
1076
|
+
/** @platform iOS, android */
|
|
1077
|
+
presenceAvailable?: ColorValue;
|
|
1078
|
+
/** @platform iOS, android */
|
|
1079
|
+
presenceOof?: ColorValue;
|
|
1080
1080
|
}
|
|
1081
1081
|
/**
|
|
1082
1082
|
* A collection of named palette colors.
|
|
@@ -1094,4 +1094,4 @@ export type PartialPalette = Partial<Palette>;
|
|
|
1094
1094
|
* A color, used when defining a visual element in a theme.
|
|
1095
1095
|
*/
|
|
1096
1096
|
export type Color = keyof Palette | ColorValue;
|
|
1097
|
-
//# sourceMappingURL=Color.types.d.ts.map
|
|
1097
|
+
//# sourceMappingURL=Color.types.d.ts.map
|