@fluentui/web-components 2.3.0 → 2.5.0

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 (41) hide show
  1. package/CHANGELOG.json +69 -1
  2. package/CHANGELOG.md +29 -2
  3. package/dist/dts/custom-elements.d.ts +21 -20
  4. package/dist/dts/design-tokens.d.ts +20 -0
  5. package/dist/dts/styles/patterns/index.d.ts +1 -0
  6. package/dist/dts/styles/patterns/type-ramp.d.ts +18 -0
  7. package/dist/dts/utilities/type-ramp.d.ts +12 -0
  8. package/dist/esm/accordion/accordion-item/accordion-item.styles.js +4 -5
  9. package/dist/esm/accordion/accordion.styles.js +3 -4
  10. package/dist/esm/badge/badge.styles.js +3 -4
  11. package/dist/esm/breadcrumb/breadcrumb.styles.js +2 -4
  12. package/dist/esm/breadcrumb-item/breadcrumb-item.styles.js +3 -4
  13. package/dist/esm/calendar/calendar.styles.js +3 -4
  14. package/dist/esm/checkbox/checkbox.styles.js +3 -4
  15. package/dist/esm/combobox/combobox.styles.js +3 -3
  16. package/dist/esm/data-grid/data-grid-cell.styles.js +3 -5
  17. package/dist/esm/design-tokens.js +38 -1
  18. package/dist/esm/listbox-option/listbox-option.styles.js +3 -4
  19. package/dist/esm/menu-item/menu-item.styles.js +3 -4
  20. package/dist/esm/radio/radio.styles.js +3 -4
  21. package/dist/esm/search/search.styles.js +3 -4
  22. package/dist/esm/select/select.styles.js +3 -4
  23. package/dist/esm/slider-label/slider-label.styles.js +3 -2
  24. package/dist/esm/styles/patterns/button.styles.js +3 -4
  25. package/dist/esm/styles/patterns/index.js +1 -0
  26. package/dist/esm/styles/patterns/input.styles.js +4 -6
  27. package/dist/esm/styles/patterns/type-ramp.js +74 -0
  28. package/dist/esm/switch/switch.styles.js +4 -5
  29. package/dist/esm/tabs/tab/tab.styles.js +3 -5
  30. package/dist/esm/tabs/tab-panel/tab-panel.styles.js +3 -5
  31. package/dist/esm/tabs/tabs.styles.js +3 -4
  32. package/dist/esm/tooltip/tooltip.styles.js +3 -4
  33. package/dist/esm/tree-item/tree-item.styles.js +3 -4
  34. package/dist/esm/utilities/type-ramp.js +12 -0
  35. package/dist/fluent-web-components.api.json +554 -20
  36. package/dist/web-components.d.ts +73 -16
  37. package/dist/web-components.js +3867 -3282
  38. package/dist/web-components.min.js +230 -158
  39. package/docs/api-report.md +80 -23
  40. package/package.json +6 -6
  41. package/public/SegoeUI-VF.ttf +0 -0
