@fluentui/web-components 3.0.0-beta.21 → 3.0.0-beta.22

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 (91) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/dist/dts/accordion/accordion.options.d.ts +2 -2
  3. package/dist/dts/accordion-item/accordion-item.d.ts +1 -4
  4. package/dist/dts/accordion-item/accordion-item.template.d.ts +1 -1
  5. package/dist/dts/accordion-item/index.d.ts +2 -1
  6. package/dist/dts/anchor-button/index.d.ts +3 -2
  7. package/dist/dts/button/index.d.ts +4 -3
  8. package/dist/dts/checkbox/checkbox.d.ts +0 -3
  9. package/dist/dts/checkbox/index.d.ts +4 -3
  10. package/dist/dts/dialog/dialog.d.ts +14 -15
  11. package/dist/dts/divider/divider.d.ts +4 -7
  12. package/dist/dts/index-rollup.d.ts +29 -35
  13. package/dist/dts/index.d.ts +49 -34
  14. package/dist/dts/label/label.d.ts +0 -2
  15. package/dist/dts/menu/menu.d.ts +27 -25
  16. package/dist/dts/menu-button/index.d.ts +4 -3
  17. package/dist/dts/menu-button/menu-button.options.d.ts +1 -1
  18. package/dist/dts/menu-item/index.d.ts +4 -3
  19. package/dist/dts/progress-bar/index.d.ts +3 -2
  20. package/dist/dts/radio/index.d.ts +2 -1
  21. package/dist/dts/slider/index.d.ts +3 -2
  22. package/dist/dts/spinner/spinner.d.ts +0 -2
  23. package/dist/dts/switch/index.d.ts +3 -2
  24. package/dist/dts/switch/switch.d.ts +0 -1
  25. package/dist/dts/tab/index.d.ts +4 -3
  26. package/dist/dts/tab/tab.template.d.ts +1 -1
  27. package/dist/dts/tabs/index.d.ts +4 -3
  28. package/dist/dts/tabs/tabs.d.ts +13 -9
  29. package/dist/dts/text-input/text-input.d.ts +0 -2
  30. package/dist/dts/theme/design-tokens.d.ts +1744 -0
  31. package/dist/dts/theme/set-theme.d.ts +5 -1
  32. package/dist/dts/toggle-button/index.d.ts +4 -3
  33. package/dist/dts/toggle-button/toggle-button.options.d.ts +1 -1
  34. package/dist/esm/accordion/accordion.options.js +1 -1
  35. package/dist/esm/accordion-item/accordion-item.js +0 -1
  36. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  37. package/dist/esm/accordion-item/index.js.map +1 -1
  38. package/dist/esm/anchor-button/index.js +2 -2
  39. package/dist/esm/anchor-button/index.js.map +1 -1
  40. package/dist/esm/button/index.js +3 -3
  41. package/dist/esm/button/index.js.map +1 -1
  42. package/dist/esm/checkbox/checkbox.js.map +1 -1
  43. package/dist/esm/checkbox/index.js +2 -2
  44. package/dist/esm/checkbox/index.js.map +1 -1
  45. package/dist/esm/dialog/dialog.js +14 -15
  46. package/dist/esm/dialog/dialog.js.map +1 -1
  47. package/dist/esm/divider/divider.js +1 -1
  48. package/dist/esm/divider/divider.js.map +1 -1
  49. package/dist/esm/index-rollup.js +29 -35
  50. package/dist/esm/index-rollup.js.map +1 -1
  51. package/dist/esm/index.js +33 -33
  52. package/dist/esm/index.js.map +1 -1
  53. package/dist/esm/label/label.js.map +1 -1
  54. package/dist/esm/menu/menu.js +25 -23
  55. package/dist/esm/menu/menu.js.map +1 -1
  56. package/dist/esm/menu-button/index.js +2 -2
  57. package/dist/esm/menu-button/index.js.map +1 -1
  58. package/dist/esm/menu-item/index.js +2 -2
  59. package/dist/esm/menu-item/index.js.map +1 -1
  60. package/dist/esm/menu-list/menu-list.js +2 -1
  61. package/dist/esm/menu-list/menu-list.js.map +1 -1
  62. package/dist/esm/progress-bar/index.js +2 -2
  63. package/dist/esm/progress-bar/index.js.map +1 -1
  64. package/dist/esm/radio/index.js +1 -1
  65. package/dist/esm/radio/index.js.map +1 -1
  66. package/dist/esm/slider/index.js +1 -1
  67. package/dist/esm/slider/index.js.map +1 -1
  68. package/dist/esm/spinner/spinner.js.map +1 -1
  69. package/dist/esm/switch/index.js +1 -1
  70. package/dist/esm/switch/index.js.map +1 -1
  71. package/dist/esm/switch/switch.js.map +1 -1
  72. package/dist/esm/tab/index.js +2 -2
  73. package/dist/esm/tab/index.js.map +1 -1
  74. package/dist/esm/tabs/index.js +2 -2
  75. package/dist/esm/tabs/index.js.map +1 -1
  76. package/dist/esm/tabs/tabs.js +13 -9
  77. package/dist/esm/tabs/tabs.js.map +1 -1
  78. package/dist/esm/text-input/text-input.js.map +1 -1
  79. package/dist/esm/theme/design-tokens.js +1744 -0
  80. package/dist/esm/theme/design-tokens.js.map +1 -1
  81. package/dist/esm/theme/set-theme.js +5 -1
  82. package/dist/esm/theme/set-theme.js.map +1 -1
  83. package/dist/esm/toggle-button/index.js +3 -3
  84. package/dist/esm/toggle-button/index.js.map +1 -1
  85. package/dist/fluent-web-components.api.json +504 -659
  86. package/dist/web-components.d.ts +1813 -76
  87. package/dist/web-components.js +1178 -2026
  88. package/dist/web-components.min.js +263 -263
  89. package/docs/api-report.md +602 -448
  90. package/package.json +6 -3
  91. package/tsdoc.json +44 -0
