@fluentui/web-components 3.0.0-beta.6 → 3.0.0-beta.7

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.
Files changed (70) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/dist/dts/theme/design-tokens.d.ts +384 -384
  3. package/dist/dts/theme/set-theme.d.ts +1 -2
  4. package/dist/esm/accordion-item/accordion-item.styles.js +25 -25
  5. package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
  6. package/dist/esm/avatar/avatar.styles.js +100 -100
  7. package/dist/esm/avatar/avatar.styles.js.map +1 -1
  8. package/dist/esm/badge/badge.styles.js +3 -3
  9. package/dist/esm/badge/badge.styles.js.map +1 -1
  10. package/dist/esm/button/button.styles.js +63 -63
  11. package/dist/esm/button/button.styles.js.map +1 -1
  12. package/dist/esm/checkbox/checkbox.styles.js +37 -37
  13. package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
  14. package/dist/esm/compound-button/compound-button.styles.js +18 -18
  15. package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
  16. package/dist/esm/counter-badge/counter-badge.styles.js +2 -2
  17. package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
  18. package/dist/esm/dialog/dialog.styles.js +21 -21
  19. package/dist/esm/dialog/dialog.styles.js.map +1 -1
  20. package/dist/esm/divider/divider.styles.js +13 -13
  21. package/dist/esm/divider/divider.styles.js.map +1 -1
  22. package/dist/esm/image/image.styles.js +4 -4
  23. package/dist/esm/image/image.styles.js.map +1 -1
  24. package/dist/esm/label/label.styles.js +14 -14
  25. package/dist/esm/label/label.styles.js.map +1 -1
  26. package/dist/esm/menu-item/menu-item.styles.js +16 -16
  27. package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
  28. package/dist/esm/menu-list/menu-list.styles.js +4 -4
  29. package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
  30. package/dist/esm/progress-bar/progress-bar.styles.js +25 -25
  31. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  32. package/dist/esm/radio/radio.styles.js +32 -32
  33. package/dist/esm/radio/radio.styles.js.map +1 -1
  34. package/dist/esm/radio-group/radio-group.styles.js +9 -9
  35. package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
  36. package/dist/esm/slider/slider.styles.js +23 -22
  37. package/dist/esm/slider/slider.styles.js.map +1 -1
  38. package/dist/esm/spinner/spinner.styles.js +5 -5
  39. package/dist/esm/spinner/spinner.styles.js.map +1 -1
  40. package/dist/esm/styles/partials/badge.partials.js +75 -75
  41. package/dist/esm/styles/partials/badge.partials.js.map +1 -1
  42. package/dist/esm/switch/switch.styles.js +34 -34
  43. package/dist/esm/switch/switch.styles.js.map +1 -1
  44. package/dist/esm/tab/tab.styles.js +20 -20
  45. package/dist/esm/tab/tab.styles.js.map +1 -1
  46. package/dist/esm/tab-panel/tab-panel.styles.js +1 -1
  47. package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -1
  48. package/dist/esm/tabs/tabs.styles.js +49 -49
  49. package/dist/esm/tabs/tabs.styles.js.map +1 -1
  50. package/dist/esm/text/text.styles.js +27 -27
  51. package/dist/esm/text/text.styles.js.map +1 -1
  52. package/dist/esm/text-input/text-input.styles.js +67 -67
  53. package/dist/esm/text-input/text-input.styles.js.map +1 -1
  54. package/dist/esm/theme/design-tokens.js +385 -386
  55. package/dist/esm/theme/design-tokens.js.map +1 -1
  56. package/dist/esm/theme/set-theme.js +2 -2
  57. package/dist/esm/theme/set-theme.js.map +1 -1
  58. package/dist/esm/toggle-button/toggle-button.styles.js +24 -24
  59. package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
  60. package/dist/fluent-web-components.api.json +3077 -1541
  61. package/dist/storybook/iframe.html +1 -1
  62. package/dist/storybook/main.b095c2e8.iframe.bundle.js +2 -0
  63. package/dist/storybook/project.json +1 -1
  64. package/dist/web-components.d.ts +385 -386
  65. package/dist/web-components.js +683 -1705
  66. package/dist/web-components.min.js +191 -191
  67. package/docs/api-report.md +385 -386
  68. package/package.json +1 -1
  69. package/dist/storybook/main.c651bad5.iframe.bundle.js +0 -2
  70. /package/dist/storybook/{main.c651bad5.iframe.bundle.js.LICENSE.txt → main.b095c2e8.iframe.bundle.js.LICENSE.txt} +0 -0
package/docs/api-report.md CHANGED
@@ -6,7 +6,6 @@
6
6
 
7
7
  import type { AnchorOptions as AnchorButtonOptions } from '@microsoft/fast-foundation/anchor.js';
8
8
  import type { ButtonOptions } from '@microsoft/fast-foundation/button.js';
9
- import { CSSDesignToken } from '@microsoft/fast-foundation/design-token.js';
10
9
  import { DividerOrientation } from '@microsoft/fast-foundation/divider.js';
11
10
  import { DividerRole } from '@microsoft/fast-foundation/divider.js';
12
11
  import { ElementStyles } from '@microsoft/fast-element';
@@ -390,22 +389,22 @@ export const BadgeStyles: ElementStyles;
390
389
  export const BadgeTemplate: ElementViewTemplate<Badge>;
391
390
 
392
391
  // @public (undocumented)
393
- export const borderRadiusCircular: CSSDesignToken<string>;
392
+ export const borderRadiusCircular = "--borderRadiusCircular";
394
393
 
395
394
  // @public (undocumented)
396
- export const borderRadiusLarge: CSSDesignToken<string>;
395
+ export const borderRadiusLarge = "--borderRadiusLarge";
397
396
 
398
397
  // @public (undocumented)
399
- export const borderRadiusMedium: CSSDesignToken<string>;
398
+ export const borderRadiusMedium = "--borderRadiusMedium";
400
399
 
401
400
  // @public (undocumented)
402
- export const borderRadiusNone: CSSDesignToken<string>;
401
+ export const borderRadiusNone = "--borderRadiusNone";
403
402
 
404
403
  // @public (undocumented)
405
- export const borderRadiusSmall: CSSDesignToken<string>;
404
+ export const borderRadiusSmall = "--borderRadiusSmall";
406
405
 
407
406
  // @public (undocumented)
408
- export const borderRadiusXLarge: CSSDesignToken<string>;
407
+ export const borderRadiusXLarge = "--borderRadiusXLarge";
409
408
 
410
409
  // @public
