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