@@ -1,4 +1,5 @@
1
- export { Radio, RadioControl, RadioOptions } from './radio.js';
2
1
  export { definition as RadioDefinition } from './radio.definition.js';
2
+ export { Radio } from './radio.js';
3
+ export type { RadioControl, RadioOptions } from './radio.js';
3
4
  export { styles as RadioStyles } from './radio.styles.js';
4
5
  export { template as RadioTemplate } from './radio.template.js';
@@ -1,5 +1,6 @@
1
- export { Slider } from './slider.js';
2
- export { SliderConfiguration, SliderMode, SliderOptions, SliderOrientation, SliderSize } from './slider.options.js';
3
1
  export { definition as SliderDefinition } from './slider.definition.js';
2
+ export { Slider } from './slider.js';
3
+ export { SliderMode, SliderOrientation, SliderSize } from './slider.options.js';
4
+ export type { SliderConfiguration, SliderOptions } from './slider.options.js';
4
5
  export { styles as SliderStyles } from './slider.styles.js';
5
6
  export { template as SliderTemplate } from './slider.template.js';
@@ -15,7 +15,6 @@ export declare class Spinner extends FASTElement {
15
15
  * The size of the spinner
16
16
  *
17
17
  * @public
18
- * @default 'medium'
19
18
  * @remarks
20
19
  * HTML Attribute: size
21
20
  */
@@ -23,7 +22,6 @@ export declare class Spinner extends FASTElement {
23
22
  /**
24
23
  * The appearance of the spinner
25
24
  * @public
26
- * @default 'primary'
27
25
  * @remarks
28
26
  * HTML Attribute: appearance
29
27
  */
@@ -1,5 +1,6 @@
1
- export { Switch, SwitchOptions } from './switch.js';
2
- export { SwitchLabelPosition } from './switch.options.js';
3
1
  export { definition as SwitchDefinition } from './switch.definition.js';
2
+ export { Switch } from './switch.js';
3
+ export type { SwitchOptions } from './switch.js';
4
+ export { SwitchLabelPosition } from './switch.options.js';
4
5
  export { styles as SwitchStyles } from './switch.styles.js';
5
6
  export { template as SwitchTemplate } from './switch.template.js';
@@ -9,7 +9,6 @@ export declare class Switch extends FormAssociatedSwitch {
9
9
  * The label position of the switch
10
10
  *
11
11
  * @public
12
- * @default 'after'
13
12
  * @remarks
14
13
  * HTML Attribute: labelposition
15
14
  */
@@ -1,4 +1,5 @@
1
- export { Tab, TabOptions } from './tab.js';
2
- export { template as TabTemplate } from './tab.template.js';
3
- export { styles as TabStyles } from './tab.styles.js';
4
1
  export { definition as TabDefinition } from './tab.definition.js';
2
+ export { Tab } from './tab.js';
3
+ export type { TabOptions } from './tab.js';
4
+ export { styles as TabStyles } from './tab.styles.js';
5
+ export { template as TabTemplate } from './tab.template.js';
@@ -1,4 +1,4 @@
1
1
  import { ElementViewTemplate } from '@microsoft/fast-element';
2
- import { Tab, TabOptions } from './tab.js';
2
+ import type { Tab, TabOptions } from './tab.js';
3
3
  export declare function tabTemplate<T extends Tab>(options?: TabOptions): ElementViewTemplate<T>;
4
4
  export declare const template: ElementViewTemplate<Tab, any>;
@@ -1,5 +1,6 @@
1
+ export { definition as TabsDefinition } from './tabs.definition.js';
1
2
  export { Tabs } from './tabs.js';
2
- export { TabsAppearance, TabsOptions, TabsOrientation, TabsSize } from './tabs.options.js';
3
- export { template as TabsTemplate } from './tabs.template.js';
3
+ export { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
4
+ export type { TabsOptions } from './tabs.options.js';
4
5
  export { styles as TabsStyles } from './tabs.styles.js';
5
- export { definition as TabsDefinition } from './tabs.definition.js';
6
+ export { template as TabsTemplate } from './tabs.template.js';
@@ -2,8 +2,8 @@ import { FASTElement } from '@microsoft/fast-element';
2
2
  import { StartEnd } from '../patterns/index.js';
3
3
  import { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js';
4
4
  /**
5
+ * A Tabs component that wraps a collection of tab and tab panel elements.
5
6
  *
6
- * @class TabList component
7
7
  * @public
8
8
  */
9
9
  export declare class BaseTabs extends FASTElement {
@@ -147,21 +147,25 @@ export declare class Tabs extends BaseTabs {
147
147
  */
148
148
  private getTabScale;
149
149
  /**
150
- * applyUpdatedCSSValues
150
+ * Calculates and applies updated values to CSS variables.
151
151
  *
152
- * calculates and applies updated values to CSS variables
153
- * @param tab
152
+ * @param tab - the tab element to apply the updated values to
153
+ * @internal
154
154
  */
155
155
  private applyUpdatedCSSValues;
156
156
  /**
157
- * animationLoop
158
- * runs through all the operations required for setting the tab active indicator to its starting location, ending location, and applying the animated css class to the tab.
159
- * @param tab
157
+ * Runs through all the operations required for setting the tab active indicator to its starting location, ending
158
+ * location, and applying the animated css class to the tab.
159
+ *
160
+ * @param tab - the tab element to apply the updated values to
161
+ * @internal
160
162
  */
161
163
  private animationLoop;
162
164
  /**
163
- * setTabData
164
- * sets the data from the active tab onto the class. used for making all the animation calculations for the active tab indicator.
165
+ * Sets the data from the active tab onto the class. used for making all the animation calculations for the active
166
+ * tab indicator.
167
+ *
168
+ * @internal
165
169
  */
166
170
  private setTabData;
167
171
  private setTabOffsetCSSVar;
@@ -20,7 +20,6 @@ export declare class TextInput extends FASTElement {
20
20
  * Indicates the styled appearance of the element.
21
21
  *
22
22
  * @public
23
- * @default 'outline'
24
23
  * @remarks
25
24
  * HTML Attribute: `appearance`
26
25
  */
@@ -47,7 +46,6 @@ export declare class TextInput extends FASTElement {
47
46
  * Sets the size of the control.
48
47
  *
49
48
  * @public
50
- * @default 'medium'
51
49
  * @remarks
52
50
  * HTML Attribute: `control-size`
53
51
  */