411
410
  export class Button extends FASTButton {
@@ -509,895 +508,895 @@ export const CheckboxStyles: ElementStyles;
509
508
  export const CheckboxTemplate: ElementViewTemplate<Checkbox>;
510
509
 
511
510
  // @public (undocumented)
512
- export const colorBackgroundOverlay: CSSDesignToken<string>;
511
+ export const colorBackgroundOverlay = "--colorBackgroundOverlay";
513
512
 
514
513
  // @public (undocumented)
515
- export const colorBrandBackground: CSSDesignToken<string>;
514
+ export const colorBrandBackground = "--colorBrandBackground";
516
515
 
517
516
  // @public (undocumented)
518
- export const colorBrandBackground2: CSSDesignToken<string>;
517
+ export const colorBrandBackground2 = "--colorBrandBackground2";
519
518
 
520
519
  // @public (undocumented)
521
- export const colorBrandBackgroundHover: CSSDesignToken<string>;
520
+ export const colorBrandBackgroundHover = "--colorBrandBackgroundHover";
522
521
 
523
522
  // @public (undocumented)
524
- export const colorBrandBackgroundInverted: CSSDesignToken<string>;
523
+ export const colorBrandBackgroundInverted = "--colorBrandBackgroundInverted";
525
524
 
526
525
  // @public (undocumented)
527
- export const colorBrandBackgroundInvertedHover: CSSDesignToken<string>;
526
+ export const colorBrandBackgroundInvertedHover = "--colorBrandBackgroundInvertedHover";
528
527
 
529
528
  // @public (undocumented)
530
- export const colorBrandBackgroundInvertedPressed: CSSDesignToken<string>;
529
+ export const colorBrandBackgroundInvertedPressed = "--colorBrandBackgroundInvertedPressed";
531
530
 
532
531
  // @public (undocumented)
533
- export const colorBrandBackgroundInvertedSelected: CSSDesignToken<string>;
532
+ export const colorBrandBackgroundInvertedSelected = "--colorBrandBackgroundInvertedSelected";
534
533
 
535
534
  // @public (undocumented)
536
- export const colorBrandBackgroundPressed: CSSDesignToken<string>;
535
+ export const colorBrandBackgroundPressed = "--colorBrandBackgroundPressed";
537
536
 
538
537
  // @public (undocumented)
539
- export const colorBrandBackgroundSelected: CSSDesignToken<string>;
538
+ export const colorBrandBackgroundSelected = "--colorBrandBackgroundSelected";
540
539
 
541
540
  // @public (undocumented)
542
- export const colorBrandBackgroundStatic: CSSDesignToken<string>;
541
+ export const colorBrandBackgroundStatic = "--colorBrandBackgroundStatic";
543
542
 
544
543
  // @public (undocumented)
545
- export const colorBrandForeground1: CSSDesignToken<string>;
544
+ export const colorBrandForeground1 = "--colorBrandForeground1";
546
545
 
547
546
  // @public (undocumented)
548
- export const colorBrandForeground2: CSSDesignToken<string>;
547
+ export const colorBrandForeground2 = "--colorBrandForeground2";
549
548
 
550
549
  // @public (undocumented)
551
- export const colorBrandForegroundInverted: CSSDesignToken<string>;
550
+ export const colorBrandForegroundInverted = "--colorBrandForegroundInverted";
552
551
 
553
552
  // @public (undocumented)
554
- export const colorBrandForegroundInvertedHover: CSSDesignToken<string>;
553
+ export const colorBrandForegroundInvertedHover = "--colorBrandForegroundInvertedHover";
555
554
 
556
555
  // @public (undocumented)
557
- export const colorBrandForegroundInvertedPressed: CSSDesignToken<string>;
556
+ export const colorBrandForegroundInvertedPressed = "--colorBrandForegroundInvertedPressed";
558
557
 
559
558
  // @public (undocumented)
560
- export const colorBrandForegroundLink: CSSDesignToken<string>;
559
+ export const colorBrandForegroundLink = "--colorBrandForegroundLink";
561
560
 
562
561
  // @public (undocumented)
563
- export const colorBrandForegroundLinkHover: CSSDesignToken<string>;
562
+ export const colorBrandForegroundLinkHover = "--colorBrandForegroundLinkHover";
564
563
 
565
564
  // @public (undocumented)
566
- export const colorBrandForegroundLinkPressed: CSSDesignToken<string>;
565
+ export const colorBrandForegroundLinkPressed = "--colorBrandForegroundLinkPressed";
567
566
 
568
567
  // @public (undocumented)
569
- export const colorBrandForegroundLinkSelected: CSSDesignToken<string>;
568
+ export const colorBrandForegroundLinkSelected = "--colorBrandForegroundLinkSelected";
570
569
 
571
570
  // @public (undocumented)
572
- export const colorBrandForegroundOnLight: CSSDesignToken<string>;
571
+ export const colorBrandForegroundOnLight = "--colorBrandForegroundOnLight";
573
572
 
574
573
  // @public (undocumented)
575
- export const colorBrandForegroundOnLightHover: CSSDesignToken<string>;
574
+ export const colorBrandForegroundOnLightHover = "--colorBrandForegroundOnLightHover";
576
575
 
577
576
  // @public (undocumented)
578
- export const colorBrandForegroundOnLightPressed: CSSDesignToken<string>;
577
+ export const colorBrandForegroundOnLightPressed = "--colorBrandForegroundOnLightPressed";
579
578
 
580
579
  // @public (undocumented)
581
- export const colorBrandForegroundOnLightSelected: CSSDesignToken<string>;
580
+ export const colorBrandForegroundOnLightSelected = "--colorBrandForegroundOnLightSelected";
582
581
 
583
582
  // @public (undocumented)
584
- export const colorBrandShadowAmbient: CSSDesignToken<string>;
583
+ export const colorBrandShadowAmbient = "--colorBrandShadowAmbient";
585
584
 
586
585
  // @public (undocumented)
587
- export const colorBrandShadowKey: CSSDesignToken<string>;
586
+ export const colorBrandShadowKey = "--colorBrandShadowKey";
588
587
 
589
588
  // @public (undocumented)
590
- export const colorBrandStroke1: CSSDesignToken<string>;
589
+ export const colorBrandStroke1 = "--colorBrandStroke1";
591
590
 
592
591
  // @public (undocumented)
593
- export const colorBrandStroke2: CSSDesignToken<string>;
592
+ export const colorBrandStroke2 = "--colorBrandStroke2";
594
593
 
595
594
  // @public (undocumented)
596
- export const colorCompoundBrandBackground: CSSDesignToken<string>;
595
+ export const colorCompoundBrandBackground = "--colorCompoundBrandBackground";
597
596
 
598
597
  // @public (undocumented)
599
- export const colorCompoundBrandBackgroundHover: CSSDesignToken<string>;
598
+ export const colorCompoundBrandBackgroundHover = "--colorCompoundBrandBackgroundHover";
600
599
 
601
600
  // @public (undocumented)
602
- export const colorCompoundBrandBackgroundPressed: CSSDesignToken<string>;
601
+ export const colorCompoundBrandBackgroundPressed = "--colorCompoundBrandBackgroundPressed";
603
602
 
604
603
  // @public (undocumented)
605
- export const colorCompoundBrandForeground1: CSSDesignToken<string>;
604
+ export const colorCompoundBrandForeground1 = "--colorCompoundBrandForeground1";
606
605
 
607
606
  // @public (undocumented)
608
- export const colorCompoundBrandForeground1Hover: CSSDesignToken<string>;
607
+ export const colorCompoundBrandForeground1Hover = "--colorCompoundBrandForeground1Hover";
609
608
 
610
609
  // @public (undocumented)
611
- export const colorCompoundBrandForeground1Pressed: CSSDesignToken<string>;
610
+ export const colorCompoundBrandForeground1Pressed = "--colorCompoundBrandForeground1Pressed";
612
611
 
613
612
  // @public (undocumented)
614
- export const colorCompoundBrandStroke: CSSDesignToken<string>;
613
+ export const colorCompoundBrandStroke = "--colorCompoundBrandStroke";
615
614
 
616
615
  // @public (undocumented)
617
- export const colorCompoundBrandStrokeHover: CSSDesignToken<string>;
616
+ export const colorCompoundBrandStrokeHover = "--colorCompoundBrandStrokeHover";
618
617
 
619
618
  // @public (undocumented)
620
- export const colorCompoundBrandStrokePressed: CSSDesignToken<string>;
619
+ export const colorCompoundBrandStrokePressed = "--colorCompoundBrandStrokePressed";
621
620
 
622
621
  // @public (undocumented)
623
- export const colorNeutralBackground1: CSSDesignToken<string>;
622
+ export const colorNeutralBackground1 = "--colorNeutralBackground1";
624
623
 
625
624
  // @public (undocumented)
626
- export const colorNeutralBackground1Hover: CSSDesignToken<string>;
625
+ export const colorNeutralBackground1Hover = "--colorNeutralBackground1Hover";
627
626
 
628
627
  // @public (undocumented)
629
- export const colorNeutralBackground1Pressed: CSSDesignToken<string>;
628
+ export const colorNeutralBackground1Pressed = "--colorNeutralBackground1Pressed";
630
629
 
631
630
  // @public (undocumented)
632
- export const colorNeutralBackground1Selected: CSSDesignToken<string>;
631
+ export const colorNeutralBackground1Selected = "--colorNeutralBackground1Selected";
633
632
 
634
633
  // @public (undocumented)
635
- export const colorNeutralBackground2: CSSDesignToken<string>;
634
+ export const colorNeutralBackground2 = "--colorNeutralBackground2";
636
635
 
637
636
  // @public (undocumented)
638
- export const colorNeutralBackground2Hover: CSSDesignToken<string>;
637
+ export const colorNeutralBackground2Hover = "--colorNeutralBackground2Hover";
639
638
 
640
639
  // @public (undocumented)
641
- export const colorNeutralBackground2Pressed: CSSDesignToken<string>;
640
+ export const colorNeutralBackground2Pressed = "--colorNeutralBackground2Pressed";
642
641
 
643
642
  // @public (undocumented)
644
- export const colorNeutralBackground2Selected: CSSDesignToken<string>;
643
+ export const colorNeutralBackground2Selected = "--colorNeutralBackground2Selected";
645
644
 
646
645
  // @public (undocumented)
647
- export const colorNeutralBackground3: CSSDesignToken<string>;
646
+ export const colorNeutralBackground3 = "--colorNeutralBackground3";
648
647
 
649
648
  // @public (undocumented)
650
- export const colorNeutralBackground3Hover: CSSDesignToken<string>;
649
+ export const colorNeutralBackground3Hover = "--colorNeutralBackground3Hover";
651
650
 
652
651
  // @public (undocumented)
653
- export const colorNeutralBackground3Pressed: CSSDesignToken<string>;
652
+ export const colorNeutralBackground3Pressed = "--colorNeutralBackground3Pressed";
654
653
 
655
654
  // @public (undocumented)
656
- export const colorNeutralBackground3Selected: CSSDesignToken<string>;
655
+ export const colorNeutralBackground3Selected = "--colorNeutralBackground3Selected";
657
656
 
658
657
  // @public (undocumented)
659
- export const colorNeutralBackground4: CSSDesignToken<string>;
658
+ export const colorNeutralBackground4 = "--colorNeutralBackground4";
660
659
 
661
660
  // @public (undocumented)
662
- export const colorNeutralBackground4Hover: CSSDesignToken<string>;
661
+ export const colorNeutralBackground4Hover = "--colorNeutralBackground4Hover";
663
662
 
664
663
  // @public (undocumented)
665
- export const colorNeutralBackground4Pressed: CSSDesignToken<string>;
664
+ export const colorNeutralBackground4Pressed = "--colorNeutralBackground4Pressed";
666
665
 
667
666
  // @public (undocumented)
668
- export const colorNeutralBackground4Selected: CSSDesignToken<string>;
667
+ export const colorNeutralBackground4Selected = "--colorNeutralBackground4Selected";
669
668
 
670
669
  // @public (undocumented)
671
- export const colorNeutralBackground5: CSSDesignToken<string>;
670
+ export const colorNeutralBackground5 = "--colorNeutralBackground5";
672
671
 
673
672
  // @public (undocumented)
674
- export const colorNeutralBackground5Hover: CSSDesignToken<string>;
673
+ export const colorNeutralBackground5Hover = "--colorNeutralBackground5Hover";
675
674
 
676
675
  // @public (undocumented)
677
- export const colorNeutralBackground5Pressed: CSSDesignToken<string>;
676
+ export const colorNeutralBackground5Pressed = "--colorNeutralBackground5Pressed";
678
677
 
679
678
  // @public (undocumented)
680
- export const colorNeutralBackground5Selected: CSSDesignToken<string>;
679
+ export const colorNeutralBackground5Selected = "--colorNeutralBackground5Selected";
681
680
 
682
681
  // @public (undocumented)
683
- export const colorNeutralBackground6: CSSDesignToken<string>;
682
+ export const colorNeutralBackground6 = "--colorNeutralBackground6";
684
683
 
685
684
  // @public (undocumented)
686
- export const colorNeutralBackgroundDisabled: CSSDesignToken<string>;
685
+ export const colorNeutralBackgroundDisabled = "--colorNeutralBackgroundDisabled";
687
686
 
688
687
  // @public (undocumented)
689
- export const colorNeutralBackgroundInverted: CSSDesignToken<string>;
688
+ export const colorNeutralBackgroundInverted = "--colorNeutralBackgroundInverted";
690
689
 
691
690
  // @public (undocumented)
692
- export const colorNeutralBackgroundInvertedDisabled: CSSDesignToken<string>;
691
+ export const colorNeutralBackgroundInvertedDisabled = "--colorNeutralBackgroundInvertedDisabled";
693
692
 
694
693
  // @public (undocumented)
695
- export const colorNeutralBackgroundStatic: CSSDesignToken<string>;
694
+ export const colorNeutralBackgroundStatic = "--colorNeutralBackgroundStatic";
696
695
 
697
696
  // @public (undocumented)
698
- export const colorNeutralForeground1: CSSDesignToken<string>;
697
+ export const colorNeutralForeground1 = "--colorNeutralForeground1";
699
698
 
700
699
  // @public (undocumented)
701
- export const colorNeutralForeground1Hover: CSSDesignToken<string>;
700
+ export const colorNeutralForeground1Hover = "--colorNeutralForeground1Hover";
702
701
 
703
702
  // @public (undocumented)
704
- export const colorNeutralForeground1Pressed: CSSDesignToken<string>;
703
+ export const colorNeutralForeground1Pressed = "--colorNeutralForeground1Pressed";
705
704
 
706
705
  // @public (undocumented)
707
- export const colorNeutralForeground1Selected: CSSDesignToken<string>;
706
+ export const colorNeutralForeground1Selected = "--colorNeutralForeground1Selected";
708
707
 
709
708
  // @public (undocumented)
710
- export const colorNeutralForeground1Static: CSSDesignToken<string>;
709
+ export const colorNeutralForeground1Static = "--colorNeutralForeground1Static";
711
710
 
712
711
  // @public (undocumented)
713
- export const colorNeutralForeground2: CSSDesignToken<string>;
712
+ export const colorNeutralForeground2 = "--colorNeutralForeground2";
714
713
 
715
714
  // @public (undocumented)
716
- export const colorNeutralForeground2BrandHover: CSSDesignToken<string>;
715
+ export const colorNeutralForeground2BrandHover = "--colorNeutralForeground2BrandHover";
717
716
 
718
717
  // @public (undocumented)
719
- export const colorNeutralForeground2BrandPressed: CSSDesignToken<string>;
718
+ export const colorNeutralForeground2BrandPressed = "--colorNeutralForeground2BrandPressed";
720
719
 
721
720
  // @public (undocumented)
722
- export const colorNeutralForeground2BrandSelected: CSSDesignToken<string>;
721
+ export const colorNeutralForeground2BrandSelected = "--colorNeutralForeground2BrandSelected";
723
722
 
724
723
  // @public (undocumented)
725
- export const colorNeutralForeground2Hover: CSSDesignToken<string>;
724
+ export const colorNeutralForeground2Hover = "--colorNeutralForeground2Hover";
726
725
 
727
726
  // @public (undocumented)
728
- export const colorNeutralForeground2Link: CSSDesignToken<string>;
727
+ export const colorNeutralForeground2Link = "--colorNeutralForeground2Link";
729
728
 
730
729
  // @public (undocumented)
731
- export const colorNeutralForeground2LinkHover: CSSDesignToken<string>;
730
+ export const colorNeutralForeground2LinkHover = "--colorNeutralForeground2LinkHover";
732
731
 
733
732
  // @public (undocumented)
734
- export const colorNeutralForeground2LinkPressed: CSSDesignToken<string>;
733
+ export const colorNeutralForeground2LinkPressed = "--colorNeutralForeground2LinkPressed";
735
734
 
736
735
  // @public (undocumented)
737
- export const colorNeutralForeground2LinkSelected: CSSDesignToken<string>;
736
+ export const colorNeutralForeground2LinkSelected = "--colorNeutralForeground2LinkSelected";
738
737
 
739
738
  // @public (undocumented)
740
- export const colorNeutralForeground2Pressed: CSSDesignToken<string>;
739
+ export const colorNeutralForeground2Pressed = "--colorNeutralForeground2Pressed";
741
740
 
742
741
  // @public (undocumented)
743
- export const colorNeutralForeground2Selected: CSSDesignToken<string>;
742
+ export const colorNeutralForeground2Selected = "--colorNeutralForeground2Selected";
744
743
 
745
744
  // @public (undocumented)
746
- export const colorNeutralForeground3: CSSDesignToken<string>;
745
+ export const colorNeutralForeground3 = "--colorNeutralForeground3";
747
746
 
748
747
  // @public (undocumented)
749
- export const colorNeutralForeground3BrandHover: CSSDesignToken<string>;
748
+ export const colorNeutralForeground3BrandHover = "--colorNeutralForeground3BrandHover";
750
749
 
751
750
  // @public (undocumented)
752
- export const colorNeutralForeground3BrandPressed: CSSDesignToken<string>;
751
+ export const colorNeutralForeground3BrandPressed = "--colorNeutralForeground3BrandPressed";
753
752
 
754
753
  // @public (undocumented)
755
- export const colorNeutralForeground3BrandSelected: CSSDesignToken<string>;
754
+ export const colorNeutralForeground3BrandSelected = "--colorNeutralForeground3BrandSelected";
756
755
 
757
756
  // @public (undocumented)
758
- export const colorNeutralForeground3Hover: CSSDesignToken<string>;
757
+ export const colorNeutralForeground3Hover = "--colorNeutralForeground3Hover";
759
758
 
760
759
  // @public (undocumented)
761
- export const colorNeutralForeground3Pressed: CSSDesignToken<string>;
760
+ export const colorNeutralForeground3Pressed = "--colorNeutralForeground3Pressed";
762
761
 
763
762
  // @public (undocumented)
764
- export const colorNeutralForeground3Selected: CSSDesignToken<string>;
763
+ export const colorNeutralForeground3Selected = "--colorNeutralForeground3Selected";
765
764
 
766
765
  // @public (undocumented)
767
- export const colorNeutralForeground4: CSSDesignToken<string>;
766
+ export const colorNeutralForeground4 = "--colorNeutralForeground4";
768
767
 
769
768
  // @public (undocumented)
770
- export const colorNeutralForegroundDisabled: CSSDesignToken<string>;
769
+ export const colorNeutralForegroundDisabled = "--colorNeutralForegroundDisabled";
771
770
 
772
771
  // @public (undocumented)
773
- export const colorNeutralForegroundInverted: CSSDesignToken<string>;
772
+ export const colorNeutralForegroundInverted = "--colorNeutralForegroundInverted";
774
773
 
775
774
  // @public (undocumented)
776
- export const colorNeutralForegroundInverted2: CSSDesignToken<string>;
775
+ export const colorNeutralForegroundInverted2 = "--colorNeutralForegroundInverted2";
777
776
 
778
777
  // @public (undocumented)
779
- export const colorNeutralForegroundInvertedDisabled: CSSDesignToken<string>;
778
+ export const colorNeutralForegroundInvertedDisabled = "--colorNeutralForegroundInvertedDisabled";
780
779
 
781
780
  // @public (undocumented)
782
- export const colorNeutralForegroundInvertedHover: CSSDesignToken<string>;
781
+ export const colorNeutralForegroundInvertedHover = "--colorNeutralForegroundInvertedHover";
783
782
 
784
783
  // @public (undocumented)
785
- export const colorNeutralForegroundInvertedLink: CSSDesignToken<string>;
784
+ export const colorNeutralForegroundInvertedLink = "--colorNeutralForegroundInvertedLink";
786
785
 
787
786
  // @public (undocumented)
788
- export const colorNeutralForegroundInvertedLinkHover: CSSDesignToken<string>;
787
+ export const colorNeutralForegroundInvertedLinkHover = "--colorNeutralForegroundInvertedLinkHover";
789
788
 
790
789
  // @public (undocumented)
791
- export const colorNeutralForegroundInvertedLinkPressed: CSSDesignToken<string>;
790
+ export const colorNeutralForegroundInvertedLinkPressed = "--colorNeutralForegroundInvertedLinkPressed";
792
791
 
793
792
  // @public (undocumented)
794
- export const colorNeutralForegroundInvertedLinkSelected: CSSDesignToken<string>;
793
+ export const colorNeutralForegroundInvertedLinkSelected = "--colorNeutralForegroundInvertedLinkSelected";
795
794
 
796
795
  // @public (undocumented)
797
- export const colorNeutralForegroundInvertedPressed: CSSDesignToken<string>;
796
+ export const colorNeutralForegroundInvertedPressed = "--colorNeutralForegroundInvertedPressed";
798
797
 
799
798
  // @public (undocumented)
800
- export const colorNeutralForegroundInvertedSelected: CSSDesignToken<string>;
799
+ export const colorNeutralForegroundInvertedSelected = "--colorNeutralForegroundInvertedSelected";
801
800
 
802
801
  // @public (undocumented)
803
- export const colorNeutralForegroundOnBrand: CSSDesignToken<string>;
802
+ export const colorNeutralForegroundOnBrand = "--colorNeutralForegroundOnBrand";
804
803
 
805
804
  // @public (undocumented)
806
- export const colorNeutralForegroundStaticInverted: CSSDesignToken<string>;
805
+ export const colorNeutralForegroundStaticInverted = "--colorNeutralForegroundStaticInverted";
807
806
 
808
807
  // @public (undocumented)
809
- export const colorNeutralShadowAmbient: CSSDesignToken<string>;
808
+ export const colorNeutralShadowAmbient = "--colorNeutralShadowAmbient";
810
809
 
811
810
  // @public (undocumented)
812
- export const colorNeutralShadowAmbientDarker: CSSDesignToken<string>;
811
+ export const colorNeutralShadowAmbientDarker = "--colorNeutralShadowAmbientDarker";
813
812
 
814
813
  // @public (undocumented)
815
- export const colorNeutralShadowAmbientLighter: CSSDesignToken<string>;
814
+ export const colorNeutralShadowAmbientLighter = "--colorNeutralShadowAmbientLighter";
816
815
 
817
816
  // @public (undocumented)
818
- export const colorNeutralShadowKey: CSSDesignToken<string>;
817
+ export const colorNeutralShadowKey = "--colorNeutralShadowKey";
819
818
 
820
819
  // @public (undocumented)
821
- export const colorNeutralShadowKeyDarker: CSSDesignToken<string>;
820
+ export const colorNeutralShadowKeyDarker = "--colorNeutralShadowKeyDarker";
822
821
 
823
822
  // @public (undocumented)
824
- export const colorNeutralShadowKeyLighter: CSSDesignToken<string>;
823
+ export const colorNeutralShadowKeyLighter = "--colorNeutralShadowKeyLighter";
825
824
 
826
825
  // @public (undocumented)
827
- export const colorNeutralStencil1: CSSDesignToken<string>;
826
+ export const colorNeutralStencil1 = "--colorNeutralStencil1";
828
827
 
829
828
  // @public (undocumented)
830
- export const colorNeutralStencil1Alpha: CSSDesignToken<string>;
829
+ export const colorNeutralStencil1Alpha = "--colorNeutralStencil1Alpha";
831
830
 
832
831
  // @public (undocumented)
833
- export const colorNeutralStencil2: CSSDesignToken<string>;
832
+ export const colorNeutralStencil2 = "--colorNeutralStencil2";
834
833
 
835
834
  // @public (undocumented)
836
- export const colorNeutralStencil2Alpha: CSSDesignToken<string>;
835
+ export const colorNeutralStencil2Alpha = "--colorNeutralStencil2Alpha";
837
836
 
838
837
  // @public (undocumented)
839
- export const colorNeutralStroke1: CSSDesignToken<string>;
838
+ export const colorNeutralStroke1 = "--colorNeutralStroke1";
840
839
 
841
840
  // @public (undocumented)
842
- export const colorNeutralStroke1Hover: CSSDesignToken<string>;
841
+ export const colorNeutralStroke1Hover = "--colorNeutralStroke1Hover";
843
842
 
844
843
  // @public (undocumented)
845
- export const colorNeutralStroke1Pressed: CSSDesignToken<string>;
844
+ export const colorNeutralStroke1Pressed = "--colorNeutralStroke1Pressed";
846
845
 
847
846
  // @public (undocumented)
848
- export const colorNeutralStroke1Selected: CSSDesignToken<string>;
847
+ export const colorNeutralStroke1Selected = "--colorNeutralStroke1Selected";
849
848
 
850
849
  // @public (undocumented)
851
- export const colorNeutralStroke2: CSSDesignToken<string>;
850
+ export const colorNeutralStroke2 = "--colorNeutralStroke2";
852
851
 
853
852
  // @public (undocumented)
854
- export const colorNeutralStroke3: CSSDesignToken<string>;
853
+ export const colorNeutralStroke3 = "--colorNeutralStroke3";
855
854
 
856
855
  // @public (undocumented)
857
- export const colorNeutralStrokeAccessible: CSSDesignToken<string>;
856
+ export const colorNeutralStrokeAccessible = "--colorNeutralStrokeAccessible";
858
857
 
859
858
  // @public (undocumented)
860
- export const colorNeutralStrokeAccessibleHover: CSSDesignToken<string>;
859
+ export const colorNeutralStrokeAccessibleHover = "--colorNeutralStrokeAccessibleHover";
861
860
 
862
861
  // @public (undocumented)
863
- export const colorNeutralStrokeAccessiblePressed: CSSDesignToken<string>;
862
+ export const colorNeutralStrokeAccessiblePressed = "--colorNeutralStrokeAccessiblePressed";
864
863
 
865
864
  // @public (undocumented)
866
- export const colorNeutralStrokeAccessibleSelected: CSSDesignToken<string>;
865
+ export const colorNeutralStrokeAccessibleSelected = "--colorNeutralStrokeAccessibleSelected";
867
866
 
868
867
  // @public (undocumented)
869
- export const colorNeutralStrokeDisabled: CSSDesignToken<string>;
868
+ export const colorNeutralStrokeDisabled = "--colorNeutralStrokeDisabled";
870
869
 
871
870
  // @public (undocumented)
872
- export const colorNeutralStrokeInvertedDisabled: CSSDesignToken<string>;
871
+ export const colorNeutralStrokeInvertedDisabled = "--colorNeutralStrokeInvertedDisabled";
873
872
 
874
873
  // @public (undocumented)
875
- export const colorNeutralStrokeOnBrand: CSSDesignToken<string>;
874
+ export const colorNeutralStrokeOnBrand = "--colorNeutralStrokeOnBrand";
876
875
 
877
876
  // @public (undocumented)
878
- export const colorNeutralStrokeOnBrand2: CSSDesignToken<string>;
877
+ export const colorNeutralStrokeOnBrand2 = "--colorNeutralStrokeOnBrand2";
879
878
 
880
879
  // @public (undocumented)
881
- export const colorNeutralStrokeOnBrand2Hover: CSSDesignToken<string>;
880
+ export const colorNeutralStrokeOnBrand2Hover = "--colorNeutralStrokeOnBrand2Hover";
882
881
 
883
882
  // @public (undocumented)
884
- export const colorNeutralStrokeOnBrand2Pressed: CSSDesignToken<string>;
883
+ export const colorNeutralStrokeOnBrand2Pressed = "--colorNeutralStrokeOnBrand2Pressed";
885
884
 
886
885
  // @public (undocumented)
887
- export const colorNeutralStrokeOnBrand2Selected: CSSDesignToken<string>;
886
+ export const colorNeutralStrokeOnBrand2Selected = "--colorNeutralStrokeOnBrand2Selected";
888
887
 
889
888
  // @public (undocumented)
890
- export const colorPaletteAnchorBackground2: CSSDesignToken<string>;
889
+ export const colorPaletteAnchorBackground2 = "--colorPaletteAnchorBackground2";
891
890
 
892
891
  // @public (undocumented)
893
- export const colorPaletteAnchorBorderActive: CSSDesignToken<string>;
892
+ export const colorPaletteAnchorBorderActive = "--colorPaletteAnchorBorderActive";
894
893
 
895
894
  // @public (undocumented)
896
- export const colorPaletteAnchorForeground2: CSSDesignToken<string>;
895
+ export const colorPaletteAnchorForeground2 = "--colorPaletteAnchorForeground2";
897
896
 
898
897
  // @public (undocumented)
899
- export const colorPaletteBeigeBackground2: CSSDesignToken<string>;
898
+ export const colorPaletteBeigeBackground2 = "--colorPaletteBeigeBackground2";
900
899
 
901
900
  // @public (undocumented)
902
- export const colorPaletteBeigeBorderActive: CSSDesignToken<string>;
901
+ export const colorPaletteBeigeBorderActive = "--colorPaletteBeigeBorderActive";
903
902
 
904
903
  // @public (undocumented)
905
- export const colorPaletteBeigeForeground2: CSSDesignToken<string>;
904
+ export const colorPaletteBeigeForeground2 = "--colorPaletteBeigeForeground2";
906
905
 
907
906
  // @public (undocumented)
908
- export const colorPaletteBerryBackground1: CSSDesignToken<string>;
907
+ export const colorPaletteBerryBackground1 = "--colorPaletteBerryBackground1";
909
908
 
910
909
  // @public (undocumented)
911
- export const colorPaletteBerryBackground2: CSSDesignToken<string>;
910
+ export const colorPaletteBerryBackground2 = "--colorPaletteBerryBackground2";
912
911
 
913
912
  // @public (undocumented)
914
- export const colorPaletteBerryBackground3: CSSDesignToken<string>;
913
+ export const colorPaletteBerryBackground3 = "--colorPaletteBerryBackground3";
915
914
 
916
915
  // @public (undocumented)
917
- export const colorPaletteBerryBorder1: CSSDesignToken<string>;
916
+ export const colorPaletteBerryBorder1 = "--colorPaletteBerryBorder1";
918
917
 
919
918
  // @public (undocumented)
920
- export const colorPaletteBerryBorder2: CSSDesignToken<string>;
919
+ export const colorPaletteBerryBorder2 = "--colorPaletteBerryBorder2";
921
920
 
922
921
  // @public (undocumented)
923
- export const colorPaletteBerryBorderActive: CSSDesignToken<string>;
922
+ export const colorPaletteBerryBorderActive = "--colorPaletteBerryBorderActive";
924
923
 
925
924
  // @public (undocumented)
926
- export const colorPaletteBerryForeground1: CSSDesignToken<string>;
925
+ export const colorPaletteBerryForeground1 = "--colorPaletteBerryForeground1";
927
926
 
928
927
  // @public (undocumented)
929
- export const colorPaletteBerryForeground2: CSSDesignToken<string>;
928
+ export const colorPaletteBerryForeground2 = "--colorPaletteBerryForeground2";
930
929
 
931
930
  // @public (undocumented)
932
- export const colorPaletteBerryForeground3: CSSDesignToken<string>;
931
+ export const colorPaletteBerryForeground3 = "--colorPaletteBerryForeground3";
933
932
 
934
933
  // @public (undocumented)
935
- export const colorPaletteBlueBackground2: CSSDesignToken<string>;
934
+ export const colorPaletteBlueBackground2 = "--colorPaletteBlueBackground2";
936
935
 
937
936
  // @public (undocumented)
938
- export const colorPaletteBlueBorderActive: CSSDesignToken<string>;
937
+ export const colorPaletteBlueBorderActive = "--colorPaletteBlueBorderActive";
939
938
 
940
939
  // @public (undocumented)
941
- export const colorPaletteBlueForeground2: CSSDesignToken<string>;
940
+ export const colorPaletteBlueForeground2 = "--colorPaletteBlueForeground2";
942
941
 
943
942
  // @public (undocumented)
944
- export const colorPaletteBrassBackground2: CSSDesignToken<string>;
943
+ export const colorPaletteBrassBackground2 = "--colorPaletteBrassBackground2";
945
944
 
946
945
  // @public (undocumented)
947
- export const colorPaletteBrassBorderActive: CSSDesignToken<string>;
946
+ export const colorPaletteBrassBorderActive = "--colorPaletteBrassBorderActive";
948
947
 
949
948
  // @public (undocumented)
950
- export const colorPaletteBrassForeground2: CSSDesignToken<string>;
949
+ export const colorPaletteBrassForeground2 = "--colorPaletteBrassForeground2";
951
950
 
952
951
  // @public (undocumented)
953
- export const colorPaletteBrownBackground2: CSSDesignToken<string>;
952
+ export const colorPaletteBrownBackground2 = "--colorPaletteBrownBackground2";
954
953
 
955
954
  // @public (undocumented)
956
- export const colorPaletteBrownBorderActive: CSSDesignToken<string>;
955
+ export const colorPaletteBrownBorderActive = "--colorPaletteBrownBorderActive";
957
956
 
958
957
  // @public (undocumented)
959
- export const colorPaletteBrownForeground2: CSSDesignToken<string>;
958
+ export const colorPaletteBrownForeground2 = "--colorPaletteBrownForeground2";
960
959
 
961
960
  // @public (undocumented)
962
- export const colorPaletteCornflowerBackground2: CSSDesignToken<string>;
961
+ export const colorPaletteCornflowerBackground2 = "--colorPaletteCornflowerBackground2";
963
962
 
964
963
  // @public (undocumented)
965
- export const colorPaletteCornflowerBorderActive: CSSDesignToken<string>;
964
+ export const colorPaletteCornflowerBorderActive = "--colorPaletteCornflowerBorderActive";
966
965
 
967
966
  // @public (undocumented)
968
- export const colorPaletteCornflowerForeground2: CSSDesignToken<string>;
967
+ export const colorPaletteCornflowerForeground2 = "--colorPaletteCornflowerForeground2";
969
968
 
970
969
  // @public (undocumented)
971
- export const colorPaletteCranberryBackground2: CSSDesignToken<string>;
970
+ export const colorPaletteCranberryBackground2 = "--colorPaletteCranberryBackground2";
972
971
 
973
972
  // @public (undocumented)
974
- export const colorPaletteCranberryBorderActive: CSSDesignToken<string>;
973
+ export const colorPaletteCranberryBorderActive = "--colorPaletteCranberryBorderActive";
975
974
 
976
975
  // @public (undocumented)
977
- export const colorPaletteCranberryForeground2: CSSDesignToken<string>;
976
+ export const colorPaletteCranberryForeground2 = "--colorPaletteCranberryForeground2";
978
977
 
979
978
  // @public (undocumented)
980
- export const colorPaletteDarkGreenBackground2: CSSDesignToken<string>;
979
+ export const colorPaletteDarkGreenBackground2 = "--colorPaletteDarkGreenBackground2";
981
980
 
982
981
  // @public (undocumented)
983
- export const colorPaletteDarkGreenBorderActive: CSSDesignToken<string>;
982
+ export const colorPaletteDarkGreenBorderActive = "--colorPaletteDarkGreenBorderActive";
984
983
 
985
984
  // @public (undocumented)
986
- export const colorPaletteDarkGreenForeground2: CSSDesignToken<string>;
985
+ export const colorPaletteDarkGreenForeground2 = "--colorPaletteDarkGreenForeground2";
987
986
 
988
987
  // @public (undocumented)
989
- export const colorPaletteDarkOrangeBackground1: CSSDesignToken<string>;
988
+ export const colorPaletteDarkOrangeBackground1 = "--colorPaletteDarkOrangeBackground1";
990
989
 
991
990
  // @public (undocumented)
992
- export const colorPaletteDarkOrangeBackground2: CSSDesignToken<string>;
991
+ export const colorPaletteDarkOrangeBackground2 = "--colorPaletteDarkOrangeBackground2";
993
992
 
994
993
  // @public (undocumented)
995
- export const colorPaletteDarkOrangeBackground3: CSSDesignToken<string>;
994
+ export const colorPaletteDarkOrangeBackground3 = "--colorPaletteDarkOrangeBackground3";
996
995
 
997
996
  // @public (undocumented)
998
- export const colorPaletteDarkOrangeBorder1: CSSDesignToken<string>;
997
+ export const colorPaletteDarkOrangeBorder1 = "--colorPaletteDarkOrangeBorder1";
999
998
 
1000
999
  // @public (undocumented)
1001
- export const colorPaletteDarkOrangeBorder2: CSSDesignToken<string>;
1000
+ export const colorPaletteDarkOrangeBorder2 = "--colorPaletteDarkOrangeBorder2";
1002
1001
 
1003
1002
  // @public (undocumented)
1004
- export const colorPaletteDarkOrangeBorderActive: CSSDesignToken<string>;
1003
+ export const colorPaletteDarkOrangeBorderActive = "--colorPaletteDarkOrangeBorderActive";
1005
1004
 
1006
1005
  // @public (undocumented)
1007
- export const colorPaletteDarkOrangeForeground1: CSSDesignToken<string>;
1006
+ export const colorPaletteDarkOrangeForeground1 = "--colorPaletteDarkOrangeForeground1";
1008
1007
 
1009
1008
  // @public (undocumented)
1010
- export const colorPaletteDarkOrangeForeground2: CSSDesignToken<string>;
1009
+ export const colorPaletteDarkOrangeForeground2 = "--colorPaletteDarkOrangeForeground2";
1011
1010
 
1012
1011
  // @public (undocumented)
1013
- export const colorPaletteDarkOrangeForeground3: CSSDesignToken<string>;
1012
+ export const colorPaletteDarkOrangeForeground3 = "--colorPaletteDarkOrangeForeground3";
1014
1013
 
1015
1014
  // @public (undocumented)
1016
- export const colorPaletteDarkRedBackground2: CSSDesignToken<string>;
1015
+ export const colorPaletteDarkRedBackground2 = "--colorPaletteDarkRedBackground2";
1017
1016
 
1018
1017
  // @public (undocumented)
1019
- export const colorPaletteDarkRedBorderActive: CSSDesignToken<string>;
1018
+ export const colorPaletteDarkRedBorderActive = "--colorPaletteDarkRedBorderActive";
1020
1019
 
1021
1020
  // @public (undocumented)
1022
- export const colorPaletteDarkRedForeground2: CSSDesignToken<string>;
1021
+ export const colorPaletteDarkRedForeground2 = "--colorPaletteDarkRedForeground2";
1023
1022
 
1024
1023
  // @public (undocumented)
1025
- export const colorPaletteForestBackground2: CSSDesignToken<string>;
1024
+ export const colorPaletteForestBackground2 = "--colorPaletteForestBackground2";
1026
1025
 
1027
1026
  // @public (undocumented)
1028
- export const colorPaletteForestBorderActive: CSSDesignToken<string>;
1027
+ export const colorPaletteForestBorderActive = "--colorPaletteForestBorderActive";
1029
1028
 
1030
1029
  // @public (undocumented)
1031
- export const colorPaletteForestForeground2: CSSDesignToken<string>;
1030
+ export const colorPaletteForestForeground2 = "--colorPaletteForestForeground2";
1032
1031
 
1033
1032
  // @public (undocumented)
1034
- export const colorPaletteGoldBackground2: CSSDesignToken<string>;
1033
+ export const colorPaletteGoldBackground2 = "--colorPaletteGoldBackground2";
1035
1034
 
1036
1035
  // @public (undocumented)
1037
- export const colorPaletteGoldBorderActive: CSSDesignToken<string>;
1036
+ export const colorPaletteGoldBorderActive = "--colorPaletteGoldBorderActive";
1038
1037
 
1039
1038
  // @public (undocumented)
1040
- export const colorPaletteGoldForeground2: CSSDesignToken<string>;
1039
+ export const colorPaletteGoldForeground2 = "--colorPaletteGoldForeground2";
1041
1040
 
1042
1041
  // @public (undocumented)
1043
- export const colorPaletteGrapeBackground2: CSSDesignToken<string>;
1042
+ export const colorPaletteGrapeBackground2 = "--colorPaletteGrapeBackground2";
1044
1043
 
1045
1044
  // @public (undocumented)
1046
- export const colorPaletteGrapeBorderActive: CSSDesignToken<string>;
1045
+ export const colorPaletteGrapeBorderActive = "--colorPaletteGrapeBorderActive";
1047
1046
 
1048
1047
  // @public (undocumented)
1049
- export const colorPaletteGrapeForeground2: CSSDesignToken<string>;
1048
+ export const colorPaletteGrapeForeground2 = "--colorPaletteGrapeForeground2";
1050
1049
 
1051
1050
  // @public (undocumented)
1052
- export const colorPaletteGreenBackground1: CSSDesignToken<string>;
1051
+ export const colorPaletteGreenBackground1 = "--colorPaletteGreenBackground1";
1053
1052
 
1054
1053
  // @public (undocumented)
1055
- export const colorPaletteGreenBackground2: CSSDesignToken<string>;
1054
+ export const colorPaletteGreenBackground2 = "--colorPaletteGreenBackground2";
1056
1055
 
1057
1056
  // @public (undocumented)
1058
- export const colorPaletteGreenBackground3: CSSDesignToken<string>;
1057
+ export const colorPaletteGreenBackground3 = "--colorPaletteGreenBackground3";
1059
1058
 
1060
1059
  // @public (undocumented)
1061
- export const colorPaletteGreenBorder1: CSSDesignToken<string>;
1060
+ export const colorPaletteGreenBorder1 = "--colorPaletteGreenBorder1";
1062
1061
 
1063
1062
  // @public (undocumented)
1064
- export const colorPaletteGreenBorder2: CSSDesignToken<string>;
1063
+ export const colorPaletteGreenBorder2 = "--colorPaletteGreenBorder2";
1065
1064
 
1066
1065
  // @public (undocumented)
1067
- export const colorPaletteGreenBorderActive: CSSDesignToken<string>;
1066
+ export const colorPaletteGreenBorderActive = "--colorPaletteGreenBorderActive";
1068
1067
 
1069
1068
  // @public (undocumented)
1070
- export const colorPaletteGreenForeground1: CSSDesignToken<string>;
1069
+ export const colorPaletteGreenForeground1 = "--colorPaletteGreenForeground1";
1071
1070
 
1072
1071
  // @public (undocumented)
1073
- export const colorPaletteGreenForeground2: CSSDesignToken<string>;
1072
+ export const colorPaletteGreenForeground2 = "--colorPaletteGreenForeground2";
1074
1073
 
1075
1074
  // @public (undocumented)
1076
- export const colorPaletteGreenForeground3: CSSDesignToken<string>;
1075
+ export const colorPaletteGreenForeground3 = "--colorPaletteGreenForeground3";
1077
1076
 
1078
1077
  // @public (undocumented)
1079
- export const colorPaletteGreenForegroundInverted: CSSDesignToken<string>;
1078
+ export const colorPaletteGreenForegroundInverted = "--colorPaletteGreenForegroundInverted";
1080
1079
 
1081
1080
  // @public (undocumented)
1082
- export const colorPaletteLavenderBackground2: CSSDesignToken<string>;
1081
+ export const colorPaletteLavenderBackground2 = "--colorPaletteLavenderBackground2";
1083
1082
 
1084
1083
  // @public (undocumented)
1085
- export const colorPaletteLavenderBorderActive: CSSDesignToken<string>;
1084
+ export const colorPaletteLavenderBorderActive = "--colorPaletteLavenderBorderActive";
1086
1085
 
1087
1086
  // @public (undocumented)
1088
- export const colorPaletteLavenderForeground2: CSSDesignToken<string>;
1087
+ export const colorPaletteLavenderForeground2 = "--colorPaletteLavenderForeground2";
1089
1088
 
1090
1089
  // @public (undocumented)
1091
- export const colorPaletteLightGreenBackground1: CSSDesignToken<string>;
1090
+ export const colorPaletteLightGreenBackground1 = "--colorPaletteLightGreenBackground1";
1092
1091
 
1093
1092
  // @public (undocumented)
1094
- export const colorPaletteLightGreenBackground2: CSSDesignToken<string>;
1093
+ export const colorPaletteLightGreenBackground2 = "--colorPaletteLightGreenBackground2";
1095
1094
 
1096
1095
  // @public (undocumented)
1097
- export const colorPaletteLightGreenBackground3: CSSDesignToken<string>;
1096
+ export const colorPaletteLightGreenBackground3 = "--colorPaletteLightGreenBackground3";
1098
1097
 
1099
1098
  // @public (undocumented)
1100
- export const colorPaletteLightGreenBorder1: CSSDesignToken<string>;
1099
+ export const colorPaletteLightGreenBorder1 = "--colorPaletteLightGreenBorder1";
1101
1100
 
1102
1101
  // @public (undocumented)
1103
- export const colorPaletteLightGreenBorder2: CSSDesignToken<string>;
1102
+ export const colorPaletteLightGreenBorder2 = "--colorPaletteLightGreenBorder2";
1104
1103
 
1105
1104
  // @public (undocumented)
1106
- export const colorPaletteLightGreenBorderActive: CSSDesignToken<string>;
1105
+ export const colorPaletteLightGreenBorderActive = "--colorPaletteLightGreenBorderActive";
1107
1106
 
1108
1107
  // @public (undocumented)
1109
- export const colorPaletteLightGreenForeground1: CSSDesignToken<string>;
1108
+ export const colorPaletteLightGreenForeground1 = "--colorPaletteLightGreenForeground1";
1110
1109
 
1111
1110
  // @public (undocumented)
1112
- export const colorPaletteLightGreenForeground2: CSSDesignToken<string>;
1111
+ export const colorPaletteLightGreenForeground2 = "--colorPaletteLightGreenForeground2";
1113
1112
 
1114
1113
  // @public (undocumented)
1115
- export const colorPaletteLightGreenForeground3: CSSDesignToken<string>;
1114
+ export const colorPaletteLightGreenForeground3 = "--colorPaletteLightGreenForeground3";
1116
1115
 
1117
1116
  // @public (undocumented)
1118
- export const colorPaletteLightTealBackground2: CSSDesignToken<string>;
1117
+ export const colorPaletteLightTealBackground2 = "--colorPaletteLightTealBackground2";
1119
1118
 
1120
1119
  // @public (undocumented)
1121
- export const colorPaletteLightTealBorderActive: CSSDesignToken<string>;
1120
+ export const colorPaletteLightTealBorderActive = "--colorPaletteLightTealBorderActive";
1122
1121
 
1123
1122
  // @public (undocumented)
1124
- export const colorPaletteLightTealForeground2: CSSDesignToken<string>;
1123
+ export const colorPaletteLightTealForeground2 = "--colorPaletteLightTealForeground2";
1125
1124
 
1126
1125
  // @public (undocumented)
1127
- export const colorPaletteLilacBackground2: CSSDesignToken<string>;
1126
+ export const colorPaletteLilacBackground2 = "--colorPaletteLilacBackground2";
1128
1127
 
1129
1128
  // @public (undocumented)
1130
- export const colorPaletteLilacBorderActive: CSSDesignToken<string>;
1129
+ export const colorPaletteLilacBorderActive = "--colorPaletteLilacBorderActive";
1131
1130
 
1132
1131
  // @public (undocumented)
1133
- export const colorPaletteLilacForeground2: CSSDesignToken<string>;
1132
+ export const colorPaletteLilacForeground2 = "--colorPaletteLilacForeground2";
1134
1133
 
1135
1134
  // @public (undocumented)
1136
- export const colorPaletteMagentaBackground2: CSSDesignToken<string>;
1135
+ export const colorPaletteMagentaBackground2 = "--colorPaletteMagentaBackground2";
1137
1136
 
1138
1137
  // @public (undocumented)
1139
- export const colorPaletteMagentaBorderActive: CSSDesignToken<string>;
1138
+ export const colorPaletteMagentaBorderActive = "--colorPaletteMagentaBorderActive";
1140
1139
 
1141
1140
  // @public (undocumented)
1142
- export const colorPaletteMagentaForeground2: CSSDesignToken<string>;
1141
+ export const colorPaletteMagentaForeground2 = "--colorPaletteMagentaForeground2";
1143
1142
 
1144
1143
  // @public (undocumented)
1145
- export const colorPaletteMarigoldBackground1: CSSDesignToken<string>;
1144
+ export const colorPaletteMarigoldBackground1 = "--colorPaletteMarigoldBackground1";
1146
1145
 
1147
1146
  // @public (undocumented)
1148
- export const colorPaletteMarigoldBackground2: CSSDesignToken<string>;
1147
+ export const colorPaletteMarigoldBackground2 = "--colorPaletteMarigoldBackground2";
1149
1148
 
1150
1149
  // @public (undocumented)
1151
- export const colorPaletteMarigoldBackground3: CSSDesignToken<string>;
1150
+ export const colorPaletteMarigoldBackground3 = "--colorPaletteMarigoldBackground3";
1152
1151
 
1153
1152
  // @public (undocumented)
1154
- export const colorPaletteMarigoldBorder1: CSSDesignToken<string>;
1153
+ export const colorPaletteMarigoldBorder1 = "--colorPaletteMarigoldBorder1";
1155
1154
 
1156
1155
  // @public (undocumented)
1157
- export const colorPaletteMarigoldBorder2: CSSDesignToken<string>;
1156
+ export const colorPaletteMarigoldBorder2 = "--colorPaletteMarigoldBorder2";
1158
1157
 
1159
1158
  // @public (undocumented)
1160
- export const colorPaletteMarigoldBorderActive: CSSDesignToken<string>;
1159
+ export const colorPaletteMarigoldBorderActive = "--colorPaletteMarigoldBorderActive";
1161
1160
 
1162
1161
  // @public (undocumented)
1163
- export const colorPaletteMarigoldForeground1: CSSDesignToken<string>;
1162
+ export const colorPaletteMarigoldForeground1 = "--colorPaletteMarigoldForeground1";
1164
1163
 
1165
1164
  // @public (undocumented)
1166
- export const colorPaletteMarigoldForeground2: CSSDesignToken<string>;
1165
+ export const colorPaletteMarigoldForeground2 = "--colorPaletteMarigoldForeground2";
1167
1166
 
1168
1167
  // @public (undocumented)
1169
- export const colorPaletteMarigoldForeground3: CSSDesignToken<string>;
1168
+ export const colorPaletteMarigoldForeground3 = "--colorPaletteMarigoldForeground3";
1170
1169
 
1171
1170
  // @public (undocumented)
1172
- export const colorPaletteMinkBackground2: CSSDesignToken<string>;
1171
+ export const colorPaletteMinkBackground2 = "--colorPaletteMinkBackground2";
1173
1172
 
1174
1173
  // @public (undocumented)
1175
- export const colorPaletteMinkBorderActive: CSSDesignToken<string>;
1174
+ export const colorPaletteMinkBorderActive = "--colorPaletteMinkBorderActive";
1176
1175
 
1177
1176
  // @public (undocumented)
1178
- export const colorPaletteMinkForeground2: CSSDesignToken<string>;
1177
+ export const colorPaletteMinkForeground2 = "--colorPaletteMinkForeground2";
1179
1178
 
1180
1179
  // @public (undocumented)
1181
- export const colorPaletteNavyBackground2: CSSDesignToken<string>;
1180
+ export const colorPaletteNavyBackground2 = "--colorPaletteNavyBackground2";
1182
1181
 
1183
1182
  // @public (undocumented)
1184
- export const colorPaletteNavyBorderActive: CSSDesignToken<string>;
1183
+ export const colorPaletteNavyBorderActive = "--colorPaletteNavyBorderActive";
1185
1184
 
1186
1185
  // @public (undocumented)
1187
- export const colorPaletteNavyForeground2: CSSDesignToken<string>;
1186
+ export const colorPaletteNavyForeground2 = "--colorPaletteNavyForeground2";
1188
1187
 
1189
1188
  // @public (undocumented)
1190
- export const colorPalettePeachBackground2: CSSDesignToken<string>;
1189
+ export const colorPalettePeachBackground2 = "--colorPalettePeachBackground2";
1191
1190
 
1192
1191
  // @public (undocumented)
1193
- export const colorPalettePeachBorderActive: CSSDesignToken<string>;
1192
+ export const colorPalettePeachBorderActive = "--colorPalettePeachBorderActive";
1194
1193
 
1195
1194
  // @public (undocumented)
1196
- export const colorPalettePeachForeground2: CSSDesignToken<string>;
1195
+ export const colorPalettePeachForeground2 = "--colorPalettePeachForeground2";
1197
1196
 
1198
1197
  // @public (undocumented)
1199
- export const colorPalettePinkBackground2: CSSDesignToken<string>;
1198
+ export const colorPalettePinkBackground2 = "--colorPalettePinkBackground2";
1200
1199
 
1201
1200
  // @public (undocumented)
1202
- export const colorPalettePinkBorderActive: CSSDesignToken<string>;
1201
+ export const colorPalettePinkBorderActive = "--colorPalettePinkBorderActive";
1203
1202
 
1204
1203
  // @public (undocumented)
1205
- export const colorPalettePinkForeground2: CSSDesignToken<string>;
1204
+ export const colorPalettePinkForeground2 = "--colorPalettePinkForeground2";
1206
1205
 
1207
1206
  // @public (undocumented)
1208
- export const colorPalettePlatinumBackground2: CSSDesignToken<string>;
1207
+ export const colorPalettePlatinumBackground2 = "--colorPalettePlatinumBackground2";
1209
1208
 
1210
1209
  // @public (undocumented)
1211
- export const colorPalettePlatinumBorderActive: CSSDesignToken<string>;
1210
+ export const colorPalettePlatinumBorderActive = "--colorPalettePlatinumBorderActive";
1212
1211
 
1213
1212
  // @public (undocumented)
1214
- export const colorPalettePlatinumForeground2: CSSDesignToken<string>;
1213
+ export const colorPalettePlatinumForeground2 = "--colorPalettePlatinumForeground2";
1215
1214
 
1216
1215
  // @public (undocumented)
1217
- export const colorPalettePlumBackground2: CSSDesignToken<string>;
1216
+ export const colorPalettePlumBackground2 = "--colorPalettePlumBackground2";
1218
1217
 
1219
1218
  // @public (undocumented)
1220
- export const colorPalettePlumBorderActive: CSSDesignToken<string>;
1219
+ export const colorPalettePlumBorderActive = "--colorPalettePlumBorderActive";
1221
1220
 
1222
1221
  // @public (undocumented)
1223
- export const colorPalettePlumForeground2: CSSDesignToken<string>;
1222
+ export const colorPalettePlumForeground2 = "--colorPalettePlumForeground2";
1224
1223
 
1225
1224
  // @public (undocumented)
1226
- export const colorPalettePumpkinBackground2: CSSDesignToken<string>;
1225
+ export const colorPalettePumpkinBackground2 = "--colorPalettePumpkinBackground2";
1227
1226
 
1228
1227
  // @public (undocumented)
1229
- export const colorPalettePumpkinBorderActive: CSSDesignToken<string>;
1228
+ export const colorPalettePumpkinBorderActive = "--colorPalettePumpkinBorderActive";
1230
1229
 
1231
1230
  // @public (undocumented)
1232
- export const colorPalettePumpkinForeground2: CSSDesignToken<string>;
1231
+ export const colorPalettePumpkinForeground2 = "--colorPalettePumpkinForeground2";
1233
1232
 
1234
1233
  // @public (undocumented)
1235
- export const colorPalettePurpleBackground2: CSSDesignToken<string>;
1234
+ export const colorPalettePurpleBackground2 = "--colorPalettePurpleBackground2";
1236
1235
 
1237
1236
  // @public (undocumented)
1238
- export const colorPalettePurpleBorderActive: CSSDesignToken<string>;
1237
+ export const colorPalettePurpleBorderActive = "--colorPalettePurpleBorderActive";
1239
1238
 
1240
1239
  // @public (undocumented)
1241
- export const colorPalettePurpleForeground2: CSSDesignToken<string>;
1240
+ export const colorPalettePurpleForeground2 = "--colorPalettePurpleForeground2";
1242
1241
 
1243
1242
  // @public (undocumented)
1244
- export const colorPaletteRedBackground1: CSSDesignToken<string>;
1243
+ export const colorPaletteRedBackground1 = "--colorPaletteRedBackground1";
1245
1244
 
1246
1245
  // @public (undocumented)
1247
- export const colorPaletteRedBackground2: CSSDesignToken<string>;
1246
+ export const colorPaletteRedBackground2 = "--colorPaletteRedBackground2";
1248
1247
 
1249
1248
  // @public (undocumented)
1250
- export const colorPaletteRedBackground3: CSSDesignToken<string>;
1249
+ export const colorPaletteRedBackground3 = "--colorPaletteRedBackground3";
1251
1250
 
1252
1251
  // @public (undocumented)
1253
- export const colorPaletteRedBorder1: CSSDesignToken<string>;
1252
+ export const colorPaletteRedBorder1 = "--colorPaletteRedBorder1";
1254
1253
 
1255
1254
  // @public (undocumented)
1256
- export const colorPaletteRedBorder2: CSSDesignToken<string>;
1255
+ export const colorPaletteRedBorder2 = "--colorPaletteRedBorder2";
1257
1256
 
1258
1257
  // @public (undocumented)
1259
- export const colorPaletteRedBorderActive: CSSDesignToken<string>;
1258
+ export const colorPaletteRedBorderActive = "--colorPaletteRedBorderActive";
1260
1259
 
1261
1260
  // @public (undocumented)
1262
- export const colorPaletteRedForeground1: CSSDesignToken<string>;
1261
+ export const colorPaletteRedForeground1 = "--colorPaletteRedForeground1";
1263
1262
 
1264
1263
  // @public (undocumented)
1265
- export const colorPaletteRedForeground2: CSSDesignToken<string>;
1264
+ export const colorPaletteRedForeground2 = "--colorPaletteRedForeground2";
1266
1265
 
1267
1266
  // @public (undocumented)
1268
- export const colorPaletteRedForeground3: CSSDesignToken<string>;
1267
+ export const colorPaletteRedForeground3 = "--colorPaletteRedForeground3";
1269
1268
 
1270
1269
  // @public (undocumented)
1271
- export const colorPaletteRedForegroundInverted: CSSDesignToken<string>;
1270
+ export const colorPaletteRedForegroundInverted = "--colorPaletteRedForegroundInverted";
1272
1271
 
1273
1272
  // @public (undocumented)
1274
- export const colorPaletteRoyalBlueBackground2: CSSDesignToken<string>;
1273
+ export const colorPaletteRoyalBlueBackground2 = "--colorPaletteRoyalBlueBackground2";
1275
1274
 
1276
1275
  // @public (undocumented)
1277
- export const colorPaletteRoyalBlueBorderActive: CSSDesignToken<string>;
1276
+ export const colorPaletteRoyalBlueBorderActive = "--colorPaletteRoyalBlueBorderActive";
1278
1277
 
1279
1278
  // @public (undocumented)
1280
- export const colorPaletteRoyalBlueForeground2: CSSDesignToken<string>;
1279
+ export const colorPaletteRoyalBlueForeground2 = "--colorPaletteRoyalBlueForeground2";
1281
1280
 
1282
1281
  // @public (undocumented)
1283
- export const colorPaletteSeafoamBackground2: CSSDesignToken<string>;
1282
+ export const colorPaletteSeafoamBackground2 = "--colorPaletteSeafoamBackground2";
1284
1283
 
1285
1284
  // @public (undocumented)
1286
- export const colorPaletteSeafoamBorderActive: CSSDesignToken<string>;
1285
+ export const colorPaletteSeafoamBorderActive = "--colorPaletteSeafoamBorderActive";
1287
1286
 
1288
1287
  // @public (undocumented)
1289
- export const colorPaletteSeafoamForeground2: CSSDesignToken<string>;
1288
+ export const colorPaletteSeafoamForeground2 = "--colorPaletteSeafoamForeground2";
1290
1289
 
1291
1290
  // @public (undocumented)
1292
- export const colorPaletteSteelBackground2: CSSDesignToken<string>;
1291
+ export const colorPaletteSteelBackground2 = "--colorPaletteSteelBackground2";
1293
1292
 
1294
1293
  // @public (undocumented)
1295
- export const colorPaletteSteelBorderActive: CSSDesignToken<string>;
1294
+ export const colorPaletteSteelBorderActive = "--colorPaletteSteelBorderActive";
1296
1295
 
1297
1296
  // @public (undocumented)
1298
- export const colorPaletteSteelForeground2: CSSDesignToken<string>;
1297
+ export const colorPaletteSteelForeground2 = "--colorPaletteSteelForeground2";
1299
1298
 
1300
1299
  // @public (undocumented)
1301
- export const colorPaletteTealBackground2: CSSDesignToken<string>;
1300
+ export const colorPaletteTealBackground2 = "--colorPaletteTealBackground2";
1302
1301
 
1303
1302
  // @public (undocumented)
1304
- export const colorPaletteTealBorderActive: CSSDesignToken<string>;
1303
+ export const colorPaletteTealBorderActive = "--colorPaletteTealBorderActive";
1305
1304
 
1306
1305
  // @public (undocumented)
1307
- export const colorPaletteTealForeground2: CSSDesignToken<string>;
1306
+ export const colorPaletteTealForeground2 = "--colorPaletteTealForeground2";
1308
1307
 
1309
1308
  // @public (undocumented)
1310
- export const colorPaletteYellowBackground1: CSSDesignToken<string>;
1309
+ export const colorPaletteYellowBackground1 = "--colorPaletteYellowBackground1";
1311
1310
 
1312
1311
  // @public (undocumented)
1313
- export const colorPaletteYellowBackground2: CSSDesignToken<string>;
1312
+ export const colorPaletteYellowBackground2 = "--colorPaletteYellowBackground2";
1314
1313
 
1315
1314
  // @public (undocumented)
1316
- export const colorPaletteYellowBackground3: CSSDesignToken<string>;
1315
+ export const colorPaletteYellowBackground3 = "--colorPaletteYellowBackground3";
1317
1316
 
1318
1317
  // @public (undocumented)
1319
- export const colorPaletteYellowBorder1: CSSDesignToken<string>;
1318
+ export const colorPaletteYellowBorder1 = "--colorPaletteYellowBorder1";
1320
1319
 
1321
1320
  // @public (undocumented)
1322
- export const colorPaletteYellowBorder2: CSSDesignToken<string>;
1321
+ export const colorPaletteYellowBorder2 = "--colorPaletteYellowBorder2";
1323
1322
 
1324
1323
  // @public (undocumented)
1325
- export const colorPaletteYellowBorderActive: CSSDesignToken<string>;
1324
+ export const colorPaletteYellowBorderActive = "--colorPaletteYellowBorderActive";
1326
1325
 
1327
1326
  // @public (undocumented)
1328
- export const colorPaletteYellowForeground1: CSSDesignToken<string>;
1327
+ export const colorPaletteYellowForeground1 = "--colorPaletteYellowForeground1";
1329
1328
 
1330
1329
  // @public (undocumented)
1331
- export const colorPaletteYellowForeground2: CSSDesignToken<string>;
1330
+ export const colorPaletteYellowForeground2 = "--colorPaletteYellowForeground2";
1332
1331
 
1333
1332
  // @public (undocumented)
1334
- export const colorPaletteYellowForeground3: CSSDesignToken<string>;
1333
+ export const colorPaletteYellowForeground3 = "--colorPaletteYellowForeground3";
1335
1334
 
1336
1335
  // @public (undocumented)
1337
- export const colorPaletteYellowForegroundInverted: CSSDesignToken<string>;
1336
+ export const colorPaletteYellowForegroundInverted = "--colorPaletteYellowForegroundInverted";
1338
1337
 
1339
1338
  // @public (undocumented)
1340
- export const colorScrollbarOverlay: CSSDesignToken<string>;
1339
+ export const colorScrollbarOverlay = "--colorScrollbarOverlay";
1341
1340
 
1342
1341
  // @public (undocumented)
1343
- export const colorStrokeFocus1: CSSDesignToken<string>;
1342
+ export const colorStrokeFocus1 = "--colorStrokeFocus1";
1344
1343
 
1345
1344
  // @public (undocumented)
1346
- export const colorStrokeFocus2: CSSDesignToken<string>;
1345
+ export const colorStrokeFocus2 = "--colorStrokeFocus2";
1347
1346
 
1348
1347
  // @public (undocumented)
1349
- export const colorSubtleBackground: CSSDesignToken<string>;
1348
+ export const colorSubtleBackground = "--colorSubtleBackground";
1350
1349
 
1351
1350
  // @public (undocumented)
1352
- export const colorSubtleBackgroundHover: CSSDesignToken<string>;
1351
+ export const colorSubtleBackgroundHover = "--colorSubtleBackgroundHover";
1353
1352
 
1354
1353
  // @public (undocumented)
1355
- export const colorSubtleBackgroundInverted: CSSDesignToken<string>;
1354
+ export const colorSubtleBackgroundInverted = "--colorSubtleBackgroundInverted";
1356
1355
 
1357
1356
  // @public (undocumented)
1358
- export const colorSubtleBackgroundInvertedHover: CSSDesignToken<string>;
1357
+ export const colorSubtleBackgroundInvertedHover = "--colorSubtleBackgroundInvertedHover";
1359
1358
 
1360
1359
  // @public (undocumented)
1361
- export const colorSubtleBackgroundInvertedPressed: CSSDesignToken<string>;
1360
+ export const colorSubtleBackgroundInvertedPressed = "--colorSubtleBackgroundInvertedPressed";
1362
1361
 
1363
1362
  // @public (undocumented)
1364
- export const colorSubtleBackgroundInvertedSelected: CSSDesignToken<string>;
1363
+ export const colorSubtleBackgroundInvertedSelected = "--colorSubtleBackgroundInvertedSelected";
1365
1364
 
1366
1365
  // @public (undocumented)
1367
- export const colorSubtleBackgroundLightAlphaHover: CSSDesignToken<string>;
1366
+ export const colorSubtleBackgroundLightAlphaHover = "--colorSubtleBackgroundLightAlphaHover";
1368
1367
 
1369
1368
  // @public (undocumented)
1370
- export const colorSubtleBackgroundLightAlphaPressed: CSSDesignToken<string>;
1369
+ export const colorSubtleBackgroundLightAlphaPressed = "--colorSubtleBackgroundLightAlphaPressed";
1371
1370
 
1372
1371
  // @public (undocumented)
1373
- export const colorSubtleBackgroundLightAlphaSelected: CSSDesignToken<string>;
1372
+ export const colorSubtleBackgroundLightAlphaSelected = "--colorSubtleBackgroundLightAlphaSelected";
1374
1373
 
1375
1374
  // @public (undocumented)
1376
- export const colorSubtleBackgroundPressed: CSSDesignToken<string>;
1375
+ export const colorSubtleBackgroundPressed = "--colorSubtleBackgroundPressed";
1377
1376
 
1378
1377
  // @public (undocumented)
1379
- export const colorSubtleBackgroundSelected: CSSDesignToken<string>;
1378
+ export const colorSubtleBackgroundSelected = "--colorSubtleBackgroundSelected";
1380
1379
 
1381
1380
  // @public (undocumented)
1382
- export const colorTransparentBackground: CSSDesignToken<string>;
1381
+ export const colorTransparentBackground = "--colorTransparentBackground";
1383
1382
 
1384
1383
  // @public (undocumented)
1385
- export const colorTransparentBackgroundHover: CSSDesignToken<string>;
1384
+ export const colorTransparentBackgroundHover = "--colorTransparentBackgroundHover";
1386
1385
 
1387
1386
  // @public (undocumented)
1388
- export const colorTransparentBackgroundPressed: CSSDesignToken<string>;
1387
+ export const colorTransparentBackgroundPressed = "--colorTransparentBackgroundPressed";
1389
1388
 
1390
1389
  // @public (undocumented)
1391
- export const colorTransparentBackgroundSelected: CSSDesignToken<string>;
1390
+ export const colorTransparentBackgroundSelected = "--colorTransparentBackgroundSelected";
1392
1391
 
1393
1392
  // @public (undocumented)
1394
- export const colorTransparentStroke: CSSDesignToken<string>;
1393
+ export const colorTransparentStroke = "--colorTransparentStroke";
1395
1394
 
1396
1395
  // @public (undocumented)
1397
- export const colorTransparentStrokeDisabled: CSSDesignToken<string>;
1396
+ export const colorTransparentStrokeDisabled = "--colorTransparentStrokeDisabled";
1398
1397
 
1399
1398
  // @public (undocumented)
1400
- export const colorTransparentStrokeInteractive: CSSDesignToken<string>;
1399
+ export const colorTransparentStrokeInteractive = "--colorTransparentStrokeInteractive";
1401
1400
 
1402
1401
  // @public
1403
1402
  export class CompoundButton extends Button {
@@ -1529,31 +1528,31 @@ export const CounterBadgeStyles: ElementStyles;
1529
1528
  export const CounterBadgeTemplate: ElementViewTemplate<CounterBadge>;
1530
1529
 
1531
1530
  // @public (undocumented)
1532
- export const curveAccelerateMax: CSSDesignToken<string>;
1531
+ export const curveAccelerateMax = "--curveAccelerateMax";
1533
1532
 
1534
1533
  // @public (undocumented)
1535
- export const curveAccelerateMid: CSSDesignToken<string>;
1534
+ export const curveAccelerateMid = "--curveAccelerateMid";
1536
1535
 
1537
1536
  // @public (undocumented)
1538
- export const curveAccelerateMin: CSSDesignToken<string>;
1537
+ export const curveAccelerateMin = "--curveAccelerateMin";
1539
1538
 
1540
1539
  // @public (undocumented)
1541
- export const curveDecelerateMax: CSSDesignToken<string>;
1540
+ export const curveDecelerateMax = "--curveDecelerateMax";
1542
1541
 
1543
1542
  // @public (undocumented)
1544
- export const curveDecelerateMid: CSSDesignToken<string>;
1543
+ export const curveDecelerateMid = "--curveDecelerateMid";
1545
1544
 
1546
1545
  // @public (undocumented)
1547
- export const curveDecelerateMin: CSSDesignToken<string>;
1546
+ export const curveDecelerateMin = "--curveDecelerateMin";
1548
1547
 
1549
1548
  // @public (undocumented)
1550
- export const curveEasyEase: CSSDesignToken<string>;
1549
+ export const curveEasyEase = "--curveEasyEase";
1551
1550
 
1552
1551
  // @public (undocumented)
1553
- export const curveEasyEaseMax: CSSDesignToken<string>;
1552
+ export const curveEasyEaseMax = "--curveEasyEaseMax";
1554
1553
 
1555
1554
  // @public (undocumented)
1556
- export const curveLinear: CSSDesignToken<string>;
1555
+ export const curveLinear = "--curveLinear";
1557
1556
 
1558
1557
  // @public
1559
1558
  export class Dialog extends FASTElement {
@@ -1630,25 +1629,25 @@ export const DividerStyles: ElementStyles;
1630
1629
  export const DividerTemplate: ElementViewTemplate<Divider>;
1631
1630
 
1632
1631
  // @public (undocumented)
1633
- export const durationFast: CSSDesignToken<string>;
1632
+ export const durationFast = "--durationFast";
1634
1633
 
1635
1634
  // @public (undocumented)
1636
- export const durationFaster: CSSDesignToken<string>;
1635
+ export const durationFaster = "--durationFaster";
1637
1636
 
1638
1637
  // @public (undocumented)
1639
- export const durationNormal: CSSDesignToken<string>;
1638
+ export const durationNormal = "--durationNormal";
1640
1639
 
1641
1640
  // @public (undocumented)
1642
- export const durationSlow: CSSDesignToken<string>;
1641
+ export const durationSlow = "--durationSlow";
1643
1642
 
1644
1643
  // @public (undocumented)
1645
- export const durationSlower: CSSDesignToken<string>;
1644
+ export const durationSlower = "--durationSlower";
1646
1645
 
1647
1646
  // @public (undocumented)
1648
- export const durationUltraFast: CSSDesignToken<string>;
1647
+ export const durationUltraFast = "--durationUltraFast";
1649
1648
 
1650
1649
  // @public (undocumented)
1651
- export const durationUltraSlow: CSSDesignToken<string>;
1650
+ export const durationUltraSlow = "--durationUltraSlow";
1652
1651
 
1653
1652
  // @public (undocumented)
1654
1653
  export const FluentDesignSystem: Readonly<{
@@ -1658,55 +1657,55 @@ export const FluentDesignSystem: Readonly<{
1658
1657
  }>;
1659
1658
 
1660
1659
  // @public (undocumented)
1661
- export const fontFamilyBase: CSSDesignToken<string>;
1660
+ export const fontFamilyBase = "--fontFamilyBase";
1662
1661
 
1663
1662
  // @public (undocumented)
1664
- export const fontFamilyMonospace: CSSDesignToken<string>;
1663
+ export const fontFamilyMonospace = "--fontFamilyMonospace";
1665
1664
 
1666
1665
  // @public (undocumented)
1667
- export const fontFamilyNumeric: CSSDesignToken<string>;
1666
+ export const fontFamilyNumeric = "--fontFamilyNumeric";
1668
1667
 
1669
1668
  // @public (undocumented)
1670
- export const fontSizeBase100: CSSDesignToken<string>;
1669
+ export const fontSizeBase100 = "--fontSizeBase100";
1671
1670
 
1672
1671
  // @public (undocumented)
1673
- export const fontSizeBase200: CSSDesignToken<string>;
1672
+ export const fontSizeBase200 = "--fontSizeBase200";
1674
1673
 
1675
1674
  // @public (undocumented)
1676
- export const fontSizeBase300: CSSDesignToken<string>;
1675
+ export const fontSizeBase300 = "--fontSizeBase300";
1677
1676
 
1678
1677
  // @public (undocumented)
1679
- export const fontSizeBase400: CSSDesignToken<string>;
1678
+ export const fontSizeBase400 = "--fontSizeBase400";
1680
1679
 
1681
1680
  // @public (undocumented)
1682
- export const fontSizeBase500: CSSDesignToken<string>;
1681
+ export const fontSizeBase500 = "--fontSizeBase500";
1683
1682
 
1684
1683
  // @public (undocumented)
1685
- export const fontSizeBase600: CSSDesignToken<string>;
1684
+ export const fontSizeBase600 = "--fontSizeBase600";
1686
1685
 
1687
1686
  // @public (undocumented)
1688
- export const fontSizeHero1000: CSSDesignToken<string>;
1687
+ export const fontSizeHero1000 = "--fontSizeHero1000";
1689
1688
 
1690
1689
  // @public (undocumented)
1691
- export const fontSizeHero700: CSSDesignToken<string>;
1690
+ export const fontSizeHero700 = "--fontSizeHero700";
1692
1691
 
1693
1692
  // @public (undocumented)
1694
- export const fontSizeHero800: CSSDesignToken<string>;
1693
+ export const fontSizeHero800 = "--fontSizeHero800";
1695
1694
 
1696
1695
  // @public (undocumented)
1697
- export const fontSizeHero900: CSSDesignToken<string>;
1696
+ export const fontSizeHero900 = "--fontSizeHero900";
1698
1697
 
1699
1698
  // @public (undocumented)
1700
- export const fontWeightBold: CSSDesignToken<string>;
1699
+ export const fontWeightBold = "--fontWeightBold";
1701
1700
 
1702
1701
  // @public (undocumented)
1703
- export const fontWeightMedium: CSSDesignToken<string>;
1702
+ export const fontWeightMedium = "--fontWeightMedium";
1704
1703
 
1705
1704
  // @public (undocumented)
1706
- export const fontWeightRegular: CSSDesignToken<string>;
1705
+ export const fontWeightRegular = "--fontWeightRegular";
1707
1706
 
1708
1707
  // @public (undocumented)
1709
- export const fontWeightSemibold: CSSDesignToken<string>;
1708
+ export const fontWeightSemibold = "--fontWeightSemibold";
1710
1709
 
1711
1710
  // @public
1712
1711
  class Image_2 extends FASTElement {
@@ -1769,34 +1768,34 @@ export const LabelStyles: ElementStyles;
1769
1768
  export const LabelTemplate: ElementViewTemplate<Label>;
1770
1769
 
1771
1770
  // @public (undocumented)
1772
- export const lineHeightBase100: CSSDesignToken<string>;
1771
+ export const lineHeightBase100 = "--lineHeightBase100";
1773
1772
 
1774
1773
  // @public (undocumented)
1775
- export const lineHeightBase200: CSSDesignToken<string>;
1774
+ export const lineHeightBase200 = "--lineHeightBase200";
1776
1775
 
1777
1776
  // @public (undocumented)
1778
- export const lineHeightBase300: CSSDesignToken<string>;
1777
+ export const lineHeightBase300 = "--lineHeightBase300";
1779
1778
 
1780
1779
  // @public (undocumented)
1781
- export const lineHeightBase400: CSSDesignToken<string>;
1780
+ export const lineHeightBase400 = "--lineHeightBase400";
1782
1781
 
1783
1782
  // @public (undocumented)
1784
- export const lineHeightBase500: CSSDesignToken<string>;
1783
+ export const lineHeightBase500 = "--lineHeightBase500";
1785
1784
 
1786
1785
  // @public (undocumented)
1787
- export const lineHeightBase600: CSSDesignToken<string>;
1786
+ export const lineHeightBase600 = "--lineHeightBase600";
1788
1787
 
1789
1788
  // @public (undocumented)
1790
- export const lineHeightHero1000: CSSDesignToken<string>;
1789
+ export const lineHeightHero1000 = "--lineHeightHero1000";
1791
1790
 
1792
1791
  // @public (undocumented)
1793
- export const lineHeightHero700: CSSDesignToken<string>;
1792
+ export const lineHeightHero700 = "--lineHeightHero700";
1794
1793
 
1795
1794
  // @public (undocumented)
1796
- export const lineHeightHero800: CSSDesignToken<string>;
1795
+ export const lineHeightHero800 = "--lineHeightHero800";
1797
1796
 
1798
1797
  // @public (undocumented)
1799
- export const lineHeightHero900: CSSDesignToken<string>;
1798
+ export const lineHeightHero900 = "--lineHeightHero900";
1800
1799
 
1801
1800
  // @public
1802
1801
  export class Menu extends FASTElement {
@@ -1991,43 +1990,43 @@ export const RadioTemplate: ElementViewTemplate<Radio>;
1991
1990
  export const setTheme: (theme: Theme) => void;
1992
1991
 
1993
1992
  // @public (undocumented)
1994
- export const setThemeFor: (element: FASTElement, theme: Theme) => void;
1993
+ export const setThemeFor: (element: HTMLElement, theme: Theme) => void;
1995
1994
 
1996
1995
  // @public (undocumented)
1997
- export const shadow16: CSSDesignToken<string>;
1996
+ export const shadow16 = "--shadow16";
1998
1997
 
1999
1998
  // @public (undocumented)
2000
- export const shadow16Brand: CSSDesignToken<string>;
1999
+ export const shadow16Brand = "--shadow16Brand";
2001
2000
 
2002
2001
  // @public (undocumented)
2003
- export const shadow2: CSSDesignToken<string>;
2002
+ export const shadow2 = "--shadow2";
2004
2003
 
2005
2004
  // @public (undocumented)
2006
- export const shadow28: CSSDesignToken<string>;
2005
+ export const shadow28 = "--shadow28";
2007
2006
 
2008
2007
  // @public (undocumented)
2009
- export const shadow28Brand: CSSDesignToken<string>;
2008
+ export const shadow28Brand = "--shadow28Brand";
2010
2009
 
2011
2010
  // @public (undocumented)
2012
- export const shadow2Brand: CSSDesignToken<string>;
2011
+ export const shadow2Brand = "--shadow2Brand";
2013
2012
 
2014
2013
  // @public (undocumented)
2015
- export const shadow4: CSSDesignToken<string>;
2014
+ export const shadow4 = "--shadow4";
2016
2015
 
2017
2016
  // @public (undocumented)
2018
- export const shadow4Brand: CSSDesignToken<string>;
2017
+ export const shadow4Brand = "--shadow4Brand";
2019
2018
 
2020
2019
  // @public (undocumented)
2021
- export const shadow64: CSSDesignToken<string>;
2020
+ export const shadow64 = "--shadow64";
2022
2021
 
2023
2022
  // @public (undocumented)
2024
- export const shadow64Brand: CSSDesignToken<string>;
2023
+ export const shadow64Brand = "--shadow64Brand";
2025
2024
 
2026
2025
  // @public (undocumented)
2027
- export const shadow8: CSSDesignToken<string>;
2026
+ export const shadow8 = "--shadow8";
2028
2027
 
2029
2028
  // @public (undocumented)
2030
- export const shadow8Brand: CSSDesignToken<string>;
2029
+ export const shadow8Brand = "--shadow8Brand";
2031
2030
 
2032
2031
  // @public
2033
2032
  export class Slider extends FASTSlider {
@@ -2061,70 +2060,70 @@ export const SliderStyles: ElementStyles;
2061
2060
  export const SliderTemplate: ElementViewTemplate<FASTSlider>;
2062
2061
 
2063
2062
  // @public (undocumented)
2064
- export const spacingHorizontalL: CSSDesignToken<string>;
2063
+ export const spacingHorizontalL = "--spacingHorizontalL";
2065
2064
 
2066
2065
  // @public (undocumented)
2067
- export const spacingHorizontalM: CSSDesignToken<string>;
2066
+ export const spacingHorizontalM = "--spacingHorizontalM";
2068
2067
 
2069
2068
  // @public (undocumented)
2070
- export const spacingHorizontalMNudge: CSSDesignToken<string>;
2069
+ export const spacingHorizontalMNudge = "--spacingHorizontalMNudge";
2071
2070
 
2072
2071
  // @public (undocumented)
2073
- export const spacingHorizontalNone: CSSDesignToken<string>;
2072
+ export const spacingHorizontalNone = "--spacingHorizontalNone";
2074
2073
 
2075
2074
  // @public (undocumented)
2076
- export const spacingHorizontalS: CSSDesignToken<string>;
2075
+ export const spacingHorizontalS = "--spacingHorizontalS";
2077
2076
 
2078
2077
  // @public (undocumented)
2079
- export const spacingHorizontalSNudge: CSSDesignToken<string>;
2078
+ export const spacingHorizontalSNudge = "--spacingHorizontalSNudge";
2080
2079
 
2081
2080
  // @public (undocumented)
2082
- export const spacingHorizontalXL: CSSDesignToken<string>;
2081
+ export const spacingHorizontalXL = "--spacingHorizontalXL";
2083
2082
 
2084
2083
  // @public (undocumented)
2085
- export const spacingHorizontalXS: CSSDesignToken<string>;
2084
+ export const spacingHorizontalXS = "--spacingHorizontalXS";
2086
2085
 
2087
2086
  // @public (undocumented)
2088
- export const spacingHorizontalXXL: CSSDesignToken<string>;
2087
+ export const spacingHorizontalXXL = "--spacingHorizontalXXL";
2089
2088
 
2090
2089
  // @public (undocumented)
2091
- export const spacingHorizontalXXS: CSSDesignToken<string>;
2090
+ export const spacingHorizontalXXS = "--spacingHorizontalXXS";
2092
2091
 
2093
2092
  // @public (undocumented)
2094
- export const spacingHorizontalXXXL: CSSDesignToken<string>;
2093
+ export const spacingHorizontalXXXL = "--spacingHorizontalXXXL";
2095
2094
 
2096
2095
  // @public (undocumented)
2097
- export const spacingVerticalL: CSSDesignToken<string>;
2096
+ export const spacingVerticalL = "--spacingVerticalL";
2098
2097
 
2099
2098
  // @public (undocumented)
2100
- export const spacingVerticalM: CSSDesignToken<string>;
2099
+ export const spacingVerticalM = "--spacingVerticalM";
2101
2100
 
2102
2101
  // @public (undocumented)
2103
- export const spacingVerticalMNudge: CSSDesignToken<string>;
2102
+ export const spacingVerticalMNudge = "--spacingVerticalMNudge";
2104
2103
 
2105
2104
  // @public (undocumented)
2106
- export const spacingVerticalNone: CSSDesignToken<string>;
2105
+ export const spacingVerticalNone = "--spacingVerticalNone";
2107
2106
 
2108
2107
  // @public (undocumented)
2109
- export const spacingVerticalS: CSSDesignToken<string>;
2108
+ export const spacingVerticalS = "--spacingVerticalS";
2110
2109
 
2111
2110
  // @public (undocumented)
2112
- export const spacingVerticalSNudge: CSSDesignToken<string>;
2111
+ export const spacingVerticalSNudge = "--spacingVerticalSNudge";
2113
2112
 
2114
2113
  // @public (undocumented)
2115
- export const spacingVerticalXL: CSSDesignToken<string>;
2114
+ export const spacingVerticalXL = "--spacingVerticalXL";
2116
2115
 
2117
2116
  // @public (undocumented)
2118
- export const spacingVerticalXS: CSSDesignToken<string>;
2117
+ export const spacingVerticalXS = "--spacingVerticalXS";
2119
2118
 
2120
2119
  // @public (undocumented)
2121
- export const spacingVerticalXXL: CSSDesignToken<string>;
2120
+ export const spacingVerticalXXL = "--spacingVerticalXXL";
2122
2121
 
2123
2122
  // @public (undocumented)
2124
- export const spacingVerticalXXS: CSSDesignToken<string>;
2123
+ export const spacingVerticalXXS = "--spacingVerticalXXS";
2125
2124
 
2126
2125
  // @public (undocumented)
2127
- export const spacingVerticalXXXL: CSSDesignToken<string>;
2126
+ export const spacingVerticalXXXL = "--spacingVerticalXXXL";
2128
2127
 
2129
2128
  // @public
2130
2129
  export class Spinner extends FASTProgressRing {
@@ -2165,16 +2164,16 @@ export const SpinnerStyles: ElementStyles;
2165
2164
  export const SpinnerTemplate: ElementViewTemplate<Spinner>;
2166
2165
 
2167
2166
  // @public (undocumented)
2168
- export const strokeWidthThick: CSSDesignToken<string>;
2167
+ export const strokeWidthThick = "--strokeWidthThick";
2169
2168
 
2170
2169
  // @public (undocumented)
2171
- export const strokeWidthThicker: CSSDesignToken<string>;
2170
+ export const strokeWidthThicker = "--strokeWidthThicker";
2172
2171
 
2173
2172
  // @public (undocumented)
2174
- export const strokeWidthThickest: CSSDesignToken<string>;
2173
+ export const strokeWidthThickest = "--strokeWidthThickest";
2175
2174
 
2176
2175
  // @public (undocumented)
2177
- export const strokeWidthThin: CSSDesignToken<string>;
2176
+ export const strokeWidthThin = "--strokeWidthThin";
2178
2177
 
2179
2178
  // @public (undocumented)
2180
2179
  const styles: ElementStyles;