@fluentui/web-components 3.0.0-beta.14 → 3.0.0-beta.16

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 (165) hide show
  1. package/CHANGELOG.md +184 -103
  2. package/dist/dts/accordion/index.d.ts +2 -1
  3. package/dist/dts/accordion-item/index.d.ts +2 -2
  4. package/dist/dts/anchor-button/index.d.ts +2 -2
  5. package/dist/dts/avatar/index.d.ts +2 -2
  6. package/dist/dts/badge/index.d.ts +2 -2
  7. package/dist/dts/button/index.d.ts +2 -2
  8. package/dist/dts/checkbox/index.d.ts +2 -2
  9. package/dist/dts/compound-button/index.d.ts +2 -2
  10. package/dist/dts/counter-badge/index.d.ts +2 -2
  11. package/dist/dts/dialog/index.d.ts +2 -1
  12. package/dist/dts/divider/index.d.ts +2 -2
  13. package/dist/dts/image/index.d.ts +2 -2
  14. package/dist/dts/index-rollup.d.ts +35 -1
  15. package/dist/dts/index.d.ts +35 -34
  16. package/dist/dts/label/index.d.ts +2 -1
  17. package/dist/dts/menu/index.d.ts +1 -1
  18. package/dist/dts/menu-button/index.d.ts +2 -2
  19. package/dist/dts/menu-button/menu-button.options.d.ts +1 -1
  20. package/dist/dts/menu-item/index.d.ts +2 -1
  21. package/dist/dts/menu-item/menu-item.options.d.ts +1 -1
  22. package/dist/dts/menu-list/index.d.ts +1 -1
  23. package/dist/dts/progress-bar/index.d.ts +2 -2
  24. package/dist/dts/radio/index.d.ts +1 -1
  25. package/dist/dts/radio-group/index.d.ts +2 -1
  26. package/dist/dts/slider/index.d.ts +2 -2
  27. package/dist/dts/spinner/index.d.ts +2 -2
  28. package/dist/dts/spinner/spinner.d.ts +10 -2
  29. package/dist/dts/spinner/spinner.template.d.ts +2 -3
  30. package/dist/dts/switch/index.d.ts +2 -2
  31. package/dist/dts/tab/index.d.ts +1 -1
  32. package/dist/dts/tab-panel/index.d.ts +1 -1
  33. package/dist/dts/tabs/index.d.ts +2 -2
  34. package/dist/dts/text/index.d.ts +2 -2
  35. package/dist/dts/text-input/index.d.ts +2 -2
  36. package/dist/dts/text-input/text-input.d.ts +4 -4
  37. package/dist/dts/text-input/text-input.options.d.ts +7 -7
  38. package/dist/dts/text-input/text-input.template.d.ts +2 -2
  39. package/dist/dts/theme/design-tokens.d.ts +53 -1
  40. package/dist/dts/toggle-button/index.d.ts +2 -2
  41. package/dist/esm/accordion/index.js +2 -1
  42. package/dist/esm/accordion/index.js.map +1 -1
  43. package/dist/esm/accordion-item/index.js +2 -2
  44. package/dist/esm/accordion-item/index.js.map +1 -1
  45. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  46. package/dist/esm/anchor-button/index.js +2 -2
  47. package/dist/esm/anchor-button/index.js.map +1 -1
  48. package/dist/esm/avatar/avatar.js.map +1 -1
  49. package/dist/esm/avatar/index.js +2 -2
  50. package/dist/esm/avatar/index.js.map +1 -1
  51. package/dist/esm/badge/index.js +2 -2
  52. package/dist/esm/badge/index.js.map +1 -1
  53. package/dist/esm/button/index.js +2 -2
  54. package/dist/esm/button/index.js.map +1 -1
  55. package/dist/esm/checkbox/index.js +2 -2
  56. package/dist/esm/checkbox/index.js.map +1 -1
  57. package/dist/esm/compound-button/index.js +2 -2
  58. package/dist/esm/compound-button/index.js.map +1 -1
  59. package/dist/esm/counter-badge/index.js +2 -2
  60. package/dist/esm/counter-badge/index.js.map +1 -1
  61. package/dist/esm/dialog/index.js +2 -1
  62. package/dist/esm/dialog/index.js.map +1 -1
  63. package/dist/esm/divider/index.js +2 -2
  64. package/dist/esm/divider/index.js.map +1 -1
  65. package/dist/esm/image/index.js +2 -2
  66. package/dist/esm/image/index.js.map +1 -1
  67. package/dist/esm/index-rollup.js +35 -1
  68. package/dist/esm/index-rollup.js.map +1 -1
  69. package/dist/esm/index.js +35 -34
  70. package/dist/esm/index.js.map +1 -1
  71. package/dist/esm/label/index.js +2 -1
  72. package/dist/esm/label/index.js.map +1 -1
  73. package/dist/esm/menu/index.js +1 -1
  74. package/dist/esm/menu/index.js.map +1 -1
  75. package/dist/esm/menu-button/index.js +2 -2
  76. package/dist/esm/menu-button/index.js.map +1 -1
  77. package/dist/esm/menu-item/index.js +2 -1
  78. package/dist/esm/menu-item/index.js.map +1 -1
  79. package/dist/esm/menu-list/index.js +1 -1
  80. package/dist/esm/menu-list/index.js.map +1 -1
  81. package/dist/esm/menu-list/menu-list.js.map +1 -1
  82. package/dist/esm/progress-bar/index.js +2 -2
  83. package/dist/esm/progress-bar/index.js.map +1 -1
  84. package/dist/esm/radio/index.js +1 -1
  85. package/dist/esm/radio/index.js.map +1 -1
  86. package/dist/esm/radio-group/index.js +2 -1
  87. package/dist/esm/radio-group/index.js.map +1 -1
  88. package/dist/esm/slider/index.js +2 -2
  89. package/dist/esm/slider/index.js.map +1 -1
  90. package/dist/esm/spinner/index.js +2 -2
  91. package/dist/esm/spinner/index.js.map +1 -1
  92. package/dist/esm/spinner/spinner.js +2 -2
  93. package/dist/esm/spinner/spinner.js.map +1 -1
  94. package/dist/esm/spinner/spinner.template.js.map +1 -1
  95. package/dist/esm/switch/index.js +2 -2
  96. package/dist/esm/switch/index.js.map +1 -1
  97. package/dist/esm/tab/index.js +1 -1
  98. package/dist/esm/tab/index.js.map +1 -1
  99. package/dist/esm/tab-panel/index.js +1 -1
  100. package/dist/esm/tab-panel/index.js.map +1 -1
  101. package/dist/esm/tabs/index.js +2 -2
  102. package/dist/esm/tabs/index.js.map +1 -1
  103. package/dist/esm/text/index.js +2 -2
  104. package/dist/esm/text/index.js.map +1 -1
  105. package/dist/esm/text-input/index.js +2 -2
  106. package/dist/esm/text-input/index.js.map +1 -1
  107. package/dist/esm/text-input/text-input.js +3 -3
  108. package/dist/esm/text-input/text-input.options.js +6 -6
  109. package/dist/esm/theme/design-tokens.js +53 -1
  110. package/dist/esm/theme/design-tokens.js.map +1 -1
  111. package/dist/esm/toggle-button/index.js +2 -2
  112. package/dist/esm/toggle-button/index.js.map +1 -1
  113. package/dist/esm/utils/get-initials.js.map +1 -1
  114. package/dist/fluent-web-components.api.json +2156 -821
  115. package/dist/web-components.d.ts +172 -97
  116. package/dist/web-components.js +1235 -250
  117. package/dist/web-components.min.js +353 -283
  118. package/docs/api-report.md +242 -95
  119. package/package.json +5 -10
  120. package/project.json +6 -0
  121. package/dist/dts/progress-ring/progress-ring.d.ts +0 -15
  122. package/dist/dts/progress-ring/progress-ring.options.d.ts +0 -9
  123. package/dist/esm/progress-ring/progress-ring.js +0 -16
  124. package/dist/esm/progress-ring/progress-ring.js.map +0 -1
  125. package/dist/esm/progress-ring/progress-ring.options.js +0 -2
  126. package/dist/esm/progress-ring/progress-ring.options.js.map +0 -1
  127. package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +0 -1
  128. package/dist/storybook/108.b31ec3a1.iframe.bundle.js +0 -1
  129. package/dist/storybook/289.703b1698.iframe.bundle.js +0 -2
  130. package/dist/storybook/289.703b1698.iframe.bundle.js.LICENSE.txt +0 -51
  131. package/dist/storybook/316.bc4aabd3.iframe.bundle.js +0 -2
  132. package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +0 -17
  133. package/dist/storybook/401.7edec720.iframe.bundle.js +0 -2
  134. package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +0 -12
  135. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +0 -2
  136. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +0 -12
  137. package/dist/storybook/491.77b24750.iframe.bundle.js +0 -1
  138. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +0 -2
  139. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +0 -94
  140. package/dist/storybook/709.22096ad4.iframe.bundle.js +0 -2
  141. package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +0 -8
  142. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +0 -2
  143. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +0 -8
  144. package/dist/storybook/721.46fa9f53.iframe.bundle.js +0 -2
  145. package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +0 -31
  146. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +0 -2
  147. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +0 -31
  148. package/dist/storybook/858.da40ed98.iframe.bundle.js +0 -1
  149. package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +0 -1
  150. package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +0 -1
  151. package/dist/storybook/954.630c5748.iframe.bundle.js +0 -1
  152. package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +0 -1
  153. package/dist/storybook/SegoeUI-VF.ttf +0 -0
  154. package/dist/storybook/favicon.ico +0 -0
  155. package/dist/storybook/favicon.png +0 -0
  156. package/dist/storybook/iframe.html +0 -364
  157. package/dist/storybook/index.html +0 -165
  158. package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +0 -1
  159. package/dist/storybook/main.79d2477b.iframe.bundle.js +0 -2
  160. package/dist/storybook/main.79d2477b.iframe.bundle.js.LICENSE.txt +0 -1
  161. package/dist/storybook/project.json +0 -1
  162. package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +0 -1
  163. package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +0 -1
  164. package/dist/storybook/shell.css +0 -83
  165. package/dist/storybook/theme-switch.ts +0 -13
