@fluentui/web-components 3.0.0-alpha.3 → 3.0.0-alpha.30
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 +254 -2
- package/README.md +4 -0
- package/dist/dts/accordion/accordion.d.ts +7 -0
- package/dist/dts/accordion/accordion.definition.d.ts +11 -0
- package/dist/dts/accordion/accordion.styles.d.ts +1 -0
- package/dist/dts/accordion/accordion.template.d.ts +3 -0
- package/dist/dts/accordion/define.d.ts +1 -0
- package/dist/dts/accordion/index.d.ts +4 -0
- package/dist/dts/accordion-item/accordion-item.d.ts +33 -0
- package/dist/dts/accordion-item/accordion-item.definition.d.ts +11 -0
- package/dist/dts/accordion-item/accordion-item.options.d.ts +27 -0
- package/dist/dts/accordion-item/accordion-item.styles.d.ts +1 -0
- package/dist/dts/accordion-item/accordion-item.template.d.ts +7 -0
- package/dist/dts/accordion-item/define.d.ts +1 -0
- package/dist/dts/accordion-item/index.d.ts +5 -0
- package/dist/dts/anchor-button/anchor-button.d.ts +64 -0
- package/dist/dts/anchor-button/anchor-button.definition.d.ts +10 -0
- package/dist/dts/anchor-button/anchor-button.options.d.ts +47 -0
- package/dist/dts/anchor-button/anchor-button.styles.d.ts +1 -0
- package/dist/dts/anchor-button/anchor-button.template.d.ts +7 -0
- package/dist/dts/anchor-button/define.d.ts +1 -0
- package/dist/dts/anchor-button/index.d.ts +4 -0
- package/dist/dts/avatar/avatar.d.ts +97 -0
- package/dist/dts/avatar/avatar.definition.d.ts +9 -0
- package/dist/dts/avatar/avatar.options.d.ts +142 -0
- package/dist/dts/avatar/avatar.styles.d.ts +4 -0
- package/dist/dts/avatar/avatar.template.d.ts +8 -0
- package/dist/dts/avatar/define.d.ts +1 -0
- package/dist/dts/avatar/index.d.ts +5 -0
- package/dist/dts/badge/badge.d.ts +3 -3
- package/dist/dts/badge/badge.options.d.ts +2 -1
- package/dist/dts/button/button.d.ts +55 -0
- package/dist/dts/button/button.definition.d.ts +10 -0
- package/dist/dts/button/button.options.d.ts +47 -0
- package/dist/dts/button/button.styles.d.ts +1 -0
- package/dist/dts/button/button.template.d.ts +7 -0
- package/dist/dts/button/define.d.ts +1 -0
- package/dist/dts/button/index.d.ts +5 -0
- package/dist/dts/checkbox/checkbox.d.ts +35 -0
- package/dist/dts/checkbox/checkbox.definition.d.ts +9 -0
- package/dist/dts/checkbox/checkbox.options.d.ts +28 -0
- package/dist/dts/checkbox/checkbox.styles.d.ts +5 -0
- package/dist/dts/checkbox/checkbox.template.d.ts +7 -0
- package/dist/dts/checkbox/define.d.ts +1 -0
- package/dist/dts/checkbox/index.d.ts +5 -0
- package/dist/dts/compound-button/compound-button.d.ts +7 -0
- package/dist/dts/compound-button/compound-button.definition.d.ts +10 -0
- package/dist/dts/compound-button/compound-button.options.d.ts +51 -0
- package/dist/dts/compound-button/compound-button.styles.d.ts +1 -0
- package/dist/dts/compound-button/compound-button.template.d.ts +13 -0
- package/dist/dts/compound-button/define.d.ts +1 -0
- package/dist/dts/compound-button/index.d.ts +5 -0
- package/dist/dts/counter-badge/counter-badge.d.ts +5 -5
- package/dist/dts/counter-badge/counter-badge.options.d.ts +1 -1
- package/dist/dts/divider/define.d.ts +1 -0
- package/dist/dts/divider/divider.d.ts +31 -0
- package/dist/dts/divider/divider.definition.d.ts +9 -0
- package/dist/dts/divider/divider.options.d.ts +41 -0
- package/dist/dts/divider/divider.styles.d.ts +4 -0
- package/dist/dts/divider/divider.template.d.ts +7 -0
- package/dist/dts/divider/index.d.ts +5 -0
- package/dist/dts/helpers.tests.d.ts +8 -0
- package/dist/dts/image/define.d.ts +1 -0
- package/dist/dts/image/image.d.ts +48 -0
- package/dist/dts/image/image.definition.d.ts +9 -0
- package/dist/dts/image/image.options.d.ts +27 -0
- package/dist/dts/image/image.styles.d.ts +5 -0
- package/dist/dts/image/image.template.d.ts +7 -0
- package/dist/dts/image/index.d.ts +5 -0
- package/dist/dts/index.d.ts +23 -0
- package/dist/dts/label/define.d.ts +1 -0
- package/dist/dts/label/index.d.ts +4 -0
- package/dist/dts/label/label.d.ts +42 -0
- package/dist/dts/label/label.definition.d.ts +10 -0
- package/dist/dts/label/label.options.d.ts +26 -0
- package/dist/dts/label/label.styles.d.ts +4 -0
- package/dist/dts/label/label.template.d.ts +8 -0
- package/dist/dts/menu-button/define.d.ts +1 -0
- package/dist/dts/menu-button/index.d.ts +5 -0
- package/dist/dts/menu-button/menu-button.d.ts +7 -0
- package/dist/dts/menu-button/menu-button.definition.d.ts +10 -0
- package/dist/dts/menu-button/menu-button.options.d.ts +47 -0
- package/dist/dts/menu-button/menu-button.template.d.ts +7 -0
- package/dist/dts/menu-item/define.d.ts +1 -0
- package/dist/dts/menu-item/index.d.ts +4 -0
- package/dist/dts/menu-item/menu-item.d.ts +9 -0
- package/dist/dts/menu-item/menu-item.definition.d.ts +11 -0
- package/dist/dts/menu-item/menu-item.styles.d.ts +4 -0
- package/dist/dts/menu-item/menu-item.template.d.ts +3 -0
- package/dist/dts/menu-list/define.d.ts +1 -0
- package/dist/dts/menu-list/index.d.ts +4 -0
- package/dist/dts/menu-list/menu-list.d.ts +9 -0
- package/dist/dts/menu-list/menu-list.definition.d.ts +11 -0
- package/dist/dts/menu-list/menu-list.styles.d.ts +4 -0
- package/dist/dts/menu-list/menu-list.template.d.ts +3 -0
- package/dist/dts/progress-bar/progress-bar.d.ts +3 -3
- package/dist/dts/progress-bar/progress-bar.options.d.ts +1 -1
- package/dist/dts/progress-bar/progress-bar.styles.d.ts +1 -1
- package/dist/dts/radio/define.d.ts +1 -0
- package/dist/dts/radio/index.d.ts +4 -0
- package/dist/dts/radio/radio.d.ts +7 -0
- package/dist/dts/radio/radio.definition.d.ts +10 -0
- package/dist/dts/radio/radio.styles.d.ts +4 -0
- package/dist/dts/radio/radio.template.d.ts +3 -0
- package/dist/dts/radio-group/define.d.ts +1 -0
- package/dist/dts/radio-group/index.d.ts +5 -0
- package/dist/dts/radio-group/radio-group.d.ts +15 -0
- package/dist/dts/radio-group/radio-group.definition.d.ts +10 -0
- package/dist/dts/radio-group/radio-group.styles.d.ts +4 -0
- package/dist/dts/radio-group/radio-group.template.d.ts +3 -0
- package/dist/dts/slider/define.d.ts +1 -0
- package/dist/dts/slider/index.d.ts +5 -0
- package/dist/dts/slider/slider.d.ts +24 -0
- package/dist/dts/slider/slider.definition.d.ts +10 -0
- package/dist/dts/slider/slider.options.d.ts +15 -0
- package/dist/dts/slider/slider.styles.d.ts +4 -0
- package/dist/dts/slider/slider.template.d.ts +3 -0
- package/dist/dts/spinner/spinner.d.ts +3 -3
- package/dist/dts/spinner/spinner.options.d.ts +1 -1
- package/dist/dts/switch/define.d.ts +1 -0
- package/dist/dts/switch/index.d.ts +5 -0
- package/dist/dts/switch/switch.d.ts +13 -0
- package/dist/dts/switch/switch.definition.d.ts +9 -0
- package/dist/dts/switch/switch.options.d.ts +15 -0
- package/dist/dts/switch/switch.styles.d.ts +1 -0
- package/dist/dts/switch/switch.template.d.ts +3 -0
- package/dist/dts/tab/define.d.ts +1 -0
- package/dist/dts/tab/index.d.ts +4 -0
- package/dist/dts/tab/tab.d.ts +8 -0
- package/dist/dts/tab/tab.definition.d.ts +2 -0
- package/dist/dts/tab/tab.styles.d.ts +1 -0
- package/dist/dts/tab/tab.template.d.ts +4 -0
- package/dist/dts/tab-panel/define.d.ts +1 -0
- package/dist/dts/tab-panel/index.d.ts +4 -0
- package/dist/dts/tab-panel/tab-panel.d.ts +3 -0
- package/dist/dts/tab-panel/tab-panel.definition.d.ts +2 -0
- package/dist/dts/tab-panel/tab-panel.styles.d.ts +1 -0
- package/dist/dts/tab-panel/tab-panel.template.d.ts +1 -0
- package/dist/dts/tabs/define.d.ts +1 -0
- package/dist/dts/tabs/index.d.ts +5 -0
- package/dist/dts/tabs/tabs.d.ts +88 -0
- package/dist/dts/tabs/tabs.definition.d.ts +2 -0
- package/dist/dts/tabs/tabs.options.d.ts +14 -0
- package/dist/dts/tabs/tabs.styles.d.ts +1 -0
- package/dist/dts/tabs/tabs.template.d.ts +1 -0
- package/dist/dts/text/text.d.ts +4 -4
- package/dist/dts/text/text.options.d.ts +1 -1
- package/dist/dts/text-input/define.d.ts +1 -0
- package/dist/dts/text-input/index.d.ts +6 -0
- package/dist/dts/text-input/text-input.d.ts +26 -0
- package/dist/dts/text-input/text-input.definition.d.ts +10 -0
- package/dist/dts/text-input/text-input.options.d.ts +30 -0
- package/dist/dts/text-input/text-input.styles.d.ts +4 -0
- package/dist/dts/text-input/text-input.template.d.ts +6 -0
- package/dist/dts/theme/design-tokens.d.ts +384 -379
- package/dist/dts/theme/index.d.ts +1 -1
- package/dist/dts/theme/set-theme.d.ts +2 -0
- package/dist/dts/toggle-button/define.d.ts +1 -0
- package/dist/dts/toggle-button/index.d.ts +5 -0
- package/dist/dts/toggle-button/toggle-button.d.ts +48 -0
- package/dist/dts/toggle-button/toggle-button.definition.d.ts +10 -0
- package/dist/dts/toggle-button/toggle-button.options.d.ts +47 -0
- package/dist/dts/toggle-button/toggle-button.styles.d.ts +1 -0
- package/dist/dts/toggle-button/toggle-button.template.d.ts +7 -0
- package/dist/dts/utils/apply-mixins.d.ts +11 -0
- package/dist/dts/utils/get-initials.d.ts +18 -0
- package/dist/esm/accordion/accordion.definition.js +19 -0
- package/dist/esm/accordion/accordion.definition.js.map +1 -0
- package/dist/esm/accordion/accordion.js +8 -0
- package/dist/esm/accordion/accordion.js.map +1 -0
- package/dist/esm/accordion/accordion.styles.js +12 -0
- package/dist/esm/accordion/accordion.styles.js.map +1 -0
- package/dist/esm/accordion/accordion.template.js +3 -0
- package/dist/esm/accordion/accordion.template.js.map +1 -0
- package/dist/esm/accordion/define.js +4 -0
- package/dist/esm/accordion/define.js.map +1 -0
- package/dist/esm/accordion/index.js +5 -0
- package/dist/esm/accordion/index.js.map +1 -0
- package/dist/esm/accordion-item/accordion-item.definition.js +19 -0
- package/dist/esm/accordion-item/accordion-item.definition.js.map +1 -0
- package/dist/esm/accordion-item/accordion-item.js +34 -0
- package/dist/esm/accordion-item/accordion-item.js.map +1 -0
- package/dist/esm/accordion-item/accordion-item.options.js +17 -0
- package/dist/esm/accordion-item/accordion-item.options.js.map +1 -0
- package/dist/esm/accordion-item/accordion-item.styles.js +198 -0
- package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -0
- package/dist/esm/accordion-item/accordion-item.template.js +37 -0
- package/dist/esm/accordion-item/accordion-item.template.js.map +1 -0
- package/dist/esm/accordion-item/define.js +4 -0
- package/dist/esm/accordion-item/define.js.map +1 -0
- package/dist/esm/accordion-item/index.js +6 -0
- package/dist/esm/accordion-item/index.js.map +1 -0
- package/dist/esm/anchor-button/anchor-button.definition.js +21 -0
- package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -0
- package/dist/esm/anchor-button/anchor-button.js +93 -0
- package/dist/esm/anchor-button/anchor-button.js.map +1 -0
- package/dist/esm/anchor-button/anchor-button.options.js +17 -0
- package/dist/esm/anchor-button/anchor-button.options.js.map +1 -0
- package/dist/esm/anchor-button/anchor-button.styles.js +11 -0
- package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -0
- package/dist/esm/anchor-button/anchor-button.template.js +7 -0
- package/dist/esm/anchor-button/anchor-button.template.js.map +1 -0
- package/dist/esm/anchor-button/define.js +4 -0
- package/dist/esm/anchor-button/define.js.map +1 -0
- package/dist/esm/anchor-button/index.js +5 -0
- package/dist/esm/anchor-button/index.js.map +1 -0
- package/dist/esm/avatar/avatar.definition.js +17 -0
- package/dist/esm/avatar/avatar.definition.js.map +1 -0
- package/dist/esm/avatar/avatar.js +92 -0
- package/dist/esm/avatar/avatar.js.map +1 -0
- package/dist/esm/avatar/avatar.options.js +87 -0
- package/dist/esm/avatar/avatar.options.js.map +1 -0
- package/dist/esm/avatar/avatar.styles.js +477 -0
- package/dist/esm/avatar/avatar.styles.js.map +1 -0
- package/dist/esm/avatar/avatar.template.js +28 -0
- package/dist/esm/avatar/avatar.template.js.map +1 -0
- package/dist/esm/avatar/define.js +4 -0
- package/dist/esm/avatar/define.js.map +1 -0
- package/dist/esm/avatar/index.js +6 -0
- package/dist/esm/avatar/index.js.map +1 -0
- package/dist/esm/badge/badge.definition.js +1 -0
- package/dist/esm/badge/badge.definition.js.map +1 -0
- package/dist/esm/badge/badge.js +4 -1
- package/dist/esm/badge/badge.js.map +1 -0
- package/dist/esm/badge/badge.options.js +1 -0
- package/dist/esm/badge/badge.options.js.map +1 -0
- package/dist/esm/badge/badge.styles.js +1 -0
- package/dist/esm/badge/badge.styles.js.map +1 -0
- package/dist/esm/badge/badge.template.js +3 -1
- package/dist/esm/badge/badge.template.js.map +1 -0
- package/dist/esm/badge/define.js +1 -0
- package/dist/esm/badge/define.js.map +1 -0
- package/dist/esm/badge/index.js +1 -0
- package/dist/esm/badge/index.js.map +1 -0
- package/dist/esm/button/button.definition.js +21 -0
- package/dist/esm/button/button.definition.js.map +1 -0
- package/dist/esm/button/button.js +72 -0
- package/dist/esm/button/button.js.map +1 -0
- package/dist/esm/button/button.options.js +30 -0
- package/dist/esm/button/button.options.js.map +1 -0
- package/dist/esm/button/button.styles.js +260 -0
- package/dist/esm/button/button.styles.js.map +1 -0
- package/dist/esm/button/button.template.js +7 -0
- package/dist/esm/button/button.template.js.map +1 -0
- package/dist/esm/button/define.js +4 -0
- package/dist/esm/button/define.js.map +1 -0
- package/dist/esm/button/index.js +6 -0
- package/dist/esm/button/index.js.map +1 -0
- package/dist/esm/checkbox/checkbox.definition.js +17 -0
- package/dist/esm/checkbox/checkbox.definition.js.map +1 -0
- package/dist/esm/checkbox/checkbox.js +24 -0
- package/dist/esm/checkbox/checkbox.js.map +1 -0
- package/dist/esm/checkbox/checkbox.options.js +25 -0
- package/dist/esm/checkbox/checkbox.options.js.map +1 -0
- package/dist/esm/checkbox/checkbox.styles.js +164 -0
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -0
- package/dist/esm/checkbox/checkbox.template.js +27 -0
- package/dist/esm/checkbox/checkbox.template.js.map +1 -0
- package/dist/esm/checkbox/define.js +4 -0
- package/dist/esm/checkbox/define.js.map +1 -0
- package/dist/esm/checkbox/index.js +6 -0
- package/dist/esm/checkbox/index.js.map +1 -0
- package/dist/esm/compound-button/compound-button.definition.js +21 -0
- package/dist/esm/compound-button/compound-button.definition.js.map +1 -0
- package/dist/esm/compound-button/compound-button.js +8 -0
- package/dist/esm/compound-button/compound-button.js.map +1 -0
- package/dist/esm/compound-button/compound-button.options.js +17 -0
- package/dist/esm/compound-button/compound-button.options.js.map +1 -0
- package/dist/esm/compound-button/compound-button.styles.js +105 -0
- package/dist/esm/compound-button/compound-button.styles.js.map +1 -0
- package/dist/esm/compound-button/compound-button.template.js +60 -0
- package/dist/esm/compound-button/compound-button.template.js.map +1 -0
- package/dist/esm/compound-button/define.js +4 -0
- package/dist/esm/compound-button/define.js.map +1 -0
- package/dist/esm/compound-button/index.js +6 -0
- package/dist/esm/compound-button/index.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.definition.js +1 -0
- package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.js +4 -1
- package/dist/esm/counter-badge/counter-badge.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.options.js +1 -0
- package/dist/esm/counter-badge/counter-badge.options.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.styles.js +1 -0
- package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.template.js +1 -0
- package/dist/esm/counter-badge/counter-badge.template.js.map +1 -0
- package/dist/esm/counter-badge/define.js +1 -0
- package/dist/esm/counter-badge/define.js.map +1 -0
- package/dist/esm/counter-badge/index.js +1 -0
- package/dist/esm/counter-badge/index.js.map +1 -0
- package/dist/esm/divider/define.js +4 -0
- package/dist/esm/divider/define.js.map +1 -0
- package/dist/esm/divider/divider.definition.js +17 -0
- package/dist/esm/divider/divider.definition.js.map +1 -0
- package/dist/esm/divider/divider.js +21 -0
- package/dist/esm/divider/divider.js.map +1 -0
- package/dist/esm/divider/divider.options.js +31 -0
- package/dist/esm/divider/divider.options.js.map +1 -0
- package/dist/esm/divider/divider.styles.js +127 -0
- package/dist/esm/divider/divider.styles.js.map +1 -0
- package/dist/esm/divider/divider.template.js +7 -0
- package/dist/esm/divider/divider.template.js.map +1 -0
- package/dist/esm/divider/index.js +6 -0
- package/dist/esm/divider/index.js.map +1 -0
- package/dist/esm/fluent-design-system.js +1 -0
- package/dist/esm/fluent-design-system.js.map +1 -0
- package/dist/esm/helpers.tests.js +29 -0
- package/dist/esm/helpers.tests.js.map +1 -0
- package/dist/esm/image/define.js +4 -0
- package/dist/esm/image/define.js.map +1 -0
- package/dist/esm/image/image.definition.js +17 -0
- package/dist/esm/image/image.definition.js.map +1 -0
- package/dist/esm/image/image.js +24 -0
- package/dist/esm/image/image.js.map +1 -0
- package/dist/esm/image/image.options.js +21 -0
- package/dist/esm/image/image.options.js.map +1 -0
- package/dist/esm/image/image.styles.js +59 -0
- package/dist/esm/image/image.styles.js.map +1 -0
- package/dist/esm/image/image.template.js +7 -0
- package/dist/esm/image/image.template.js.map +1 -0
- package/dist/esm/image/index.js +6 -0
- package/dist/esm/image/index.js.map +1 -0
- package/dist/esm/index-rollup.js +1 -0
- package/dist/esm/index-rollup.js.map +1 -0
- package/dist/esm/index.js +24 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/label/define.js +4 -0
- package/dist/esm/label/define.js.map +1 -0
- package/dist/esm/label/index.js +5 -0
- package/dist/esm/label/index.js.map +1 -0
- package/dist/esm/label/label.definition.js +18 -0
- package/dist/esm/label/label.definition.js.map +1 -0
- package/dist/esm/label/label.js +40 -0
- package/dist/esm/label/label.js.map +1 -0
- package/dist/esm/label/label.options.js +16 -0
- package/dist/esm/label/label.options.js.map +1 -0
- package/dist/esm/label/label.styles.js +38 -0
- package/dist/esm/label/label.styles.js.map +1 -0
- package/dist/esm/label/label.template.js +13 -0
- package/dist/esm/label/label.template.js.map +1 -0
- package/dist/esm/menu-button/define.js +4 -0
- package/dist/esm/menu-button/define.js.map +1 -0
- package/dist/esm/menu-button/index.js +6 -0
- package/dist/esm/menu-button/index.js.map +1 -0
- package/dist/esm/menu-button/menu-button.definition.js +21 -0
- package/dist/esm/menu-button/menu-button.definition.js.map +1 -0
- package/dist/esm/menu-button/menu-button.js +8 -0
- package/dist/esm/menu-button/menu-button.js.map +1 -0
- package/dist/esm/menu-button/menu-button.options.js +17 -0
- package/dist/esm/menu-button/menu-button.options.js.map +1 -0
- package/dist/esm/menu-button/menu-button.template.js +10 -0
- package/dist/esm/menu-button/menu-button.template.js.map +1 -0
- package/dist/esm/menu-item/define.js +4 -0
- package/dist/esm/menu-item/define.js.map +1 -0
- package/dist/esm/menu-item/index.js +5 -0
- package/dist/esm/menu-item/index.js.map +1 -0
- package/dist/esm/menu-item/menu-item.definition.js +19 -0
- package/dist/esm/menu-item/menu-item.definition.js.map +1 -0
- package/dist/esm/menu-item/menu-item.js +9 -0
- package/dist/esm/menu-item/menu-item.js.map +1 -0
- package/dist/esm/menu-item/menu-item.styles.js +183 -0
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -0
- package/dist/esm/menu-item/menu-item.template.js +10 -0
- package/dist/esm/menu-item/menu-item.template.js.map +1 -0
- package/dist/esm/menu-list/define.js +4 -0
- package/dist/esm/menu-list/define.js.map +1 -0
- package/dist/esm/menu-list/index.js +5 -0
- package/dist/esm/menu-list/index.js.map +1 -0
- package/dist/esm/menu-list/menu-list.definition.js +19 -0
- package/dist/esm/menu-list/menu-list.definition.js.map +1 -0
- package/dist/esm/menu-list/menu-list.js +36 -0
- package/dist/esm/menu-list/menu-list.js.map +1 -0
- package/dist/esm/menu-list/menu-list.styles.js +24 -0
- package/dist/esm/menu-list/menu-list.styles.js.map +1 -0
- package/dist/esm/menu-list/menu-list.template.js +3 -0
- package/dist/esm/menu-list/menu-list.template.js.map +1 -0
- package/dist/esm/progress-bar/define.js +1 -0
- package/dist/esm/progress-bar/define.js.map +1 -0
- package/dist/esm/progress-bar/index.js +1 -0
- package/dist/esm/progress-bar/index.js.map +1 -0
- package/dist/esm/progress-bar/progress-bar.definition.js +1 -0
- package/dist/esm/progress-bar/progress-bar.definition.js.map +1 -0
- package/dist/esm/progress-bar/progress-bar.js +18 -2
- package/dist/esm/progress-bar/progress-bar.js.map +1 -0
- package/dist/esm/progress-bar/progress-bar.options.js +1 -0
- package/dist/esm/progress-bar/progress-bar.options.js.map +1 -0
- package/dist/esm/progress-bar/progress-bar.styles.js +21 -3
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -0
- package/dist/esm/progress-bar/progress-bar.template.js +2 -1
- package/dist/esm/progress-bar/progress-bar.template.js.map +1 -0
- package/dist/esm/radio/define.js +4 -0
- package/dist/esm/radio/define.js.map +1 -0
- package/dist/esm/radio/index.js +5 -0
- package/dist/esm/radio/index.js.map +1 -0
- package/dist/esm/radio/radio.definition.js +18 -0
- package/dist/esm/radio/radio.definition.js.map +1 -0
- package/dist/esm/radio/radio.js +8 -0
- package/dist/esm/radio/radio.js.map +1 -0
- package/dist/esm/radio/radio.styles.js +118 -0
- package/dist/esm/radio/radio.styles.js.map +1 -0
- package/dist/esm/radio/radio.template.js +6 -0
- package/dist/esm/radio/radio.template.js.map +1 -0
- package/dist/esm/radio-group/define.js +4 -0
- package/dist/esm/radio-group/define.js.map +1 -0
- package/dist/esm/radio-group/index.js +6 -0
- package/dist/esm/radio-group/index.js.map +1 -0
- package/dist/esm/radio-group/radio-group.definition.js +18 -0
- package/dist/esm/radio-group/radio-group.definition.js.map +1 -0
- package/dist/esm/radio-group/radio-group.js +24 -0
- package/dist/esm/radio-group/radio-group.js.map +1 -0
- package/dist/esm/radio-group/radio-group.styles.js +52 -0
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -0
- package/dist/esm/radio-group/radio-group.template.js +3 -0
- package/dist/esm/radio-group/radio-group.template.js.map +1 -0
- package/dist/esm/slider/define.js +4 -0
- package/dist/esm/slider/define.js.map +1 -0
- package/dist/esm/slider/index.js +6 -0
- package/dist/esm/slider/index.js.map +1 -0
- package/dist/esm/slider/slider.definition.js +18 -0
- package/dist/esm/slider/slider.definition.js.map +1 -0
- package/dist/esm/slider/slider.js +64 -0
- package/dist/esm/slider/slider.js.map +1 -0
- package/dist/esm/slider/slider.options.js +10 -0
- package/dist/esm/slider/slider.options.js.map +1 -0
- package/dist/esm/slider/slider.styles.js +203 -0
- package/dist/esm/slider/slider.styles.js.map +1 -0
- package/dist/esm/slider/slider.template.js +5 -0
- package/dist/esm/slider/slider.template.js.map +1 -0
- package/dist/esm/spinner/define.js +1 -0
- package/dist/esm/spinner/define.js.map +1 -0
- package/dist/esm/spinner/index.js +1 -0
- package/dist/esm/spinner/index.js.map +1 -0
- package/dist/esm/spinner/spinner.definition.js +1 -0
- package/dist/esm/spinner/spinner.definition.js.map +1 -0
- package/dist/esm/spinner/spinner.js +8 -2
- package/dist/esm/spinner/spinner.js.map +1 -0
- package/dist/esm/spinner/spinner.options.js +1 -0
- package/dist/esm/spinner/spinner.options.js.map +1 -0
- package/dist/esm/spinner/spinner.styles.js +3 -1
- package/dist/esm/spinner/spinner.styles.js.map +1 -0
- package/dist/esm/spinner/spinner.template.js +2 -1
- package/dist/esm/spinner/spinner.template.js.map +1 -0
- package/dist/esm/styles/index.js +1 -0
- package/dist/esm/styles/index.js.map +1 -0
- package/dist/esm/styles/partials/badge.partials.js +6 -4
- package/dist/esm/styles/partials/badge.partials.js.map +1 -0
- package/dist/esm/styles/partials/index.js +1 -0
- package/dist/esm/styles/partials/index.js.map +1 -0
- package/dist/esm/switch/define.js +4 -0
- package/dist/esm/switch/define.js.map +1 -0
- package/dist/esm/switch/index.js +6 -0
- package/dist/esm/switch/index.js.map +1 -0
- package/dist/esm/switch/switch.definition.js +17 -0
- package/dist/esm/switch/switch.definition.js.map +1 -0
- package/dist/esm/switch/switch.js +14 -0
- package/dist/esm/switch/switch.js.map +1 -0
- package/dist/esm/switch/switch.options.js +10 -0
- package/dist/esm/switch/switch.options.js.map +1 -0
- package/dist/esm/switch/switch.styles.js +141 -0
- package/dist/esm/switch/switch.styles.js.map +1 -0
- package/dist/esm/switch/switch.template.js +5 -0
- package/dist/esm/switch/switch.template.js.map +1 -0
- package/dist/esm/tab/define.js +4 -0
- package/dist/esm/tab/define.js.map +1 -0
- package/dist/esm/tab/index.js +5 -0
- package/dist/esm/tab/index.js.map +1 -0
- package/dist/esm/tab/tab.definition.js +10 -0
- package/dist/esm/tab/tab.definition.js.map +1 -0
- package/dist/esm/tab/tab.js +20 -0
- package/dist/esm/tab/tab.js.map +1 -0
- package/dist/esm/tab/tab.styles.js +98 -0
- package/dist/esm/tab/tab.styles.js.map +1 -0
- package/dist/esm/tab/tab.template.js +13 -0
- package/dist/esm/tab/tab.template.js.map +1 -0
- package/dist/esm/tab-panel/define.js +4 -0
- package/dist/esm/tab-panel/define.js.map +1 -0
- package/dist/esm/tab-panel/index.js +5 -0
- package/dist/esm/tab-panel/index.js.map +1 -0
- package/dist/esm/tab-panel/tab-panel.definition.js +10 -0
- package/dist/esm/tab-panel/tab-panel.definition.js.map +1 -0
- package/dist/esm/tab-panel/tab-panel.js +4 -0
- package/dist/esm/tab-panel/tab-panel.js.map +1 -0
- package/dist/esm/tab-panel/tab-panel.styles.js +12 -0
- package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -0
- package/dist/esm/tab-panel/tab-panel.template.js +3 -0
- package/dist/esm/tab-panel/tab-panel.template.js.map +1 -0
- package/dist/esm/tabs/define.js +4 -0
- package/dist/esm/tabs/define.js.map +1 -0
- package/dist/esm/tabs/index.js +6 -0
- package/dist/esm/tabs/index.js.map +1 -0
- package/dist/esm/tabs/tabs.definition.js +10 -0
- package/dist/esm/tabs/tabs.definition.js.map +1 -0
- package/dist/esm/tabs/tabs.js +158 -0
- package/dist/esm/tabs/tabs.js.map +1 -0
- package/dist/esm/tabs/tabs.options.js +12 -0
- package/dist/esm/tabs/tabs.options.js.map +1 -0
- package/dist/esm/tabs/tabs.styles.js +230 -0
- package/dist/esm/tabs/tabs.styles.js.map +1 -0
- package/dist/esm/tabs/tabs.template.js +3 -0
- package/dist/esm/tabs/tabs.template.js.map +1 -0
- package/dist/esm/text/define.js +1 -0
- package/dist/esm/text/define.js.map +1 -0
- package/dist/esm/text/index.js +1 -0
- package/dist/esm/text/index.js.map +1 -0
- package/dist/esm/text/text.definition.js +1 -0
- package/dist/esm/text/text.definition.js.map +1 -0
- package/dist/esm/text/text.js +1 -0
- package/dist/esm/text/text.js.map +1 -0
- package/dist/esm/text/text.options.js +1 -0
- package/dist/esm/text/text.options.js.map +1 -0
- package/dist/esm/text/text.styles.js +9 -2
- package/dist/esm/text/text.styles.js.map +1 -0
- package/dist/esm/text/text.template.js +1 -0
- package/dist/esm/text/text.template.js.map +1 -0
- package/dist/esm/text-input/define.js +4 -0
- package/dist/esm/text-input/define.js.map +1 -0
- package/dist/esm/text-input/index.js +7 -0
- package/dist/esm/text-input/index.js.map +1 -0
- package/dist/esm/text-input/text-input.definition.js +18 -0
- package/dist/esm/text-input/text-input.definition.js.map +1 -0
- package/dist/esm/text-input/text-input.js +16 -0
- package/dist/esm/text-input/text-input.js.map +1 -0
- package/dist/esm/text-input/text-input.options.js +20 -0
- package/dist/esm/text-input/text-input.options.js.map +1 -0
- package/dist/esm/text-input/text-input.styles.js +200 -0
- package/dist/esm/text-input/text-input.styles.js.map +1 -0
- package/dist/esm/text-input/text-input.template.js +6 -0
- package/dist/esm/text-input/text-input.template.js.map +1 -0
- package/dist/esm/theme/design-tokens.js +7 -1
- package/dist/esm/theme/design-tokens.js.map +1 -0
- package/dist/esm/theme/index.js +2 -1
- package/dist/esm/theme/index.js.map +1 -0
- package/dist/esm/theme/set-theme.js +6 -0
- package/dist/esm/theme/set-theme.js.map +1 -0
- package/dist/esm/toggle-button/define.js +4 -0
- package/dist/esm/toggle-button/define.js.map +1 -0
- package/dist/esm/toggle-button/index.js +6 -0
- package/dist/esm/toggle-button/index.js.map +1 -0
- package/dist/esm/toggle-button/toggle-button.definition.js +21 -0
- package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -0
- package/dist/esm/toggle-button/toggle-button.js +102 -0
- package/dist/esm/toggle-button/toggle-button.js.map +1 -0
- package/dist/esm/toggle-button/toggle-button.options.js +17 -0
- package/dist/esm/toggle-button/toggle-button.options.js.map +1 -0
- package/dist/esm/toggle-button/toggle-button.styles.js +94 -0
- package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -0
- package/dist/esm/toggle-button/toggle-button.template.js +7 -0
- package/dist/esm/toggle-button/toggle-button.template.js.map +1 -0
- package/dist/esm/utils/apply-mixins.js +26 -0
- package/dist/esm/utils/apply-mixins.js.map +1 -0
- package/dist/esm/utils/get-initials.js +83 -0
- package/dist/esm/utils/get-initials.js.map +1 -0
- package/dist/fluent-web-components.api.json +10752 -6661
- package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +1 -0
- package/dist/storybook/108.b31ec3a1.iframe.bundle.js +1 -0
- package/dist/storybook/316.bc4aabd3.iframe.bundle.js +2 -0
- package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +17 -0
- package/dist/storybook/401.7edec720.iframe.bundle.js +2 -0
- package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +12 -0
- package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +2 -0
- package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +12 -0
- package/dist/storybook/491.77b24750.iframe.bundle.js +1 -0
- package/dist/storybook/709.22096ad4.iframe.bundle.js +2 -0
- package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +8 -0
- package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +2 -0
- package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +8 -0
- package/dist/storybook/721.46fa9f53.iframe.bundle.js +2 -0
- package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +31 -0
- package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +2 -0
- package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +31 -0
- package/dist/storybook/761.21909e5ef44f985ae0d4.manager.bundle.js +2 -0
- package/dist/storybook/761.21909e5ef44f985ae0d4.manager.bundle.js.LICENSE.txt +94 -0
- package/dist/storybook/858.da40ed98.iframe.bundle.js +1 -0
- package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +1 -0
- package/dist/storybook/885.6558041f.iframe.bundle.js +462 -0
- package/dist/storybook/885.6558041f.iframe.bundle.js.LICENSE.txt +46 -0
- package/dist/storybook/885.6558041f.iframe.bundle.js.map +1 -0
- package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +1 -0
- package/dist/storybook/954.630c5748.iframe.bundle.js +1 -0
- package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +1 -0
- package/dist/storybook/iframe.html +364 -0
- package/dist/storybook/index.html +165 -0
- package/dist/storybook/main.18c2c615e57574af12cd.manager.bundle.js +1 -0
- package/dist/storybook/main.ff3dba0d.iframe.bundle.js +1 -0
- package/dist/storybook/project.json +1 -0
- package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +1 -0
- package/dist/storybook/runtime~main.8db883e762072830487f.manager.bundle.js +1 -0
- package/dist/storybook/shell.css +83 -0
- package/{public → dist/storybook}/theme-switch.ts +1 -1
- package/dist/web-components.d.ts +2113 -387
- package/dist/web-components.js +7430 -1667
- package/dist/web-components.min.js +191 -116
- package/docs/api-report.md +929 -24
- package/package.json +136 -53
- package/playwright.config.ts +25 -0
- package/.eslintrc.json +0 -62
- package/CHANGELOG.json +0 -2787
- package/build/clean.cjs +0 -29
- package/build/transform-fragments.js +0 -29
- package/dist/dts/badge/badge.stories.d.ts +0 -12
- package/dist/dts/counter-badge/counter-badge.stories.d.ts +0 -14
- package/dist/dts/progress-bar/progress-bar.stories.d.ts +0 -9
- package/dist/dts/spinner/spinner.stories.d.ts +0 -8
- package/dist/dts/text/text.stories.d.ts +0 -8
- package/dist/dts/theme/theme.stories.d.ts +0 -5
- package/dist/esm/badge/badge.stories.js +0 -108
- package/dist/esm/counter-badge/counter-badge.stories.js +0 -102
- package/dist/esm/progress-bar/progress-bar.stories.js +0 -60
- package/dist/esm/spinner/spinner.stories.js +0 -45
- package/dist/esm/text/text.stories.js +0 -111
- package/dist/esm/theme/theme.stories.js +0 -21
- package/dist/tsdoc-metadata.json +0 -11
- package/rollup.config.js +0 -58
- package/storybook-typings.d.ts +0 -4
- /package/{public → dist/storybook}/SegoeUI-VF.ttf +0 -0
- /package/{public → dist/storybook}/favicon.ico +0 -0
- /package/{public → dist/storybook}/favicon.png +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,264 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 22 Aug 2023 04:17:05 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-alpha.30](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.30)
|
|
8
|
+
|
|
9
|
+
Tue, 22 Aug 2023 04:17:05 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.29..@fluentui/web-components_v3.0.0-alpha.30)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- feat(web-components): update core component files to use foundation export paths and update package exports to include extensions ([PR #28912](https://github.com/microsoft/fluentui/pull/28912) by chhol@microsoft.com)
|
|
15
|
+
|
|
16
|
+
## [3.0.0-alpha.29](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.29)
|
|
17
|
+
|
|
18
|
+
Tue, 15 Aug 2023 04:16:11 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.28..@fluentui/web-components_v3.0.0-alpha.29)
|
|
20
|
+
|
|
21
|
+
### Changes
|
|
22
|
+
|
|
23
|
+
- fix(web-components): update latest versions of fast packages and fix unallowed attributes issue for fluent-divider ([PR #28837](https://github.com/microsoft/fluentui/pull/28837) by chhol@microsoft.com)
|
|
24
|
+
|
|
25
|
+
## [3.0.0-alpha.28](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.28)
|
|
26
|
+
|
|
27
|
+
Wed, 09 Aug 2023 04:16:56 GMT
|
|
28
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.27..@fluentui/web-components_v3.0.0-alpha.28)
|
|
29
|
+
|
|
30
|
+
### Changes
|
|
31
|
+
|
|
32
|
+
- fix(web-components): enumerate side-effects for package export paths ([PR #28748](https://github.com/microsoft/fluentui/pull/28748) by chhol@microsoft.com)
|
|
33
|
+
|
|
34
|
+
## [3.0.0-alpha.27](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.27)
|
|
35
|
+
|
|
36
|
+
Tue, 08 Aug 2023 04:18:02 GMT
|
|
37
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.26..@fluentui/web-components_v3.0.0-alpha.27)
|
|
38
|
+
|
|
39
|
+
### Changes
|
|
40
|
+
|
|
41
|
+
- (accessibility): high contrast fixes ([PR #28717](https://github.com/microsoft/fluentui/pull/28717) by brian.christopher.brady@gmail.com)
|
|
42
|
+
- Fixes low contrast in dark mode for web component badge ([PR #28766](https://github.com/microsoft/fluentui/pull/28766) by ryan@ryanmerrill.net)
|
|
43
|
+
|
|
44
|
+
## [3.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.26)
|
|
45
|
+
|
|
46
|
+
Mon, 07 Aug 2023 04:17:07 GMT
|
|
47
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.25..@fluentui/web-components_v3.0.0-alpha.26)
|
|
48
|
+
|
|
49
|
+
### Changes
|
|
50
|
+
|
|
51
|
+
- feat: Add support for scoped theming ([PR #28441](https://github.com/microsoft/fluentui/pull/28441) by miroslav.stastny@microsoft.com)
|
|
52
|
+
|
|
53
|
+
## [3.0.0-alpha.25](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.25)
|
|
54
|
+
|
|
55
|
+
Wed, 19 Jul 2023 04:18:54 GMT
|
|
56
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.24..@fluentui/web-components_v3.0.0-alpha.25)
|
|
57
|
+
|
|
58
|
+
### Changes
|
|
59
|
+
|
|
60
|
+
- fix(web-components): check if component is connected before calling setAttribute in attribute changed callback ([PR #28500](https://github.com/microsoft/fluentui/pull/28500) by chhol@microsoft.com)
|
|
61
|
+
- feat(checkbox): Add checkbox web component ([PR #27450](https://github.com/microsoft/fluentui/pull/27450) by brianbrady@microsoft.com)
|
|
62
|
+
|
|
63
|
+
## [3.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.24)
|
|
64
|
+
|
|
65
|
+
Mon, 12 Jun 2023 04:17:30 GMT
|
|
66
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.23..@fluentui/web-components_v3.0.0-alpha.24)
|
|
67
|
+
|
|
68
|
+
### Changes
|
|
69
|
+
|
|
70
|
+
- export fluent design system from web-components package ([PR #27905](https://github.com/microsoft/fluentui/pull/27905) by chhol@microsoft.com)
|
|
71
|
+
|
|
72
|
+
## [3.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.23)
|
|
73
|
+
|
|
74
|
+
Thu, 08 Jun 2023 04:18:00 GMT
|
|
75
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.22..@fluentui/web-components_v3.0.0-alpha.23)
|
|
76
|
+
|
|
77
|
+
### Changes
|
|
78
|
+
|
|
79
|
+
- feat(text-input): add TextInput as a new web component ([PR #27348](https://github.com/microsoft/fluentui/pull/27348) by brianbrady@microsoft.com)
|
|
80
|
+
|
|
81
|
+
## [3.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.22)
|
|
82
|
+
|
|
83
|
+
Wed, 24 May 2023 04:19:34 GMT
|
|
84
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.21..@fluentui/web-components_v3.0.0-alpha.22)
|
|
85
|
+
|
|
86
|
+
### Changes
|
|
87
|
+
|
|
88
|
+
- feat(menu-item): export MenuItemRole constants ([PR #27941](https://github.com/microsoft/fluentui/pull/27941) by harankin@microsoft.com)
|
|
89
|
+
|
|
90
|
+
## [3.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.21)
|
|
91
|
+
|
|
92
|
+
Mon, 15 May 2023 04:19:56 GMT
|
|
93
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.20..@fluentui/web-components_v3.0.0-alpha.21)
|
|
94
|
+
|
|
95
|
+
### Changes
|
|
96
|
+
|
|
97
|
+
- Fixes exports in Switch ([PR #27821](https://github.com/microsoft/fluentui/pull/27821) by ryan@ryanmerrill.net)
|
|
98
|
+
|
|
99
|
+
## [3.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.20)
|
|
100
|
+
|
|
101
|
+
Mon, 08 May 2023 04:19:58 GMT
|
|
102
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.19..@fluentui/web-components_v3.0.0-alpha.20)
|
|
103
|
+
|
|
104
|
+
### Changes
|
|
105
|
+
|
|
106
|
+
- feat(radio): add radio and radio-group web components ([PR #27113](https://github.com/microsoft/fluentui/pull/27113) by brianbrady@microsoft.com)
|
|
107
|
+
|
|
108
|
+
## [3.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.19)
|
|
109
|
+
|
|
110
|
+
Fri, 21 Apr 2023 04:19:22 GMT
|
|
111
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.18..@fluentui/web-components_v3.0.0-alpha.19)
|
|
112
|
+
|
|
113
|
+
### Changes
|
|
114
|
+
|
|
115
|
+
- feat(menu-list): Add menu-list and menu-item web components ([PR #26765](https://github.com/microsoft/fluentui/pull/26765) by brianbrady@microsoft.com)
|
|
116
|
+
|
|
117
|
+
## [3.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.18)
|
|
118
|
+
|
|
119
|
+
Thu, 20 Apr 2023 04:20:30 GMT
|
|
120
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.17..@fluentui/web-components_v3.0.0-alpha.18)
|
|
121
|
+
|
|
122
|
+
### Changes
|
|
123
|
+
|
|
124
|
+
- Image component style updates ([PR #27567](https://github.com/microsoft/fluentui/pull/27567) by harankin@microsoft.com)
|
|
125
|
+
|
|
126
|
+
## [3.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.17)
|
|
127
|
+
|
|
128
|
+
Wed, 12 Apr 2023 04:19:35 GMT
|
|
129
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.16..@fluentui/web-components_v3.0.0-alpha.17)
|
|
130
|
+
|
|
131
|
+
### Changes
|
|
132
|
+
|
|
133
|
+
- feat(toggle-button): add toggle button web component ([PR #27405](https://github.com/microsoft/fluentui/pull/27405) by chhol@microsoft.com)
|
|
134
|
+
- feat(compound-button): add compound button as new web component ([PR #27407](https://github.com/microsoft/fluentui/pull/27407) by chhol@microsoft.com)
|
|
135
|
+
- feat(anchor-button): add anchor button to web components ([PR #27395](https://github.com/microsoft/fluentui/pull/27395) by chhol@microsoft.com)
|
|
136
|
+
|
|
137
|
+
## [3.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.16)
|
|
138
|
+
|
|
139
|
+
Tue, 11 Apr 2023 04:24:57 GMT
|
|
140
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.15..@fluentui/web-components_v3.0.0-alpha.16)
|
|
141
|
+
|
|
142
|
+
### Changes
|
|
143
|
+
|
|
144
|
+
- Adding Tabs, Tab and Tab-Panel ([PR #27505](https://github.com/microsoft/fluentui/pull/27505) by mibaraka@microsoft.com)
|
|
145
|
+
|
|
146
|
+
## [3.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.15)
|
|
147
|
+
|
|
148
|
+
Fri, 07 Apr 2023 04:17:30 GMT
|
|
149
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.14..@fluentui/web-components_v3.0.0-alpha.15)
|
|
150
|
+
|
|
151
|
+
### Changes
|
|
152
|
+
|
|
153
|
+
- feat(label): adds label as a new web component ([PR #27344](https://github.com/microsoft/fluentui/pull/27344) by brianbrady@microsoft.com)
|
|
154
|
+
|
|
155
|
+
## [3.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.14)
|
|
156
|
+
|
|
157
|
+
Thu, 06 Apr 2023 04:22:08 GMT
|
|
158
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.13..@fluentui/web-components_v3.0.0-alpha.14)
|
|
159
|
+
|
|
160
|
+
### Changes
|
|
161
|
+
|
|
162
|
+
- Adding TabList, Tab, and TabPanel web components ([PR #27167](https://github.com/microsoft/fluentui/pull/27167) by mibaraka@microsoft.com)
|
|
163
|
+
- feat(menu-button): add menu button as new component ([PR #27396](https://github.com/microsoft/fluentui/pull/27396) by chhol@microsoft.com)
|
|
164
|
+
|
|
165
|
+
## [3.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.13)
|
|
166
|
+
|
|
167
|
+
Fri, 31 Mar 2023 04:19:43 GMT
|
|
168
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.12..@fluentui/web-components_v3.0.0-alpha.13)
|
|
169
|
+
|
|
170
|
+
### Changes
|
|
171
|
+
|
|
172
|
+
- update fast-element and fast-foundation dependencies ([PR #27392](https://github.com/microsoft/fluentui/pull/27392) by chhol@microsoft.com)
|
|
173
|
+
- feat(button): add button web component ([PR #27278](https://github.com/microsoft/fluentui/pull/27278) by chhol@microsoft.com)
|
|
174
|
+
|
|
175
|
+
## [3.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.12)
|
|
176
|
+
|
|
177
|
+
Tue, 28 Mar 2023 04:20:01 GMT
|
|
178
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.11..@fluentui/web-components_v3.0.0-alpha.12)
|
|
179
|
+
|
|
180
|
+
### Changes
|
|
181
|
+
|
|
182
|
+
- Adds Slider as a web component ([PR #27165](https://github.com/microsoft/fluentui/pull/27165) by ryan@ryanmerrill.net)
|
|
183
|
+
|
|
184
|
+
## [3.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.11)
|
|
185
|
+
|
|
186
|
+
Tue, 14 Mar 2023 04:21:22 GMT
|
|
187
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.10..@fluentui/web-components_v3.0.0-alpha.11)
|
|
188
|
+
|
|
189
|
+
### Changes
|
|
190
|
+
|
|
191
|
+
- update FAST dependencies to latest package versions ([PR #27187](https://github.com/microsoft/fluentui/pull/27187) by chhol@microsoft.com)
|
|
192
|
+
- Adds css containment to implemented web components ([PR #27190](https://github.com/microsoft/fluentui/pull/27190) by chhol@microsoft.com)
|
|
193
|
+
|
|
194
|
+
## [3.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.10)
|
|
195
|
+
|
|
196
|
+
Thu, 09 Mar 2023 04:19:45 GMT
|
|
197
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.9..@fluentui/web-components_v3.0.0-alpha.10)
|
|
198
|
+
|
|
199
|
+
### Changes
|
|
200
|
+
|
|
201
|
+
- fix: [text] block breaks the style attribute ([PR #27129](https://github.com/microsoft/fluentui/pull/27129) by jes@microsoft.com)
|
|
202
|
+
|
|
203
|
+
## [3.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.9)
|
|
204
|
+
|
|
205
|
+
Wed, 01 Mar 2023 04:20:20 GMT
|
|
206
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.8..@fluentui/web-components_v3.0.0-alpha.9)
|
|
207
|
+
|
|
208
|
+
### Changes
|
|
209
|
+
|
|
210
|
+
- Redo of PR of Slider spec after merge error ([PR #26981](https://github.com/microsoft/fluentui/pull/26981) by ryan@ryanmerrill.net)
|
|
211
|
+
|
|
212
|
+
## [3.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.8)
|
|
213
|
+
|
|
214
|
+
Tue, 28 Feb 2023 04:25:15 GMT
|
|
215
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.7..@fluentui/web-components_v3.0.0-alpha.8)
|
|
216
|
+
|
|
217
|
+
### Changes
|
|
218
|
+
|
|
219
|
+
- updates wc3 accordion and accordion item docs ([PR #26938](https://github.com/microsoft/fluentui/pull/26938) by brianbrady@microsoft.com)
|
|
220
|
+
|
|
221
|
+
## [3.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.7)
|
|
222
|
+
|
|
223
|
+
Mon, 27 Feb 2023 04:27:02 GMT
|
|
224
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.6..@fluentui/web-components_v3.0.0-alpha.7)
|
|
225
|
+
|
|
226
|
+
### Changes
|
|
227
|
+
|
|
228
|
+
- feat(avatar): add Avatar web component ([PR #26729](https://github.com/microsoft/fluentui/pull/26729) by chhol@microsoft.com)
|
|
229
|
+
- feat(divider): Add divider web component ([PR #26901](https://github.com/microsoft/fluentui/pull/26901) by harankin@microsoft.com)
|
|
230
|
+
- feat(image): Add image web component ([PR #26936](https://github.com/microsoft/fluentui/pull/26936) by harankin@microsoft.com)
|
|
231
|
+
|
|
232
|
+
## [3.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.6)
|
|
233
|
+
|
|
234
|
+
Fri, 24 Feb 2023 04:20:32 GMT
|
|
235
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.5..@fluentui/web-components_v3.0.0-alpha.6)
|
|
236
|
+
|
|
237
|
+
### Changes
|
|
238
|
+
|
|
239
|
+
- feat(switch): Add switch web component ([PR #26517](https://github.com/microsoft/fluentui/pull/26517) by brianbrady@microsoft.com)
|
|
240
|
+
|
|
241
|
+
## [3.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.5)
|
|
242
|
+
|
|
243
|
+
Wed, 22 Feb 2023 04:22:43 GMT
|
|
244
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.4..@fluentui/web-components_v3.0.0-alpha.5)
|
|
245
|
+
|
|
246
|
+
### Changes
|
|
247
|
+
|
|
248
|
+
- feat(accordion): Add accordion web component ([PR #26547](https://github.com/microsoft/fluentui/pull/26547) by brianbrady@microsoft.com)
|
|
249
|
+
|
|
250
|
+
## [3.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.4)
|
|
251
|
+
|
|
252
|
+
Thu, 16 Feb 2023 16:51:48 GMT
|
|
253
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.3..@fluentui/web-components_v3.0.0-alpha.4)
|
|
254
|
+
|
|
255
|
+
### Changes
|
|
256
|
+
|
|
257
|
+
- fix(web-components): dont ship non production assets to npm registry ([PR #26854](https://github.com/microsoft/fluentui/pull/26854) by martinhochel@microsoft.com)
|
|
258
|
+
|
|
7
259
|
## [3.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.3)
|
|
8
260
|
|
|
9
|
-
Wed, 15 Feb 2023 04:24:
|
|
261
|
+
Wed, 15 Feb 2023 04:24:51 GMT
|
|
10
262
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.2..@fluentui/web-components_v3.0.0-alpha.3)
|
|
11
263
|
|
|
12
264
|
### Changes
|
package/README.md
CHANGED
|
@@ -55,3 +55,7 @@ Storybook will watch modules for changes and hot-reload the module when necessar
|
|
|
55
55
|
`Failed to execute 'define' on 'CustomElementRegistry': the name "my-custom-element-name" has already been used with this registry`
|
|
56
56
|
|
|
57
57
|
This is a known issue and will indicate that you need to refresh the page. We're working on surfacing a more instructive error message for this case.
|
|
58
|
+
|
|
59
|
+
## Testing
|
|
60
|
+
|
|
61
|
+
When testing locally, start the dev server and in a separate terminal window, run `yarn test:dev` within the web-components folder.
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Accordion } from './accordion.js';
|
|
2
|
+
/**
|
|
3
|
+
* The Fluent Accordion Element. Implements {@link @microsoft/fast-foundation#Accordion },
|
|
4
|
+
* {@link @microsoft/fast-foundation#accordionTemplate}
|
|
5
|
+
*
|
|
6
|
+
*
|
|
7
|
+
* @public
|
|
8
|
+
* @remarks
|
|
9
|
+
* HTML Element: \<fluent-accordion\>
|
|
10
|
+
*/
|
|
11
|
+
export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Accordion>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { FASTAccordionItem } from '@microsoft/fast-foundation/accordion-item.js';
|
|
2
|
+
import { AccordionItemExpandIconPosition, AccordionItemSize } from './accordion-item.options.js';
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
*/
|
|
6
|
+
export declare class AccordionItem extends FASTAccordionItem {
|
|
7
|
+
/**
|
|
8
|
+
* Defines accordion header font size.
|
|
9
|
+
*
|
|
10
|
+
* @public
|
|
11
|
+
* @default 'medium'
|
|
12
|
+
* @remarks
|
|
13
|
+
* HTML Attribute: size
|
|
14
|
+
*/
|
|
15
|
+
size?: AccordionItemSize;
|
|
16
|
+
/**
|
|
17
|
+
* Sets the width of the focus state.
|
|
18
|
+
*
|
|
19
|
+
* @public
|
|
20
|
+
* @remarks
|
|
21
|
+
* HTML Attribute: block
|
|
22
|
+
*/
|
|
23
|
+
block: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Sets expand and collapsed icon position.
|
|
26
|
+
*
|
|
27
|
+
* @public
|
|
28
|
+
* @default 'start'
|
|
29
|
+
* @remarks
|
|
30
|
+
* HTML Attribute: expandIconPosition
|
|
31
|
+
*/
|
|
32
|
+
expandIconPosition?: AccordionItemExpandIconPosition;
|
|
33
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { AccordionItem } from './accordion-item.js';
|
|
2
|
+
/**
|
|
3
|
+
* The Fluent AccordionItem Element. Implements {@link @microsoft/fast-foundation#AccordionItem },
|
|
4
|
+
* {@link @microsoft/fast-foundation#accordionItemTemplate}
|
|
5
|
+
*
|
|
6
|
+
*
|
|
7
|
+
* @public
|
|
8
|
+
* @remarks
|
|
9
|
+
* HTML Element: \<fluent-accordion-item\>
|
|
10
|
+
*/
|
|
11
|
+
export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof AccordionItem>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
|
|
2
|
+
/**
|
|
3
|
+
* An Accordion Item header font size can be small, medium, large, and extra-large
|
|
4
|
+
*/
|
|
5
|
+
export declare const AccordionItemSize: {
|
|
6
|
+
readonly small: "small";
|
|
7
|
+
readonly medium: "medium";
|
|
8
|
+
readonly large: "large";
|
|
9
|
+
readonly extraLarge: "extra-large";
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Applies font size to accordion header
|
|
13
|
+
* @public
|
|
14
|
+
*/
|
|
15
|
+
export declare type AccordionItemSize = ValuesOf<typeof AccordionItemSize>;
|
|
16
|
+
/**
|
|
17
|
+
* An Accordion Item expand/collapse icon can appear at the start or end of the accordion
|
|
18
|
+
*/
|
|
19
|
+
export declare const AccordionItemExpandIconPosition: {
|
|
20
|
+
readonly start: "start";
|
|
21
|
+
readonly end: "end";
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* Applies expand/collapse icon position
|
|
25
|
+
* @public
|
|
26
|
+
*/
|
|
27
|
+
export declare type AccordionItemExpandIconPosition = ValuesOf<typeof AccordionItemExpandIconPosition>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './accordion-item.js';
|
|
2
|
+
export * from './accordion-item.options.js';
|
|
3
|
+
export { styles as accordionItemStyles } from './accordion-item.styles.js';
|
|
4
|
+
export { definition as accordionItemDefinition } from './accordion-item.definition.js';
|
|
5
|
+
export { template as accordionItemTemplate } from './accordion-item.template.js';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { FASTAnchor } from '@microsoft/fast-foundation/anchor.js';
|
|
2
|
+
import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize } from './anchor-button.options.js';
|
|
3
|
+
/**
|
|
4
|
+
* The base class used for constructing a fluent-anchor-button custom element
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export declare class AnchorButton extends FASTAnchor {
|
|
8
|
+
/**
|
|
9
|
+
* The appearance the anchor button should have.
|
|
10
|
+
*
|
|
11
|
+
* @public
|
|
12
|
+
* @remarks
|
|
13
|
+
* HTML Attribute: appearance
|
|
14
|
+
*/
|
|
15
|
+
appearance?: AnchorButtonAppearance | undefined;
|
|
16
|
+
/**
|
|
17
|
+
* The shape the anchor button should have.
|
|
18
|
+
*
|
|
19
|
+
* @public
|
|
20
|
+
* @remarks
|
|
21
|
+
* HTML Attribute: shape
|
|
22
|
+
*/
|
|
23
|
+
shape?: AnchorButtonShape | undefined;
|
|
24
|
+
/**
|
|
25
|
+
* The size the anchor button should have.
|
|
26
|
+
*
|
|
27
|
+
* @public
|
|
28
|
+
* @remarks
|
|
29
|
+
* HTML Attribute: size
|
|
30
|
+
*/
|
|
31
|
+
size?: AnchorButtonSize;
|
|
32
|
+
/**
|
|
33
|
+
* The anchor button has an icon only, no text content
|
|
34
|
+
*
|
|
35
|
+
* @public
|
|
36
|
+
* @remarks
|
|
37
|
+
* HTML Attribute: icon-only
|
|
38
|
+
*/
|
|
39
|
+
iconOnly: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* The anchor button is disabled
|
|
42
|
+
*
|
|
43
|
+
* @public
|
|
44
|
+
* @remarks
|
|
45
|
+
* HTML Attribute: disabled-focusable
|
|
46
|
+
*/
|
|
47
|
+
disabled?: boolean;
|
|
48
|
+
protected disabledChanged(prev: boolean, next: boolean): void;
|
|
49
|
+
/**
|
|
50
|
+
* The anchor button is disabled but focusable
|
|
51
|
+
*
|
|
52
|
+
* @public
|
|
53
|
+
* @remarks
|
|
54
|
+
* HTML Attribute: disabled-focusable
|
|
55
|
+
*/
|
|
56
|
+
disabledFocusable?: boolean;
|
|
57
|
+
protected disabledFocusableChanged(prev: boolean, next: boolean): void;
|
|
58
|
+
/**
|
|
59
|
+
* Prevents disabledFocusable click events
|
|
60
|
+
*/
|
|
61
|
+
private handleDisabledFocusableClick;
|
|
62
|
+
connectedCallback(): void;
|
|
63
|
+
disconnectedCallback(): void;
|
|
64
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { AnchorButton } from './anchor-button.js';
|
|
2
|
+
/**
|
|
3
|
+
* The Fluent Anchor Button Element. Implements {@link @microsoft/fast-foundation#Anchor },
|
|
4
|
+
* {@link @microsoft/fast-foundation#anchorTemplate}
|
|
5
|
+
*
|
|
6
|
+
* @public
|
|
7
|
+
* @remarks
|
|
8
|
+
* HTML Element: \<fluent-anchor-button\>
|
|
9
|
+
*/
|
|
10
|
+
export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof AnchorButton>;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import type { AnchorOptions } from '@microsoft/fast-foundation/anchor.js';
|
|
2
|
+
import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
|
|
3
|
+
/**
|
|
4
|
+
* Anchor Button Appearance constants
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export declare const AnchorButtonAppearance: {
|
|
8
|
+
readonly primary: "primary";
|
|
9
|
+
readonly outline: "outline";
|
|
10
|
+
readonly subtle: "subtle";
|
|
11
|
+
readonly secondary: "secondary";
|
|
12
|
+
readonly transparent: "transparent";
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* An Anchor Button can be secondary, primary, outline, subtle, transparent
|
|
16
|
+
* @public
|
|
17
|
+
*/
|
|
18
|
+
export declare type AnchorButtonAppearance = ValuesOf<typeof AnchorButtonAppearance>;
|
|
19
|
+
/**
|
|
20
|
+
* An Anchor Button can be square, circular or rounded.
|
|
21
|
+
* @public
|
|
22
|
+
*/
|
|
23
|
+
export declare const AnchorButtonShape: {
|
|
24
|
+
readonly circular: "circular";
|
|
25
|
+
readonly rounded: "rounded";
|
|
26
|
+
readonly square: "square";
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* An Anchor Button can be square, circular or rounded
|
|
30
|
+
* @public
|
|
31
|
+
*/
|
|
32
|
+
export declare type AnchorButtonShape = ValuesOf<typeof AnchorButtonShape>;
|
|
33
|
+
/**
|
|
34
|
+
* An Anchor Button can be a size of small, medium or large.
|
|
35
|
+
* @public
|
|
36
|
+
*/
|
|
37
|
+
export declare const AnchorButtonSize: {
|
|
38
|
+
readonly small: "small";
|
|
39
|
+
readonly medium: "medium";
|
|
40
|
+
readonly large: "large";
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* An Anchor Button can be on of several preset sizes.
|
|
44
|
+
* @public
|
|
45
|
+
*/
|
|
46
|
+
export declare type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
|
|
47
|
+
export { AnchorOptions as AnchorButtonOptions };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
import { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize } from './avatar.options.js';
|
|
3
|
+
/**
|
|
4
|
+
* The base class used for constructing a fluent-avatar custom element
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export declare class Avatar extends FASTElement {
|
|
8
|
+
/**
|
|
9
|
+
* The name of the person or entity represented by this Avatar. This should always be provided if it is available.
|
|
10
|
+
*
|
|
11
|
+
* @public
|
|
12
|
+
* @remarks
|
|
13
|
+
* HTML Attribute: name
|
|
14
|
+
*/
|
|
15
|
+
name?: string | undefined;
|
|
16
|
+
/**
|
|
17
|
+
* Provide custom initials rather than one generated via the name
|
|
18
|
+
*
|
|
19
|
+
* @public
|
|
20
|
+
* @remarks
|
|
21
|
+
* HTML Attribute: name
|
|
22
|
+
*/
|
|
23
|
+
initials?: string | undefined;
|
|
24
|
+
/**
|
|
25
|
+
* Size of the avatar in pixels.
|
|
26
|
+
*
|
|
27
|
+
* Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
|
|
28
|
+
* based on design guidelines for the Avatar control.
|
|
29
|
+
*
|
|
30
|
+
* If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`
|
|
31
|
+
* to override the rendered size.
|
|
32
|
+
*
|
|
33
|
+
* @public
|
|
34
|
+
* @remarks
|
|
35
|
+
* HTML Attribute: size
|
|
36
|
+
*
|
|
37
|
+
*/
|
|
38
|
+
size?: AvatarSize | undefined;
|
|
39
|
+
/**
|
|
40
|
+
* The avatar can have a circular or square shape.
|
|
41
|
+
*
|
|
42
|
+
* @public
|
|
43
|
+
* @remarks
|
|
44
|
+
* HTML Attribute: shape
|
|
45
|
+
*/
|
|
46
|
+
shape?: AvatarShape | undefined;
|
|
47
|
+
/**
|
|
48
|
+
* Optional activity indicator
|
|
49
|
+
* * active: the avatar will be decorated according to activeAppearance
|
|
50
|
+
* * inactive: the avatar will be reduced in size and partially transparent
|
|
51
|
+
* * undefined: normal display
|
|
52
|
+
*
|
|
53
|
+
* @public
|
|
54
|
+
* @remarks
|
|
55
|
+
* HTML Attribute: active
|
|
56
|
+
*/
|
|
57
|
+
active?: AvatarActive | undefined;
|
|
58
|
+
/**
|
|
59
|
+
* The appearance when `active="active"`
|
|
60
|
+
*
|
|
61
|
+
* @public
|
|
62
|
+
* @remarks
|
|
63
|
+
* HTML Attribute: appearance
|
|
64
|
+
*/
|
|
65
|
+
appearance?: AvatarAppearance | undefined;
|
|
66
|
+
/**
|
|
67
|
+
* The color when displaying either an icon or initials.
|
|
68
|
+
* * neutral (default): gray
|
|
69
|
+
* * brand: color from the brand palette
|
|
70
|
+
* * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or colorId if provided)
|
|
71
|
+
* * [AvatarNamedColor]: a specific color from the theme
|
|
72
|
+
*
|
|
73
|
+
* @public
|
|
74
|
+
* @remarks
|
|
75
|
+
* HTML Attribute: color
|
|
76
|
+
*/
|
|
77
|
+
color?: AvatarColor;
|
|
78
|
+
/**
|
|
79
|
+
* Specify a string to be used instead of the name, to determine which color to use when color="colorful".
|
|
80
|
+
* Use this when a name is not available, but there is another unique identifier that can be used instead.
|
|
81
|
+
*/
|
|
82
|
+
colorId?: AvatarNamedColor | undefined;
|
|
83
|
+
/**
|
|
84
|
+
* Sets the data-color attribute used for the visual presentation
|
|
85
|
+
* @internal
|
|
86
|
+
*/
|
|
87
|
+
generateColor(): AvatarColor | void;
|
|
88
|
+
/**
|
|
89
|
+
* Generates and sets the initials for the template
|
|
90
|
+
* @internal
|
|
91
|
+
*/
|
|
92
|
+
generateInitials(): string | void;
|
|
93
|
+
/**
|
|
94
|
+
* An array of the available Avatar named colors
|
|
95
|
+
*/
|
|
96
|
+
static colors: ("anchor" | "dark-red" | "cranberry" | "red" | "pumpkin" | "peach" | "marigold" | "gold" | "brass" | "brown" | "forest" | "seafoam" | "dark-green" | "light-teal" | "teal" | "steel" | "blue" | "royal-blue" | "cornflower" | "navy" | "lavender" | "purple" | "grape" | "lilac" | "pink" | "magenta" | "plum" | "beige" | "mink" | "platinum")[];
|
|
97
|
+
}
|