@fluentui/web-components 1.5.6 → 1.6.3

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 (42) hide show
  1. package/CHANGELOG.json +114 -2
  2. package/CHANGELOG.md +44 -3
  3. package/dist/dts/design-tokens.d.ts +176 -176
  4. package/dist/dts/number-field/number-field.stories.d.ts +1 -0
  5. package/dist/dts/progress/progress/index.d.ts +7 -6
  6. package/dist/dts/progress/progress/progress.stories.d.ts +2 -0
  7. package/dist/dts/progress/progress-ring/index.d.ts +7 -6
  8. package/dist/dts/progress/progress-ring/progress-ring.stories.d.ts +2 -0
  9. package/dist/dts/styles/elevation.d.ts +3 -0
  10. package/dist/dts/text-area/text-area.stories.d.ts +1 -0
  11. package/dist/dts/text-field/text-field.stories.d.ts +1 -1
  12. package/dist/dts/utilities/math.d.ts +4 -0
  13. package/dist/esm/anchor/anchor.stories.js +4 -3
  14. package/dist/esm/anchored-region/anchored-region.stories.js +3 -3
  15. package/dist/esm/badge/badge.stories.js +2 -2
  16. package/dist/esm/breadcrumb-item/breadcrumb-item.styles.js +5 -5
  17. package/dist/esm/card/card.stories.js +1 -1
  18. package/dist/esm/checkbox/checkbox.stories.js +2 -2
  19. package/dist/esm/combobox/combobox.stories.js +5 -0
  20. package/dist/esm/data-grid/data-grid.stories.js +3 -3
  21. package/dist/esm/design-tokens.js +218 -211
  22. package/dist/esm/number-field/number-field.stories.js +2 -1
  23. package/dist/esm/progress/progress/index.js +7 -6
  24. package/dist/esm/progress/progress/progress.stories.js +32 -4
  25. package/dist/esm/progress/progress-ring/index.js +7 -6
  26. package/dist/esm/progress/progress-ring/progress-ring.stories.js +35 -5
  27. package/dist/esm/radio-group/radio-group.stories.js +5 -3
  28. package/dist/esm/slider/slider.stories.js +8 -3
  29. package/dist/esm/styles/elevation.js +3 -0
  30. package/dist/esm/switch/switch.stories.js +10 -2
  31. package/dist/esm/tabs/tabs.stories.js +2 -2
  32. package/dist/esm/text-area/text-area.stories.js +3 -2
  33. package/dist/esm/text-field/text-field.stories.js +3 -3
  34. package/dist/esm/tree-view/tree-view.stories.js +30 -8
  35. package/dist/esm/utilities/math.js +4 -0
  36. package/dist/fluent-web-components.api.json +67 -11
  37. package/dist/web-components.d.ts +27 -13
  38. package/dist/web-components.js +3908 -4800
  39. package/dist/web-components.min.js +127 -127
  40. package/docs/api-report.md +21 -16
  41. package/package.json +7 -7
  42. package/public/switches.ts +1 -1
@@ -12,167 +12,139 @@ export declare type ColorRecipe = Recipe<Swatch>;
12
12
  /** @public */
13
13
  export declare type InteractiveColorRecipe = Recipe<InteractiveSwatchSet>;
14
14
  /** @public */
15
- export declare const accentFillRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
15
+ export declare const direction: import("@microsoft/fast-foundation").CSSDesignToken<Direction>;
16
16
  /** @public */
17
- export declare const accentFillHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
17
+ export declare const disabledOpacity: import("@microsoft/fast-foundation").CSSDesignToken<number>;
18
18
  /** @public */
19
- export declare const accentFillActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
19
+ export declare const baseHeightMultiplier: import("@microsoft/fast-foundation").CSSDesignToken<number>;
20
20
  /** @public */
21
- export declare const accentFillFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
21
+ export declare const baseHorizontalSpacingMultiplier: import("@microsoft/fast-foundation").CSSDesignToken<number>;
22
22
  /** @public */
23
- export declare const accentForegroundRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
23
+ export declare const density: import("@microsoft/fast-foundation").CSSDesignToken<number>;
24
24
  /** @public */
25
- export declare const accentForegroundHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
25
+ export declare const designUnit: import("@microsoft/fast-foundation").CSSDesignToken<number>;
26
26
  /** @public */