@@ -181,19 +181,19 @@ export declare const accordionStyles: (context: ElementDefinitionContext, defini
181
181
  * @public
182
182
  */
183
183
  export declare const allComponents: {
184
- fluentAccordion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Accordion>;
184
+ fluentAccordion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Accordion>;
185
185
  fluentAccordionItem: (overrideDefinition?: OverrideFoundationElementDefinition<AccordionItemOptions> | undefined) => FoundationElementRegistry<AccordionItemOptions, Constructable<FoundationElement>>;
186
186
  fluentAnchor: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Anchor>;
187
- fluentAnchoredRegion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, AnchoredRegion>;
187
+ fluentAnchoredRegion: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof AnchoredRegion>;
188
188
  fluentBadge: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Badge>;
189
- fluentBreadcrumb: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Breadcrumb>;
189
+ fluentBreadcrumb: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Breadcrumb>;
190
190
  fluentBreadcrumbItem: (overrideDefinition?: OverrideFoundationElementDefinition<BreadcrumbItemOptions> | undefined) => FoundationElementRegistry<BreadcrumbItemOptions, Constructable<FoundationElement>>;
191
191
  fluentButton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Button>;
192
192
  fluentCalendar: (overrideDefinition?: OverrideFoundationElementDefinition<CalendarOptions> | undefined) => FoundationElementRegistry<CalendarOptions, Constructable<FoundationElement>>;
193
193
  fluentCard: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Card>;
194
194
  fluentCheckbox: (overrideDefinition?: OverrideFoundationElementDefinition<CheckboxOptions> | undefined) => FoundationElementRegistry<CheckboxOptions, Constructable<FoundationElement>>;
195
195
  fluentCombobox: (overrideDefinition?: OverrideFoundationElementDefinition<ComboboxOptions> | undefined) => FoundationElementRegistry<ComboboxOptions, Constructable<FoundationElement>>;
196
- fluentDataGrid: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, DataGrid>;
196
+ fluentDataGrid: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof DataGrid>;
197
197
  fluentDataGridCell: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, DataGridCell>;
198
198
  fluentDataGridRow: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, DataGridRow>;
199
199
  fluentDesignSystemProvider: (overrideDefinition?: OverrideFoundationElementDefinition< {
@@ -205,31 +205,31 @@ export declare const allComponents: {
205
205
  template: ViewTemplate<any, any>;
206
206
  styles: ElementStyles;
207
207
  }, DesignSystemProvider>;
208
- fluentDialog: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Dialog>;
209
- fluentDivider: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Divider>;
208
+ fluentDialog: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Dialog>;
209
+ fluentDivider: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Divider>;
210
210
  fluentFlipper: (overrideDefinition?: OverrideFoundationElementDefinition<FlipperOptions> | undefined) => FoundationElementRegistry<FlipperOptions, Constructable<FoundationElement>>;
211
211
  fluentHorizontalScroll: (overrideDefinition?: OverrideFoundationElementDefinition<HorizontalScrollOptions> | undefined) => FoundationElementRegistry<HorizontalScrollOptions, Constructable<FoundationElement>>;
212
212
  fluentListbox: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Listbox>;
213
- fluentOption: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, ListboxOption>;
213
+ fluentOption: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof ListboxOption>;
214
214
  fluentMenu: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Menu>;
215
215
  fluentMenuItem: (overrideDefinition?: OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => FoundationElementRegistry<MenuItemOptions, Constructable<FoundationElement>>;
216
216
  fluentNumberField: (overrideDefinition?: OverrideFoundationElementDefinition<NumberFieldOptions> | undefined) => FoundationElementRegistry<NumberFieldOptions, Constructable<FoundationElement>>;
217
217
  fluentProgress: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressOptions> | undefined) => FoundationElementRegistry<ProgressOptions, Constructable<FoundationElement>>;
218
218
  fluentProgressRing: (overrideDefinition?: OverrideFoundationElementDefinition<ProgressRingOptions> | undefined) => FoundationElementRegistry<ProgressRingOptions, Constructable<FoundationElement>>;
219
219
  fluentRadio: (overrideDefinition?: OverrideFoundationElementDefinition<RadioOptions> | undefined) => FoundationElementRegistry<RadioOptions, Constructable<FoundationElement>>;
220
- fluentRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, RadioGroup>;
220
+ fluentRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof RadioGroup>;
221
221
  fluentSearch: (overrideDefinition?: OverrideFoundationElementDefinition<SearchOptions> | undefined) => FoundationElementRegistry<SearchOptions, Constructable<FoundationElement>>;
222
222
  fluentSelect: (overrideDefinition?: OverrideFoundationElementDefinition<SelectOptions> | undefined) => FoundationElementRegistry<SelectOptions, Constructable<FoundationElement>>;
223
- fluentSkeleton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Skeleton>;
223
+ fluentSkeleton: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Skeleton>;
224
224
  fluentSlider: (overrideDefinition?: OverrideFoundationElementDefinition<SliderOptions> | undefined) => FoundationElementRegistry<SliderOptions, Constructable<FoundationElement>>;
225
- fluentSliderLabel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, SliderLabel>;
225
+ fluentSliderLabel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof SliderLabel>;
226
226
  fluentSwitch: (overrideDefinition?: OverrideFoundationElementDefinition<SwitchOptions> | undefined) => FoundationElementRegistry<SwitchOptions, Constructable<FoundationElement>>;
227
- fluentTabs: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Tabs>;
227
+ fluentTabs: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof Tabs>;
228
228
  fluentTab: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Tab>;
229
229
  fluentTabPanel: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, TabPanel>;
230
230
  fluentTextArea: (overrideDefinition?: OverrideFoundationElementDefinition< {
231
231
  baseName: string;
232
- baseClass: TextArea_2;
232
+ baseClass: typeof TextArea_2;
233
233
  template: FoundationElementTemplate<ViewTemplate<TextArea_2, any>, FoundationElementDefinition>;
234
234
  styles: (context: any, definition: any) => ElementStyles;
235
235
  shadowOptions: {
@@ -237,7 +237,7 @@ export declare const allComponents: {
237
237
  };
238
238
  }> | undefined) => FoundationElementRegistry< {
239
239
  baseName: string;
240
- baseClass: TextArea_2;
240
+ baseClass: typeof TextArea_2;
241
241
  template: FoundationElementTemplate<ViewTemplate<TextArea_2, any>, FoundationElementDefinition>;
242
242
  styles: (context: any, definition: any) => ElementStyles;
243
243
  shadowOptions: {
@@ -246,7 +246,7 @@ export declare const allComponents: {
246
246
  }, TextArea>;
247
247
  fluentTextField: (overrideDefinition?: OverrideFoundationElementDefinition< {
248
248
  baseName: string;
249
- baseClass: TextField_2;
249
+ baseClass: typeof TextField_2;
250
250
  template: FoundationElementTemplate<ViewTemplate<TextField_2, any>, TextFieldOptions>;
251
251
  styles: (context: any, definition: any) => ElementStyles;
252
252
  shadowOptions: {
@@ -254,7 +254,7 @@ export declare const allComponents: {
254
254
  };
255
255
  }> | undefined) => FoundationElementRegistry< {
256
256
  baseName: string;
257
- baseClass: TextField_2;
257
+ baseClass: typeof TextField_2;
258
258
  template: FoundationElementTemplate<ViewTemplate<TextField_2, any>, TextFieldOptions>;
259
259
  styles: (context: any, definition: any) => ElementStyles;
260
260
  shadowOptions: {
@@ -263,7 +263,7 @@ export declare const allComponents: {
263
263
  }, TextField>;
264
264
  fluentToolbar: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Toolbar>;
265
265
  fluentTooltip: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, Tooltip>;
266
- fluentTreeView: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, TreeView>;
266
+ fluentTreeView: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => FoundationElementRegistry<FoundationElementDefinition, typeof TreeView>;
267
267
  fluentTreeItem: (overrideDefinition?: OverrideFoundationElementDefinition<TreeItemOptions> | undefined) => FoundationElementRegistry<TreeItemOptions, Constructable<FoundationElement>>;
268
268
  register(container?: Container | undefined, ...rest: any[]): void;
269
269
  };
@@ -1804,6 +1804,9 @@ export declare const focusStrokeOuterRecipe: DesignToken<ColorRecipe>;
1804
1804
  /** @public */
1805
1805
  export declare const focusStrokeWidth: CSSDesignToken<number>;
1806
1806
 
1807
+ /** @public */
1808
+ export declare const fontWeight: CSSDesignToken<number>;
1809
+
1807
1810
  /** @public */
1808
1811
  export declare const foregroundOnAccentActive: CSSDesignToken<Swatch>;
1809
1812
 
@@ -2904,57 +2907,111 @@ export { TreeView }
2904
2907
  */
2905
2908
  export declare const treeViewStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
2906
2909
 
2910
+ /** @public */
2911
+ export declare const typeRampBase: CSSDirective;
2912
+
2907
2913
  /** @public */
2908
2914
  export declare const typeRampBaseFontSize: CSSDesignToken<string>;
2909
2915
 
2916
+ /** @public */
2917
+ export declare const typeRampBaseFontVariations: CSSDesignToken<string>;
2918
+
2910
2919
  /** @public */
2911
2920
  export declare const typeRampBaseLineHeight: CSSDesignToken<string>;
2912
2921
 
2922
+ /** @public */
2923
+ export declare const typeRampMinus1: CSSDirective;
2924
+
2913
2925
  /** @public */
2914
2926
  export declare const typeRampMinus1FontSize: CSSDesignToken<string>;
2915
2927
 
2928
+ /** @public */
2929
+ export declare const typeRampMinus1FontVariations: CSSDesignToken<string>;
2930
+
2916
2931
  /** @public */
2917
2932
  export declare const typeRampMinus1LineHeight: CSSDesignToken<string>;
2918
2933
 
2934
+ /** @public */
2935
+ export declare const typeRampMinus2: CSSDirective;
2936
+
2919
2937
  /** @public */
2920
2938
  export declare const typeRampMinus2FontSize: CSSDesignToken<string>;
2921
2939
 
2940
+ /** @public */
2941
+ export declare const typeRampMinus2FontVariations: CSSDesignToken<string>;
2942
+
2922
2943
  /** @public */
2923
2944
  export declare const typeRampMinus2LineHeight: CSSDesignToken<string>;
2924
2945
 
2946
+ /** @public */
2947
+ export declare const typeRampPlus1: CSSDirective;
2948
+
2925
2949
  /** @public */
2926
2950
  export declare const typeRampPlus1FontSize: CSSDesignToken<string>;
2927
2951
 
2952
+ /** @public */
2953
+ export declare const typeRampPlus1FontVariations: CSSDesignToken<string>;
2954
+
2928
2955
  /** @public */
2929
2956
  export declare const typeRampPlus1LineHeight: CSSDesignToken<string>;
2930
2957
 
2958
+ /** @public */
2959
+ export declare const typeRampPlus2: CSSDirective;
2960
+
2931
2961
  /** @public */
2932
2962
  export declare const typeRampPlus2FontSize: CSSDesignToken<string>;
2933
2963
 
2964
+ /** @public */
2965
+ export declare const typeRampPlus2FontVariations: CSSDesignToken<string>;
2966
+
2934
2967
  /** @public */
2935
2968
  export declare const typeRampPlus2LineHeight: CSSDesignToken<string>;
2936
2969
 
2970
+ /** @public */
2971
+ export declare const typeRampPlus3: CSSDirective;
2972
+
2937
2973
  /** @public */
2938
2974
  export declare const typeRampPlus3FontSize: CSSDesignToken<string>;
2939
2975
 
2976
+ /** @public */
2977
+ export declare const typeRampPlus3FontVariations: CSSDesignToken<string>;
2978
+
2940
2979
  /** @public */
2941
2980
  export declare const typeRampPlus3LineHeight: CSSDesignToken<string>;
2942
2981
 
2982
+ /** @public */
2983
+ export declare const typeRampPlus4: CSSDirective;
2984
+
2943
2985
  /** @public */
2944
2986
  export declare const typeRampPlus4FontSize: CSSDesignToken<string>;
2945
2987
 
2988
+ /** @public */
2989
+ export declare const typeRampPlus4FontVariations: CSSDesignToken<string>;
2990
+
2946
2991
  /** @public */
2947
2992
  export declare const typeRampPlus4LineHeight: CSSDesignToken<string>;
2948
2993
 
2994
+ /** @public */
2995
+ export declare const typeRampPlus5: CSSDirective;
2996
+
2949
2997
  /** @public */
2950
2998
  export declare const typeRampPlus5FontSize: CSSDesignToken<string>;
2951
2999
 
3000
+ /** @public */
3001
+ export declare const typeRampPlus5FontVariations: CSSDesignToken<string>;
3002
+
2952
3003
  /** @public */
2953
3004
  export declare const typeRampPlus5LineHeight: CSSDesignToken<string>;
2954
3005
 
3006
+ /** @public */
3007
+ export declare const typeRampPlus6: CSSDirective;
3008
+
2955
3009
  /** @public */
2956
3010
  export declare const typeRampPlus6FontSize: CSSDesignToken<string>;
2957
3011
 
3012
+ /** @public */
3013
+ export declare const typeRampPlus6FontVariations: CSSDesignToken<string>;
3014
+
2958
3015
  /** @public */
2959
3016
  export declare const typeRampPlus6LineHeight: CSSDesignToken<string>;
2960
3017