@fluentui/web-components 2.5.11 → 3.0.0-alpha.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/.eslintrc.json +62 -0
- package/CHANGELOG.json +64 -36
- package/CHANGELOG.md +14 -20
- package/build/{clean.js → clean.cjs} +0 -0
- package/dist/dts/badge/badge.d.ts +49 -0
- package/dist/dts/badge/badge.definition.d.ts +11 -0
- package/dist/dts/badge/badge.options.d.ts +73 -0
- package/dist/dts/badge/badge.stories.d.ts +10 -12
- package/dist/dts/badge/badge.styles.d.ts +4 -3
- package/dist/dts/badge/badge.template.d.ts +9 -0
- package/dist/{esm/color/recipe.js → dts/badge/define.d.ts} +0 -0
- package/dist/dts/badge/index.d.ts +5 -29
- package/dist/dts/counter-badge/counter-badge.d.ts +90 -0
- package/dist/dts/counter-badge/counter-badge.definition.d.ts +11 -0
- package/dist/dts/counter-badge/counter-badge.options.d.ts +69 -0
- package/dist/dts/counter-badge/counter-badge.stories.d.ts +14 -0
- package/dist/dts/counter-badge/counter-badge.styles.d.ts +4 -0
- package/dist/dts/counter-badge/counter-badge.template.d.ts +7 -0
- package/dist/dts/counter-badge/define.d.ts +1 -0
- package/dist/dts/counter-badge/index.d.ts +5 -0
- package/dist/dts/fluent-design-system.d.ts +5 -9
- package/dist/dts/index-rollup.d.ts +1 -8
- package/dist/dts/index.d.ts +5 -49
- package/dist/dts/progress-bar/define.d.ts +1 -0
- package/dist/dts/progress-bar/index.d.ts +5 -0
- package/dist/dts/progress-bar/progress-bar.d.ts +30 -0
- package/dist/dts/progress-bar/progress-bar.definition.d.ts +10 -0
- package/dist/dts/progress-bar/progress-bar.options.d.ts +41 -0
- package/dist/dts/progress-bar/progress-bar.stories.d.ts +9 -0
- package/dist/dts/progress-bar/progress-bar.styles.d.ts +4 -0
- package/dist/dts/progress-bar/progress-bar.template.d.ts +3 -0
- package/dist/dts/styles/index.d.ts +1 -5
- package/dist/dts/styles/partials/badge.partials.d.ts +28 -0
- package/dist/dts/styles/partials/index.d.ts +1 -0
- package/dist/dts/text/define.d.ts +1 -0
- package/dist/dts/text/index.d.ts +5 -0
- package/dist/dts/text/text.d.ts +91 -0
- package/dist/dts/text/text.definition.d.ts +10 -0
- package/dist/dts/text/text.options.d.ts +67 -0
- package/dist/dts/text/text.stories.d.ts +8 -0
- package/dist/dts/text/text.styles.d.ts +4 -0
- package/dist/dts/text/text.template.d.ts +6 -0
- package/dist/dts/theme/design-tokens.d.ts +379 -0
- package/dist/dts/theme/index.d.ts +2 -0
- package/dist/dts/theme/set-theme.d.ts +6 -0
- package/dist/dts/{anchored-region/anchored-region.stories.d.ts → theme/theme.stories.d.ts} +1 -2
- package/dist/esm/badge/badge.definition.js +18 -0
- package/dist/esm/badge/badge.js +42 -0
- package/dist/esm/badge/badge.options.js +45 -0
- package/dist/esm/badge/badge.stories.js +101 -20
- package/dist/esm/badge/badge.styles.js +25 -36
- package/dist/esm/badge/badge.template.js +14 -0
- package/dist/esm/badge/define.js +3 -0
- package/dist/esm/badge/index.js +5 -45
- package/dist/esm/counter-badge/counter-badge.definition.js +18 -0
- package/dist/esm/counter-badge/counter-badge.js +89 -0
- package/dist/esm/counter-badge/counter-badge.options.js +42 -0
- package/dist/esm/counter-badge/counter-badge.stories.js +102 -0
- package/dist/esm/counter-badge/counter-badge.styles.js +30 -0
- package/dist/esm/counter-badge/counter-badge.template.js +12 -0
- package/dist/esm/counter-badge/define.js +3 -0
- package/dist/esm/counter-badge/index.js +5 -0
- package/dist/esm/fluent-design-system.js +5 -11
- package/dist/esm/index-rollup.js +1 -12
- package/dist/esm/index.js +5 -49
- package/dist/esm/progress-bar/define.js +3 -0
- package/dist/esm/progress-bar/index.js +5 -0
- package/dist/esm/progress-bar/progress-bar.definition.js +17 -0
- package/dist/esm/progress-bar/progress-bar.js +18 -0
- package/dist/esm/progress-bar/progress-bar.options.js +25 -0
- package/dist/esm/progress-bar/progress-bar.stories.js +60 -0
- package/dist/esm/progress-bar/progress-bar.styles.js +155 -0
- package/dist/esm/progress-bar/progress-bar.template.js +5 -0
- package/dist/esm/styles/index.js +1 -5
- package/dist/esm/styles/partials/badge.partials.js +272 -0
- package/dist/esm/styles/partials/index.js +1 -0
- package/dist/esm/text/define.js +3 -0
- package/dist/esm/text/index.js +5 -0
- package/dist/esm/text/text.definition.js +17 -0
- package/dist/esm/text/text.js +91 -0
- package/dist/esm/text/text.options.js +45 -0
- package/dist/esm/text/text.stories.js +111 -0
- package/dist/esm/text/text.styles.js +104 -0
- package/dist/esm/text/text.template.js +5 -0
- package/dist/esm/theme/design-tokens.js +381 -0
- package/dist/esm/theme/index.js +2 -0
- package/dist/esm/theme/set-theme.js +11 -0
- package/dist/esm/theme/theme.stories.js +21 -0
- package/dist/fluent-web-components.api.json +6683 -12477
- package/dist/tsdoc-metadata.json +1 -1
- package/dist/web-components.d.ts +895 -2490
- package/dist/web-components.js +5181 -20475
- package/dist/web-components.min.js +269 -239
- package/docs/api-report.md +783 -1074
- package/package.json +53 -17
- package/public/theme-switch.ts +13 -0
- package/rollup.config.js +5 -0
- package/dist/dts/_docs/design-system/color-explorer/app.d.ts +0 -25
- package/dist/dts/_docs/design-system/color-explorer/colors.d.ts +0 -13
- package/dist/dts/_docs/design-system/color-explorer/component-types.d.ts +0 -6
- package/dist/dts/_docs/design-system/color-explorer/components/color-block.d.ts +0 -10
- package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.d.ts +0 -190
- package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.form-associated.d.ts +0 -15
- package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.styles.d.ts +0 -3
- package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.template.d.ts +0 -8
- package/dist/dts/_docs/design-system/color-explorer/components/color-picker/index.d.ts +0 -9
- package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.d.ts +0 -8
- package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.styles.d.ts +0 -1
- package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.template.d.ts +0 -2
- package/dist/dts/_docs/design-system/color-explorer/components/control-pane/index.d.ts +0 -6
- package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.d.ts +0 -5
- package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.styles.d.ts +0 -1
- package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.template.d.ts +0 -2
- package/dist/dts/_docs/design-system/color-explorer/components/gradient/index.d.ts +0 -6
- package/dist/dts/_docs/design-system/color-explorer/components/layer-background/index.d.ts +0 -21
- package/dist/dts/_docs/design-system/color-explorer/components/sample-app/index.d.ts +0 -6
- package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.d.ts +0 -3
- package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.styles.d.ts +0 -1
- package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.template.d.ts +0 -1
- package/dist/dts/_docs/design-system/color-explorer/components/sample-page/index.d.ts +0 -6
- package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.d.ts +0 -3
- package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.styles.d.ts +0 -1
- package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.template.d.ts +0 -1
- package/dist/dts/_docs/design-system/color-explorer/components/swatch.d.ts +0 -30
- package/dist/dts/_docs/design-system/color-explorer/custom-elements.d.ts +0 -7
- package/dist/dts/_docs/design-system/color-explorer/index.d.ts +0 -2
- package/dist/dts/accordion/accordion-item/accordion-item.styles.d.ts +0 -3
- package/dist/dts/accordion/accordion-item/index.d.ts +0 -17
- package/dist/dts/accordion/accordion.stories.d.ts +0 -15
- package/dist/dts/accordion/accordion.styles.d.ts +0 -3
- package/dist/dts/accordion/index.d.ts +0 -22
- package/dist/dts/anchor/anchor.stories.d.ts +0 -14
- package/dist/dts/anchor/anchor.styles.d.ts +0 -3
- package/dist/dts/anchor/index.d.ts +0 -49
- package/dist/dts/anchored-region/anchored-region.styles.d.ts +0 -3
- package/dist/dts/anchored-region/index.d.ts +0 -21
- package/dist/dts/breadcrumb/breadcrumb.stories.d.ts +0 -15
- package/dist/dts/breadcrumb/breadcrumb.styles.d.ts +0 -3
- package/dist/dts/breadcrumb/index.d.ts +0 -21
- package/dist/dts/breadcrumb-item/breadcrumb-item.stories.d.ts +0 -15
- package/dist/dts/breadcrumb-item/breadcrumb-item.styles.d.ts +0 -3
- package/dist/dts/breadcrumb-item/index.d.ts +0 -21
- package/dist/dts/button/button.stories.d.ts +0 -21
- package/dist/dts/button/button.styles.d.ts +0 -3
- package/dist/dts/button/index.d.ts +0 -48
- package/dist/dts/calendar/calendar.stories.d.ts +0 -86
- package/dist/dts/calendar/calendar.styles.d.ts +0 -7
- package/dist/dts/calendar/index.d.ts +0 -18
- package/dist/dts/card/card.stories.d.ts +0 -15
- package/dist/dts/card/card.styles.d.ts +0 -3
- package/dist/dts/card/index.d.ts +0 -46
- package/dist/dts/checkbox/checkbox.stories.d.ts +0 -28
- package/dist/dts/checkbox/checkbox.styles.d.ts +0 -3
- package/dist/dts/checkbox/index.d.ts +0 -16
- package/dist/dts/color/palette.d.ts +0 -73
- package/dist/dts/color/recipe.d.ts +0 -20
- package/dist/dts/color/recipes/contrast-and-delta-swatch-set.d.ts +0 -11
- package/dist/dts/color/recipes/contrast-swatch.d.ts +0 -12
- package/dist/dts/color/recipes/delta-swatch-set.d.ts +0 -36
- package/dist/dts/color/recipes/delta-swatch.d.ts +0 -12
- package/dist/dts/color/recipes/focus-stroke.d.ts +0 -10
- package/dist/dts/color/recipes/foreground-on-accent.d.ts +0 -11
- package/dist/dts/color/recipes/gradient-shadow-stroke.d.ts +0 -7
- package/dist/dts/color/recipes/gradient-swatch.d.ts +0 -36
- package/dist/dts/color/recipes/neutral-layer-1.d.ts +0 -10
- package/dist/dts/color/recipes/neutral-layer-2.d.ts +0 -6
- package/dist/dts/color/recipes/neutral-layer-3.d.ts +0 -6
- package/dist/dts/color/recipes/neutral-layer-4.d.ts +0 -6
- package/dist/dts/color/recipes/neutral-layer-floating.d.ts +0 -6
- package/dist/dts/color/recipes/underline-stroke.d.ts +0 -7
- package/dist/dts/color/swatch.d.ts +0 -31
- package/dist/dts/color/utilities/base-layer-luminance.d.ts +0 -11
- package/dist/dts/color/utilities/binary-search.d.ts +0 -4
- package/dist/dts/color/utilities/color-constants.d.ts +0 -14
- package/dist/dts/color/utilities/direction-by-is-dark.d.ts +0 -5
- package/dist/dts/color/utilities/is-dark.d.ts +0 -9
- package/dist/dts/color/utilities/relative-luminance.d.ts +0 -13
- package/dist/dts/combobox/combobox.stories.d.ts +0 -36
- package/dist/dts/combobox/combobox.styles.d.ts +0 -3
- package/dist/dts/combobox/index.d.ts +0 -43
- package/dist/dts/component-definitions.d.ts +0 -43
- package/dist/dts/custom-elements.d.ts +0 -103
- package/dist/dts/data-grid/data-grid-cell.styles.d.ts +0 -3
- package/dist/dts/data-grid/data-grid-row.styles.d.ts +0 -3
- package/dist/dts/data-grid/data-grid.stories.d.ts +0 -15
- package/dist/dts/data-grid/data-grid.styles.d.ts +0 -3
- package/dist/dts/data-grid/index.d.ts +0 -45
- package/dist/dts/design-system-provider/index.d.ts +0 -582
- package/dist/dts/design-tokens.d.ts +0 -519
- package/dist/dts/dialog/dialog.stories.d.ts +0 -25
- package/dist/dts/dialog/dialog.styles.d.ts +0 -3
- package/dist/dts/dialog/index.d.ts +0 -21
- package/dist/dts/divider/divider.stories.d.ts +0 -6
- package/dist/dts/divider/divider.styles.d.ts +0 -3
- package/dist/dts/divider/index.d.ts +0 -21
- package/dist/dts/flipper/flipper.stories.d.ts +0 -17
- package/dist/dts/flipper/flipper.styles.d.ts +0 -3
- package/dist/dts/flipper/index.d.ts +0 -21
- package/dist/dts/horizontal-scroll/horizontal-scroll.stories.d.ts +0 -15
- package/dist/dts/horizontal-scroll/horizontal-scroll.styles.d.ts +0 -12
- package/dist/dts/horizontal-scroll/index.d.ts +0 -25
- package/dist/dts/listbox/index.d.ts +0 -19
- package/dist/dts/listbox/listbox.stories.d.ts +0 -6
- package/dist/dts/listbox/listbox.styles.d.ts +0 -3
- package/dist/dts/listbox-option/index.d.ts +0 -17
- package/dist/dts/listbox-option/listbox-option.stories.d.ts +0 -23
- package/dist/dts/listbox-option/listbox-option.styles.d.ts +0 -3
- package/dist/dts/menu/index.d.ts +0 -26
- package/dist/dts/menu/menu.stories.d.ts +0 -6
- package/dist/dts/menu/menu.styles.d.ts +0 -3
- package/dist/dts/menu-item/index.d.ts +0 -21
- package/dist/dts/menu-item/menu-item.stories.d.ts +0 -18
- package/dist/dts/menu-item/menu-item.styles.d.ts +0 -3
- package/dist/dts/number-field/index.d.ts +0 -41
- package/dist/dts/number-field/number-field.stories.d.ts +0 -71
- package/dist/dts/number-field/number-field.styles.d.ts +0 -3
- package/dist/dts/progress/index.d.ts +0 -2
- package/dist/dts/progress/progress/index.d.ts +0 -22
- package/dist/dts/progress/progress/progress.stories.d.ts +0 -15
- package/dist/dts/progress/progress/progress.styles.d.ts +0 -3
- package/dist/dts/progress/progress-ring/index.d.ts +0 -22
- package/dist/dts/progress/progress-ring/progress-ring.stories.d.ts +0 -15
- package/dist/dts/progress/progress-ring/progress-ring.styles.d.ts +0 -3
- package/dist/dts/radio/index.d.ts +0 -21
- package/dist/dts/radio/radio.stories.d.ts +0 -23
- package/dist/dts/radio/radio.styles.d.ts +0 -3
- package/dist/dts/radio-group/index.d.ts +0 -21
- package/dist/dts/radio-group/radio-group.stories.d.ts +0 -18
- package/dist/dts/radio-group/radio-group.styles.d.ts +0 -3
- package/dist/dts/search/index.d.ts +0 -38
- package/dist/dts/search/search.stories.d.ts +0 -75
- package/dist/dts/search/search.styles.d.ts +0 -3
- package/dist/dts/search/search.template.d.ts +0 -6
- package/dist/dts/select/index.d.ts +0 -44
- package/dist/dts/select/select.stories.d.ts +0 -28
- package/dist/dts/select/select.styles.d.ts +0 -13
- package/dist/dts/skeleton/index.d.ts +0 -21
- package/dist/dts/skeleton/skeleton.stories.d.ts +0 -20
- package/dist/dts/skeleton/skeleton.styles.d.ts +0 -3
- package/dist/dts/slider/index.d.ts +0 -21
- package/dist/dts/slider/slider.stories.d.ts +0 -14
- package/dist/dts/slider/slider.styles.d.ts +0 -3
- package/dist/dts/slider-label/index.d.ts +0 -21
- package/dist/dts/slider-label/slider-label.stories.d.ts +0 -23
- package/dist/dts/slider-label/slider-label.styles.d.ts +0 -3
- package/dist/dts/styles/direction.d.ts +0 -34
- package/dist/dts/styles/elevation.d.ts +0 -64
- package/dist/dts/styles/focus.d.ts +0 -13
- package/dist/dts/styles/patterns/button.styles.d.ts +0 -31
- package/dist/dts/styles/patterns/index.d.ts +0 -3
- package/dist/dts/styles/patterns/input.styles.d.ts +0 -30
- package/dist/dts/styles/patterns/type-ramp.d.ts +0 -18
- package/dist/dts/styles/size.d.ts +0 -7
- package/dist/dts/switch/index.d.ts +0 -21
- package/dist/dts/switch/switch.stories.d.ts +0 -18
- package/dist/dts/switch/switch.styles.d.ts +0 -3
- package/dist/dts/tabs/index.d.ts +0 -23
- package/dist/dts/tabs/tab/index.d.ts +0 -21
- package/dist/dts/tabs/tab/tab.styles.d.ts +0 -3
- package/dist/dts/tabs/tab-panel/index.d.ts +0 -21
- package/dist/dts/tabs/tab-panel/tab-panel.styles.d.ts +0 -3
- package/dist/dts/tabs/tabs.stories.d.ts +0 -19
- package/dist/dts/tabs/tabs.styles.d.ts +0 -3
- package/dist/dts/text-area/index.d.ts +0 -45
- package/dist/dts/text-area/text-area.stories.d.ts +0 -41
- package/dist/dts/text-area/text-area.styles.d.ts +0 -3
- package/dist/dts/text-field/index.d.ts +0 -45
- package/dist/dts/text-field/text-field.stories.d.ts +0 -81
- package/dist/dts/text-field/text-field.styles.d.ts +0 -3
- package/dist/dts/toolbar/index.d.ts +0 -17
- package/dist/dts/toolbar/toolbar.stories.d.ts +0 -9
- package/dist/dts/toolbar/toolbar.styles.d.ts +0 -3
- package/dist/dts/tooltip/index.d.ts +0 -21
- package/dist/dts/tooltip/tooltip.stories.d.ts +0 -14
- package/dist/dts/tooltip/tooltip.styles.d.ts +0 -3
- package/dist/dts/tree-item/index.d.ts +0 -22
- package/dist/dts/tree-item/tree-item.stories.d.ts +0 -18
- package/dist/dts/tree-item/tree-item.styles.d.ts +0 -4
- package/dist/dts/tree-view/index.d.ts +0 -22
- package/dist/dts/tree-view/tree-view.stories.d.ts +0 -13
- package/dist/dts/tree-view/tree-view.styles.d.ts +0 -3
- package/dist/dts/utilities/behaviors.d.ts +0 -12
- package/dist/dts/utilities/type-ramp.d.ts +0 -12
- package/dist/esm/_docs/design-system/color-explorer/app.js +0 -247
- package/dist/esm/_docs/design-system/color-explorer/colors.js +0 -24
- package/dist/esm/_docs/design-system/color-explorer/component-types.js +0 -7
- package/dist/esm/_docs/design-system/color-explorer/components/color-block.js +0 -408
- package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.form-associated.js +0 -16
- package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.js +0 -297
- package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.styles.js +0 -124
- package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.template.js +0 -130
- package/dist/esm/_docs/design-system/color-explorer/components/color-picker/index.js +0 -15
- package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.js +0 -24
- package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.styles.js +0 -19
- package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.template.js +0 -52
- package/dist/esm/_docs/design-system/color-explorer/components/control-pane/index.js +0 -18
- package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.js +0 -11
- package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.styles.js +0 -31
- package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.template.js +0 -21
- package/dist/esm/_docs/design-system/color-explorer/components/gradient/index.js +0 -18
- package/dist/esm/_docs/design-system/color-explorer/components/layer-background/index.js +0 -70
- package/dist/esm/_docs/design-system/color-explorer/components/sample-app/index.js +0 -18
- package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.js +0 -3
- package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.styles.js +0 -166
- package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.template.js +0 -97
- package/dist/esm/_docs/design-system/color-explorer/components/sample-page/index.js +0 -18
- package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.js +0 -3
- package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.styles.js +0 -130
- package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.template.js +0 -82
- package/dist/esm/_docs/design-system/color-explorer/components/swatch.js +0 -163
- package/dist/esm/_docs/design-system/color-explorer/custom-elements.js +0 -3
- package/dist/esm/_docs/design-system/color-explorer/index.js +0 -14
- package/dist/esm/accordion/accordion-item/accordion-item.styles.js +0 -154
- package/dist/esm/accordion/accordion-item/accordion-item.vscode.definition.json +0 -67
- package/dist/esm/accordion/accordion-item/index.js +0 -32
- package/dist/esm/accordion/accordion.stories.js +0 -66
- package/dist/esm/accordion/accordion.styles.js +0 -13
- package/dist/esm/accordion/accordion.vscode.definition.json +0 -35
- package/dist/esm/accordion/index.js +0 -27
- package/dist/esm/anchor/anchor.stories.js +0 -34
- package/dist/esm/anchor/anchor.styles.js +0 -5
- package/dist/esm/anchor/anchor.vscode.definition.json +0 -138
- package/dist/esm/anchor/index.js +0 -67
- package/dist/esm/anchored-region/anchored-region.stories.js +0 -133
- package/dist/esm/anchored-region/anchored-region.styles.js +0 -7
- package/dist/esm/anchored-region/anchored-region.vscode.definition.json +0 -140
- package/dist/esm/anchored-region/index.js +0 -26
- package/dist/esm/badge/badge.vscode.definition.json +0 -60
- package/dist/esm/breadcrumb/breadcrumb.stories.js +0 -20
- package/dist/esm/breadcrumb/breadcrumb.styles.js +0 -13
- package/dist/esm/breadcrumb/breadcrumb.vscode.definition.json +0 -18
- package/dist/esm/breadcrumb/index.js +0 -26
- package/dist/esm/breadcrumb-item/breadcrumb-item.stories.js +0 -16
- package/dist/esm/breadcrumb-item/breadcrumb-item.styles.js +0 -96
- package/dist/esm/breadcrumb-item/breadcrumb-item.vscode.definition.json +0 -50
- package/dist/esm/breadcrumb-item/index.js +0 -34
- package/dist/esm/button/button.stories.js +0 -40
- package/dist/esm/button/button.styles.js +0 -24
- package/dist/esm/button/button.vscode.definition.json +0 -158
- package/dist/esm/button/index.js +0 -67
- package/dist/esm/calendar/calendar.stories.js +0 -115
- package/dist/esm/calendar/calendar.styles.js +0 -132
- package/dist/esm/calendar/index.js +0 -31
- package/dist/esm/card/card.stories.js +0 -30
- package/dist/esm/card/card.styles.js +0 -28
- package/dist/esm/card/card.vscode.definition.json +0 -33
- package/dist/esm/card/index.js +0 -79
- package/dist/esm/checkbox/checkbox.stories.js +0 -43
- package/dist/esm/checkbox/checkbox.styles.js +0 -161
- package/dist/esm/checkbox/checkbox.vscode.definition.json +0 -69
- package/dist/esm/checkbox/index.js +0 -31
- package/dist/esm/color/palette.js +0 -250
- package/dist/esm/color/recipes/contrast-and-delta-swatch-set.js +0 -28
- package/dist/esm/color/recipes/contrast-swatch.js +0 -12
- package/dist/esm/color/recipes/delta-swatch-set.js +0 -53
- package/dist/esm/color/recipes/delta-swatch.js +0 -13
- package/dist/esm/color/recipes/focus-stroke.js +0 -14
- package/dist/esm/color/recipes/foreground-on-accent.js +0 -21
- package/dist/esm/color/recipes/gradient-shadow-stroke.js +0 -54
- package/dist/esm/color/recipes/gradient-swatch.js +0 -36
- package/dist/esm/color/recipes/neutral-layer-1.js +0 -13
- package/dist/esm/color/recipes/neutral-layer-2.js +0 -7
- package/dist/esm/color/recipes/neutral-layer-3.js +0 -7
- package/dist/esm/color/recipes/neutral-layer-4.js +0 -7
- package/dist/esm/color/recipes/neutral-layer-floating.js +0 -7
- package/dist/esm/color/recipes/underline-stroke.js +0 -31
- package/dist/esm/color/swatch.js +0 -53
- package/dist/esm/color/utilities/base-layer-luminance.js +0 -14
- package/dist/esm/color/utilities/binary-search.js +0 -15
- package/dist/esm/color/utilities/color-constants.js +0 -19
- package/dist/esm/color/utilities/direction-by-is-dark.js +0 -7
- package/dist/esm/color/utilities/is-dark.js +0 -17
- package/dist/esm/color/utilities/relative-luminance.js +0 -8
- package/dist/esm/combobox/combobox.stories.js +0 -84
- package/dist/esm/combobox/combobox.styles.js +0 -40
- package/dist/esm/combobox/combobox.vscode.definition.json +0 -121
- package/dist/esm/combobox/index.js +0 -63
- package/dist/esm/component-definitions.js +0 -84
- package/dist/esm/custom-elements.js +0 -102
- package/dist/esm/data-grid/data-grid-cell.styles.js +0 -36
- package/dist/esm/data-grid/data-grid-cell.vscode.definition.json +0 -34
- package/dist/esm/data-grid/data-grid-row.styles.js +0 -24
- package/dist/esm/data-grid/data-grid-row.vscode.definition.json +0 -34
- package/dist/esm/data-grid/data-grid.stories.js +0 -381
- package/dist/esm/data-grid/data-grid.styles.js +0 -8
- package/dist/esm/data-grid/data-grid.vscode.definition.json +0 -34
- package/dist/esm/data-grid/index.js +0 -60
- package/dist/esm/design-system-provider/design-system-provider.vscode.definition.json +0 -510
- package/dist/esm/design-system-provider/index.js +0 -518
- package/dist/esm/design-tokens.js +0 -685
- package/dist/esm/dialog/dialog.stories.js +0 -36
- package/dist/esm/dialog/dialog.styles.js +0 -47
- package/dist/esm/dialog/dialog.vscode.definition.json +0 -67
- package/dist/esm/dialog/index.js +0 -26
- package/dist/esm/divider/divider.stories.js +0 -17
- package/dist/esm/divider/divider.styles.js +0 -11
- package/dist/esm/divider/divider.vscode.definition.json +0 -29
- package/dist/esm/divider/index.js +0 -26
- package/dist/esm/flipper/flipper.stories.js +0 -31
- package/dist/esm/flipper/flipper.styles.js +0 -84
- package/dist/esm/flipper/flipper.vscode.definition.json +0 -56
- package/dist/esm/flipper/index.js +0 -36
- package/dist/esm/horizontal-scroll/horizontal-scroll.stories.js +0 -81
- package/dist/esm/horizontal-scroll/horizontal-scroll.styles.js +0 -138
- package/dist/esm/horizontal-scroll/horizontal-scroll.vscode.definition.json +0 -85
- package/dist/esm/horizontal-scroll/index.js +0 -47
- package/dist/esm/listbox/index.js +0 -24
- package/dist/esm/listbox/listbox.stories.js +0 -29
- package/dist/esm/listbox/listbox.styles.js +0 -21
- package/dist/esm/listbox/listbox.vscode.definition.json +0 -40
- package/dist/esm/listbox-option/index.js +0 -22
- package/dist/esm/listbox-option/listbox-option.stories.js +0 -38
- package/dist/esm/listbox-option/listbox-option.styles.js +0 -133
- package/dist/esm/listbox-option/listbox-option.vscode.definition.json +0 -45
- package/dist/esm/menu/index.js +0 -36
- package/dist/esm/menu/menu.stories.js +0 -56
- package/dist/esm/menu/menu.styles.js +0 -42
- package/dist/esm/menu/menu.vscode.definition.json +0 -18
- package/dist/esm/menu-item/index.js +0 -41
- package/dist/esm/menu-item/menu-item.stories.js +0 -34
- package/dist/esm/menu-item/menu-item.styles.js +0 -265
- package/dist/esm/menu-item/menu-item.vscode.definition.json +0 -82
- package/dist/esm/number-field/index.js +0 -57
- package/dist/esm/number-field/number-field.stories.js +0 -83
- package/dist/esm/number-field/number-field.styles.js +0 -71
- package/dist/esm/number-field/number-field.vscode.definition.json +0 -167
- package/dist/esm/progress/index.js +0 -2
- package/dist/esm/progress/progress/index.js +0 -33
- package/dist/esm/progress/progress/progress.stories.js +0 -59
- package/dist/esm/progress/progress/progress.styles.js +0 -119
- package/dist/esm/progress/progress/progress.vscode.definition.json +0 -56
- package/dist/esm/progress/progress-ring/index.js +0 -45
- package/dist/esm/progress/progress-ring/progress-ring.stories.js +0 -59
- package/dist/esm/progress/progress-ring/progress-ring.styles.js +0 -79
- package/dist/esm/progress/progress-ring/progress-ring.vscode.definition.json +0 -56
- package/dist/esm/radio/index.js +0 -31
- package/dist/esm/radio/radio.stories.js +0 -41
- package/dist/esm/radio/radio.styles.js +0 -152
- package/dist/esm/radio/radio.vscode.definition.json +0 -63
- package/dist/esm/radio-group/index.js +0 -26
- package/dist/esm/radio-group/radio-group.stories.js +0 -42
- package/dist/esm/radio-group/radio-group.styles.js +0 -21
- package/dist/esm/radio-group/radio-group.vscode.definition.json +0 -64
- package/dist/esm/search/index.js +0 -52
- package/dist/esm/search/search.stories.js +0 -83
- package/dist/esm/search/search.styles.js +0 -104
- package/dist/esm/search/search.template.js +0 -82
- package/dist/esm/search/search.vscode.definition.json +0 -145
- package/dist/esm/select/index.js +0 -61
- package/dist/esm/select/select.stories.js +0 -53
- package/dist/esm/select/select.styles.js +0 -139
- package/dist/esm/select/select.vscode.definition.json +0 -79
- package/dist/esm/skeleton/index.js +0 -26
- package/dist/esm/skeleton/skeleton.stories.js +0 -37
- package/dist/esm/skeleton/skeleton.styles.js +0 -77
- package/dist/esm/skeleton/skeleton.vscode.definition.json +0 -49
- package/dist/esm/slider/index.js +0 -29
- package/dist/esm/slider/slider.stories.js +0 -40
- package/dist/esm/slider/slider.styles.js +0 -162
- package/dist/esm/slider/slider.vscode.definition.json +0 -101
- package/dist/esm/slider-label/index.js +0 -26
- package/dist/esm/slider-label/slider-label.stories.js +0 -40
- package/dist/esm/slider-label/slider-label.styles.js +0 -77
- package/dist/esm/slider-label/slider-label.vscode.definition.json +0 -43
- package/dist/esm/styles/direction.js +0 -73
- package/dist/esm/styles/elevation.js +0 -74
- package/dist/esm/styles/focus.js +0 -21
- package/dist/esm/styles/patterns/button.styles.js +0 -427
- package/dist/esm/styles/patterns/index.js +0 -3
- package/dist/esm/styles/patterns/input.styles.js +0 -227
- package/dist/esm/styles/patterns/type-ramp.js +0 -74
- package/dist/esm/styles/size.js +0 -9
- package/dist/esm/switch/index.js +0 -31
- package/dist/esm/switch/switch.stories.js +0 -42
- package/dist/esm/switch/switch.styles.js +0 -213
- package/dist/esm/switch/switch.vscode.definition.json +0 -68
- package/dist/esm/tabs/index.js +0 -28
- package/dist/esm/tabs/tab/index.js +0 -26
- package/dist/esm/tabs/tab/tab.styles.js +0 -75
- package/dist/esm/tabs/tab/tab.vscode.definition.json +0 -17
- package/dist/esm/tabs/tab-panel/index.js +0 -26
- package/dist/esm/tabs/tab-panel/tab-panel.styles.js +0 -11
- package/dist/esm/tabs/tab-panel/tab-panel.vscode.definition.json +0 -17
- package/dist/esm/tabs/tabs.stories.js +0 -105
- package/dist/esm/tabs/tabs.styles.js +0 -98
- package/dist/esm/tabs/tabs.vscode.definition.json +0 -50
- package/dist/esm/text-area/index.js +0 -56
- package/dist/esm/text-area/text-area.stories.js +0 -56
- package/dist/esm/text-area/text-area.styles.js +0 -39
- package/dist/esm/text-area/text-area.vscode.definition.json +0 -141
- package/dist/esm/text-field/index.js +0 -56
- package/dist/esm/text-field/text-field.stories.js +0 -88
- package/dist/esm/text-field/text-field.styles.js +0 -48
- package/dist/esm/text-field/text-field.vscode.definition.json +0 -150
- package/dist/esm/toolbar/index.js +0 -23
- package/dist/esm/toolbar/toolbar.stories.js +0 -9
- package/dist/esm/toolbar/toolbar.styles.js +0 -73
- package/dist/esm/tooltip/index.js +0 -31
- package/dist/esm/tooltip/tooltip.stories.js +0 -34
- package/dist/esm/tooltip/tooltip.styles.js +0 -107
- package/dist/esm/tooltip/tooltip.vscode.definition.json +0 -56
- package/dist/esm/tree-item/index.js +0 -32
- package/dist/esm/tree-item/tree-item.stories.js +0 -34
- package/dist/esm/tree-item/tree-item.styles.js +0 -227
- package/dist/esm/tree-item/tree-item.vscode.definition.json +0 -63
- package/dist/esm/tree-view/index.js +0 -27
- package/dist/esm/tree-view/tree-view.stories.js +0 -99
- package/dist/esm/tree-view/tree-view.styles.js +0 -14
- package/dist/esm/tree-view/tree-view.vscode.definition.json +0 -26
- package/dist/esm/utilities/behaviors.js +0 -13
- package/dist/esm/utilities/type-ramp.js +0 -12
- package/karma.conf.js +0 -147
- package/public/switches.ts +0 -24
package/.eslintrc.json
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
{
|
|
2
|
+
"root": true,
|
|
3
|
+
"parser": "@typescript-eslint/parser",
|
|
4
|
+
"plugins": ["@typescript-eslint", "import"],
|
|
5
|
+
"extends": [
|
|
6
|
+
"eslint:recommended",
|
|
7
|
+
"plugin:@typescript-eslint/eslint-recommended",
|
|
8
|
+
"plugin:@typescript-eslint/recommended",
|
|
9
|
+
"prettier"
|
|
10
|
+
],
|
|
11
|
+
"settings": {
|
|
12
|
+
"react": {
|
|
13
|
+
"version": "latest"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
"rules": {
|
|
17
|
+
"no-extra-boolean-cast": "off",
|
|
18
|
+
"no-prototype-builtins": "off",
|
|
19
|
+
"no-fallthrough": "off",
|
|
20
|
+
"no-unexpected-multiline": "off",
|
|
21
|
+
"import/order": "error",
|
|
22
|
+
"sort-imports": [
|
|
23
|
+
"error",
|
|
24
|
+
{
|
|
25
|
+
"ignoreCase": true,
|
|
26
|
+
"ignoreDeclarationSort": true
|
|
27
|
+
}
|
|
28
|
+
],
|
|
29
|
+
"comma-dangle": "off",
|
|
30
|
+
"@typescript-eslint/no-non-null-assertion": "off",
|
|
31
|
+
"@typescript-eslint/no-use-before-define": "off",
|
|
32
|
+
"@typescript-eslint/explicit-module-boundary-types": "off",
|
|
33
|
+
"@typescript-eslint/explicit-function-return-type": "off",
|
|
34
|
+
"@typescript-eslint/camelcase": "off",
|
|
35
|
+
"@typescript-eslint/no-inferrable-types": "off",
|
|
36
|
+
"@typescript-eslint/no-unused-vars": [
|
|
37
|
+
"warn",
|
|
38
|
+
{
|
|
39
|
+
"args": "none"
|
|
40
|
+
}
|
|
41
|
+
],
|
|
42
|
+
"@typescript-eslint/no-explicit-any": "off",
|
|
43
|
+
"@typescript-eslint/naming-convention": [
|
|
44
|
+
"error",
|
|
45
|
+
{
|
|
46
|
+
"selector": "default",
|
|
47
|
+
"format": ["UPPER_CASE", "camelCase", "PascalCase"],
|
|
48
|
+
"leadingUnderscore": "allow"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"selector": "property",
|
|
52
|
+
"format": null // disable for property names because of our foo__expanded convention for JSS
|
|
53
|
+
// TODO: I think we can come up with a regex that ignores variables with __ in them
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"selector": "variable",
|
|
57
|
+
"format": null // disable for variable names because of our foo__expanded convention for JSS
|
|
58
|
+
// TODO: I think we can come up with a regex that ignores variables with __ in them
|
|
59
|
+
}
|
|
60
|
+
]
|
|
61
|
+
}
|
|
62
|
+
}
|
package/CHANGELOG.json
CHANGED
|
@@ -2,61 +2,89 @@
|
|
|
2
2
|
"name": "@fluentui/web-components",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Wed,
|
|
6
|
-
"tag": "@fluentui/web-
|
|
7
|
-
"version": "
|
|
5
|
+
"date": "Wed, 25 Jan 2023 16:36:01 GMT",
|
|
6
|
+
"tag": "@fluentui/web-components_v3.0.0-alpha.2",
|
|
7
|
+
"version": "3.0.0-alpha.2",
|
|
8
8
|
"comments": {
|
|
9
|
-
"
|
|
9
|
+
"none": [
|
|
10
10
|
{
|
|
11
|
-
"author": "
|
|
11
|
+
"author": "martinhochel@microsoft.com",
|
|
12
12
|
"package": "@fluentui/web-components",
|
|
13
|
-
"commit": "
|
|
14
|
-
"comment": "chore:
|
|
13
|
+
"commit": "c5b3031ada2f788ef0a36185024f4c10c16143d6",
|
|
14
|
+
"comment": "chore: run manually bump to fix failed CI release"
|
|
15
15
|
}
|
|
16
|
-
]
|
|
17
|
-
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
"date": "Tue, 10 Jan 2023 07:50:14 GMT",
|
|
21
|
-
"tag": "@fluentui/web-components_v2.5.10",
|
|
22
|
-
"version": "2.5.10",
|
|
23
|
-
"comments": {
|
|
24
|
-
"patch": [
|
|
16
|
+
],
|
|
17
|
+
"prerelease": [
|
|
25
18
|
{
|
|
26
|
-
"author": "
|
|
19
|
+
"author": "miroslav.stastny@microsoft.com",
|
|
27
20
|
"package": "@fluentui/web-components",
|
|
28
|
-
"commit": "
|
|
29
|
-
"comment": "
|
|
21
|
+
"commit": "68de783e80c71173a717c758680a63bf9c7e8c78",
|
|
22
|
+
"comment": "feat: export theme"
|
|
30
23
|
}
|
|
31
24
|
]
|
|
32
25
|
}
|
|
33
26
|
},
|
|
34
27
|
{
|
|
35
|
-
"date": "
|
|
36
|
-
"tag": "@fluentui/web-
|
|
37
|
-
"version": "
|
|
28
|
+
"date": "Wed, 25 Jan 2023 14:49:08 GMT",
|
|
29
|
+
"tag": "@fluentui/web-components_v3.0.0-alpha.1",
|
|
30
|
+
"version": "3.0.0-alpha.1",
|
|
38
31
|
"comments": {
|
|
39
|
-
"
|
|
32
|
+
"prerelease": [
|
|
33
|
+
{
|
|
34
|
+
"author": "ryan@ryanmerrill.net",
|
|
35
|
+
"package": "@fluentui/web-components",
|
|
36
|
+
"commit": "1322f3f962e8a850fe104cc2ba9b12b2bc2f2842",
|
|
37
|
+
"comment": "add progressbar as new component"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"author": "miroslav.stastny@microsoft.com",
|
|
41
|
+
"package": "@fluentui/web-components",
|
|
42
|
+
"commit": "6de62a46eafd74b968ec913901729b3f7284dc7a",
|
|
43
|
+
"comment": "Add initial theme"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"author": "chhol@microsoft.com",
|
|
47
|
+
"package": "@fluentui/web-components",
|
|
48
|
+
"commit": "eead74fee07339f998615fe34d8f847d0f63af6e",
|
|
49
|
+
"comment": "add badge and counter badge as new components"
|
|
50
|
+
},
|
|
40
51
|
{
|
|
41
|
-
"author": "
|
|
52
|
+
"author": "chhol@microsoft.com",
|
|
42
53
|
"package": "@fluentui/web-components",
|
|
43
|
-
"commit": "
|
|
44
|
-
"comment": "
|
|
54
|
+
"commit": "5e3ba35835c0a5487b574ea58a51cccd67b5fa8c",
|
|
55
|
+
"comment": "add text as a new component"
|
|
45
56
|
}
|
|
46
|
-
]
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
"date": "Tue, 15 Nov 2022 07:44:58 GMT",
|
|
51
|
-
"tag": "@fluentui/web-components_v2.5.8",
|
|
52
|
-
"version": "2.5.8",
|
|
53
|
-
"comments": {
|
|
57
|
+
],
|
|
54
58
|
"none": [
|
|
55
59
|
{
|
|
56
60
|
"author": "martinhochel@microsoft.com",
|
|
57
61
|
"package": "@fluentui/web-components",
|
|
58
|
-
"commit": "
|
|
59
|
-
"comment": "chore
|
|
62
|
+
"commit": "7c94cbd46051ea57bba4e8885c86e89967bb412c",
|
|
63
|
+
"comment": "chore: setup typescript 4.7 for web-components package"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"author": "miroslav.stastny@microsoft.com",
|
|
67
|
+
"package": "@fluentui/web-components",
|
|
68
|
+
"commit": "cd42ab4f8aa11c7ac134538193dc8dc4a01ca0f3",
|
|
69
|
+
"comment": "Reset web-components for v3 development"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"author": "martinhochel@microsoft.com",
|
|
73
|
+
"package": "@fluentui/web-components",
|
|
74
|
+
"commit": "7f15428e8fb2c3cfbfe8e555978bfa66f74f8fd8",
|
|
75
|
+
"comment": "chore: bump web-components to 3.0.0-alpha.0"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"author": "martinhochel@microsoft.com",
|
|
79
|
+
"package": "@fluentui/web-components",
|
|
80
|
+
"commit": "9b29aada3dba8f929530ddc1b4b64e869d5fffd4",
|
|
81
|
+
"comment": "chore(web-components): resolve invalid webpack test regex on windows"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"author": "chhol@microsoft.com",
|
|
85
|
+
"package": "@fluentui/web-components",
|
|
86
|
+
"commit": "be3d30fcbe222be34b02a554e948d14bb2d730df",
|
|
87
|
+
"comment": "update clean file to .cjs and ensure rimraf is in dependency tree"
|
|
60
88
|
}
|
|
61
89
|
]
|
|
62
90
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,35 +1,29 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on Wed,
|
|
3
|
+
This log was last generated on Wed, 25 Jan 2023 16:36:01 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [
|
|
7
|
+
## [3.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.2)
|
|
8
8
|
|
|
9
|
-
Wed,
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-
|
|
9
|
+
Wed, 25 Jan 2023 16:36:01 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.1..@fluentui/web-components_v3.0.0-alpha.2)
|
|
11
11
|
|
|
12
|
-
###
|
|
13
|
-
|
|
14
|
-
- chore: upgrade version of storybook ([PR #26259](https://github.com/microsoft/fluentui/pull/26259) by mgodbolt@microsoft.com)
|
|
12
|
+
### Changes
|
|
15
13
|
|
|
16
|
-
|
|
14
|
+
- feat: export theme ([PR #26500](https://github.com/microsoft/fluentui/pull/26500) by miroslav.stastny@microsoft.com)
|
|
17
15
|
|
|
18
|
-
|
|
19
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.9..@fluentui/web-components_v2.5.10)
|
|
20
|
-
|
|
21
|
-
### Patches
|
|
16
|
+
## [3.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.1)
|
|
22
17
|
|
|
23
|
-
|
|
18
|
+
Wed, 25 Jan 2023 14:49:08 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.8..@fluentui/web-components_v3.0.0-alpha.1)
|
|
24
20
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
Thu, 05 Jan 2023 07:59:57 GMT
|
|
28
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.8..@fluentui/web-components_v2.5.9)
|
|
29
|
-
|
|
30
|
-
### Patches
|
|
21
|
+
### Changes
|
|
31
22
|
|
|
32
|
-
-
|
|
23
|
+
- add progressbar as new component ([PR #26329](https://github.com/microsoft/fluentui/pull/26329) by ryan@ryanmerrill.net)
|
|
24
|
+
- Add initial theme ([PR #25660](https://github.com/microsoft/fluentui/pull/25660) by miroslav.stastny@microsoft.com)
|
|
25
|
+
- add badge and counter badge as new components ([PR #26357](https://github.com/microsoft/fluentui/pull/26357) by chhol@microsoft.com)
|
|
26
|
+
- add text as a new component ([PR #26090](https://github.com/microsoft/fluentui/pull/26090) by chhol@microsoft.com)
|
|
33
27
|
|
|
34
28
|
## [2.5.8](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.8)
|
|
35
29
|
|
|
File without changes
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
import { StartEnd } from '@microsoft/fast-foundation';
|
|
3
|
+
import { BadgeAppearance, BadgeColor, BadgeShape, BadgeSize } from './badge.options.js';
|
|
4
|
+
/**
|
|
5
|
+
* The base class used for constructing a fluent-badge custom element
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export declare class Badge extends FASTElement {
|
|
9
|
+
/**
|
|
10
|
+
* The appearance the badge should have.
|
|
11
|
+
*
|
|
12
|
+
* @public
|
|
13
|
+
* @remarks
|
|
14
|
+
* HTML Attribute: appearance
|
|
15
|
+
*/
|
|
16
|
+
appearance: BadgeAppearance;
|
|
17
|
+
/**
|
|
18
|
+
* The color the badge should have.
|
|
19
|
+
*
|
|
20
|
+
* @public
|
|
21
|
+
* @remarks
|
|
22
|
+
* HTML Attribute: color
|
|
23
|
+
*/
|
|
24
|
+
color: BadgeColor;
|
|
25
|
+
/**
|
|
26
|
+
* The shape the badge should have.
|
|
27
|
+
*
|
|
28
|
+
* @public
|
|
29
|
+
* @remarks
|
|
30
|
+
* HTML Attribute: shape
|
|
31
|
+
*/
|
|
32
|
+
shape: BadgeShape;
|
|
33
|
+
/**
|
|
34
|
+
* The size the badge should have.
|
|
35
|
+
*
|
|
36
|
+
* @public
|
|
37
|
+
* @remarks
|
|
38
|
+
* HTML Attribute: size
|
|
39
|
+
*/
|
|
40
|
+
size: BadgeSize;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Mark internal because exporting class and interface of the same name
|
|
44
|
+
* confuses API extractor.
|
|
45
|
+
* TODO: Below will be unnecessary when Badge class gets updated
|
|
46
|
+
* @internal
|
|
47
|
+
*/
|
|
48
|
+
export interface Badge extends StartEnd {
|
|
49
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Badge } from './badge.js';
|
|
2
|
+
/**
|
|
3
|
+
* The Fluent Badge Element. Implements {@link @microsoft/fast-foundation#Badge },
|
|
4
|
+
* {@link @microsoft/fast-foundation#badgeTemplate}
|
|
5
|
+
*
|
|
6
|
+
*
|
|
7
|
+
* @public
|
|
8
|
+
* @remarks
|
|
9
|
+
* HTML Element: \<fluent-badge\>
|
|
10
|
+
*/
|
|
11
|
+
export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Badge>;
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { StartEndOptions, StaticallyComposableHTML, ValuesOf } from '@microsoft/fast-foundation';
|
|
2
|
+
import type { Badge } from './badge.js';
|
|
3
|
+
/**
|
|
4
|
+
* @internal - marking as internal update when Badge PR for start/end is in
|
|
5
|
+
*/
|
|
6
|
+
export declare type BadgeOptions = StartEndOptions<Badge> & {
|
|
7
|
+
defaultContent?: StaticallyComposableHTML;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* BadgeAppearance constants
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
13
|
+
export declare const BadgeAppearance: {
|
|
14
|
+
readonly filled: "filled";
|
|
15
|
+
readonly ghost: "ghost";
|
|
16
|
+
readonly outline: "outline";
|
|
17
|
+
readonly tint: "tint";
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* A Badge can be filled, outline, ghost, inverted
|
|
21
|
+
* @public
|
|
22
|
+
*/
|
|
23
|
+
export declare type BadgeAppearance = ValuesOf<typeof BadgeAppearance>;
|
|
24
|
+
/**
|
|
25
|
+
* BadgeColor constants
|
|
26
|
+
* @public
|
|
27
|
+
*/
|
|
28
|
+
export declare const BadgeColor: {
|
|
29
|
+
readonly brand: "brand";
|
|
30
|
+
readonly danger: "danger";
|
|
31
|
+
readonly important: "important";
|
|
32
|
+
readonly informative: "informative";
|
|
33
|
+
readonly severe: "severe";
|
|
34
|
+
readonly subtle: "subtle";
|
|
35
|
+
readonly success: "success";
|
|
36
|
+
readonly warning: "warning";
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* A Badge can be one of preset colors
|
|
40
|
+
* @public
|
|
41
|
+
*/
|
|
42
|
+
export declare type BadgeColor = ValuesOf<typeof BadgeColor>;
|
|
43
|
+
/**
|
|
44
|
+
* A Badge can be square, circular or rounded.
|
|
45
|
+
* @public
|
|
46
|
+
*/
|
|
47
|
+
export declare const BadgeShape: {
|
|
48
|
+
readonly circular: "circular";
|
|
49
|
+
readonly rounded: "rounded";
|
|
50
|
+
readonly square: "square";
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* A Badge can be one of preset colors
|
|
54
|
+
* @public
|
|
55
|
+
*/
|
|
56
|
+
export declare type BadgeShape = ValuesOf<typeof BadgeShape>;
|
|
57
|
+
/**
|
|
58
|
+
* A Badge can be square, circular or rounded.
|
|
59
|
+
* @public
|
|
60
|
+
*/
|
|
61
|
+
export declare const BadgeSize: {
|
|
62
|
+
readonly tiny: "tiny";
|
|
63
|
+
readonly extraSmall: "extra-small";
|
|
64
|
+
readonly small: "small";
|
|
65
|
+
readonly medium: "medium";
|
|
66
|
+
readonly large: "large";
|
|
67
|
+
readonly extraLarge: "extra-large";
|
|
68
|
+
};
|
|
69
|
+
/**
|
|
70
|
+
* A Badge can be on of several preset sizes.
|
|
71
|
+
* @public
|
|
72
|
+
*/
|
|
73
|
+
export declare type BadgeSize = ValuesOf<typeof BadgeSize>;
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
control: {
|
|
8
|
-
type: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
};
|
|
1
|
+
import type { Args, Meta } from '@storybook/html';
|
|
2
|
+
import type { Badge as FluentBadge } from './badge.js';
|
|
3
|
+
import './define.js';
|
|
4
|
+
declare type BadgeStoryArgs = Args & FluentBadge;
|
|
5
|
+
declare type BadgeStoryMeta = Meta<BadgeStoryArgs>;
|
|
6
|
+
declare const _default: BadgeStoryMeta;
|
|
13
7
|
export default _default;
|
|
14
8
|
export declare const Badge: any;
|
|
9
|
+
export declare const Appearance: (args: Args) => Element | DocumentFragment | null;
|
|
10
|
+
export declare const Color: (args: Args) => Element | DocumentFragment | null;
|
|
11
|
+
export declare const Shape: (args: Args) => Element | DocumentFragment | null;
|
|
12
|
+
export declare const Size: BadgeStoryMeta;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
/** Badge styles
|
|
2
|
+
* @public
|
|
3
|
+
*/
|
|
4
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ElementViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { Badge } from './badge.js';
|
|
3
|
+
import type { BadgeOptions } from './badge.options.js';
|
|
4
|
+
/**
|
|
5
|
+
* The template for the Badge component.
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export declare function badgeTemplate<T extends Badge>(options?: BadgeOptions): ElementViewTemplate<T>;
|
|
9
|
+
export declare const template: ElementViewTemplate<Badge>;
|
|
File without changes
|
|
@@ -1,29 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare type BadgeAppearance = 'accent' | 'lightweight' | 'neutral' | string;
|
|
7
|
-
/**
|
|
8
|
-
* The Fluent Badge class
|
|
9
|
-
* @internal
|
|
10
|
-
*/
|
|
11
|
-
export declare class Badge extends FoundationBadge {
|
|
12
|
-
appearance: BadgeAppearance;
|
|
13
|
-
private appearanceChanged;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* The Fluent Badge Element. Implements {@link @microsoft/fast-foundation#Badge},
|
|
17
|
-
* {@link @microsoft/fast-foundation#badgeTemplate}
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
* @public
|
|
21
|
-
* @remarks
|
|
22
|
-
* HTML Element: \<fluent-badge\>
|
|
23
|
-
*/
|
|
24
|
-
export declare const fluentBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Badge>;
|
|
25
|
-
/**
|
|
26
|
-
* Styles for Badge
|
|
27
|
-
* @public
|
|
28
|
-
*/
|
|
29
|
-
export declare const badgeStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
|
|
1
|
+
export * from './badge.js';
|
|
2
|
+
export * from './badge.options.js';
|
|
3
|
+
export { template as BadgeTemplate } from './badge.template.js';
|
|
4
|
+
export { styles as BadgeStyles } from './badge.styles.js';
|
|
5
|
+
export { definition as BadgeDefinition } from './badge.definition.js';
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
import { StartEnd } from '@microsoft/fast-foundation';
|
|
3
|
+
import { CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize } from './counter-badge.options.js';
|
|
4
|
+
/**
|
|
5
|
+
* The base class used for constructing a fluent-badge custom element
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export declare class CounterBadge extends FASTElement {
|
|
9
|
+
/**
|
|
10
|
+
* The appearance the badge should have.
|
|
11
|
+
*
|
|
12
|
+
* @public
|
|
13
|
+
* @remarks
|
|
14
|
+
* HTML Attribute: appearance
|
|
15
|
+
*/
|
|
16
|
+
appearance: CounterBadgeAppearance;
|
|
17
|
+
/**
|
|
18
|
+
* The color the badge should have.
|
|
19
|
+
*
|
|
20
|
+
* @public
|
|
21
|
+
* @remarks
|
|
22
|
+
* HTML Attribute: color
|
|
23
|
+
*/
|
|
24
|
+
color: CounterBadgeColor;
|
|
25
|
+
/**
|
|
26
|
+
* The shape the badge should have.
|
|
27
|
+
*
|
|
28
|
+
* @public
|
|
29
|
+
* @remarks
|
|
30
|
+
* HTML Attribute: shape
|
|
31
|
+
*/
|
|
32
|
+
shape: CounterBadgeShape;
|
|
33
|
+
/**
|
|
34
|
+
* The size the badge should have.
|
|
35
|
+
*
|
|
36
|
+
* @public
|
|
37
|
+
* @remarks
|
|
38
|
+
* HTML Attribute: size
|
|
39
|
+
*/
|
|
40
|
+
size: CounterBadgeSize;
|
|
41
|
+
/**
|
|
42
|
+
* The count the badge should have.
|
|
43
|
+
*
|
|
44
|
+
* @public
|
|
45
|
+
* @remarks
|
|
46
|
+
* HTML Attribute: count
|
|
47
|
+
*/
|
|
48
|
+
count: number;
|
|
49
|
+
protected countChanged(): void;
|
|
50
|
+
/**
|
|
51
|
+
* Max number to be displayed
|
|
52
|
+
*
|
|
53
|
+
* @public
|
|
54
|
+
* @remarks
|
|
55
|
+
* HTML Attribute: overflow-count
|
|
56
|
+
*/
|
|
57
|
+
overflowCount: number;
|
|
58
|
+
protected overflowCountChanged(): void;
|
|
59
|
+
/**
|
|
60
|
+
* If the badge should be shown when count is 0
|
|
61
|
+
*
|
|
62
|
+
* @public
|
|
63
|
+
* @remarks
|
|
64
|
+
* HTML Attribute: show-zero
|
|
65
|
+
*/
|
|
66
|
+
showZero: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* If a dot should be displayed without the count
|
|
69
|
+
*
|
|
70
|
+
* @public
|
|
71
|
+
* @remarks
|
|
72
|
+
* HTML Attribute: dot
|
|
73
|
+
*/
|
|
74
|
+
dot: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* @internal
|
|
77
|
+
* Function to set the count
|
|
78
|
+
* This is the default slotted content for the counter badge
|
|
79
|
+
* If children are slotted, that will override the value returned
|
|
80
|
+
*/
|
|
81
|
+
setCount(): string | void;
|
|
82
|
+
}
|
|
83
|
+
/**
|
|
84
|
+
* Mark internal because exporting class and interface of the same name
|
|
85
|
+
* confuses API extractor.
|
|
86
|
+
* TODO: Below will be unnecessary when Badge class gets updated
|
|
87
|
+
* @internal
|
|
88
|
+
*/
|
|
89
|
+
export interface CounterBadge extends StartEnd {
|
|
90
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CounterBadge } from './counter-badge.js';
|
|
2
|
+
/**
|
|
3
|
+
* The Fluent CounterBadge Element. Implements {@link @microsoft/fast-foundation#Badge },
|
|
4
|
+
* {@link @microsoft/fast-foundation#badgeTemplate}
|
|
5
|
+
*
|
|
6
|
+
*
|
|
7
|
+
* @public
|
|
8
|
+
* @remarks
|
|
9
|
+
* HTML Element: \<fluent-counter-badge\>
|
|
10
|
+
*/
|
|
11
|
+
export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof CounterBadge>;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { ValuesOf } from '@microsoft/fast-foundation';
|
|
2
|
+
import { BadgeOptions } from '../badge/badge.options.js';
|
|
3
|
+
/**
|
|
4
|
+
* CounterBadge options
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export declare type CounterBadgeOptions = BadgeOptions;
|
|
8
|
+
/**
|
|
9
|
+
* CounterBadgeAppearance constants
|
|
10
|
+
* @public
|
|
11
|
+
*/
|
|
12
|
+
export declare const CounterBadgeAppearance: {
|
|
13
|
+
readonly filled: "filled";
|
|
14
|
+
readonly ghost: "ghost";
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* A CounterBadge can have an appearance of filled or ghost
|
|
18
|
+
* @public
|
|
19
|
+
*/
|
|
20
|
+
export declare type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearance>;
|
|
21
|
+
/**
|
|
22
|
+
* CounterBadgeColor constants
|
|
23
|
+
* @public
|
|
24
|
+
*/
|
|
25
|
+
export declare const CounterBadgeColor: {
|
|
26
|
+
readonly brand: "brand";
|
|
27
|
+
readonly danger: "danger";
|
|
28
|
+
readonly important: "important";
|
|
29
|
+
readonly informative: "informative";
|
|
30
|
+
readonly severe: "severe";
|
|
31
|
+
readonly subtle: "subtle";
|
|
32
|
+
readonly success: "success";
|
|
33
|
+
readonly warning: "warning";
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* A CounterBadge can be one of preset colors
|
|
37
|
+
* @public
|
|
38
|
+
*/
|
|
39
|
+
export declare type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
|
|
40
|
+
/**
|
|
41
|
+
* A CounterBadge shape can be circular or rounded.
|
|
42
|
+
* @public
|
|
43
|
+
*/
|
|
44
|
+
export declare const CounterBadgeShape: {
|
|
45
|
+
readonly circular: "circular";
|
|
46
|
+
readonly rounded: "rounded";
|
|
47
|
+
};
|
|
48
|
+
/**
|
|
49
|
+
* A CounterBadge can be one of preset colors
|
|
50
|
+
* @public
|
|
51
|
+
*/
|
|
52
|
+
export declare type CounterBadgeShape = ValuesOf<typeof CounterBadgeShape>;
|
|
53
|
+
/**
|
|
54
|
+
* A CounterBadge can be square, circular or rounded.
|
|
55
|
+
* @public
|
|
56
|
+
*/
|
|
57
|
+
export declare const CounterBadgeSize: {
|
|
58
|
+
readonly tiny: "tiny";
|
|
59
|
+
readonly extraSmall: "extra-small";
|
|
60
|
+
readonly small: "small";
|
|
61
|
+
readonly medium: "medium";
|
|
62
|
+
readonly large: "large";
|
|
63
|
+
readonly extraLarge: "extra-large";
|
|
64
|
+
};
|
|
65
|
+
/**
|
|
66
|
+
* A CounterBadge can be on of several preset sizes.
|
|
67
|
+
* @public
|
|
68
|
+
*/
|
|
69
|
+
export declare type CounterBadgeSize = ValuesOf<typeof CounterBadgeSize>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Args, Meta } from '@storybook/html';
|
|
2
|
+
import type { CounterBadge as FluentCounterBadge } from './counter-badge.js';
|
|
3
|
+
import './define.js';
|
|
4
|
+
declare type CounterBadgeStoryArgs = Args & FluentCounterBadge;
|
|
5
|
+
declare type CounterBadgeStoryMeta = Meta<CounterBadgeStoryArgs>;
|
|
6
|
+
declare const _default: CounterBadgeStoryMeta;
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const CounterBadge: any;
|
|
9
|
+
export declare const Appearance: (args: Args) => Element | DocumentFragment | null;
|
|
10
|
+
export declare const Color: (args: Args) => Element | DocumentFragment | null;
|
|
11
|
+
export declare const Shape: (args: Args) => Element | DocumentFragment | null;
|
|
12
|
+
export declare const Size: CounterBadgeStoryMeta;
|
|
13
|
+
export declare const Dot: (args: Args) => Element | DocumentFragment | null;
|
|
14
|
+
export declare const ShowZero: (args: Args) => Element | DocumentFragment | null;
|