27
- export declare const accentForegroundActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
27
+ export declare const controlCornerRadius: import("@microsoft/fast-foundation").CSSDesignToken<number>;
28
28
  /** @public */
29
- export declare const accentForegroundFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
29
+ export declare const layerCornerRadius: import("@microsoft/fast-foundation").CSSDesignToken<number>;
30
30
  /** @public */
31
- export declare const bodyFont: import("@microsoft/fast-foundation").CSSDesignToken<string>;
31
+ export declare const strokeWidth: import("@microsoft/fast-foundation").CSSDesignToken<number>;
32
32
  /** @public */
33
- export declare const baseHeightMultiplier: import("@microsoft/fast-foundation").CSSDesignToken<number>;
33
+ export declare const focusStrokeWidth: import("@microsoft/fast-foundation").CSSDesignToken<number>;
34
34
  /** @public */
35
- export declare const baseHorizontalSpacingMultiplier: import("@microsoft/fast-foundation").CSSDesignToken<number>;
35
+ export declare const bodyFont: import("@microsoft/fast-foundation").CSSDesignToken<string>;
36
36
  /** @public */
37
- export declare const baseLayerLuminance: import("@microsoft/fast-foundation").CSSDesignToken<number>;
37
+ export declare const typeRampBaseFontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
38
38
  /** @public */
39
- export declare const controlCornerRadius: import("@microsoft/fast-foundation").CSSDesignToken<number>;
40
- /** @public @deprecated Use controlCornerRadius */
41
- export declare const cornerRadius: import("@microsoft/fast-foundation").CSSDesignToken<number>;
39
+ export declare const typeRampBaseLineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
42
40
  /** @public */
43
- export declare const density: import("@microsoft/fast-foundation").CSSDesignToken<number>;
41
+ export declare const typeRampMinus1FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
44
42
  /** @public */
45
- export declare const designUnit: import("@microsoft/fast-foundation").CSSDesignToken<number>;
43
+ export declare const typeRampMinus1LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
46
44
  /** @public */
47
- export declare const direction: import("@microsoft/fast-foundation").CSSDesignToken<Direction>;
45
+ export declare const typeRampMinus2FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
48
46
  /** @public */
49
- export declare const disabledOpacity: import("@microsoft/fast-foundation").CSSDesignToken<number>;
47
+ export declare const typeRampMinus2LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
50
48
  /** @public */
51
- export declare const layerCornerRadius: import("@microsoft/fast-foundation").CSSDesignToken<number>;
52
- /** @public @deprecated Use layerCornerRadius */
53
- export declare const elevatedCornerRadius: import("@microsoft/fast-foundation").CSSDesignToken<number>;
49
+ export declare const typeRampPlus1FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
54
50
  /** @public */
55
- export declare const focusStrokeWidth: import("@microsoft/fast-foundation").CSSDesignToken<number>;
56
- /** @public @deprecated Use focusStrokeWidth */
57
- export declare const focusOutlineWidth: import("@microsoft/fast-foundation").CSSDesignToken<number>;
51
+ export declare const typeRampPlus1LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
58
52
  /** @public */
59
- export declare const neutralFillInverseRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
53
+ export declare const typeRampPlus2FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
60
54
  /** @public */
61
- export declare const neutralFillInverseHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
55
+ export declare const typeRampPlus2LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
62
56
  /** @public */
63
- export declare const neutralFillInverseActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
57
+ export declare const typeRampPlus3FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
64
58
  /** @public */
65
- export declare const neutralFillInverseFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
66
- /** @public @deprecated Use neutralFillInverseRestDelta */
67
- export declare const neutralContrastFillRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
68
- /** @public @deprecated Use neutralFillInverseHoverDelta */
69
- export declare const neutralContrastFillHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
70
- /** @public @deprecated Use neutralFillInverseActiveDelta */
71
- export declare const neutralContrastFillActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
72
- /** @public @deprecated Use neutralFillInverseFocusDelta */
73
- export declare const neutralContrastFillFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
59
+ export declare const typeRampPlus3LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
74
60
  /** @public */
