@fluentui/web-components 3.0.0-beta.99 → 3.0.0-rc.2
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 +335 -2
- package/custom-elements.json +1886 -609
- package/dist/esm/accordion/accordion.js +3 -5
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/{dts → esm}/accordion-item/accordion-item.d.ts +1 -0
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/{dts → esm}/avatar/avatar.base.d.ts +20 -0
- package/dist/esm/avatar/avatar.base.js +37 -1
- package/dist/esm/avatar/avatar.base.js.map +1 -1
- package/dist/esm/avatar/avatar.js +1 -1
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/avatar.template.js +2 -2
- package/dist/esm/avatar/avatar.template.js.map +1 -1
- package/dist/{dts → esm}/button/button.base.d.ts +3 -10
- package/dist/esm/button/button.base.js +25 -11
- package/dist/esm/button/button.base.js.map +1 -1
- package/dist/esm/button/button.template.js +0 -1
- package/dist/esm/button/button.template.js.map +1 -1
- package/dist/{dts → esm}/checkbox/checkbox.base.d.ts +10 -1
- package/dist/esm/checkbox/checkbox.base.js +24 -2
- package/dist/esm/checkbox/checkbox.base.js.map +1 -1
- package/dist/esm/checkbox/checkbox.template.js +0 -1
- package/dist/esm/checkbox/checkbox.template.js.map +1 -1
- package/dist/esm/compound-button/compound-button.styles.js +7 -1
- package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
- package/dist/{dts → esm}/dialog/dialog.d.ts +3 -0
- package/dist/esm/dialog/dialog.js +22 -1
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.options.d.ts +21 -0
- package/dist/esm/dialog/dialog.options.js +14 -0
- package/dist/esm/dialog/dialog.options.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +7 -1
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/dialog/dialog.template.js +0 -4
- package/dist/esm/dialog/dialog.template.js.map +1 -1
- package/dist/{dts → esm}/dialog/index.d.ts +1 -1
- package/dist/esm/dialog/index.js +1 -1
- package/dist/esm/dialog/index.js.map +1 -1
- package/dist/{dts → esm}/dialog-body/dialog-body.d.ts +5 -3
- package/dist/esm/dialog-body/dialog-body.js +16 -12
- package/dist/esm/dialog-body/dialog-body.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.styles.js +24 -8
- package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.template.js +10 -35
- package/dist/esm/dialog-body/dialog-body.template.js.map +1 -1
- package/dist/{dts → esm}/divider/divider.options.d.ts +1 -4
- package/dist/{dts → esm}/drawer/drawer.d.ts +14 -0
- package/dist/esm/drawer/drawer.js +50 -0
- package/dist/esm/drawer/drawer.js.map +1 -1
- package/dist/esm/drawer/drawer.template.js +1 -4
- package/dist/esm/drawer/drawer.template.js.map +1 -1
- package/dist/{dts → esm}/drawer-body/drawer-body.d.ts +7 -0
- package/dist/esm/drawer-body/drawer-body.js +16 -0
- package/dist/esm/drawer-body/drawer-body.js.map +1 -1
- package/dist/esm/drawer-body/drawer-body.template.js +1 -1
- package/dist/esm/drawer-body/drawer-body.template.js.map +1 -1
- package/dist/{dts → esm}/dropdown/dropdown.base.d.ts +30 -16
- package/dist/esm/dropdown/dropdown.base.js +114 -62
- package/dist/esm/dropdown/dropdown.base.js.map +1 -1
- package/dist/esm/dropdown/dropdown.definition.js +0 -3
- package/dist/esm/dropdown/dropdown.definition.js.map +1 -1
- package/dist/esm/dropdown/dropdown.styles.js +28 -25
- package/dist/esm/dropdown/dropdown.styles.js.map +1 -1
- package/dist/esm/dropdown/dropdown.template.js +4 -2
- package/dist/esm/dropdown/dropdown.template.js.map +1 -1
- package/dist/{dts → esm}/field/field.base.d.ts +3 -0
- package/dist/esm/field/field.base.js +21 -10
- package/dist/esm/field/field.base.js.map +1 -1
- package/dist/esm/field/field.styles.js +13 -15
- package/dist/esm/field/field.styles.js.map +1 -1
- package/dist/esm/field/field.template.js +2 -10
- package/dist/esm/field/field.template.js.map +1 -1
- package/dist/{dts → esm}/index.d.ts +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/label.template.js +1 -1
- package/dist/esm/label/label.template.js.map +1 -1
- package/dist/{dts → esm}/listbox/listbox.d.ts +8 -2
- package/dist/esm/listbox/listbox.js +17 -5
- package/dist/esm/listbox/listbox.js.map +1 -1
- package/dist/esm/listbox/listbox.styles.js +38 -2
- package/dist/esm/listbox/listbox.styles.js.map +1 -1
- package/dist/{dts → esm}/listbox/listbox.template.d.ts +1 -2
- package/dist/esm/listbox/listbox.template.js +2 -9
- package/dist/esm/listbox/listbox.template.js.map +1 -1
- package/dist/esm/menu/menu.js +7 -3
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/{dts → esm}/menu-item/menu-item.options.d.ts +10 -0
- package/dist/esm/menu-item/menu-item.options.js +14 -0
- package/dist/esm/menu-item/menu-item.options.js.map +1 -1
- package/dist/esm/menu-item/menu-item.styles.js +1 -1
- package/dist/esm/menu-list/menu-list.js +3 -7
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/option/option.js +1 -0
- package/dist/esm/option/option.js.map +1 -1
- package/dist/esm/option/option.styles.js +8 -2
- package/dist/esm/option/option.styles.js.map +1 -1
- package/dist/{dts → esm}/progress-bar/progress-bar.base.d.ts +4 -5
- package/dist/esm/progress-bar/progress-bar.base.js +26 -15
- package/dist/esm/progress-bar/progress-bar.base.js.map +1 -1
- package/dist/{dts → esm}/progress-bar/progress-bar.d.ts +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js +11 -0
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.template.js +2 -8
- package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/{dts → esm}/radio/radio.d.ts +0 -1
- package/dist/esm/radio/radio.js +0 -7
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/{dts → esm}/radio-group/radio-group.d.ts +15 -0
- package/dist/esm/radio-group/radio-group.js +46 -6
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/{dts → esm}/radio-group/radio-group.options.d.ts +1 -4
- package/dist/esm/radio-group/radio-group.styles.js +5 -1
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/{dts → esm}/rating-display/rating-display.base.d.ts +20 -32
- package/dist/esm/rating-display/rating-display.base.js +63 -48
- package/dist/esm/rating-display/rating-display.base.js.map +1 -1
- package/dist/{dts → esm}/rating-display/rating-display.d.ts +1 -13
- package/dist/esm/rating-display/rating-display.js +0 -16
- package/dist/esm/rating-display/rating-display.js.map +1 -1
- package/dist/esm/rating-display/rating-display.styles.js +65 -38
- package/dist/esm/rating-display/rating-display.styles.js.map +1 -1
- package/dist/esm/rating-display/rating-display.template.d.ts +17 -0
- package/dist/esm/rating-display/rating-display.template.js +11 -15
- package/dist/esm/rating-display/rating-display.template.js.map +1 -1
- package/dist/esm/slider/slider.js +2 -2
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/slider/slider.template.js +0 -1
- package/dist/esm/slider/slider.template.js.map +1 -1
- package/dist/{dts → esm}/styles/states/index.d.ts +5 -0
- package/dist/esm/styles/states/index.js +5 -0
- package/dist/esm/styles/states/index.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +4 -0
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/switch/switch.template.js +0 -1
- package/dist/esm/switch/switch.template.js.map +1 -1
- package/dist/{dts → esm}/tab/index.d.ts +1 -0
- package/dist/esm/tab/index.js +1 -0
- package/dist/esm/tab/index.js.map +1 -1
- package/dist/esm/tab/tab.options.d.ts +10 -0
- package/dist/esm/tab/tab.options.js +15 -0
- package/dist/esm/tab/tab.options.js.map +1 -0
- package/dist/esm/tab/tab.styles.js +12 -7
- package/dist/esm/tab/tab.styles.js.map +1 -1
- package/dist/{dts → esm}/tablist/tablist.base.d.ts +13 -2
- package/dist/esm/tablist/tablist.base.js +23 -0
- package/dist/esm/tablist/tablist.base.js.map +1 -1
- package/dist/{dts → esm}/tablist/tablist.options.d.ts +1 -4
- package/dist/esm/tablist/tablist.styles.js +2 -2
- package/dist/esm/tablist/tablist.template.js +1 -1
- package/dist/esm/tablist/tablist.template.js.map +1 -1
- package/dist/esm/text/text.styles.js +0 -1
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/{dts → esm}/textarea/textarea.base.d.ts +1 -0
- package/dist/esm/textarea/textarea.base.js +14 -6
- package/dist/esm/textarea/textarea.base.js.map +1 -1
- package/dist/esm/textarea/textarea.template.js +2 -14
- package/dist/esm/textarea/textarea.template.js.map +1 -1
- package/dist/{dts → esm}/tree/tree.base.d.ts +7 -1
- package/dist/esm/tree/tree.base.js +9 -0
- package/dist/esm/tree/tree.base.js.map +1 -1
- package/dist/{dts → esm}/tree/tree.d.ts +4 -4
- package/dist/esm/tree/tree.js +2 -2
- package/dist/esm/tree/tree.js.map +1 -1
- package/dist/esm/tree/tree.styles.js +2 -1
- package/dist/esm/tree/tree.styles.js.map +1 -1
- package/dist/esm/tree/tree.template.js +2 -7
- package/dist/esm/tree/tree.template.js.map +1 -1
- package/dist/{dts → esm}/tree-item/tree-item.base.d.ts +8 -1
- package/dist/esm/tree-item/tree-item.base.js +18 -0
- package/dist/esm/tree-item/tree-item.base.js.map +1 -1
- package/dist/{dts → esm}/tree-item/tree-item.d.ts +3 -3
- package/dist/esm/tree-item/tree-item.js +1 -1
- package/dist/esm/tree-item/tree-item.js.map +1 -1
- package/dist/esm/tree-item/tree-item.styles.js +5 -0
- package/dist/esm/tree-item/tree-item.styles.js.map +1 -1
- package/dist/esm/tree-item/tree-item.template.js +5 -13
- package/dist/esm/tree-item/tree-item.template.js.map +1 -1
- package/dist/{dts → esm}/tsdoc-metadata.json +1 -1
- package/dist/esm/utils/element-internals.js +0 -3
- package/dist/esm/utils/element-internals.js.map +1 -1
- package/dist/{dts → esm}/utils/language.d.ts +1 -1
- package/dist/esm/utils/request-idle-callback.d.ts +41 -0
- package/dist/esm/utils/request-idle-callback.js +72 -0
- package/dist/esm/utils/request-idle-callback.js.map +1 -0
- package/dist/web-components.d.ts +197 -105
- package/dist/web-components.js +802 -535
- package/dist/web-components.min.js +230 -219
- package/package.json +27 -55
- package/dist/dts/dialog/dialog.options.d.ts +0 -11
- package/dist/dts/rating-display/rating-display.template.d.ts +0 -14
- /package/dist/{dts → esm}/accordion/accordion.bench.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/accordion.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/accordion.definition.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/accordion.options.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/accordion.styles.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/accordion.template.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/define.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/index.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.base.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.bench.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.definition.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.options.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.styles.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.template.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/define.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/index.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.base.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.bench.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.definition.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.options.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.styles.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.template.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/define.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/index.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.bench.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.definition.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.options.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.styles.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.template.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/define.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/index.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.bench.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.definition.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.options.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.styles.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.template.d.ts +0 -0
- /package/dist/{dts → esm}/badge/define.d.ts +0 -0
- /package/dist/{dts → esm}/badge/index.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.bench.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.definition.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.options.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.styles.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.template.d.ts +0 -0
- /package/dist/{dts → esm}/button/define.d.ts +0 -0
- /package/dist/{dts → esm}/button/index.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.bench.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.definition.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.options.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.styles.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.template.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/define.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/index.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.bench.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.definition.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.options.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.styles.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.template.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/define.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/index.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.bench.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.definition.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.options.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.styles.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.template.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/define.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/index.d.ts +0 -0
- /package/dist/{dts → esm}/dialog/define.d.ts +0 -0
- /package/dist/{dts → esm}/dialog/dialog.bench.d.ts +0 -0
- /package/dist/{dts → esm}/dialog/dialog.definition.d.ts +0 -0
- /package/dist/{dts → esm}/dialog/dialog.styles.d.ts +0 -0
- /package/dist/{dts → esm}/dialog/dialog.template.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/define.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/dialog-body.bench.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/dialog-body.definition.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/dialog-body.styles.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/dialog-body.template.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/index.d.ts +0 -0
- /package/dist/{dts → esm}/divider/define.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.base.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.bench.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.definition.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.styles.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.template.d.ts +0 -0
- /package/dist/{dts → esm}/divider/index.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/define.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/drawer.definition.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/drawer.options.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/drawer.styles.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/drawer.template.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/index.d.ts +0 -0
- /package/dist/{dts → esm}/drawer-body/define.d.ts +0 -0
- /package/dist/{dts → esm}/drawer-body/drawer-body.definition.d.ts +0 -0
- /package/dist/{dts → esm}/drawer-body/drawer-body.styles.d.ts +0 -0
- /package/dist/{dts → esm}/drawer-body/drawer-body.template.d.ts +0 -0
- /package/dist/{dts → esm}/drawer-body/index.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/define.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/dropdown.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/dropdown.definition.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/dropdown.options.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/dropdown.styles.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/dropdown.template.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/index.d.ts +0 -0
- /package/dist/{dts → esm}/field/define.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.bench.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.definition.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.options.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.styles.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.template.d.ts +0 -0
- /package/dist/{dts → esm}/field/index.d.ts +0 -0
- /package/dist/{dts → esm}/fluent-design-system.d.ts +0 -0
- /package/dist/{dts → esm}/image/define.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.bench.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.definition.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.options.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.styles.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.template.d.ts +0 -0
- /package/dist/{dts → esm}/image/index.d.ts +0 -0
- /package/dist/{dts → esm}/index-rollup.d.ts +0 -0
- /package/dist/{dts → esm}/label/define.d.ts +0 -0
- /package/dist/{dts → esm}/label/index.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.bench.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.definition.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.options.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.styles.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.template.d.ts +0 -0
- /package/dist/{dts → esm}/link/define.d.ts +0 -0
- /package/dist/{dts → esm}/link/index.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.bench.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.definition.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.options.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.styles.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.template.d.ts +0 -0
- /package/dist/{dts → esm}/listbox/define.d.ts +0 -0
- /package/dist/{dts → esm}/listbox/index.d.ts +0 -0
- /package/dist/{dts → esm}/listbox/listbox.definition.d.ts +0 -0
- /package/dist/{dts → esm}/listbox/listbox.options.d.ts +0 -0
- /package/dist/{dts → esm}/listbox/listbox.styles.d.ts +0 -0
- /package/dist/{dts → esm}/menu/define.d.ts +0 -0
- /package/dist/{dts → esm}/menu/index.d.ts +0 -0
- /package/dist/{dts → esm}/menu/menu.bench.d.ts +0 -0
- /package/dist/{dts → esm}/menu/menu.d.ts +0 -0
- /package/dist/{dts → esm}/menu/menu.definition.d.ts +0 -0
- /package/dist/{dts → esm}/menu/menu.styles.d.ts +0 -0
- /package/dist/{dts → esm}/menu/menu.template.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/define.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/index.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/menu-button.bench.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/menu-button.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/menu-button.definition.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/menu-button.options.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/menu-button.template.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/define.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/index.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/menu-item.bench.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/menu-item.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/menu-item.definition.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/menu-item.styles.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/menu-item.template.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/define.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/index.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/menu-list.bench.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/menu-list.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/menu-list.definition.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/menu-list.styles.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/menu-list.template.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/define.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/index.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.bench.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.definition.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.options.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.styles.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.template.d.ts +0 -0
- /package/dist/{dts → esm}/option/define.d.ts +0 -0
- /package/dist/{dts → esm}/option/index.d.ts +0 -0
- /package/dist/{dts → esm}/option/option.d.ts +0 -0
- /package/dist/{dts → esm}/option/option.definition.d.ts +0 -0
- /package/dist/{dts → esm}/option/option.options.d.ts +0 -0
- /package/dist/{dts → esm}/option/option.styles.d.ts +0 -0
- /package/dist/{dts → esm}/option/option.template.d.ts +0 -0
- /package/dist/{dts → esm}/patterns/aria-globals.d.ts +0 -0
- /package/dist/{dts → esm}/patterns/index.d.ts +0 -0
- /package/dist/{dts → esm}/patterns/start-end.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/define.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/index.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/progress-bar.bench.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/progress-bar.definition.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/progress-bar.options.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/progress-bar.styles.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/progress-bar.template.d.ts +0 -0
- /package/dist/{dts → esm}/radio/define.d.ts +0 -0
- /package/dist/{dts → esm}/radio/index.d.ts +0 -0
- /package/dist/{dts → esm}/radio/radio.bench.d.ts +0 -0
- /package/dist/{dts → esm}/radio/radio.definition.d.ts +0 -0
- /package/dist/{dts → esm}/radio/radio.options.d.ts +0 -0
- /package/dist/{dts → esm}/radio/radio.styles.d.ts +0 -0
- /package/dist/{dts → esm}/radio/radio.template.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/define.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/index.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/radio-group.bench.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/radio-group.definition.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/radio-group.styles.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/radio-group.template.d.ts +0 -0
- /package/dist/{dts → esm}/rating-display/define.d.ts +0 -0
- /package/dist/{dts → esm}/rating-display/index.d.ts +0 -0
- /package/dist/{dts → esm}/rating-display/rating-display.definition.d.ts +0 -0
- /package/dist/{dts → esm}/rating-display/rating-display.options.d.ts +0 -0
- /package/dist/{dts → esm}/rating-display/rating-display.styles.d.ts +0 -0
- /package/dist/{dts → esm}/slider/define.d.ts +0 -0
- /package/dist/{dts → esm}/slider/index.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider-utilities.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.bench.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.definition.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.options.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.styles.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.template.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/define.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/index.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.base.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.bench.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.definition.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.options.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.styles.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.template.d.ts +0 -0
- /package/dist/{dts → esm}/styles/index.d.ts +0 -0
- /package/dist/{dts → esm}/styles/partials/badge.partials.d.ts +0 -0
- /package/dist/{dts → esm}/styles/partials/index.d.ts +0 -0
- /package/dist/{dts → esm}/styles/partials/typography.partials.d.ts +0 -0
- /package/dist/{dts → esm}/switch/define.d.ts +0 -0
- /package/dist/{dts → esm}/switch/index.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.bench.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.definition.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.options.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.styles.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.template.d.ts +0 -0
- /package/dist/{dts → esm}/tab/define.d.ts +0 -0
- /package/dist/{dts → esm}/tab/tab.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tab/tab.d.ts +0 -0
- /package/dist/{dts → esm}/tab/tab.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tab/tab.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tab/tab.template.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/define.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/index.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/tab-panel.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/tab-panel.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/tab-panel.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/tab-panel.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/tab-panel.template.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/define.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/index.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/tablist.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/tablist.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/tablist.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/tablist.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/tablist.template.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/define.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/index.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.base.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.options.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.template.d.ts +0 -0
- /package/dist/{dts → esm}/text/define.d.ts +0 -0
- /package/dist/{dts → esm}/text/index.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.bench.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.definition.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.options.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.styles.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.template.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/define.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/index.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.base.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.bench.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.definition.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.options.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.styles.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.template.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/define.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/index.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.bench.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.definition.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.options.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.styles.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.template.d.ts +0 -0
- /package/dist/{dts → esm}/theme/design-tokens.d.ts +0 -0
- /package/dist/{dts → esm}/theme/index.d.ts +0 -0
- /package/dist/{dts → esm}/theme/set-theme.d.ts +0 -0
- /package/dist/{dts → esm}/theme/set-theme.global.bench.d.ts +0 -0
- /package/dist/{dts → esm}/theme/set-theme.local.bench.d.ts +0 -0
- /package/dist/{dts → esm}/theme/set-theme.shadow.bench.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/define.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/index.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.bench.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.definition.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.options.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.styles.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.template.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/define.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/index.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/tooltip.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/tooltip.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/tooltip.options.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/tooltip.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/tooltip.template.d.ts +0 -0
- /package/dist/{dts → esm}/tree/define.d.ts +0 -0
- /package/dist/{dts → esm}/tree/index.d.ts +0 -0
- /package/dist/{dts → esm}/tree/tree.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tree/tree.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tree/tree.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tree/tree.template.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/define.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/index.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/tree-item.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/tree-item.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/tree-item.options.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/tree-item.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/tree-item.template.d.ts +0 -0
- /package/dist/{dts → esm}/utils/apply-mixins.d.ts +0 -0
- /package/dist/{dts → esm}/utils/behaviors/match-media-stylesheet-behavior.d.ts +0 -0
- /package/dist/{dts → esm}/utils/benchmark-dependencies/tokens.d.ts +0 -0
- /package/dist/{dts → esm}/utils/benchmark-wrapper.d.ts +0 -0
- /package/dist/{dts → esm}/utils/converters.d.ts +0 -0
- /package/dist/{dts → esm}/utils/direction.d.ts +0 -0
- /package/dist/{dts → esm}/utils/display.d.ts +0 -0
- /package/dist/{dts → esm}/utils/element-internals.d.ts +0 -0
- /package/dist/{dts → esm}/utils/focusable-element.d.ts +0 -0
- /package/dist/{dts → esm}/utils/get-initials.d.ts +0 -0
- /package/dist/{dts → esm}/utils/index.d.ts +0 -0
- /package/dist/{dts → esm}/utils/root-active-element.d.ts +0 -0
- /package/dist/{dts → esm}/utils/support.d.ts +0 -0
- /package/dist/{dts → esm}/utils/template-helpers.d.ts +0 -0
- /package/dist/{dts → esm}/utils/typings.d.ts +0 -0
- /package/dist/{dts → esm}/utils/unique-id.d.ts +0 -0
- /package/dist/{dts → esm}/utils/whitespace-filter.d.ts +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { typographyBody1Styles, typographyCaption1Styles } from '../styles/partials/typography.partials.js';
|
|
3
3
|
import { activeState, descriptionState, multipleState, selectedState } from '../styles/states/index.js';
|
|
4
|
-
import { borderRadiusMedium, borderRadiusSmall, colorCompoundBrandBackground, colorCompoundBrandStroke, colorNeutralBackground1, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorNeutralBackgroundDisabled, colorNeutralForeground2, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForeground3, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorNeutralStrokeAccessible, colorNeutralStrokeDisabled, colorStrokeFocus2,
|
|
4
|
+
import { borderRadiusMedium, borderRadiusSmall, colorCompoundBrandBackground, colorCompoundBrandStroke, colorNeutralBackground1, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorNeutralBackgroundDisabled, colorNeutralForeground2, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForeground3, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorNeutralStrokeAccessible, colorNeutralStrokeDisabled, colorStrokeFocus2, spacingHorizontalSNudge, spacingHorizontalXS, strokeWidthThick, strokeWidthThin, } from '../theme/design-tokens.js';
|
|
5
5
|
import { display } from '../utils/display.js';
|
|
6
6
|
/**
|
|
7
7
|
* Styles for the {@link (DropdownOption:class)} component.
|
|
@@ -17,7 +17,6 @@ export const styles = css `
|
|
|
17
17
|
align-items: center;
|
|
18
18
|
background-color: ${colorNeutralBackground1};
|
|
19
19
|
border-radius: ${borderRadiusMedium};
|
|
20
|
-
border: ${strokeWidthThick} solid ${colorTransparentStroke};
|
|
21
20
|
box-sizing: border-box;
|
|
22
21
|
color: ${colorNeutralForeground2};
|
|
23
22
|
column-gap: ${spacingHorizontalXS};
|
|
@@ -26,6 +25,7 @@ export const styles = css `
|
|
|
26
25
|
grid-template-columns: auto auto 1fr;
|
|
27
26
|
min-height: 32px;
|
|
28
27
|
padding: ${spacingHorizontalSNudge};
|
|
28
|
+
text-align: start;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.content {
|
|
@@ -123,5 +123,11 @@ export const styles = css `
|
|
|
123
123
|
grid-area: description;
|
|
124
124
|
${typographyCaption1Styles}
|
|
125
125
|
}
|
|
126
|
+
|
|
127
|
+
@media (forced-colors: active) {
|
|
128
|
+
:host(:disabled) {
|
|
129
|
+
color: GrayText;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
126
132
|
`;
|
|
127
133
|
//# sourceMappingURL=option.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"option.styles.js","sourceRoot":"","sources":["../../../src/option/option.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,4BAA4B,EAC5B,wBAAwB,EACxB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,0BAA0B,EAC1B,iBAAiB,
|
|
1
|
+
{"version":3,"file":"option.styles.js","sourceRoot":"","sources":["../../../src/option/option.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,4BAA4B,EAC5B,wBAAwB,EACxB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,0BAA0B,EAC1B,iBAAiB,EAEjB,uBAAuB,EACvB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;MAIpB,qBAAqB;;wBAEH,uBAAuB;qBAC1B,kBAAkB;;aAE1B,uBAAuB;kBAClB,mBAAmB;;;;;eAKtB,uBAAuB;;;;;;;;;;;;;;wBAcd,4BAA4B;aACvC,4BAA4B;;;;wBAIjB,8BAA8B;aACzC,8BAA8B;;;;wBAInB,uBAAuB;aAClC,8BAA8B;;;;;;;;;;;;;;;;;UAiBjC,aAAa;;;;UAIb,aAAa;eACR,aAAa;;;;UAIlB,aAAa;wBACC,uBAAuB;qBAC1B,iBAAiB;cACxB,eAAe,UAAU,4BAA4B;;;;;;;;;UASzD,aAAa,GAAG,aAAa;wBACf,4BAA4B;oBAChC,wBAAwB;YAChC,8BAA8B;;;mBAGvB,aAAa;oBACZ,0BAA0B;;;mBAG3B,aAAa,GAAG,aAAa;wBACxB,8BAA8B;;;UAG5C,WAAW;cACP,gBAAgB,UAAU,iBAAiB;;;;;oBAKrC,uBAAuB;;;;UAIjC,gBAAgB;kBACR,uBAAuB;;;;;;;aAO5B,uBAAuB;;MAE9B,wBAAwB;;;;;;;;CAQ7B,CAAC"}
|
|
@@ -7,6 +7,8 @@ import { ProgressBarValidationState } from './progress-bar.options.js';
|
|
|
7
7
|
* @public
|
|
8
8
|
*/
|
|
9
9
|
export declare class BaseProgressBar extends FASTElement {
|
|
10
|
+
/** @internal */
|
|
11
|
+
indicator: HTMLElement;
|
|
10
12
|
/**
|
|
11
13
|
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
12
14
|
*
|
|
@@ -64,10 +66,7 @@ export declare class BaseProgressBar extends FASTElement {
|
|
|
64
66
|
* @internal
|
|
65
67
|
*/
|
|
66
68
|
protected maxChanged(prev: number | undefined, next: number | undefined): void;
|
|
67
|
-
/**
|
|
68
|
-
* Indicates progress in %
|
|
69
|
-
* @internal
|
|
70
|
-
*/
|
|
71
|
-
get percentComplete(): number;
|
|
72
69
|
constructor();
|
|
70
|
+
connectedCallback(): void;
|
|
71
|
+
private setIndicatorWidth;
|
|
73
72
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { attr, FASTElement, nullableNumberConverter,
|
|
2
|
+
import { attr, FASTElement, nullableNumberConverter, observable } from '@microsoft/fast-element';
|
|
3
3
|
import { swapStates } from '../utils/element-internals.js';
|
|
4
4
|
import { ProgressBarValidationState } from './progress-bar.options.js';
|
|
5
5
|
/**
|
|
@@ -24,6 +24,7 @@ export class BaseProgressBar extends FASTElement {
|
|
|
24
24
|
*/
|
|
25
25
|
valueChanged(prev, next) {
|
|
26
26
|
this.elementInternals.ariaValueNow = typeof next === 'number' ? `${next}` : null;
|
|
27
|
+
this.setIndicatorWidth();
|
|
27
28
|
}
|
|
28
29
|
/**
|
|
29
30
|
* Updates the percent complete when the `min` property changes.
|
|
@@ -33,6 +34,7 @@ export class BaseProgressBar extends FASTElement {
|
|
|
33
34
|
*/
|
|
34
35
|
minChanged(prev, next) {
|
|
35
36
|
this.elementInternals.ariaValueMin = typeof next === 'number' ? `${next}` : null;
|
|
37
|
+
this.setIndicatorWidth();
|
|
36
38
|
}
|
|
37
39
|
/**
|
|
38
40
|
* Updates the percent complete when the `max` property changes.
|
|
@@ -43,17 +45,7 @@ export class BaseProgressBar extends FASTElement {
|
|
|
43
45
|
*/
|
|
44
46
|
maxChanged(prev, next) {
|
|
45
47
|
this.elementInternals.ariaValueMax = typeof next === 'number' ? `${next}` : null;
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Indicates progress in %
|
|
49
|
-
* @internal
|
|
50
|
-
*/
|
|
51
|
-
get percentComplete() {
|
|
52
|
-
const min = this.min ?? 0;
|
|
53
|
-
const max = this.max ?? 100;
|
|
54
|
-
const value = this.value ?? 0;
|
|
55
|
-
const range = max - min;
|
|
56
|
-
return range === 0 ? 0 : Math.fround(((value - min) / range) * 100);
|
|
48
|
+
this.setIndicatorWidth();
|
|
57
49
|
}
|
|
58
50
|
constructor() {
|
|
59
51
|
super();
|
|
@@ -71,7 +63,29 @@ export class BaseProgressBar extends FASTElement {
|
|
|
71
63
|
this.validationState = null;
|
|
72
64
|
this.elementInternals.role = 'progressbar';
|
|
73
65
|
}
|
|
66
|
+
connectedCallback() {
|
|
67
|
+
super.connectedCallback();
|
|
68
|
+
this.setIndicatorWidth();
|
|
69
|
+
}
|
|
70
|
+
setIndicatorWidth() {
|
|
71
|
+
if (!this.$fastController.isConnected || CSS.supports('width: attr(value type(<number>))')) {
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
if (typeof this.value !== 'number') {
|
|
75
|
+
this.indicator.style.removeProperty('width');
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
const min = this.min ?? 0;
|
|
79
|
+
const max = this.max ?? 100;
|
|
80
|
+
const value = this.value ?? 0;
|
|
81
|
+
const range = max - min;
|
|
82
|
+
const width = range === 0 ? 0 : Math.fround(((value - min) / range) * 100);
|
|
83
|
+
this.indicator.style.setProperty('width', `${width}%`);
|
|
84
|
+
}
|
|
74
85
|
}
|
|
86
|
+
__decorate([
|
|
87
|
+
observable
|
|
88
|
+
], BaseProgressBar.prototype, "indicator", void 0);
|
|
75
89
|
__decorate([
|
|
76
90
|
attr({ attribute: 'validation-state' })
|
|
77
91
|
], BaseProgressBar.prototype, "validationState", void 0);
|
|
@@ -84,7 +98,4 @@ __decorate([
|
|
|
84
98
|
__decorate([
|
|
85
99
|
attr({ converter: nullableNumberConverter })
|
|
86
100
|
], BaseProgressBar.prototype, "max", void 0);
|
|
87
|
-
__decorate([
|
|
88
|
-
volatile
|
|
89
|
-
], BaseProgressBar.prototype, "percentComplete", null);
|
|
90
101
|
//# sourceMappingURL=progress-bar.base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-bar.base.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,
|
|
1
|
+
{"version":3,"file":"progress-bar.base.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.base.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BaseProgressBar } from './progress-bar.base.js';
|
|
2
|
-
import { ProgressBarShape, ProgressBarThickness } from './progress-bar.options.js';
|
|
2
|
+
import type { ProgressBarShape, ProgressBarThickness } from './progress-bar.options.js';
|
|
3
3
|
/**
|
|
4
4
|
* A Progress HTML Element.
|
|
5
5
|
* Based on BaseProgressBar and includes style and layout specific attributes
|
|
@@ -14,6 +14,13 @@ export const styles = css `
|
|
|
14
14
|
background-color: ${colorNeutralBackground6};
|
|
15
15
|
border-radius: ${borderRadiusMedium};
|
|
16
16
|
contain: content;
|
|
17
|
+
|
|
18
|
+
@supports (width: attr(value type(<number>))) {
|
|
19
|
+
--max: attr(max type(<number>), 100);
|
|
20
|
+
--min: attr(min type(<number>), 0);
|
|
21
|
+
--value: attr(value type(<number>), 0);
|
|
22
|
+
--indicator-width: clamp(0%, calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%), 100%);
|
|
23
|
+
}
|
|
17
24
|
}
|
|
18
25
|
|
|
19
26
|
:host([thickness='large']) {
|
|
@@ -32,6 +39,10 @@ export const styles = css `
|
|
|
32
39
|
|
|
33
40
|
:host([value]) .indicator {
|
|
34
41
|
transition: all 0.2s ease-in-out;
|
|
42
|
+
|
|
43
|
+
@supports (width: attr(value type(<number>))) {
|
|
44
|
+
width: var(--indicator-width);
|
|
45
|
+
}
|
|
35
46
|
}
|
|
36
47
|
|
|
37
48
|
:host(:not([value])) .indicator {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,4BAA4B,EAC5B,uBAAuB,EACvB,iCAAiC,EACjC,4BAA4B,EAC5B,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;wBAMI,uBAAuB;qBAC1B,kBAAkB
|
|
1
|
+
{"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,4BAA4B,EAC5B,uBAAuB,EACvB,iCAAiC,EACjC,4BAA4B,EAC5B,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;wBAMI,uBAAuB;qBAC1B,kBAAkB;;;;;;;;;;;;;;;;qBAgBlB,gBAAgB;;;;wBAIb,4BAA4B;;;;;;;;;;;;;;;;;;QAkB5C,uBAAuB;QACvB,0BAA0B;QAC1B,uBAAuB;;;;;;;;;wBASP,0BAA0B;;;;wBAI1B,iCAAiC;;;;wBAIjC,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;CAwBnD,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;GAQjC,CAAC,CACH,CAAC"}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
|
-
import { html } from '@microsoft/fast-element';
|
|
1
|
+
import { html, ref } from '@microsoft/fast-element';
|
|
2
2
|
export function progressTemplate() {
|
|
3
|
-
return html `
|
|
4
|
-
<div
|
|
5
|
-
class="indicator"
|
|
6
|
-
part="indicator"
|
|
7
|
-
style="${x => (typeof x.value === 'number' ? `width: ${x.percentComplete}%` : void 0)}"
|
|
8
|
-
></div>
|
|
9
|
-
`;
|
|
3
|
+
return html ` <div class="indicator" part="indicator" ${ref('indicator')}></div> `;
|
|
10
4
|
}
|
|
11
5
|
export const template = progressTemplate();
|
|
12
6
|
//# sourceMappingURL=progress-bar.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAIpD,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAA,4CAA4C,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC;AACpF,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAqC,gBAAgB,EAAE,CAAC"}
|
|
@@ -12,7 +12,6 @@ import { BaseCheckbox } from '../checkbox/checkbox.base.js';
|
|
|
12
12
|
* @public
|
|
13
13
|
*/
|
|
14
14
|
export declare class Radio extends BaseCheckbox {
|
|
15
|
-
connectedCallback(): void;
|
|
16
15
|
constructor();
|
|
17
16
|
/**
|
|
18
17
|
* Toggles the disabled state when the user changes the `disabled` property.
|
package/dist/esm/radio/radio.js
CHANGED
|
@@ -12,10 +12,6 @@ import { BaseCheckbox } from '../checkbox/checkbox.base.js';
|
|
|
12
12
|
* @public
|
|
13
13
|
*/
|
|
14
14
|
export class Radio extends BaseCheckbox {
|
|
15
|
-
connectedCallback() {
|
|
16
|
-
super.connectedCallback();
|
|
17
|
-
this.tabIndex = this.disabled ? -1 : 0;
|
|
18
|
-
}
|
|
19
15
|
constructor() {
|
|
20
16
|
super();
|
|
21
17
|
this.elementInternals.role = 'radio';
|
|
@@ -30,9 +26,6 @@ export class Radio extends BaseCheckbox {
|
|
|
30
26
|
*/
|
|
31
27
|
disabledChanged(prev, next) {
|
|
32
28
|
super.disabledChanged(prev, next);
|
|
33
|
-
if (next) {
|
|
34
|
-
this.tabIndex = -1;
|
|
35
|
-
}
|
|
36
29
|
this.$emit('disabled', next, { bubbles: true });
|
|
37
30
|
}
|
|
38
31
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,KAAM,SAAQ,YAAY;IACrC
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,KAAM,SAAQ,YAAY;IACrC;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,OAAO,CAAC;IACvC,CAAC;IAED;;;;;;;OAOG;IACO,eAAe,CAAC,IAAyB,EAAE,IAAyB;QAC5E,KAAK,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC;IAED;;;;;;;OAOG;IACO,eAAe;QACvB,OAAO;IACT,CAAC;IAED;;;;;;;OAOG;IACI,YAAY;QACjB,OAAO;IACT,CAAC;IAED;;;;;;;OAOG;IACI,WAAW;QAChB,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC;IAED;;;;;;;;OAQG;IACI,aAAa,CAAC,QAAiB,IAAI;QACxC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;CACF"}
|
|
@@ -256,6 +256,21 @@ export declare class RadioGroup extends FASTElement {
|
|
|
256
256
|
* @param anchor - Optional anchor to use for the validation message.
|
|
257
257
|
*
|
|
258
258
|
* @internal
|
|
259
|
+
* @remarks
|
|
260
|
+
* RadioGroup validation is reported through the individual Radio elements rather than the RadioGroup itself.
|
|
261
|
+
* This is necessary because:
|
|
262
|
+
* 1. Each Radio is form-associated (extends BaseCheckbox which has `formAssociated = true`)
|
|
263
|
+
* 2. Browser validation UIs and screen readers announce validation against individual form controls
|
|
264
|
+
* 3. For groups like RadioGroup, the browser needs to report the error on a specific member of the group
|
|
265
|
+
* 4. We anchor the error to the first Radio so it receives focus and announcement
|
|
266
|
+
*
|
|
267
|
+
* When the group is invalid (required but no selection):
|
|
268
|
+
* - Only the first Radio gets the invalid state with the validation message
|
|
269
|
+
* - Other Radios are kept valid since selecting any of them would satisfy the requirement
|
|
270
|
+
*
|
|
271
|
+
* When the group becomes valid (user selects any Radio):
|
|
272
|
+
* - All Radios are cleared back to valid state
|
|
273
|
+
* - This allows form submission to proceed
|
|
259
274
|
*/
|
|
260
275
|
setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
|
|
261
276
|
/**
|
|
@@ -40,7 +40,7 @@ export class RadioGroup extends FASTElement {
|
|
|
40
40
|
if (this.$fastController.isConnected) {
|
|
41
41
|
this.checkedIndex = -1;
|
|
42
42
|
this.radios?.forEach(radio => {
|
|
43
|
-
radio.disabled = radio.disabledAttribute || this.disabled;
|
|
43
|
+
radio.disabled = !!radio.disabledAttribute || !!this.disabled;
|
|
44
44
|
});
|
|
45
45
|
this.restrictFocus();
|
|
46
46
|
}
|
|
@@ -101,12 +101,20 @@ export class RadioGroup extends FASTElement {
|
|
|
101
101
|
radio.checked = index === checkedIndex;
|
|
102
102
|
}
|
|
103
103
|
radio.name = this.name ?? radio.name;
|
|
104
|
-
radio.disabled = this.disabled || radio.disabledAttribute;
|
|
104
|
+
radio.disabled = !!this.disabled || !!radio.disabledAttribute;
|
|
105
105
|
});
|
|
106
106
|
if (!this.dirtyState && this.initialValue) {
|
|
107
107
|
this.value = this.initialValue;
|
|
108
108
|
}
|
|
109
|
-
if (!this.value
|
|
109
|
+
if (!this.value ||
|
|
110
|
+
// This logic covers the case when the RadioGroup doesn't have a `value`
|
|
111
|
+
// attribute, but does have a checked child Radio. Without this condition,
|
|
112
|
+
// the checked Radio's value will be assigned to `this.value`, and
|
|
113
|
+
// `checkedIndex` will be the checked Radio's index, but `this.checkedIndex`
|
|
114
|
+
// will remain `undefined`, which would cause the RadioGroup to add
|
|
115
|
+
// `tabindex=-1` to the checked Radio, and effectively makes the whole
|
|
116
|
+
// RadioGroup unfocusable.
|
|
117
|
+
(this.value && typeof this.checkedIndex !== 'number' && checkedIndex >= 0)) {
|
|
110
118
|
// TODO: Switch to standard `Array.findLastIndex` when TypeScript 5 is available
|
|
111
119
|
this.checkedIndex = checkedIndex;
|
|
112
120
|
}
|
|
@@ -422,14 +430,46 @@ export class RadioGroup extends FASTElement {
|
|
|
422
430
|
* @param anchor - Optional anchor to use for the validation message.
|
|
423
431
|
*
|
|
424
432
|
* @internal
|
|
433
|
+
* @remarks
|
|
434
|
+
* RadioGroup validation is reported through the individual Radio elements rather than the RadioGroup itself.
|
|
435
|
+
* This is necessary because:
|
|
436
|
+
* 1. Each Radio is form-associated (extends BaseCheckbox which has `formAssociated = true`)
|
|
437
|
+
* 2. Browser validation UIs and screen readers announce validation against individual form controls
|
|
438
|
+
* 3. For groups like RadioGroup, the browser needs to report the error on a specific member of the group
|
|
439
|
+
* 4. We anchor the error to the first Radio so it receives focus and announcement
|
|
440
|
+
*
|
|
441
|
+
* When the group is invalid (required but no selection):
|
|
442
|
+
* - Only the first Radio gets the invalid state with the validation message
|
|
443
|
+
* - Other Radios are kept valid since selecting any of them would satisfy the requirement
|
|
444
|
+
*
|
|
445
|
+
* When the group becomes valid (user selects any Radio):
|
|
446
|
+
* - All Radios are cleared back to valid state
|
|
447
|
+
* - This allows form submission to proceed
|
|
425
448
|
*/
|
|
426
449
|
setValidity(flags, message, anchor) {
|
|
427
450
|
if (this.$fastController.isConnected) {
|
|
428
|
-
if
|
|
429
|
-
|
|
451
|
+
// Always check if still required and has no value
|
|
452
|
+
const isInvalid = this.required && !this.value && !this.disabled;
|
|
453
|
+
if (!isInvalid) {
|
|
454
|
+
// Clear validity on all radios when group is valid
|
|
455
|
+
this.enabledRadios?.forEach(radio => {
|
|
456
|
+
radio.elementInternals.setValidity({});
|
|
457
|
+
});
|
|
430
458
|
return;
|
|
431
459
|
}
|
|
432
|
-
|
|
460
|
+
// Group is invalid - set error only on first enabled radio for announcement
|
|
461
|
+
const validationFlags = { valueMissing: true, ...flags };
|
|
462
|
+
const validationMessage = message ?? this.validationMessage;
|
|
463
|
+
this.enabledRadios?.forEach((radio, index) => {
|
|
464
|
+
if (index === 0) {
|
|
465
|
+
// Only the first radio shows the validation error for screen reader announcement
|
|
466
|
+
radio.elementInternals.setValidity(validationFlags, validationMessage, radio);
|
|
467
|
+
}
|
|
468
|
+
else {
|
|
469
|
+
// Other radios are valid (they're just not selected yet)
|
|
470
|
+
radio.elementInternals.setValidity({});
|
|
471
|
+
}
|
|
472
|
+
});
|
|
433
473
|
}
|
|
434
474
|
}
|
|
435
475
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,7 @@ import type { ValuesOf } from '../utils/index.js';
|
|
|
4
4
|
* @public
|
|
5
5
|
*/
|
|
6
6
|
export declare const RadioGroupOrientation: {
|
|
7
|
-
readonly horizontal: "horizontal";
|
|
8
|
-
* Radio Group orientation
|
|
9
|
-
* @public
|
|
10
|
-
*/
|
|
7
|
+
readonly horizontal: "horizontal";
|
|
11
8
|
readonly vertical: "vertical";
|
|
12
9
|
};
|
|
13
10
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { checkedState, disabledState } from '../styles/states/index.js';
|
|
3
|
-
import { colorNeutralForeground1, colorNeutralForeground2, colorNeutralForeground3, colorNeutralForegroundDisabled, spacingVerticalL, } from '../theme/design-tokens.js';
|
|
3
|
+
import { colorNeutralForeground1, colorNeutralForeground2, colorNeutralForeground3, colorNeutralForegroundDisabled, spacingHorizontalS, spacingVerticalL, spacingVerticalS, } from '../theme/design-tokens.js';
|
|
4
4
|
import { display } from '../utils/index.js';
|
|
5
5
|
/** RadioGroup styles
|
|
6
6
|
* @public
|
|
@@ -42,5 +42,9 @@ export const styles = css `
|
|
|
42
42
|
::slotted(${checkedState}) {
|
|
43
43
|
color: ${colorNeutralForeground1};
|
|
44
44
|
}
|
|
45
|
+
|
|
46
|
+
:host([slot='input']) {
|
|
47
|
+
margin: ${spacingVerticalS} ${spacingHorizontalS};
|
|
48
|
+
}
|
|
45
49
|
`;
|
|
46
50
|
//# sourceMappingURL=radio-group.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.styles.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;WAKR,gBAAgB;;;;;;;;;;;;;aAad,uBAAuB;;;;aAIvB,uBAAuB;;;;aAIvB,uBAAuB;;;cAGtB,aAAa;aACd,8BAA8B;;;cAG7B,YAAY;aACb,uBAAuB;;
|
|
1
|
+
{"version":3,"file":"radio-group.styles.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;WAKR,gBAAgB;;;;;;;;;;;;;aAad,uBAAuB;;;;aAIvB,uBAAuB;;;;aAIvB,uBAAuB;;;cAGtB,aAAa;aACd,8BAA8B;;;cAG7B,YAAY;aACb,uBAAuB;;;;cAItB,gBAAgB,IAAI,kBAAkB;;CAEnD,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
type PropertyNameForCalculation = 'max' | 'value';
|
|
3
|
+
export declare function svgToDataURI(svg: string): string;
|
|
2
4
|
/**
|
|
3
5
|
* The base class used for constructing a fluent-rating-display custom element
|
|
4
6
|
*
|
|
@@ -7,12 +9,21 @@ import { FASTElement } from '@microsoft/fast-element';
|
|
|
7
9
|
* @public
|
|
8
10
|
*/
|
|
9
11
|
export declare class BaseRatingDisplay extends FASTElement {
|
|
12
|
+
private numberFormatter;
|
|
10
13
|
/**
|
|
11
14
|
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
12
15
|
*
|
|
13
16
|
* @internal
|
|
14
17
|
*/
|
|
15
18
|
elementInternals: ElementInternals;
|
|
19
|
+
/** @internal */
|
|
20
|
+
iconSlot: HTMLSlotElement;
|
|
21
|
+
protected defaultCustomIconViewBox: string;
|
|
22
|
+
/**
|
|
23
|
+
* The element that displays the rating icons.
|
|
24
|
+
* @internal
|
|
25
|
+
*/
|
|
26
|
+
display: HTMLElement;
|
|
16
27
|
/**
|
|
17
28
|
* The number of ratings.
|
|
18
29
|
*
|
|
@@ -25,9 +36,9 @@ export declare class BaseRatingDisplay extends FASTElement {
|
|
|
25
36
|
* The `viewBox` attribute of the icon <svg> element.
|
|
26
37
|
*
|
|
27
38
|
* @public
|
|
28
|
-
* @default `0 0 20 20`
|
|
29
39
|
* @remarks
|
|
30
40
|
* HTML Attribute: `icon-view-box`
|
|
41
|
+
* @deprecated Add `viewBox` attribute on the custom SVG directly.
|
|
31
42
|
*/
|
|
32
43
|
iconViewBox?: string;
|
|
33
44
|
/**
|
|
@@ -40,6 +51,7 @@ export declare class BaseRatingDisplay extends FASTElement {
|
|
|
40
51
|
* HTML Attribute: `max`
|
|
41
52
|
*/
|
|
42
53
|
max?: number;
|
|
54
|
+
protected maxChanged(): void;
|
|
43
55
|
/**
|
|
44
56
|
* The value of the rating.
|
|
45
57
|
*
|
|
@@ -48,42 +60,18 @@ export declare class BaseRatingDisplay extends FASTElement {
|
|
|
48
60
|
* HTML Attribute: `value`
|
|
49
61
|
*/
|
|
50
62
|
value?: number;
|
|
51
|
-
|
|
52
|
-
* @internal
|
|
53
|
-
*/
|
|
54
|
-
slottedIcon: HTMLElement[];
|
|
55
|
-
/**
|
|
56
|
-
* @internal
|
|
57
|
-
*/
|
|
58
|
-
slottedIconChanged(): void;
|
|
59
|
-
/**
|
|
60
|
-
* @internal
|
|
61
|
-
*/
|
|
62
|
-
private customIcon?;
|
|
63
|
-
private intlNumberFormatter;
|
|
63
|
+
protected valueChanged(): void;
|
|
64
64
|
constructor();
|
|
65
|
+
connectedCallback(): void;
|
|
65
66
|
/**
|
|
66
67
|
* Returns "count" as string, formatted according to the locale.
|
|
67
68
|
*
|
|
68
69
|
* @internal
|
|
69
70
|
*/
|
|
70
71
|
get formattedCount(): string;
|
|
71
|
-
/**
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
*/
|
|
76
|
-
protected getSelectedValue(): number;
|
|
77
|
-
/**
|
|
78
|
-
* Gets the maximum icons to render
|
|
79
|
-
*
|
|
80
|
-
* @protected
|
|
81
|
-
*/
|
|
82
|
-
protected getMaxIcons(): number;
|
|
83
|
-
/**
|
|
84
|
-
* Generates the icon SVG elements based on the "max" attribute.
|
|
85
|
-
*
|
|
86
|
-
* @internal
|
|
87
|
-
*/
|
|
88
|
-
generateIcons(): string;
|
|
72
|
+
/** @internal */
|
|
73
|
+
handleSlotChange(): void;
|
|
74
|
+
protected renderSlottedIcon(svg: SVGSVGElement | null): void;
|
|
75
|
+
protected setCustomPropertyValue(propertyName: PropertyNameForCalculation): void;
|
|
89
76
|
}
|
|
77
|
+
export {};
|