@fluentui-react-native/theme-types 0.42.0 → 0.42.1
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 +16 -1
- package/CHANGELOG.md +10 -2
- package/lib/Color.types.d.ts +508 -56
- package/lib/Color.types.d.ts.map +1 -1
- package/lib-commonjs/Color.types.d.ts +508 -56
- package/lib-commonjs/Color.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Color.types.ts +510 -110
|
@@ -19,225 +19,675 @@ export type ThemeColorDefinition = Palette & {
|
|
|
19
19
|
disabledText: ColorValue;
|
|
20
20
|
[customColor: string]: ColorValue;
|
|
21
21
|
};
|
|
22
|
+
/**
|
|
23
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
24
|
+
*/
|
|
22
25
|
export interface FabricWebPalette {
|
|
26
|
+
/**
|
|
27
|
+
* ROLE: Themed text
|
|
28
|
+
* linkHovered
|
|
29
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
30
|
+
*/
|
|
23
31
|
themeDarker: ColorValue;
|
|
32
|
+
/**
|
|
33
|
+
* ROLE: Themed background
|
|
34
|
+
* primaryButtonBackgroundPressed
|
|
35
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
36
|
+
*/
|
|
24
37
|
themeDark: ColorValue;
|
|
38
|
+
/**
|
|
39
|
+
* ROLE: Themed background
|
|
40
|
+
* primaryButtonBackgroundHovered
|
|
41
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
42
|
+
*/
|
|
25
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
|
+
*/
|
|
26
49
|
themePrimary: ColorValue;
|
|
50
|
+
/**
|
|
51
|
+
* unused
|
|
52
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
53
|
+
*/
|
|
27
54
|
themeSecondary: ColorValue;
|
|
55
|
+
/**
|
|
56
|
+
* unused
|
|
57
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
58
|
+
*/
|
|
28
59
|
themeTertiary: ColorValue;
|
|
60
|
+
/**
|
|
61
|
+
* unused
|
|
62
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
63
|
+
*/
|
|
29
64
|
themeLight: ColorValue;
|
|
65
|
+
/**
|
|
66
|
+
* unused
|
|
67
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
68
|
+
*/
|
|
30
69
|
themeLighter: ColorValue;
|
|
70
|
+
/**
|
|
71
|
+
* unused
|
|
72
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
73
|
+
*/
|
|
31
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
|
+
*/
|
|
32
80
|
black: ColorValue;
|
|
81
|
+
/**
|
|
82
|
+
* unused
|
|
83
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
84
|
+
*/
|
|
33
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
|
+
*/
|
|
34
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
|
+
*/
|
|
35
97
|
neutralPrimary: ColorValue;
|
|
98
|
+
/**
|
|
99
|
+
* unused
|
|
100
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
101
|
+
*/
|
|
36
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
|
+
*/
|
|
37
108
|
neutralSecondary: ColorValue;
|
|
109
|
+
/**
|
|
110
|
+
* ROLE: border
|
|
111
|
+
* buttonBorder
|
|
112
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
113
|
+
*/
|
|
38
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
|
+
*/
|
|
39
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
|
+
*/
|
|
40
126
|
neutralTertiaryAlt: ColorValue;
|
|
127
|
+
/**
|
|
128
|
+
* ROLE: text
|
|
129
|
+
* primaryButtonTextDisabled
|
|
130
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
131
|
+
*/
|
|
41
132
|
neutralQuaternary: ColorValue;
|
|
133
|
+
/**
|
|
134
|
+
* ROLE: background
|
|
135
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
136
|
+
*/
|
|
42
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
|
+
*/
|
|
43
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
|
+
*/
|
|
44
151
|
neutralLighter: ColorValue;
|
|
152
|
+
/**
|
|
153
|
+
* ROLE: background
|
|
154
|
+
* bodyStandoutBackground
|
|
155
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
156
|
+
*/
|
|
45
157
|
neutralLighterAlt: ColorValue;
|
|
158
|
+
/**
|
|
159
|
+
* ROLE: background
|
|
160
|
+
* accentButtonBackground
|
|
161
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
162
|
+
*/
|
|
46
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
|
+
*/
|
|
47
170
|
white: ColorValue;
|
|
171
|
+
/**
|
|
172
|
+
* red color
|
|
173
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
174
|
+
*/
|
|
48
175
|
red: ColorValue;
|
|
176
|
+
/**
|
|
177
|
+
* ROLE: Text
|
|
178
|
+
* errorText (if !inverted)
|
|
179
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
180
|
+
*/
|
|
49
181
|
redDark: ColorValue;
|
|
50
182
|
}
|
|
51
183
|
/**
|
|
52
184
|
* semantic color definitions for text colors. These match ISemanticTextColors in fabric.
|
|
185
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
53
186
|
*/
|
|
54
187
|
export interface PaletteTextColors {
|
|
55
|
-
/** The default color for text.
|
|
188
|
+
/** The default color for text.
|
|
189
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
190
|
+
*/
|
|
56
191
|
bodyText: ColorValue;
|
|
57
|
-
/** Checked text color, e.g. selected menu item text.
|
|
192
|
+
/** Checked text color, e.g. selected menu item text.
|
|
193
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
194
|
+
*/
|
|
58
195
|
bodyTextChecked: ColorValue;
|
|
59
|
-
/** De-emphasized text; e.g. metadata, captions, placeholder text.
|
|
196
|
+
/** De-emphasized text; e.g. metadata, captions, placeholder text.
|
|
197
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
198
|
+
*/
|
|
60
199
|
subText: ColorValue;
|
|
61
|
-
/** Neutral colored links and links for action buttons.
|
|
200
|
+
/** Neutral colored links and links for action buttons.
|
|
201
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
202
|
+
*/
|
|
62
203
|
actionLink: ColorValue;
|
|
63
|
-
/** The color of a link.
|
|
204
|
+
/** The color of a link.
|
|
205
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
206
|
+
*/
|
|
64
207
|
link: ColorValue;
|
|
65
|
-
/** The color of a hovered link. Also used when the link is active.
|
|
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
|
+
*/
|
|
66
211
|
linkHovered: ColorValue;
|
|
67
|
-
/** The color of a pressed link.
|
|
212
|
+
/** The color of a pressed link.
|
|
213
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
214
|
+
*/
|
|
68
215
|
linkPressed: ColorValue;
|
|
69
|
-
/** The default color for disabled text on top of disabledBackground; e.g. text in a disabled text field, disabled button text.
|
|
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
|
+
*/
|
|
70
219
|
disabledText: ColorValue;
|
|
71
|
-
/** The default color for disabled text on the default background (bodyBackground).
|
|
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
|
+
*/
|
|
72
223
|
disabledBodyText: ColorValue;
|
|
73
|
-
/** The default color of error text, used on bodyBackground.
|
|
224
|
+
/** The default color of error text, used on bodyBackground.
|
|
225
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
226
|
+
*/
|
|
74
227
|
errorText: ColorValue;
|
|
75
|
-
/** The color of input text.
|
|
228
|
+
/** The color of input text.
|
|
229
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
230
|
+
*/
|
|
76
231
|
inputText: ColorValue;
|
|
77
|
-
/** The color of placeholder text.
|
|
232
|
+
/** The color of placeholder text.
|
|
233
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
234
|
+
*/
|
|
78
235
|
inputPlaceholderText: ColorValue;
|
|
79
|
-
/** Color of text in a standard button
|
|
236
|
+
/** Color of text in a standard button
|
|
237
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
238
|
+
*/
|
|
80
239
|
buttonText: ColorValue;
|
|
81
|
-
/** Color of text in a hovered standard button
|
|
240
|
+
/** Color of text in a hovered standard button
|
|
241
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
242
|
+
*/
|
|
82
243
|
buttonTextHovered: ColorValue;
|
|
83
|
-
/** Color of text in a checked standard button
|
|
244
|
+
/** Color of text in a checked standard button
|
|
245
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
246
|
+
*/
|
|
84
247
|
buttonTextChecked: ColorValue;
|
|
85
|
-
/** Color of text in a pressed standard button; i.e. currently being clicked by mouse
|
|
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
|
+
*/
|
|
86
251
|
buttonTextPressed: ColorValue;
|
|
87
|
-
/** Color of text in a disabled standard button
|
|
252
|
+
/** Color of text in a disabled standard button
|
|
253
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
254
|
+
*/
|
|
88
255
|
buttonTextDisabled: ColorValue;
|
|
89
|
-
/** Color of text in a primary button
|
|
256
|
+
/** Color of text in a primary button
|
|
257
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
258
|
+
*/
|
|
90
259
|
primaryButtonText: ColorValue;
|
|
91
|
-
/** Color of text in a hovered primary button
|
|
260
|
+
/** Color of text in a hovered primary button
|
|
261
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
262
|
+
*/
|
|
92
263
|
primaryButtonTextHovered: ColorValue;
|
|
93
|
-
/** Color of text in a pressed primary button; i.e. currently being clicked by mouse
|
|
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
|
+
*/
|
|
94
267
|
primaryButtonTextPressed: ColorValue;
|
|
95
|
-
/** Color of text in a disabled primary button
|
|
268
|
+
/** Color of text in a disabled primary button
|
|
269
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
270
|
+
*/
|
|
96
271
|
primaryButtonTextDisabled: ColorValue;
|
|
97
272
|
}
|
|
98
273
|
/**
|
|
99
274
|
* Background and divider colors, separated by semantic role. These names and roles match
|
|
100
275
|
* those in ISemanticColors in fabric
|
|
276
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
101
277
|
*/
|
|
102
278
|
export interface PaletteBackgroundColors {
|
|
103
|
-
/** The default color for backgrounds.
|
|
279
|
+
/** The default color for backgrounds.
|
|
280
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
281
|
+
*/
|
|
104
282
|
background: ColorValue;
|
|
105
|
-
/** A standout background a shade darker then background (or lighter in dark themes)
|
|
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
|
+
*/
|
|
106
286
|
bodyStandoutBackground: ColorValue;
|
|
107
|
-
/** The color for chrome adjacent to an area with bodyBackground. Should either be distinct, or match bodyBackground
|
|
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
|
+
*/
|
|
108
290
|
bodyFrameBackground: ColorValue;
|
|
109
|
-
/** Border between bodyBackground and bodyFrameBackground, distinct if they match, matching bodyFrameBackground if not
|
|
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
|
+
*/
|
|
110
294
|
bodyFrameDivider: ColorValue;
|
|
111
|
-
/** Divider lines; e.g. lines that separate sections in a menu, an <HR> element.
|
|
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
|
+
*/
|
|
112
298
|
bodyDivider: ColorValue;
|
|
113
|
-
/** The default color for backgrounds of disabled controls; e.g. disabled text field.
|
|
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
|
+
*/
|
|
114
302
|
disabledBackground: ColorValue;
|
|
115
|
-
/** The color of the outline around focused controls that don't already have a border; e.g. menu items
|
|
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
|
+
*/
|
|
116
306
|
focusBorder: ColorValue;
|
|
117
|
-
/** The color of the border that provides contrast between an element, such as a card, and an emphasized background.
|
|
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
|
+
*/
|
|
118
310
|
variantBorder: ColorValue;
|
|
119
|
-
/** The border of a large input control in its resting, state; e.g. the box of dropdown.
|
|
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
|
+
*/
|
|
120
314
|
inputBorder: ColorValue;
|
|
121
|
-
/** The background color of an input, e.g. textbox background.
|
|
315
|
+
/** The background color of an input, e.g. textbox background.
|
|
316
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
317
|
+
*/
|
|
122
318
|
inputBackground: ColorValue;
|
|
123
|
-
/** The alternate focus border color for elements that already have a border; e.g. text field borders on focus.
|
|
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
|
+
*/
|
|
124
322
|
inputFocusBorderAlt: ColorValue;
|
|
125
|
-
/** Background of a standard button
|
|
323
|
+
/** Background of a standard button
|
|
324
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
325
|
+
*/
|
|
126
326
|
buttonBackground: ColorValue;
|
|
127
|
-
/** Background of a checked standard button; e.g. bold/italicize/underline text button in toolbar
|
|
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
|
+
*/
|
|
128
330
|
buttonBackgroundChecked: ColorValue;
|
|
129
|
-
/** Background of a hovered standard button
|
|
331
|
+
/** Background of a hovered standard button
|
|
332
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
333
|
+
*/
|
|
130
334
|
buttonBackgroundHovered: ColorValue;
|
|
131
|
-
/** Background of a disabled standard button
|
|
335
|
+
/** Background of a disabled standard button
|
|
336
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
337
|
+
*/
|
|
132
338
|
buttonBackgroundDisabled: ColorValue;
|
|
133
|
-
/** Background of a pressed standard button; i.e. currently being clicked by mouse
|
|
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
|
+
*/
|
|
134
342
|
buttonBackgroundPressed: ColorValue;
|
|
135
|
-
/** Border of a standard button
|
|
343
|
+
/** Border of a standard button
|
|
344
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
345
|
+
*/
|
|
136
346
|
buttonBorder: ColorValue;
|
|
137
|
-
/** Border of a standard button in focused state
|
|
347
|
+
/** Border of a standard button in focused state
|
|
348
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
349
|
+
*/
|
|
138
350
|
buttonBorderFocused: ColorValue;
|
|
139
|
-
/** Border of a disabled standard button
|
|
351
|
+
/** Border of a disabled standard button
|
|
352
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
353
|
+
*/
|
|
140
354
|
buttonBorderDisabled: ColorValue;
|
|
141
|
-
/** Background of a primary button
|
|
355
|
+
/** Background of a primary button
|
|
356
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
357
|
+
*/
|
|
142
358
|
primaryButtonBackground: ColorValue;
|
|
143
|
-
/** Background of a hovered primary button
|
|
359
|
+
/** Background of a hovered primary button
|
|
360
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
361
|
+
*/
|
|
144
362
|
primaryButtonBackgroundHovered: ColorValue;
|
|
145
|
-
/** Background of a pressed primary button; i.e. currently being clicked by mouse
|
|
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
|
+
*/
|
|
146
366
|
primaryButtonBackgroundPressed: ColorValue;
|
|
147
|
-
/** Background of a disabled primary button
|
|
367
|
+
/** Background of a disabled primary button
|
|
368
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
369
|
+
*/
|
|
148
370
|
primaryButtonBackgroundDisabled: ColorValue;
|
|
149
|
-
/** Border of a primary button
|
|
371
|
+
/** Border of a primary button
|
|
372
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
373
|
+
*/
|
|
150
374
|
primaryButtonBorder: ColorValue;
|
|
151
|
-
/** Border of a primary button in focused state
|
|
375
|
+
/** Border of a primary button in focused state
|
|
376
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
377
|
+
*/
|
|
152
378
|
primaryButtonBorderFocused: ColorValue;
|
|
153
|
-
/** Background of an accent button (kicker)
|
|
379
|
+
/** Background of an accent button (kicker)
|
|
380
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
381
|
+
*/
|
|
154
382
|
accentButtonBackground: ColorValue;
|
|
155
|
-
/** The background of a menu.
|
|
383
|
+
/** The background of a menu.
|
|
384
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
385
|
+
*/
|
|
156
386
|
menuBackground: ColorValue;
|
|
157
|
-
/** The divider between menu items.
|
|
387
|
+
/** The divider between menu items.
|
|
388
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
389
|
+
*/
|
|
158
390
|
menuDivider: ColorValue;
|
|
159
|
-
/** The default colors of icons in menus.
|
|
391
|
+
/** The default colors of icons in menus.
|
|
392
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
393
|
+
*/
|
|
160
394
|
menuIcon: ColorValue;
|
|
161
|
-
/** The background of a hovered menu item.
|
|
395
|
+
/** The background of a hovered menu item.
|
|
396
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
397
|
+
*/
|
|
162
398
|
menuItemBackgroundHovered: ColorValue;
|
|
163
|
-
/** The background of a pressed menu item.
|
|
399
|
+
/** The background of a pressed menu item.
|
|
400
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
401
|
+
*/
|
|
164
402
|
menuItemBackgroundPressed: ColorValue;
|
|
165
|
-
/** The text color of a menu item.
|
|
403
|
+
/** The text color of a menu item.
|
|
404
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
405
|
+
*/
|
|
166
406
|
menuItemText: ColorValue;
|
|
167
|
-
/** The text color of a hovered menu item.
|
|
407
|
+
/** The text color of a hovered menu item.
|
|
408
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
409
|
+
*/
|
|
168
410
|
menuItemTextHovered: ColorValue;
|
|
169
|
-
/** The background color for a hovered list header.
|
|
411
|
+
/** The background color for a hovered list header.
|
|
412
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
413
|
+
*/
|
|
170
414
|
listHeaderBackgroundHovered: ColorValue;
|
|
171
|
-
/** The background color for a pressed list header.
|
|
415
|
+
/** The background color for a pressed list header.
|
|
416
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
417
|
+
*/
|
|
172
418
|
listHeaderBackgroundPressed: ColorValue;
|
|
173
419
|
}
|
|
420
|
+
/**
|
|
421
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
422
|
+
*/
|
|
174
423
|
export interface ControlColorTokens {
|
|
424
|
+
/**
|
|
425
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
426
|
+
*/
|
|
175
427
|
defaultBackground: ColorValue;
|
|
428
|
+
/**
|
|
429
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
430
|
+
*/
|
|
176
431
|
defaultBorder: ColorValue;
|
|
432
|
+
/**
|
|
433
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
434
|
+
*/
|
|
177
435
|
defaultContent: ColorValue;
|
|
436
|
+
/**
|
|
437
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
438
|
+
*/
|
|
178
439
|
defaultIcon: ColorValue;
|
|
440
|
+
/**
|
|
441
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
442
|
+
*/
|
|
179
443
|
defaultHoveredBackground: ColorValue;
|
|
444
|
+
/**
|
|
445
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
446
|
+
*/
|
|
180
447
|
defaultHoveredBorder: ColorValue;
|
|
448
|
+
/**
|
|
449
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
450
|
+
*/
|
|
181
451
|
defaultHoveredContent: ColorValue;
|
|
452
|
+
/**
|
|
453
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
454
|
+
*/
|
|
182
455
|
defaultHoveredIcon: ColorValue;
|
|
456
|
+
/**
|
|
457
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
458
|
+
*/
|
|
183
459
|
defaultFocusedBackground: ColorValue;
|
|
460
|
+
/**
|
|
461
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
462
|
+
*/
|
|
184
463
|
defaultFocusedBorder: ColorValue;
|
|
464
|
+
/**
|
|
465
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
466
|
+
*/
|
|
185
467
|
defaultFocusedContent: ColorValue;
|
|
468
|
+
/**
|
|
469
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
470
|
+
*/
|
|
186
471
|
defaultFocusedIcon: ColorValue;
|
|
472
|
+
/**
|
|
473
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
474
|
+
*/
|
|
187
475
|
defaultPressedBackground: ColorValue;
|
|
476
|
+
/**
|
|
477
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
478
|
+
*/
|
|
188
479
|
defaultPressedBorder: ColorValue;
|
|
480
|
+
/**
|
|
481
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
482
|
+
*/
|
|
189
483
|
defaultPressedContent: ColorValue;
|
|
484
|
+
/**
|
|
485
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
486
|
+
*/
|
|
190
487
|
defaultPressedIcon: ColorValue;
|
|
488
|
+
/**
|
|
489
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
490
|
+
*/
|
|
191
491
|
defaultDisabledBackground: ColorValue;
|
|
492
|
+
/**
|
|
493
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
494
|
+
*/
|
|
192
495
|
defaultDisabledBorder: ColorValue;
|
|
496
|
+
/**
|
|
497
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
498
|
+
*/
|
|
193
499
|
defaultDisabledContent: ColorValue;
|
|
500
|
+
/**
|
|
501
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
502
|
+
*/
|
|
194
503
|
defaultDisabledIcon: ColorValue;
|
|
504
|
+
/**
|
|
505
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
506
|
+
*/
|
|
195
507
|
ghostBackground: ColorValue;
|
|
508
|
+
/**
|
|
509
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
510
|
+
*/
|
|
196
511
|
ghostBorder: ColorValue;
|
|
512
|
+
/**
|
|
513
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
514
|
+
*/
|
|
197
515
|
ghostContent: ColorValue;
|
|
516
|
+
/**
|
|
517
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
518
|
+
*/
|
|
198
519
|
ghostIcon: ColorValue;
|
|
520
|
+
/**
|
|
521
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
522
|
+
*/
|
|
199
523
|
ghostHoveredBackground: ColorValue;
|
|
524
|
+
/**
|
|
525
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
526
|
+
*/
|
|
200
527
|
ghostHoveredBorder: ColorValue;
|
|
528
|
+
/**
|
|
529
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
530
|
+
*/
|
|
201
531
|
ghostHoveredContent: ColorValue;
|
|
532
|
+
/**
|
|
533
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
534
|
+
*/
|
|
202
535
|
ghostHoveredIcon: ColorValue;
|
|
536
|
+
/**
|
|
537
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
538
|
+
*/
|
|
203
539
|
ghostFocusedBackground: ColorValue;
|
|
540
|
+
/**
|
|
541
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
542
|
+
*/
|
|
204
543
|
ghostFocusedBorder: ColorValue;
|
|
544
|
+
/**
|
|
545
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
546
|
+
*/
|
|
205
547
|
ghostFocusedContent: ColorValue;
|
|
548
|
+
/**
|
|
549
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
550
|
+
*/
|
|
206
551
|
ghostFocusedIcon: ColorValue;
|
|
552
|
+
/**
|
|
553
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
554
|
+
*/
|
|
207
555
|
ghostPressedBackground: ColorValue;
|
|
556
|
+
/**
|
|
557
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
558
|
+
*/
|
|
208
559
|
ghostPressedBorder: ColorValue;
|
|
560
|
+
/**
|
|
561
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
562
|
+
*/
|
|
209
563
|
ghostPressedContent: ColorValue;
|
|
564
|
+
/**
|
|
565
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
566
|
+
*/
|
|
210
567
|
ghostPressedIcon: ColorValue;
|
|
568
|
+
/**
|
|
569
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
570
|
+
*/
|
|
211
571
|
ghostDisabledBackground: ColorValue;
|
|
572
|
+
/**
|
|
573
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
574
|
+
*/
|
|
212
575
|
ghostDisabledBorder: ColorValue;
|
|
576
|
+
/**
|
|
577
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
578
|
+
*/
|
|
213
579
|
ghostDisabledContent: ColorValue;
|
|
580
|
+
/**
|
|
581
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
582
|
+
*/
|
|
214
583
|
ghostDisabledIcon: ColorValue;
|
|
584
|
+
/**
|
|
585
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
586
|
+
*/
|
|
215
587
|
brandedBackground: ColorValue;
|
|
588
|
+
/**
|
|
589
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
590
|
+
*/
|
|
216
591
|
brandedDisabledBorder: ColorValue;
|
|
592
|
+
/**
|
|
593
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
594
|
+
*/
|
|
217
595
|
brandedSecondaryContent: ColorValue;
|
|
596
|
+
/**
|
|
597
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
598
|
+
*/
|
|
218
599
|
brandedFocusedSecondaryContent: ColorValue;
|
|
600
|
+
/**
|
|
601
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
602
|
+
*/
|
|
219
603
|
brandedHoveredSecondaryContent: ColorValue;
|
|
604
|
+
/**
|
|
605
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
606
|
+
*/
|
|
220
607
|
brandedPressedSecondaryContent: ColorValue;
|
|
608
|
+
/**
|
|
609
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
610
|
+
*/
|
|
221
611
|
defaultCheckedBackground: ColorValue;
|
|
612
|
+
/**
|
|
613
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
614
|
+
*/
|
|
222
615
|
defaultCheckedContent: ColorValue;
|
|
616
|
+
/**
|
|
617
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
618
|
+
*/
|
|
223
619
|
defaultCheckedHoveredBackground: ColorValue;
|
|
620
|
+
/**
|
|
621
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
622
|
+
*/
|
|
224
623
|
defaultCheckedHoveredContent: ColorValue;
|
|
624
|
+
/**
|
|
625
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
626
|
+
*/
|
|
225
627
|
ghostCheckedBackground: ColorValue;
|
|
628
|
+
/**
|
|
629
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
630
|
+
*/
|
|
226
631
|
ghostCheckedContent: ColorValue;
|
|
632
|
+
/**
|
|
633
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
634
|
+
*/
|
|
227
635
|
ghostCheckedHoveredBackground: ColorValue;
|
|
636
|
+
/**
|
|
637
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
638
|
+
*/
|
|
228
639
|
ghostCheckedHoveredContent: ColorValue;
|
|
640
|
+
/**
|
|
641
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
642
|
+
*/
|
|
229
643
|
ghostCheckedHoveredBorder: ColorValue;
|
|
644
|
+
/**
|
|
645
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
646
|
+
*/
|
|
230
647
|
ghostSecondaryContent: ColorValue;
|
|
648
|
+
/**
|
|
649
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
650
|
+
*/
|
|
231
651
|
ghostFocusedSecondaryContent: ColorValue;
|
|
652
|
+
/**
|
|
653
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
654
|
+
*/
|
|
232
655
|
ghostHoveredSecondaryContent: ColorValue;
|
|
656
|
+
/**
|
|
657
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
658
|
+
*/
|
|
233
659
|
ghostPressedSecondaryContent: ColorValue;
|
|
660
|
+
/**
|
|
661
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
662
|
+
*/
|
|
234
663
|
defaultHoveredSecondaryContent: ColorValue;
|
|
664
|
+
/**
|
|
665
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
666
|
+
*/
|
|
235
667
|
defaultPressedSecondaryContent: ColorValue;
|
|
668
|
+
/**
|
|
669
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
670
|
+
*/
|
|
236
671
|
checkboxBackground: ColorValue;
|
|
672
|
+
/**
|
|
673
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
674
|
+
*/
|
|
237
675
|
checkboxBackgroundDisabled: ColorValue;
|
|
676
|
+
/**
|
|
677
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
678
|
+
*/
|
|
238
679
|
checkmarkColor: ColorValue;
|
|
680
|
+
/**
|
|
681
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
682
|
+
*/
|
|
239
683
|
checkboxBorderColor: ColorValue;
|
|
684
|
+
/**
|
|
685
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
686
|
+
*/
|
|
240
687
|
personaActivityRing: ColorValue;
|
|
688
|
+
/**
|
|
689
|
+
* @deprecated These tokens are not part of the Fluent design system.
|
|
690
|
+
*/
|
|
241
691
|
personaActivityGlow: ColorValue;
|
|
242
692
|
}
|
|
243
693
|
export interface AliasColorTokens {
|
|
@@ -632,10 +1082,12 @@ export interface AliasColorTokens {
|
|
|
632
1082
|
* A collection of named palette colors.
|
|
633
1083
|
*
|
|
634
1084
|
* Palette names describe the role of a color within the application.
|
|
1085
|
+
* @deprecated These are not used in the Fluent design system
|
|
635
1086
|
*/
|
|
636
1087
|
export type Palette = PaletteTextColors & PaletteBackgroundColors & Partial<ControlColorTokens> & Partial<AliasColorTokens>;
|
|
637
1088
|
/**
|
|
638
1089
|
* A partially specified color palette.
|
|
1090
|
+
* @deprecated These are not used in the Fluent design system
|
|
639
1091
|
*/
|
|
640
1092
|
export type PartialPalette = Partial<Palette>;
|
|
641
1093
|
/**
|