75
- export declare const neutralStrokeDividerRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
76
- /** @public @deprecated Use neutralStrokeDividerRestDelta */
77
- export declare const neutralDividerRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
61
+ export declare const typeRampPlus4FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
78
62
  /** @public */
79
- export declare const neutralFillActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
63
+ export declare const typeRampPlus4LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
80
64
  /** @public */
81
- export declare const neutralFillLayerRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
82
- /** @public @deprecated Use neutralFillLayerRestDelta */
83
- export declare const neutralFillCardDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
65
+ export declare const typeRampPlus5FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
84
66
  /** @public */
85
- export declare const neutralFillFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
67
+ export declare const typeRampPlus5LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
86
68
  /** @public */
87
- export declare const neutralFillHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
69
+ export declare const typeRampPlus6FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
88
70
  /** @public */
89
- export declare const neutralFillInputActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
71
+ export declare const typeRampPlus6LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
90
72
  /** @public */
91
- export declare const neutralFillInputFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
73
+ export declare const baseLayerLuminance: import("@microsoft/fast-foundation").CSSDesignToken<number>;
92
74
  /** @public */
93
- export declare const neutralFillInputHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
75
+ export declare const accentFillRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
94
76
  /** @public */
95
- export declare const neutralFillInputRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
77
+ export declare const accentFillHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
96
78
  /** @public */
97
- export declare const neutralFillRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
79
+ export declare const accentFillActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
98
80
  /** @public */
99
- export declare const neutralFillStealthActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
81
+ export declare const accentFillFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
100
82
  /** @public */
101
- export declare const neutralFillStealthFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
83
+ export declare const accentForegroundRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
102
84
  /** @public */
103
- export declare const neutralFillStealthHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
85
+ export declare const accentForegroundHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
104
86
  /** @public */
105
- export declare const neutralFillStealthRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
87
+ export declare const accentForegroundActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
106
88
  /** @public */
107
- export declare const neutralFillStrongRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
89
+ export declare const accentForegroundFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
108
90
  /** @public */
109
- export declare const neutralFillStrongActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
91
+ export declare const neutralFillRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
110
92
  /** @public */
111
- export declare const neutralFillStrongFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
93
+ export declare const neutralFillHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
112
94
  /** @public */
113
- export declare const neutralFillStrongHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
114
- /** @public @deprecated Use neutralFillStrongRestDelta */
115
- export declare const neutralFillToggleRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
116
- /** @public @deprecated Use neutralFillStrongHoverDelta */
117
- export declare const neutralFillToggleHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
118
- /** @public @deprecated Use neutralFillStrongActiveDelta */
119
- export declare const neutralFillToggleActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
120
- /** @public @deprecated Use neutralFillStrongFocusDelta */
121
- export declare const neutralFillToggleFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
95
+ export declare const neutralFillActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
122
96
  /** @public */
123
- export declare const neutralStrokeActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
97
+ export declare const neutralFillFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
124
98
  /** @public */
125
- export declare const neutralStrokeFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
99
+ export declare const neutralFillInputRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
126
100
  /** @public */
127
- export declare const neutralStrokeHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
101
+ export declare const neutralFillInputHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
128
102
  /** @public */
129
- export declare const neutralStrokeRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
103
+ export declare const neutralFillInputActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
130
104
  /** @public */
131
- export declare const neutralStrokeStrongHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
105
+ export declare const neutralFillInputFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
132
106
  /** @public */
133
- export declare const neutralStrokeStrongActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
107
+ export declare const neutralFillInverseRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
134
108
  /** @public */
135
- export declare const neutralStrokeStrongFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
109
+ export declare const neutralFillInverseHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
136
110
  /** @public */
137
- export declare const strokeWidth: import("@microsoft/fast-foundation").CSSDesignToken<number>;
138
- /** @public @deprecated Use strokeWidth */
139
- export declare const outlineWidth: import("@microsoft/fast-foundation").CSSDesignToken<number>;
111
+ export declare const neutralFillInverseActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
140
112
  /** @public */
141
- export declare const typeRampBaseFontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
113
+ export declare const neutralFillInverseFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
142
114
  /** @public */
143
- export declare const typeRampBaseLineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
115
+ export declare const neutralFillLayerRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
144
116
  /** @public */