@@ -22,7 +22,6 @@ import type { Theme } from '@fluentui/tokens';
22
22
  export class Accordion extends FASTElement {
23
23
  // (undocumented)
24
24
  protected accordionItems: Element[];
25
- // Warning: (ae-forgotten-export) The symbol "AccordionExpandMode" needs to be exported by the entry point index.d.ts
26
25
  expandmode: AccordionExpandMode;
27
26
  // (undocumented)
28
27
  expandmodeChanged(prev: AccordionExpandMode, next: AccordionExpandMode): void;
@@ -37,6 +36,17 @@ export class Accordion extends FASTElement {
37
36
  // @public (undocumented)
38
37
  export const accordionDefinition: FASTElementDefinition<typeof Accordion>;
39
38
 
39
+ // @public
40
+ export const AccordionExpandMode: {
41
+ readonly single: "single";
42
+ readonly multi: "multi";
43
+ };
44
+
45
+ // Warning: (ae-forgotten-export) The symbol "ValuesOf" needs to be exported by the entry point index.d.ts
46
+ //
47
+ // @public
48
+ export type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;
49
+
40
50
  // Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "AccordionItem" because one of its declarations is marked as @internal
41
51
  //
42
52
  // @public
@@ -69,8 +79,6 @@ export const AccordionItemExpandIconPosition: {
69
79
  readonly end: "end";
70
80
  };
71
81
 
72
- // Warning: (ae-forgotten-export) The symbol "ValuesOf" needs to be exported by the entry point index.d.ts
73
- //
74
82
  // @public
75
83
  export type AccordionItemExpandIconPosition = ValuesOf<typeof AccordionItemExpandIconPosition>;
76
84
 
@@ -136,6 +144,8 @@ export class AnchorButton extends FASTElement {
136
144
  type: string;
137
145
  }
138
146
 
147
+ // Warning: (ae-forgotten-export) The symbol "DelegatesARIALink" needs to be exported by the entry point index.d.ts
148
+ //
139
149
  // @internal
140
150
  export interface AnchorButton extends StartEnd, DelegatesARIALink {
141
151
  }
@@ -155,6 +165,9 @@ export type AnchorButtonAppearance = ValuesOf<typeof AnchorButtonAppearance>;
155
165
  // @public (undocumented)
156
166
  export const AnchorButtonDefinition: FASTElementDefinition<typeof AnchorButton>;
157
167
 
168
+ // @public
169
+ export type AnchorButtonOptions = StartEndOptions<AnchorButton>;
170
+
158
171
  // @public
159
172
  export const AnchorButtonShape: {
160
173
  readonly circular: "circular";
@@ -178,11 +191,6 @@ export type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
178
191
  // @public
179
192
  export const AnchorButtonTemplate: ElementViewTemplate<AnchorButton>;
180
193
 
181
- // @public
182
- type AnchorOptions = StartEndOptions<AnchorButton>;
183
- export { AnchorOptions as AnchorButtonOptions }
184
- export { AnchorOptions }
185
-
186
194
  // @public
187
195
  export const AnchorTarget: {
188
196
  readonly _self: "_self";
@@ -389,13 +397,6 @@ export type BadgeColor = ValuesOf<typeof BadgeColor>;
389
397
  // @public (undocumented)
390
398
  export const BadgeDefinition: FASTElementDefinition<typeof Badge>;
391
399
 
392
- // Warning: (ae-internal-missing-underscore) The name "BadgeOptions" should be prefixed with an underscore because the declaration is marked as @internal
393
- //
394
- // @internal
395
- export type BadgeOptions = StartEndOptions<Badge> & {
396
- defaultContent?: StaticallyComposableHTML;
397
- };
398
-
399
400
  // @public
400
401
  export const BadgeShape: {
401
402
  readonly circular: "circular";
@@ -425,29 +426,6 @@ export const BadgeStyles: ElementStyles;
425
426
  // @public (undocumented)
426
427
  export const BadgeTemplate: ElementViewTemplate<Badge>;
427
428
 
428
- // @public
429
- export class BaseTabs extends FASTElement {
430
- activeid: string;
431
- // @internal (undocumented)
432
- activeidChanged(oldValue: string, newValue: string): void;
433
- activetab: HTMLElement;
434
- adjust(adjustment: number): void;
435
- // @internal (undocumented)
436
- connectedCallback(): void;
437
- orientation: TabsOrientation;
438
- // @internal (undocumented)
439
- orientationChanged(): void;
440
- protected setTabs(): void;
441
- // @internal (undocumented)
442
- tabpanels: HTMLElement[];
443
- // @internal (undocumented)
444
- tabpanelsChanged(): void;
445
- // @internal (undocumented)
446
- tabs: HTMLElement[];
447
- // @internal (undocumented)
448
- tabsChanged(): void;
449
- }
450
-
451
429
  // @public (undocumented)
452
430
  export const borderRadiusCircular = "var(--borderRadiusCircular)";
453
431
 
@@ -541,7 +519,6 @@ export type ButtonFormTarget = ValuesOf<typeof ButtonFormTarget>;
541
519
  // @public
542
520
  type ButtonOptions = StartEndOptions<Button>;
543
521
  export { ButtonOptions }
544
- export { ButtonOptions as CompoundButtonOptions }
545
522
  export { ButtonOptions as MenuButtonOptions }
546
523
  export { ButtonOptions as ToggleButtonOptions }
547
524
 
@@ -648,6 +625,18 @@ export const colorBrandBackground = "var(--colorBrandBackground)";
648
625
  // @public (undocumented)
649
626
  export const colorBrandBackground2 = "var(--colorBrandBackground2)";
650
627
 
628
+ // @public (undocumented)
629
+ export const colorBrandBackground2Hover = "var(--colorBrandBackground2Hover)";
630
+
631
+ // @public (undocumented)
632
+ export const colorBrandBackground2Pressed = "var(--colorBrandBackground2Pressed)";
633
+
634
+ // @public (undocumented)
635
+ export const colorBrandBackground3Static = "var(--colorBrandBackground3Static)";
636
+
637
+ // @public (undocumented)
638
+ export const colorBrandBackground4Static = "var(--colorBrandBackground4Static)";
639
+
651
640
  // @public (undocumented)
652
641
  export const colorBrandBackgroundHover = "var(--colorBrandBackgroundHover)";
653
642
 
@@ -678,6 +667,12 @@ export const colorBrandForeground1 = "var(--colorBrandForeground1)";
678
667
  // @public (undocumented)
679
668
  export const colorBrandForeground2 = "var(--colorBrandForeground2)";
680
669
 
670
+ // @public (undocumented)
671
+ export const colorBrandForeground2Hover = "var(--colorBrandForeground2Hover)";
672
+
673
+ // @public (undocumented)
674
+ export const colorBrandForeground2Pressed = "var(--colorBrandForeground2Pressed)";
675
+
681
676
  // @public (undocumented)
682
677
  export const colorBrandForegroundInverted = "var(--colorBrandForegroundInverted)";
683
678
 
@@ -723,6 +718,15 @@ export const colorBrandStroke1 = "var(--colorBrandStroke1)";
723
718
  // @public (undocumented)
724
719
  export const colorBrandStroke2 = "var(--colorBrandStroke2)";
725
720
 
721
+ // @public (undocumented)
722
+ export const colorBrandStroke2Contrast = "var(--colorBrandStroke2Contrast)";
723
+
724
+ // @public (undocumented)
725
+ export const colorBrandStroke2Hover = "var(--colorBrandStroke2Hover)";
726
+
727
+ // @public (undocumented)
728
+ export const colorBrandStroke2Pressed = "var(--colorBrandStroke2Pressed)";
729
+
726
730
  // @public (undocumented)
727
731
  export const colorCompoundBrandBackground = "var(--colorCompoundBrandBackground)";
728
732
 
@@ -813,6 +817,12 @@ export const colorNeutralBackground5Selected = "var(--colorNeutralBackground5Sel
813
817
  // @public (undocumented)
814
818
  export const colorNeutralBackground6 = "var(--colorNeutralBackground6)";
815
819
 
820
+ // @public (undocumented)
821
+ export const colorNeutralBackgroundAlpha = "var(--colorNeutralBackgroundAlpha)";
822
+
823
+ // @public (undocumented)
824
+ export const colorNeutralBackgroundAlpha2 = "var(--colorNeutralBackgroundAlpha2)";
825
+
816
826
  // @public (undocumented)
817
827
  export const colorNeutralBackgroundDisabled = "var(--colorNeutralBackgroundDisabled)";
818
828
 
@@ -825,6 +835,21 @@ export const colorNeutralBackgroundInvertedDisabled = "var(--colorNeutralBackgro
825
835
  // @public (undocumented)
826
836
  export const colorNeutralBackgroundStatic = "var(--colorNeutralBackgroundStatic)";
827
837
 
838
+ // @public (undocumented)
839
+ export const colorNeutralCardBackground = "var(--colorNeutralCardBackground)";
840
+
841
+ // @public (undocumented)
842
+ export const colorNeutralCardBackgroundDisabled = "var(--colorNeutralCardBackgroundDisabled)";
843
+
844
+ // @public (undocumented)
845
+ export const colorNeutralCardBackgroundHover = "var(--colorNeutralCardBackgroundHover)";
846
+
847
+ // @public (undocumented)
848
+ export const colorNeutralCardBackgroundPressed = "var(--colorNeutralCardBackgroundPressed)";
849
+
850
+ // @public (undocumented)
851
+ export const colorNeutralCardBackgroundSelected = "var(--colorNeutralCardBackgroundSelected)";
852
+
828
853
  // @public (undocumented)
829
854
  export const colorNeutralForeground1 = "var(--colorNeutralForeground1)";
830
855
 
@@ -996,6 +1021,12 @@ export const colorNeutralStrokeAccessiblePressed = "var(--colorNeutralStrokeAcce
996
1021
  // @public (undocumented)
997
1022
  export const colorNeutralStrokeAccessibleSelected = "var(--colorNeutralStrokeAccessibleSelected)";
998
1023
 
1024
+ // @public (undocumented)
1025
+ export const colorNeutralStrokeAlpha = "var(--colorNeutralStrokeAlpha)";
1026
+
1027
+ // @public (undocumented)
1028
+ export const colorNeutralStrokeAlpha2 = "var(--colorNeutralStrokeAlpha2)";
1029
+
999
1030
  // @public (undocumented)
1000
1031
  export const colorNeutralStrokeDisabled = "var(--colorNeutralStrokeDisabled)";
1001
1032
 
@@ -1017,6 +1048,9 @@ export const colorNeutralStrokeOnBrand2Pressed = "var(--colorNeutralStrokeOnBran
1017
1048
  // @public (undocumented)
1018
1049
  export const colorNeutralStrokeOnBrand2Selected = "var(--colorNeutralStrokeOnBrand2Selected)";
1019
1050
 
1051
+ // @public (undocumented)
1052
+ export const colorNeutralStrokeSubtle = "var(--colorNeutralStrokeSubtle)";
1053
+
1020
1054
  // @public (undocumented)
1021
1055
  export const colorPaletteAnchorBackground2 = "var(--colorPaletteAnchorBackground2)";
1022
1056
 
@@ -1470,6 +1504,102 @@ export const colorPaletteYellowForegroundInverted = "var(--colorPaletteYellowFor
1470
1504
  // @public (undocumented)
1471
1505
  export const colorScrollbarOverlay = "var(--colorScrollbarOverlay)";
1472
1506
 
1507
+ // @public (undocumented)
1508
+ export const colorStatusDangerBackground1 = "var(--colorStatusDangerBackground1)";
1509
+
1510
+ // @public (undocumented)
1511
+ export const colorStatusDangerBackground2 = "var(--colorStatusDangerBackground2)";
1512
+
1513
+ // @public (undocumented)
1514
+ export const colorStatusDangerBackground3 = "var(--colorStatusDangerBackground3)";
1515
+
1516
+ // @public (undocumented)
1517
+ export const colorStatusDangerBackground3Hover = "var(--colorStatusDangerBackground3Hover)";
1518
+
1519
+ // @public (undocumented)
1520
+ export const colorStatusDangerBackground3Pressed = "var(--colorStatusDangerBackground3Pressed)";
1521
+
1522
+ // @public (undocumented)
1523
+ export const colorStatusDangerBorder1 = "var(--colorStatusDangerBorder1)";
1524
+
1525
+ // @public (undocumented)
1526
+ export const colorStatusDangerBorder2 = "var(--colorStatusDangerBorder2)";
1527
+
1528
+ // @public (undocumented)
1529
+ export const colorStatusDangerBorderActive = "var(--colorStatusDangerBorderActive)";
1530
+
1531
+ // @public (undocumented)
1532
+ export const colorStatusDangerForeground1 = "var(--colorStatusDangerForeground1)";
1533
+
1534
+ // @public (undocumented)
1535
+ export const colorStatusDangerForeground2 = "var(--colorStatusDangerForeground2)";
1536
+
1537
+ // @public (undocumented)
1538
+ export const colorStatusDangerForeground3 = "var(--colorStatusDangerForeground3)";
1539
+
1540
+ // @public (undocumented)
1541
+ export const colorStatusDangerForegroundInverted = "var(--colorStatusDangerForegroundInverted)";
1542
+
1543
+ // @public (undocumented)
1544
+ export const colorStatusSuccessBackground1 = "var(--colorStatusSuccessBackground1)";
1545
+
1546
+ // @public (undocumented)
1547
+ export const colorStatusSuccessBackground2 = "var(--colorStatusSuccessBackground2)";
1548
+
1549
+ // @public (undocumented)
1550
+ export const colorStatusSuccessBackground3 = "var(--colorStatusSuccessBackground3)";
1551
+
1552
+ // @public (undocumented)
1553
+ export const colorStatusSuccessBorder1 = "var(--colorStatusSuccessBorder1)";
1554
+
1555
+ // @public (undocumented)
1556
+ export const colorStatusSuccessBorder2 = "var(--colorStatusSuccessBorder2)";
1557
+
1558
+ // @public (undocumented)
1559
+ export const colorStatusSuccessBorderActive = "var(--colorStatusSuccessBorderActive)";
1560
+
1561
+ // @public (undocumented)
1562
+ export const colorStatusSuccessForeground1 = "var(--colorStatusSuccessForeground1)";
1563
+
1564
+ // @public (undocumented)
1565
+ export const colorStatusSuccessForeground2 = "var(--colorStatusSuccessForeground2)";
1566
+
1567
+ // @public (undocumented)
1568
+ export const colorStatusSuccessForeground3 = "var(--colorStatusSuccessForeground3)";
1569
+
1570
+ // @public (undocumented)
1571
+ export const colorStatusSuccessForegroundInverted = "var(--colorStatusSuccessForegroundInverted)";
1572
+
1573
+ // @public (undocumented)
1574
+ export const colorStatusWarningBackground1 = "var(--colorStatusWarningBackground1)";
1575
+
1576
+ // @public (undocumented)
1577
+ export const colorStatusWarningBackground2 = "var(--colorStatusWarningBackground2)";
1578
+
1579
+ // @public (undocumented)
1580
+ export const colorStatusWarningBackground3 = "var(--colorStatusWarningBackground3)";
1581
+
1582
+ // @public (undocumented)
1583
+ export const colorStatusWarningBorder1 = "var(--colorStatusWarningBorder1)";
1584
+
1585
+ // @public (undocumented)
1586
+ export const colorStatusWarningBorder2 = "var(--colorStatusWarningBorder2)";
1587
+
1588
+ // @public (undocumented)
1589
+ export const colorStatusWarningBorderActive = "var(--colorStatusWarningBorderActive)";
1590
+
1591
+ // @public (undocumented)
1592
+ export const colorStatusWarningForeground1 = "var(--colorStatusWarningForeground1)";
1593
+
1594
+ // @public (undocumented)
1595
+ export const colorStatusWarningForeground2 = "var(--colorStatusWarningForeground2)";
1596
+
1597
+ // @public (undocumented)
1598
+ export const colorStatusWarningForeground3 = "var(--colorStatusWarningForeground3)";
1599
+
1600
+ // @public (undocumented)
1601
+ export const colorStatusWarningForegroundInverted = "var(--colorStatusWarningForegroundInverted)";
1602
+
1473
1603
  // @public (undocumented)
1474
1604
  export const colorStrokeFocus1 = "var(--colorStrokeFocus1)";
1475
1605
 
@@ -1626,11 +1756,6 @@ export type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
1626
1756
  // @public (undocumented)
1627
1757
  export const CounterBadgeDefinition: FASTElementDefinition<typeof CounterBadge>;
1628
1758
 
1629
- // Warning: (ae-incompatible-release-tags) The symbol "CounterBadgeOptions" is marked as @public, but its signature references "BadgeOptions" which is marked as @internal
1630
- //
1631
- // @public
1632
- export type CounterBadgeOptions = BadgeOptions;
1633
-
1634
1759
  // @public
1635
1760
  export const CounterBadgeShape: {
1636
1761
  readonly circular: "circular";
@@ -1659,9 +1784,6 @@ export const CounterBadgeStyles: ElementStyles;
1659
1784
  // @public
1660
1785
  export const CounterBadgeTemplate: ElementViewTemplate<CounterBadge>;
1661
1786
 
1662
- // @public
1663
- export type CSSDisplayPropertyValue = 'block' | 'contents' | 'flex' | 'grid' | 'inherit' | 'initial' | 'inline' | 'inline-block' | 'inline-flex' | 'inline-grid' | 'inline-table' | 'list-item' | 'none' | 'run-in' | 'table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row' | 'table-row-group';
1664
-
1665
1787
  // @public (undocumented)
1666
1788
  export const curveAccelerateMax = "var(--curveAccelerateMax)";
1667
1789
 
@@ -1692,27 +1814,6 @@ export const curveLinear = "var(--curveLinear)";
1692
1814
  // @public
1693
1815
  export const darkModeStylesheetBehavior: (styles: ElementStyles) => MatchMediaStyleSheetBehavior;
1694
1816
 
1695
- // Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "DelegatesARIALink" because one of its declarations is marked as @internal
1696
- //
1697
- // @public
1698
- export class DelegatesARIALink {
1699
- ariaExpanded: 'true' | 'false' | string | null;
1700
- }
1701
-
1702
- // Warning: (ae-forgotten-export) The symbol "ARIAGlobalStatesAndProperties" needs to be exported by the entry point index.d.ts
1703
- //
1704
- // @internal
1705
- export interface DelegatesARIALink extends ARIAGlobalStatesAndProperties {
1706
- }
1707
-
1708
- // @public
1709
- export class DelegatesARIATextbox {
1710
- }
1711
-
1712
- // @public (undocumented)
1713
- export interface DelegatesARIATextbox extends ARIAGlobalStatesAndProperties {
1714
- }
1715
-
1716
1817
  // @public
1717
1818
  export class Dialog extends FASTElement {
1718
1819
  ariaDescribedby?: string;
@@ -1725,7 +1826,6 @@ export class Dialog extends FASTElement {
1725
1826
  handleClick(event: Event): boolean;
1726
1827
  handleKeydown: (e: KeyboardEvent) => boolean | void;
1727
1828
  hide(dismissed?: boolean): void;
1728
- // Warning: (ae-forgotten-export) The symbol "DialogModalType" needs to be exported by the entry point index.d.ts
1729
1829
  modalType: DialogModalType;
1730
1830
  modalTypeChanged(oldValue: DialogModalType, newValue: DialogModalType): void;
1731
1831
  noTitleAction: boolean;
@@ -1740,12 +1840,24 @@ export class Dialog extends FASTElement {
1740
1840
  // @public
1741
1841
  export const DialogDefinition: FASTElementDefinition<typeof Dialog>;
1742
1842
 
1843
+ // @public
1844
+ export const DialogModalType: {
1845
+ readonly modal: "modal";
1846
+ readonly nonModal: "non-modal";
1847
+ readonly alert: "alert";
1848
+ };
1849
+
1850
+ // @public (undocumented)
1851
+ export type DialogModalType = ValuesOf<typeof DialogModalType>;
1852
+
1743
1853
  // @public
1744
1854
  export const DialogStyles: ElementStyles;
1745
1855
 
1746
1856
  // @public
1747
1857
  export const DialogTemplate: ElementViewTemplate<Dialog>;
1748
1858
 
1859
+ // Warning: (ae-forgotten-export) The symbol "CSSDisplayPropertyValue" needs to be exported by the entry point index.d.ts
1860
+ //
1749
1861
  // @public
1750
1862
  export function display(displayValue: CSSDisplayPropertyValue): string;
1751
1863
 
@@ -1815,6 +1927,9 @@ export const durationFast = "var(--durationFast)";
1815
1927
  // @public (undocumented)
1816
1928
  export const durationFaster = "var(--durationFaster)";
1817
1929
 
1930
+ // @public (undocumented)
1931
+ export const durationGentle = "var(--durationGentle)";
1932
+
1818
1933
  // @public (undocumented)
1819
1934
  export const durationNormal = "var(--durationNormal)";
1820
1935
 
@@ -1894,9 +2009,6 @@ export const forcedColorsStylesheetBehavior: (styles: ElementStyles) => MatchMed
1894
2009
  // @public
1895
2010
  export const getDirection: (rootNode: HTMLElement) => Direction;
1896
2011
 
1897
- // @public
1898
- export const hidden = ":host([hidden]){display:none}";
1899
-
1900
2012
  // @public
1901
2013
  class Image_2 extends FASTElement {
1902
2014
  block?: boolean;
@@ -1942,21 +2054,38 @@ export const ImageTemplate: ElementViewTemplate<Image_2>;
1942
2054
  export class Label extends FASTElement {
1943
2055
  disabled: boolean;
1944
2056
  required: boolean;
1945
- // Warning: (ae-forgotten-export) The symbol "LabelSize" needs to be exported by the entry point index.d.ts
1946
2057
  size?: LabelSize;
1947
- // Warning: (ae-forgotten-export) The symbol "LabelWeight" needs to be exported by the entry point index.d.ts
1948
2058
  weight?: LabelWeight;
1949
2059
  }
1950
2060
 
1951
2061
  // @public
1952
2062
  export const LabelDefinition: FASTElementDefinition<typeof Label>;
1953
2063
 
2064
+ // @public
2065
+ export const LabelSize: {
2066
+ readonly small: "small";
2067
+ readonly medium: "medium";
2068
+ readonly large: "large";
2069
+ };
2070
+
2071
+ // @public
2072
+ export type LabelSize = ValuesOf<typeof LabelSize>;
2073
+
1954
2074
  // @public
1955
2075
  export const LabelStyles: ElementStyles;
1956
2076
 
1957
2077
  // @public (undocumented)
1958
2078
  export const LabelTemplate: ElementViewTemplate<Label>;
1959
2079
 
2080
+ // @public
2081
+ export const LabelWeight: {
2082
+ readonly regular: "regular";
2083
+ readonly semibold: "semibold";
2084
+ };
2085
+
2086
+ // @public
2087
+ export type LabelWeight = ValuesOf<typeof LabelWeight>;
2088
+
1960
2089
  // @public
1961
2090
  export const lightModeStylesheetBehavior: (styles: ElementStyles) => MatchMediaStyleSheetBehavior;
1962
2091
 
@@ -2299,7 +2428,6 @@ export class RadioGroup extends FASTElement {
2299
2428
  name: string;
2300
2429
  // (undocumented)
2301
2430
  protected nameChanged(): void;
2302
- // Warning: (ae-forgotten-export) The symbol "RadioGroupOrientation" needs to be exported by the entry point index.d.ts
2303
2431
  orientation: RadioGroupOrientation;
2304
2432
  readOnly: boolean;
2305
2433
  // @internal (undocumented)
@@ -2315,6 +2443,18 @@ export class RadioGroup extends FASTElement {
2315
2443
  // @public
2316
2444
  export const RadioGroupDefinition: FASTElementDefinition<typeof RadioGroup>;
2317
2445
 
2446
+ // @public
2447
+ export const RadioGroupOrientation: {
2448
+ readonly horizontal: "horizontal"; /**
2449
+ * Radio Group orientation
2450
+ * @public
2451
+ */
2452
+ readonly vertical: "vertical";
2453
+ };
2454
+
2455
+ // @public
2456
+ export type RadioGroupOrientation = ValuesOf<typeof RadioGroupOrientation>;
2457
+
2318
2458
  // @public
2319
2459
  export const RadioGroupStyles: ElementStyles;
2320
2460
 
@@ -2336,7 +2476,7 @@ export const RadioTemplate: ElementViewTemplate<Radio>;
2336
2476
  //
2337
2477
  // @internal (undocumented)
2338
2478
  export const roleForMenuItem: {
2339
- [value in keyof typeof MenuItemRole]: typeof MenuItemRole[value];
2479
+ [value in keyof typeof MenuItemRole]: (typeof MenuItemRole)[value];
2340
2480
  };
2341
2481
 
2342
2482
  // @public
@@ -2568,10 +2708,8 @@ export const spacingVerticalXXS = "var(--spacingVerticalXXS)";
2568
2708
  // @public (undocumented)
2569
2709
  export const spacingVerticalXXXL = "var(--spacingVerticalXXXL)";
2570
2710
 
2571
- // Warning: (ae-forgotten-export) The symbol "ProgressRing" needs to be exported by the entry point index.d.ts
2572
- //
2573
2711
  // @public
2574
- export class Spinner extends ProgressRing {
2712
+ export class Spinner extends BaseProgress {
2575
2713
  appearance?: SpinnerAppearance;
2576
2714
  size?: SpinnerSize;
2577
2715
  }
@@ -2588,6 +2726,11 @@ export type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
2588
2726
  // @public (undocumented)
2589
2727
  export const SpinnerDefinition: FASTElementDefinition<typeof Spinner>;
2590
2728
 
2729
+ // @public
2730
+ export type SpinnerOptions = {
2731
+ indeterminateIndicator?: StaticallyComposableHTML<Spinner>;
2732
+ };
2733
+
2591
2734
  // @public
2592
2735
  export const SpinnerSize: {
2593
2736
  readonly tiny: "tiny";
@@ -2698,6 +2841,8 @@ export const TabPanelStyles: ElementStyles;
2698
2841
  // @public (undocumented)
2699
2842
  export const TabPanelTemplate: ElementViewTemplate<TabPanel, any>;
2700
2843
 
2844
+ // Warning: (ae-forgotten-export) The symbol "BaseTabs" needs to be exported by the entry point index.d.ts
2845
+ //
2701
2846
  // @public (undocumented)
2702
2847
  export class Tabs extends BaseTabs {
2703
2848
  // (undocumented)
@@ -2788,21 +2933,6 @@ export type TextAlign = ValuesOf<typeof TextAlign>;
2788
2933
  // @public
2789
2934
  export const TextDefinition: FASTElementDefinition<typeof Text_2>;
2790
2935
 
2791
- // @public (undocumented)
2792
- export type TextFieldOptions = StartEndOptions<TextInput>;
2793
-
2794
- // @public
2795
- export const TextFieldType: {
2796
- readonly email: "email";
2797
- readonly password: "password";
2798
- readonly tel: "tel";
2799
- readonly text: "text";
2800
- readonly url: "url";
2801
- };
2802
-
2803
- // @public
2804
- export type TextFieldType = ValuesOf<typeof TextFieldType>;
2805
-
2806
2936
  // @public
2807
2937
  export const TextFont: {
2808
2938
  readonly base: "base";
@@ -2857,13 +2987,15 @@ export class TextInput extends FormAssociatedTextField {
2857
2987
  spellcheck: boolean;
2858
2988
  // (undocumented)
2859
2989
  protected spellcheckChanged(): void;
2860
- type: TextFieldType;
2990
+ type: TextInputType;
2861
2991
  // Warning: (ae-unresolved-inheritdoc-reference) The @inheritDoc reference could not be resolved: The package "@fluentui/web-components" does not have an export "FormAssociated"
2862
2992
  //
2863
2993
  // (undocumented)
2864
2994
  validate(): void;
2865
2995
  }
2866
2996
 
2997
+ // Warning: (ae-forgotten-export) The symbol "DelegatesARIATextbox" needs to be exported by the entry point index.d.ts
2998
+ //
2867
2999
  // @public (undocumented)
2868
3000
  export interface TextInput extends StartEnd, DelegatesARIATextbox {
2869
3001
  }
@@ -2892,6 +3024,9 @@ export type TextInputControlSize = ValuesOf<typeof TextInputControlSize>;
2892
3024
  // @public
2893
3025
  export const TextInputDefinition: FASTElementDefinition<typeof TextInput>;
2894
3026
 
3027
+ // @public (undocumented)
3028
+ export type TextInputOptions = StartEndOptions<TextInput>;
3029
+
2895
3030
  // @public
2896
3031
  export const TextInputStyles: ElementStyles;
2897
3032
 
@@ -2900,6 +3035,18 @@ export const TextInputStyles: ElementStyles;
2900
3035
  // @internal (undocumented)
2901
3036
  export const TextInputTemplate: ElementViewTemplate<TextInput>;
2902
3037
 
3038
+ // @public
3039
+ export const TextInputType: {
3040
+ readonly email: "email";
3041
+ readonly password: "password";
3042
+ readonly tel: "tel";
3043
+ readonly text: "text";
3044
+ readonly url: "url";
3045
+ };
3046
+
3047
+ // @public
3048
+ export type TextInputType = ValuesOf<typeof TextInputType>;
3049
+
2903
3050
  // @public
2904
3051
  export const TextSize: {
2905
3052
  readonly _100: "100";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fluentui/web-components",
3
3
  "description": "A library of Fluent Web Components",
4
- "version": "3.0.0-beta.14",
4
+ "version": "3.0.0-beta.16",
5
5
  "author": {
6
6
  "name": "Microsoft",
7
7
  "url": "https://discord.gg/FcSNfg4"
@@ -176,8 +176,7 @@
176
176
  "./dist/esm/toggle-button/define.js"
177
177
  ],
178
178
  "scripts": {
179
- "tsc": "tsc",
180
- "api-extractor": "api-extractor",
179
+ "type-check": "echo 'TODO'",
181
180
  "benchmark": "yarn clean && yarn compile:benchmark && yarn compile && node ./scripts/run-benchmarks",
182
181
  "compile": "node ./scripts/compile",
183
182
  "compile:benchmark": "rollup -c rollup.bench.js",
@@ -192,22 +191,18 @@
192
191
  "start": "yarn start-storybook -p 6006 --docs --no-manager-cache",
193
192
  "start-storybook": "node node_modules/@storybook/html/bin/index",
194
193
  "build-storybook": "node node_modules/@storybook/html/bin/build -o ./dist/storybook --docs",
195
- "pretest": "yarn build-storybook --quiet",
196
- "test": "npx playwright test",
194
+ "e2e": "playwright test",
197
195
  "test:dev": "playwright test"
198
196
  },
199
197
  "devDependencies": {
200
198
  "@types/web": "^0.0.142",
201
- "@microsoft/api-extractor": "7.31.2",
202
199
  "@storybook/html": "6.5.15",
203
- "@tensile-perf/web-components": "~0.1.13",
204
- "rimraf": "^3.0.2",
205
- "typescript": "4.7.4"
200
+ "@tensile-perf/web-components": "~0.1.13"
206
201
  },
207
202
  "dependencies": {
208
203
  "@microsoft/fast-element": "2.0.0-beta.26",
209
204
  "@microsoft/fast-web-utilities": "^6.0.0",
210
- "@fluentui/tokens": "1.0.0-alpha.2",
205
+ "@fluentui/tokens": "1.0.0-alpha.16",
211
206
  "tabbable": "^6.2.0",
212
207
  "tslib": "^2.1.0"
213
208
  },
package/project.json ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "name": "@fluentui/web-components",
3
+ "$schema": "../../node_modules/nx/schemas/project-schema.json",
4
+ "projectType": "library",
5
+ "implicitDependencies": []
6
+ }
@@ -1,15 +0,0 @@
1
- import { BaseProgress } from '../progress-bar/base-progress.js';
2
- /**
3
- * An circular Progress HTML Element.
4
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
5
- *
6
- * @slot indeterminate - The slot for a custom indeterminate indicator
7
- * @slot determinate - The slot for a custom determinate indicator
8
- * @csspart progress - Represents the progress element
9
- * @csspart determinate - The determinate indicator
10
- * @csspart background - The background
11
- *
12
- * @public
13
- */
14
- export declare class ProgressRing extends BaseProgress {
15
- }
@@ -1,9 +0,0 @@
1
- import type { StaticallyComposableHTML } from '../utils/template-helpers.js';
2
- import type { ProgressRing } from './progress-ring.js';
3
- /**
4
- * ProgressRing configuration options
5
- * @public
6
- */
7
- export declare type ProgressRingOptions = {
8
- indeterminateIndicator?: StaticallyComposableHTML<ProgressRing>;
9
- };
@@ -1,16 +0,0 @@
1
- import { BaseProgress } from '../progress-bar/base-progress.js';
2
- /**
3
- * An circular Progress HTML Element.
4
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
5
- *
6
- * @slot indeterminate - The slot for a custom indeterminate indicator
7
- * @slot determinate - The slot for a custom determinate indicator
8
- * @csspart progress - Represents the progress element
9
- * @csspart determinate - The determinate indicator
10
- * @csspart background - The background
11
- *
12
- * @public
13
- */
14
- export class ProgressRing extends BaseProgress {
15
- }
16
- //# sourceMappingURL=progress-ring.js.map