@fluentui-react-native/theme-types 0.44.4 → 0.44.6

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.
@@ -1,1097 +0,0 @@
1
- /**
2
- * A color value.
3
- *
4
- * Color values are expressed using various formats, some of which are
5
- * unique to a platform.
6
- *
7
- * As a general guideline, CSS color syntax should work on all platforms. See
8
- * https://reactnative.dev/docs/colors for more details.
9
- *
10
- * An example of a platform-specific color is a MacOS semantic color:
11
- *
12
- * `{semantic: "windowBackgroundColor"}`
13
- */
14
- import type { ColorValue } from 'react-native';
15
- export type ThemeColorDefinition = Palette & {
16
- background: ColorValue;
17
- bodyText: ColorValue;
18
- subText: ColorValue;
19
- disabledText: ColorValue;
20
- [customColor: string]: ColorValue;
21
- };
22
- /**
23
- * @deprecated These tokens are not part of the Fluent design system.
24
- */
25
- export interface FabricWebPalette {
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
- }
183
- /**
184
- * semantic color definitions for text colors. These match ISemanticTextColors in fabric.
185
- * @deprecated These tokens are not part of the Fluent design system.
186
- */
187
- export interface PaletteTextColors {
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
- }
273
- /**
274
- * Background and divider colors, separated by semantic role. These names and roles match
275
- * those in ISemanticColors in fabric
276
- * @deprecated These tokens are not part of the Fluent design system.
277
- */
278
- export interface PaletteBackgroundColors {
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
- }
420
- /**
421
- * @deprecated These tokens are not part of the Fluent design system.
422
- */
423
- export interface ControlColorTokens {
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
- }
693
- export interface AliasColorTokens {
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
- }
1081
- /**
1082
- * A collection of named palette colors.
1083
- *
1084
- * Palette names describe the role of a color within the application.
1085
- * @deprecated These are not used in the Fluent design system
1086
- */
1087
- export type Palette = PaletteTextColors & PaletteBackgroundColors & Partial<ControlColorTokens> & Partial<AliasColorTokens>;
1088
- /**
1089
- * A partially specified color palette.
1090
- * @deprecated These are not used in the Fluent design system
1091
- */
1092
- export type PartialPalette = Partial<Palette>;
1093
- /**
1094
- * A color, used when defining a visual element in a theme.
1095
- */
1096
- export type Color = keyof Palette | ColorValue;
1097
- //# sourceMappingURL=Color.types.d.ts.map