145
- export declare const typeRampMinus1FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
117
+ export declare const neutralFillStealthRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
146
118
  /** @public */
147
- export declare const typeRampMinus1LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
119
+ export declare const neutralFillStealthHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
148
120
  /** @public */
149
- export declare const typeRampMinus2FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
121
+ export declare const neutralFillStealthActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
150
122
  /** @public */
151
- export declare const typeRampMinus2LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
123
+ export declare const neutralFillStealthFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
152
124
  /** @public */
153
- export declare const typeRampPlus1FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
125
+ export declare const neutralFillStrongRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
154
126
  /** @public */
155
- export declare const typeRampPlus1LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
127
+ export declare const neutralFillStrongHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
156
128
  /** @public */
157
- export declare const typeRampPlus2FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
129
+ export declare const neutralFillStrongActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
158
130
  /** @public */
159
- export declare const typeRampPlus2LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
131
+ export declare const neutralFillStrongFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
160
132
  /** @public */
161
- export declare const typeRampPlus3FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
133
+ export declare const neutralStrokeRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
162
134
  /** @public */
163
- export declare const typeRampPlus3LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
135
+ export declare const neutralStrokeHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
164
136
  /** @public */
165
- export declare const typeRampPlus4FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
137
+ export declare const neutralStrokeActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
166
138
  /** @public */
167
- export declare const typeRampPlus4LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
139
+ export declare const neutralStrokeFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
168
140
  /** @public */
169
- export declare const typeRampPlus5FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
141
+ export declare const neutralStrokeDividerRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
170
142
  /** @public */
171
- export declare const typeRampPlus5LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
143
+ export declare const neutralStrokeStrongHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
172
144
  /** @public */
173
- export declare const typeRampPlus6FontSize: import("@microsoft/fast-foundation").CSSDesignToken<string>;
145
+ export declare const neutralStrokeStrongActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
174
146
  /** @public */
175
- export declare const typeRampPlus6LineHeight: import("@microsoft/fast-foundation").CSSDesignToken<string>;
147
+ export declare const neutralStrokeStrongFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
176
148
  /** @public */
177
149
  export declare const neutralPalette: DesignToken<Palette<Swatch>>;
178
150
  /** @public */
@@ -189,26 +161,18 @@ export declare const neutralLayerFloating: import("@microsoft/fast-foundation").
189
161
  export declare const neutralLayer1Recipe: DesignToken<ColorRecipe>;
190
162
  /** @public */
191
163
  export declare const neutralLayer1: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
192
- /** @public @deprecated Use neutralLayer1 */
193
- export declare const neutralLayerL1: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
194
164
  /** @public */
195
165
  export declare const neutralLayer2Recipe: DesignToken<ColorRecipe>;
196
166
  /** @public */
197
167
  export declare const neutralLayer2: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
198
- /** @public @deprecated Use neutralLayer2 */
199
- export declare const neutralLayerL2: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
200
168
  /** @public */
201
169
  export declare const neutralLayer3Recipe: DesignToken<ColorRecipe>;
202
170
  /** @public */
203
171
  export declare const neutralLayer3: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
204
- /** @public @deprecated Use neutralLayer3 */
205
- export declare const neutralLayerL3: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
206
172
  /** @public */
207
173
  export declare const neutralLayer4Recipe: DesignToken<ColorRecipe>;
208
174
  /** @public */
209
175
  export declare const neutralLayer4: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
210
- /** @public @deprecated Use neutralLayer4 */
211
- export declare const neutralLayerL4: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
212
176
  /** @public */
213
177
  export declare const fillColor: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
214
178
  /** @public */
@@ -225,25 +189,21 @@ export declare const accentFillFocus: import("@microsoft/fast-foundation").CSSDe
225
189
  export declare const foregroundOnAccentRecipe: DesignToken<ColorRecipe>;
226
190
  /** @public */
227
191
  export declare const foregroundOnAccentRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
228
- /** @public @deprecated Use foregroundOnAccentRest */
229
- export declare const accentForegroundCut: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
230
192
  /** @public */
231
193
  export declare const foregroundOnAccentHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
232
194
  /** @public */
233
195
  export declare const foregroundOnAccentActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
234
196
  /** @public */
235
197
  export declare const foregroundOnAccentFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
