@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.
- package/CHANGELOG.md +184 -103
- package/dist/dts/accordion/index.d.ts +2 -1
- package/dist/dts/accordion-item/index.d.ts +2 -2
- package/dist/dts/anchor-button/index.d.ts +2 -2
- package/dist/dts/avatar/index.d.ts +2 -2
- package/dist/dts/badge/index.d.ts +2 -2
- package/dist/dts/button/index.d.ts +2 -2
- package/dist/dts/checkbox/index.d.ts +2 -2
- package/dist/dts/compound-button/index.d.ts +2 -2
- package/dist/dts/counter-badge/index.d.ts +2 -2
- package/dist/dts/dialog/index.d.ts +2 -1
- package/dist/dts/divider/index.d.ts +2 -2
- package/dist/dts/image/index.d.ts +2 -2
- package/dist/dts/index-rollup.d.ts +35 -1
- package/dist/dts/index.d.ts +35 -34
- package/dist/dts/label/index.d.ts +2 -1
- package/dist/dts/menu/index.d.ts +1 -1
- package/dist/dts/menu-button/index.d.ts +2 -2
- package/dist/dts/menu-button/menu-button.options.d.ts +1 -1
- package/dist/dts/menu-item/index.d.ts +2 -1
- package/dist/dts/menu-item/menu-item.options.d.ts +1 -1
- package/dist/dts/menu-list/index.d.ts +1 -1
- package/dist/dts/progress-bar/index.d.ts +2 -2
- package/dist/dts/radio/index.d.ts +1 -1
- package/dist/dts/radio-group/index.d.ts +2 -1
- package/dist/dts/slider/index.d.ts +2 -2
- package/dist/dts/spinner/index.d.ts +2 -2
- package/dist/dts/spinner/spinner.d.ts +10 -2
- package/dist/dts/spinner/spinner.template.d.ts +2 -3
- package/dist/dts/switch/index.d.ts +2 -2
- package/dist/dts/tab/index.d.ts +1 -1
- package/dist/dts/tab-panel/index.d.ts +1 -1
- package/dist/dts/tabs/index.d.ts +2 -2
- package/dist/dts/text/index.d.ts +2 -2
- package/dist/dts/text-input/index.d.ts +2 -2
- package/dist/dts/text-input/text-input.d.ts +4 -4
- package/dist/dts/text-input/text-input.options.d.ts +7 -7
- package/dist/dts/text-input/text-input.template.d.ts +2 -2
- package/dist/dts/theme/design-tokens.d.ts +53 -1
- package/dist/dts/toggle-button/index.d.ts +2 -2
- package/dist/esm/accordion/index.js +2 -1
- package/dist/esm/accordion/index.js.map +1 -1
- package/dist/esm/accordion-item/index.js +2 -2
- package/dist/esm/accordion-item/index.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/anchor-button/index.js +2 -2
- package/dist/esm/anchor-button/index.js.map +1 -1
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/index.js +2 -2
- package/dist/esm/avatar/index.js.map +1 -1
- package/dist/esm/badge/index.js +2 -2
- package/dist/esm/badge/index.js.map +1 -1
- package/dist/esm/button/index.js +2 -2
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/checkbox/index.js +2 -2
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/compound-button/index.js +2 -2
- package/dist/esm/compound-button/index.js.map +1 -1
- package/dist/esm/counter-badge/index.js +2 -2
- package/dist/esm/counter-badge/index.js.map +1 -1
- package/dist/esm/dialog/index.js +2 -1
- package/dist/esm/dialog/index.js.map +1 -1
- package/dist/esm/divider/index.js +2 -2
- package/dist/esm/divider/index.js.map +1 -1
- package/dist/esm/image/index.js +2 -2
- package/dist/esm/image/index.js.map +1 -1
- package/dist/esm/index-rollup.js +35 -1
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +35 -34
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/index.js +2 -1
- package/dist/esm/label/index.js.map +1 -1
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/menu/index.js.map +1 -1
- package/dist/esm/menu-button/index.js +2 -2
- package/dist/esm/menu-button/index.js.map +1 -1
- package/dist/esm/menu-item/index.js +2 -1
- package/dist/esm/menu-item/index.js.map +1 -1
- package/dist/esm/menu-list/index.js +1 -1
- package/dist/esm/menu-list/index.js.map +1 -1
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/progress-bar/index.js +2 -2
- package/dist/esm/progress-bar/index.js.map +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/radio/index.js.map +1 -1
- package/dist/esm/radio-group/index.js +2 -1
- package/dist/esm/radio-group/index.js.map +1 -1
- package/dist/esm/slider/index.js +2 -2
- package/dist/esm/slider/index.js.map +1 -1
- package/dist/esm/spinner/index.js +2 -2
- package/dist/esm/spinner/index.js.map +1 -1
- package/dist/esm/spinner/spinner.js +2 -2
- package/dist/esm/spinner/spinner.js.map +1 -1
- package/dist/esm/spinner/spinner.template.js.map +1 -1
- package/dist/esm/switch/index.js +2 -2
- package/dist/esm/switch/index.js.map +1 -1
- package/dist/esm/tab/index.js +1 -1
- package/dist/esm/tab/index.js.map +1 -1
- package/dist/esm/tab-panel/index.js +1 -1
- package/dist/esm/tab-panel/index.js.map +1 -1
- package/dist/esm/tabs/index.js +2 -2
- package/dist/esm/tabs/index.js.map +1 -1
- package/dist/esm/text/index.js +2 -2
- package/dist/esm/text/index.js.map +1 -1
- package/dist/esm/text-input/index.js +2 -2
- package/dist/esm/text-input/index.js.map +1 -1
- package/dist/esm/text-input/text-input.js +3 -3
- package/dist/esm/text-input/text-input.options.js +6 -6
- package/dist/esm/theme/design-tokens.js +53 -1
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/toggle-button/index.js +2 -2
- package/dist/esm/toggle-button/index.js.map +1 -1
- package/dist/esm/utils/get-initials.js.map +1 -1
- package/dist/fluent-web-components.api.json +2156 -821
- package/dist/web-components.d.ts +172 -97
- package/dist/web-components.js +1235 -250
- package/dist/web-components.min.js +353 -283
- package/docs/api-report.md +242 -95
- package/package.json +5 -10
- package/project.json +6 -0
- package/dist/dts/progress-ring/progress-ring.d.ts +0 -15
- package/dist/dts/progress-ring/progress-ring.options.d.ts +0 -9
- package/dist/esm/progress-ring/progress-ring.js +0 -16
- package/dist/esm/progress-ring/progress-ring.js.map +0 -1
- package/dist/esm/progress-ring/progress-ring.options.js +0 -2
- package/dist/esm/progress-ring/progress-ring.options.js.map +0 -1
- package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +0 -1
- package/dist/storybook/108.b31ec3a1.iframe.bundle.js +0 -1
- package/dist/storybook/289.703b1698.iframe.bundle.js +0 -2
- package/dist/storybook/289.703b1698.iframe.bundle.js.LICENSE.txt +0 -51
- package/dist/storybook/316.bc4aabd3.iframe.bundle.js +0 -2
- package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +0 -17
- package/dist/storybook/401.7edec720.iframe.bundle.js +0 -2
- package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +0 -12
- package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +0 -2
- package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +0 -12
- package/dist/storybook/491.77b24750.iframe.bundle.js +0 -1
- package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +0 -2
- package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +0 -94
- package/dist/storybook/709.22096ad4.iframe.bundle.js +0 -2
- package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +0 -8
- package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +0 -2
- package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +0 -8
- package/dist/storybook/721.46fa9f53.iframe.bundle.js +0 -2
- package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +0 -31
- package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +0 -2
- package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +0 -31
- package/dist/storybook/858.da40ed98.iframe.bundle.js +0 -1
- package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +0 -1
- package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +0 -1
- package/dist/storybook/954.630c5748.iframe.bundle.js +0 -1
- package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +0 -1
- package/dist/storybook/SegoeUI-VF.ttf +0 -0
- package/dist/storybook/favicon.ico +0 -0
- package/dist/storybook/favicon.png +0 -0
- package/dist/storybook/iframe.html +0 -364
- package/dist/storybook/index.html +0 -165
- package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +0 -1
- package/dist/storybook/main.79d2477b.iframe.bundle.js +0 -2
- package/dist/storybook/main.79d2477b.iframe.bundle.js.LICENSE.txt +0 -1
- package/dist/storybook/project.json +0 -1
- package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +0 -1
- package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +0 -1
- package/dist/storybook/shell.css +0 -83
- package/dist/storybook/theme-switch.ts +0 -13
package/docs/api-report.md
CHANGED
|
@@ -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
|
|
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:
|
|
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.
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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.
|
|
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
|
@@ -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
|