236
- /** @public */
198
+ /** @public @deprecated Not used */
237
199
  export declare const foregroundOnAccentLargeRecipe: DesignToken<ColorRecipe>;
238
- /** @public */
200
+ /** @public @deprecated Not used */
239
201
  export declare const foregroundOnAccentRestLarge: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
240
- /** @public @deprecated Use foregroundOnAccentRestLarge */
241
- export declare const accentForegroundCutLarge: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
242
- /** @public */
202
+ /** @public @deprecated Not used */
243
203
  export declare const foregroundOnAccentHoverLarge: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
244
- /** @public */
204
+ /** @public @deprecated Not used */
245
205
  export declare const foregroundOnAccentActiveLarge: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
246
- /** @public */
206
+ /** @public @deprecated Not used */
247
207
  export declare const foregroundOnAccentFocusLarge: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
248
208
  /** @public */
249
209
  export declare const accentForegroundRecipe: DesignToken<InteractiveColorRecipe>;
@@ -256,35 +216,15 @@ export declare const accentForegroundActive: import("@microsoft/fast-foundation"
256
216
  /** @public */
257
217
  export declare const accentForegroundFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
258
218
  /** @public */
259
- export declare const neutralStrokeDividerRecipe: DesignToken<ColorRecipe>;
260
- /** @public */
261
- export declare const neutralStrokeDividerRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
262
- /** @public @deprecated Use neutralStrokeDividerRest */
263
- export declare const neutralDivider: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
264
- /** @public */
265
- export declare const neutralFillLayerRecipe: DesignToken<ColorRecipe>;
266
- /** @public */
267
- export declare const neutralFillLayerRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
268
- /** @public @deprecated Use neutralFillLayerRest */
269
- export declare const neutralFillCard: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
270
- /** @public */
271
- export declare const neutralFillInverseRecipe: DesignToken<InteractiveColorRecipe>;
219
+ export declare const neutralFillRecipe: DesignToken<InteractiveColorRecipe>;
272
220
  /** @public */
273
- export declare const neutralFillInverseRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
221
+ export declare const neutralFillRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
274
222
  /** @public */
275
- export declare const neutralFillInverseHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
223
+ export declare const neutralFillHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
276
224
  /** @public */
277
- export declare const neutralFillInverseActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
225
+ export declare const neutralFillActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
278
226
  /** @public */
279
- export declare const neutralFillInverseFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
280
- /** @public @deprecated Use neutralFillInverseRest */
281
- export declare const neutralContrastFillRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
282
- /** @public @deprecated Use neutralFillInverseHover */
283
- export declare const neutralContrastFillHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
284
- /** @public @deprecated Use neutralFillInverseActive */
285
- export declare const neutralContrastFillActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
286
- /** @public @deprecated Use neutralFillInverseFocus */
287
- export declare const neutralContrastFillFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
227
+ export declare const neutralFillFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
288
228
  /** @public */
289
229
  export declare const neutralFillInputRecipe: DesignToken<InteractiveColorRecipe>;
290
230
  /** @public */
@@ -295,6 +235,20 @@ export declare const neutralFillInputHover: import("@microsoft/fast-foundation")
295
235
  export declare const neutralFillInputFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
296
236
  /** @public */
297
237
  export declare const neutralFillInputActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
238
+ /** @public @deprecated Not used */
239
+ export declare const neutralFillInverseRecipe: DesignToken<InteractiveColorRecipe>;
240
+ /** @public @deprecated Not used */
241
+ export declare const neutralFillInverseRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
242
+ /** @public @deprecated Not used */
243
+ export declare const neutralFillInverseHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
244
+ /** @public @deprecated Not used */
245
+ export declare const neutralFillInverseActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
246
+ /** @public @deprecated Not used */
247
+ export declare const neutralFillInverseFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
248
+ /** @public */
249
+ export declare const neutralFillLayerRecipe: DesignToken<ColorRecipe>;
250
+ /** @public */
251
+ export declare const neutralFillLayerRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
298
252
  /** @public */
299
253
  export declare const neutralFillStealthRecipe: DesignToken<InteractiveColorRecipe>;
300
254
  /** @public */
@@ -315,54 +269,110 @@ export declare const neutralFillStrongHover: import("@microsoft/fast-foundation"
315
269
  export declare const neutralFillStrongActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
316
270
  /** @public */
317
271
  export declare const neutralFillStrongFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
318
- /** @public @deprecated Use neutralFillStrongRest */
319
- export declare const neutralFillToggleRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
320
- /** @public @deprecated Use neutralFillStrongHover */
321
- export declare const neutralFillToggleHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
322
- /** @public @deprecated Use neutralFillStrongActive */
323
- export declare const neutralFillToggleActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
324
- /** @public @deprecated Use neutralFillStrongFocus */
325
- export declare const neutralFillToggleFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
326
272
  /** @public */
327
- export declare const neutralFillRecipe: DesignToken<InteractiveColorRecipe>;
273
+ export declare const neutralStrokeRecipe: DesignToken<InteractiveColorRecipe>;
328
274
  /** @public */
329
- export declare const neutralFillRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
275
+ export declare const neutralStrokeRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
330
276
  /** @public */
331
- export declare const neutralFillHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
277
+ export declare const neutralStrokeHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
332
278
  /** @public */
333
- export declare const neutralFillActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
279
+ export declare const neutralStrokeActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
334
280
  /** @public */
335
- export declare const neutralFillFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
281
+ export declare const neutralStrokeFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
282
+ /** @public */
283
+ export declare const neutralStrokeDividerRecipe: DesignToken<ColorRecipe>;
284
+ /** @public */
285
+ export declare const neutralStrokeDividerRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
286
+ /** @public */
287
+ export declare const neutralStrokeStrongRecipe: DesignToken<InteractiveColorRecipe>;
288
+ /** @public */
289
+ export declare const neutralStrokeStrongRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
290
+ /** @public */
291
+ export declare const neutralStrokeStrongHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
292
+ /** @public */
293
+ export declare const neutralStrokeStrongActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
294
+ /** @public */
295
+ export declare const neutralStrokeStrongFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
336
296
  /** @public */
337
297
  export declare const focusStrokeOuterRecipe: DesignToken<ColorRecipe>;
338
298
  /** @public */
339
299
  export declare const focusStrokeOuter: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
340
- /** @public @deprecated Use focusStrokeOuter */
341
- export declare const neutralFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
342
300
  /** @public */
343
301
  export declare const focusStrokeInnerRecipe: DesignToken<ColorRecipe>;
344
302
  /** @public */
345
303
  export declare const focusStrokeInner: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
346
- /** @public @deprecated Use focusStrokeInner */
347
- export declare const neutralFocusInnerAccent: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
348
- /** @public */
349
- export declare const neutralForegroundHintRecipe: DesignToken<ColorRecipe>;
350
- /** @public */
351
- export declare const neutralForegroundHint: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
352
304
  /** @public */
353
305
  export declare const neutralForegroundRecipe: DesignToken<ColorRecipe>;
354
306
  /** @public */
355
307
  export declare const neutralForegroundRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
356
308
  /** @public */
357
- export declare const neutralStrokeRecipe: DesignToken<InteractiveColorRecipe>;
358
- /** @public */
359
- export declare const neutralStrokeRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
360
- /** @public */
361
- export declare const neutralStrokeHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
362
- /** @public */
363
- export declare const neutralStrokeActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
309
+ export declare const neutralForegroundHintRecipe: DesignToken<ColorRecipe>;
364
310
  /** @public */
365
- export declare const neutralStrokeFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
311
+ export declare const neutralForegroundHint: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
312
+ /** @public @deprecated Use controlCornerRadius */
313
+ export declare const cornerRadius: import("@microsoft/fast-foundation").CSSDesignToken<number>;
314
+ /** @public @deprecated Use layerCornerRadius */
315
+ export declare const elevatedCornerRadius: import("@microsoft/fast-foundation").CSSDesignToken<number>;
316
+ /** @public @deprecated Use strokeWidth */
317
+ export declare const outlineWidth: import("@microsoft/fast-foundation").CSSDesignToken<number>;
318
+ /** @public @deprecated Use focusStrokeWidth */
319
+ export declare const focusOutlineWidth: import("@microsoft/fast-foundation").CSSDesignToken<number>;
320
+ /** @public @deprecated Use neutralFillLayerRestDelta */
321
+ export declare const neutralFillCardDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
322
+ /** @public @deprecated Use neutralFillStrongRestDelta */
323
+ export declare const neutralFillToggleRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
324
+ /** @public @deprecated Use neutralFillStrongHoverDelta */
325
+ export declare const neutralFillToggleHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
326
+ /** @public @deprecated Use neutralFillStrongActiveDelta */
327
+ export declare const neutralFillToggleActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
328
+ /** @public @deprecated Use neutralFillStrongFocusDelta */
329
+ export declare const neutralFillToggleFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
330
+ /** @public @deprecated Use neutralFillInverseRestDelta */
331
+ export declare const neutralContrastFillRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
332
+ /** @public @deprecated Use neutralFillInverseHoverDelta */
333
+ export declare const neutralContrastFillHoverDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
334
+ /** @public @deprecated Use neutralFillInverseActiveDelta */
335
+ export declare const neutralContrastFillActiveDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
336
+ /** @public @deprecated Use neutralFillInverseFocusDelta */
337
+ export declare const neutralContrastFillFocusDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
338
+ /** @public @deprecated Use neutralStrokeDividerRestDelta */
339
+ export declare const neutralDividerRestDelta: import("@microsoft/fast-foundation").CSSDesignToken<number>;
340
+ /** @public @deprecated Use neutralLayer1 */
341
+ export declare const neutralLayerL1: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
342
+ /** @public @deprecated Use neutralLayer2 */
343
+ export declare const neutralLayerL2: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
344
+ /** @public @deprecated Use neutralLayer3 */
345
+ export declare const neutralLayerL3: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
346
+ /** @public @deprecated Use neutralLayer4 */
347
+ export declare const neutralLayerL4: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
348
+ /** @public @deprecated Use foregroundOnAccentRest */
349
+ export declare const accentForegroundCut: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
350
+ /** @public @deprecated Use foregroundOnAccentRestLarge */
351
+ export declare const accentForegroundCutLarge: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
352
+ /** @public @deprecated Use neutralStrokeDividerRest */
353
+ export declare const neutralDivider: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
354
+ /** @public @deprecated Use neutralFillLayerRest */
355
+ export declare const neutralFillCard: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
356
+ /** @public @deprecated Use neutralFillInverseRest */
357
+ export declare const neutralContrastFillRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
358
+ /** @public @deprecated Use neutralFillInverseHover */
359
+ export declare const neutralContrastFillHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
360
+ /** @public @deprecated Use neutralFillInverseActive */
361
+ export declare const neutralContrastFillActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
362
+ /** @public @deprecated Use neutralFillInverseFocus */
363
+ export declare const neutralContrastFillFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
364
+ /** @public @deprecated Use neutralFillStrongRest */
365
+ export declare const neutralFillToggleRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
366
+ /** @public @deprecated Use neutralFillStrongHover */
367
+ export declare const neutralFillToggleHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
368
+ /** @public @deprecated Use neutralFillStrongActive */
369
+ export declare const neutralFillToggleActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
370
+ /** @public @deprecated Use neutralFillStrongFocus */
371
+ export declare const neutralFillToggleFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
372
+ /** @public @deprecated Use focusStrokeOuter */
373
+ export declare const neutralFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
374
+ /** @public @deprecated Use focusStrokeInner */
375
+ export declare const neutralFocusInnerAccent: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
366
376
  /** @public @deprecated Use neutralStrokeRest */
367
377
  export declare const neutralOutlineRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
368
378
  /** @public @deprecated Use neutralStrokeHover */
@@ -371,13 +381,3 @@ export declare const neutralOutlineHover: import("@microsoft/fast-foundation").C
371
381
  export declare const neutralOutlineActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
372
382
  /** @public @deprecated Use neutralStrokeFocus */
373
383
  export declare const neutralOutlineFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
374
- /** @public */
375
- export declare const neutralStrokeStrongRecipe: DesignToken<InteractiveColorRecipe>;
376
- /** @public */
377
- export declare const neutralStrokeStrongRest: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
378
- /** @public */
379
- export declare const neutralStrokeStrongHover: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
380
- /** @public */
381
- export declare const neutralStrokeStrongActive: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
382
- /** @public */
383
- export declare const neutralStrokeStrongFocus: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
@@ -53,6 +53,7 @@ declare const _default: {
53
53
  control: {
54
54
  type: string;
55
55
  };
56
+ defaultValue: number;
56
57
  };
57
58
  size: {
58
59
  control: {
@@ -1,4 +1,10 @@
1
- import { BaseProgress as Progress, ProgressOptions } from '@microsoft/fast-foundation';
1
+ import { BaseProgress, ProgressOptions } from '@microsoft/fast-foundation';
2
+ /**
3
+ * Progress base class
4
+ * @public
5
+ */
6
+ export declare class Progress extends BaseProgress {
7
+ }
2
8
  /**
3
9
  * The Fluent Progress Element. Implements {@link @microsoft/fast-foundation#BaseProgress},
4
10
  * {@link @microsoft/fast-foundation#progressTemplate}
@@ -14,8 +20,3 @@ export declare const fluentProgress: (overrideDefinition?: import("@microsoft/fa
14
20
  * @public
15
21
  */
16
22
  export declare const progressStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: ProgressOptions) => import("@microsoft/fast-element").ElementStyles;
17
- /**
18
- * Progress base class
19
- * @public
20
- */
21
- export { Progress };
@@ -11,3 +11,5 @@ declare const _default: {
11
11
  };
12
12
  export default _default;
13
13
  export declare const Progress: any;
14
+ export declare const ProgressAnimated: any;
15
+ export declare const ProgressPaused: any;
@@ -1,4 +1,10 @@
1
- import { BaseProgress as ProgressRing, ProgressRingOptions } from '@microsoft/fast-foundation';
1
+ import { BaseProgress, ProgressRingOptions } from '@microsoft/fast-foundation';
2
+ /**
3
+ * Progress Ring base class
4
+ * @public
5
+ */
6
+ export declare class ProgressRing extends BaseProgress {
7
+ }
2
8
  /**
3
9
  * The Fluent Progress Ring Element. Implements {@link @microsoft/fast-foundation#BaseProgress},
4
10
  * {@link @microsoft/fast-foundation#progressRingTemplate}
@@ -14,8 +20,3 @@ export declare const fluentProgressRing: (overrideDefinition?: import("@microsof
14
20
  * @public
15
21
  */
16
22
  export declare const progressRingStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: ProgressRingOptions) => import("@microsoft/fast-element").ElementStyles;
17
- /**
18
- * Progress Ring base class
19
- * @public
20
- */
21
- export { ProgressRing };
@@ -11,3 +11,5 @@ declare const _default: {
11
11
  };
12
12
  export default _default;
13
13
  export declare const ProgressRing: any;
14
+ export declare const ProgressRingAnimated: any;
15
+ export declare const ProgressRingPaused: any;
@@ -6,10 +6,12 @@
6
6
  * https://github.com/microsoft/fast/issues/2778
7
7
  *
8
8
  * @internal
9
+ * @deprecated Will be replaced
9
10
  */
10
11
  export declare const ambientShadow = "0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, calc(.11 * (2 - var(--background-luminance, 1))))";
11
12
  /**
12
13
  * @internal
14
+ * @deprecated Will be replaced
13
15
  */
14
16
  export declare const directionalShadow = "0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, calc(.13 * (2 - var(--background-luminance, 1))))";
15
17
  /**
@@ -18,5 +20,6 @@ export declare const directionalShadow = "0 calc(var(--elevation) * 0.4px) calc(
18
20
  * by setting --elevation to a number.
19
21
  *
20
22
  * @public
23
+ * @deprecated Will be replaced
21
24
  */
22
25
  export declare const elevation: string;
@@ -4,6 +4,7 @@ declare const _default: {
4
4
  argTypes: {
5
5
  appearance: {
6
6
  options: string[];
7
+ defaultValue: string;
7
8
  control: {
8
9
  type: string;
9
10
  };
@@ -3,8 +3,8 @@ declare const _default: {
3
3
  component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import(".").TextField>;
4
4
  argTypes: {
5
5
  appearance: {
6
- defaultValue: string;
7
6
  options: string[];
7
+ defaultValue: string;
8
8
  control: {
9
9
  type: string;
10
10
  };