@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
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Accordion } from '@microsoft/fast-foundation';
|
|
2
|
-
export * from './accordion-item/index';
|
|
3
|
-
/**
|
|
4
|
-
* The Fluent Accordion Element. Implements {@link @microsoft/fast-foundation#Accordion},
|
|
5
|
-
* {@link @microsoft/fast-foundation#accordionTemplate}
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
* @public
|
|
9
|
-
* @remarks
|
|
10
|
-
* HTML Element: \<fluent-accordion\>
|
|
11
|
-
*/
|
|
12
|
-
export declare const fluentAccordion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Accordion>;
|
|
13
|
-
/**
|
|
14
|
-
* Styles for Accordion
|
|
15
|
-
* @public
|
|
16
|
-
*/
|
|
17
|
-
export declare const accordionStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
|
|
18
|
-
/**
|
|
19
|
-
* Base class for Accordion
|
|
20
|
-
* @public
|
|
21
|
-
*/
|
|
22
|
-
export { Accordion };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Anchor>;
|
|
4
|
-
argTypes: {
|
|
5
|
-
appearance: {
|
|
6
|
-
options: string[];
|
|
7
|
-
control: {
|
|
8
|
-
type: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default _default;
|
|
14
|
-
export declare const Anchor: any;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
-
import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
export declare const anchorStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { Anchor as FoundationAnchor } from '@microsoft/fast-foundation';
|
|
2
|
-
import { ButtonAppearance } from '../button';
|
|
3
|
-
/**
|
|
4
|
-
* Types of anchor appearance.
|
|
5
|
-
* @public
|
|
6
|
-
*/
|
|
7
|
-
export declare type AnchorAppearance = ButtonAppearance | 'hypertext';
|
|
8
|
-
/**
|
|
9
|
-
* The Fluent version of Anchor
|
|
10
|
-
* @internal
|
|
11
|
-
*/
|
|
12
|
-
export declare class Anchor extends FoundationAnchor {
|
|
13
|
-
/**
|
|
14
|
-
* The appearance the anchor should have.
|
|
15
|
-
*
|
|
16
|
-
* @public
|
|
17
|
-
* @remarks
|
|
18
|
-
* HTML Attribute: appearance
|
|
19
|
-
*/
|
|
20
|
-
appearance: AnchorAppearance;
|
|
21
|
-
appearanceChanged(oldValue: AnchorAppearance, newValue: AnchorAppearance): void;
|
|
22
|
-
/**
|
|
23
|
-
* @internal
|
|
24
|
-
*/
|
|
25
|
-
connectedCallback(): void;
|
|
26
|
-
/**
|
|
27
|
-
* Applies 'icon-only' class when there is only an SVG in the default slot
|
|
28
|
-
*
|
|
29
|
-
* @internal
|
|
30
|
-
*/
|
|
31
|
-
defaultSlottedContentChanged(): void;
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* Styles for Anchor
|
|
35
|
-
* @public
|
|
36
|
-
*/
|
|
37
|
-
export declare const anchorStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
|
|
38
|
-
/**
|
|
39
|
-
* The Fluent Anchor Element. Implements {@link @microsoft/fast-foundation#Anchor},
|
|
40
|
-
* {@link @microsoft/fast-foundation#anchorTemplate}
|
|
41
|
-
*
|
|
42
|
-
*
|
|
43
|
-
* @public
|
|
44
|
-
* @remarks
|
|
45
|
-
* HTML Element: \<fluent-anchor\>
|
|
46
|
-
*
|
|
47
|
-
* {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
|
|
48
|
-
*/
|
|
49
|
-
export declare const fluentAnchor: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Anchor>;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
-
import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
export declare const anchoredRegionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { AnchoredRegion } from '@microsoft/fast-foundation';
|
|
2
|
-
/**
|
|
3
|
-
* The Fluent AnchoredRegion Element. Implements {@link @microsoft/fast-foundation#AnchoredRegion},
|
|
4
|
-
* {@link @microsoft/fast-foundation#anchoredRegionTemplate}
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* @beta
|
|
8
|
-
* @remarks
|
|
9
|
-
* HTML Element: \<fluent-anchored-region\>
|
|
10
|
-
*/
|
|
11
|
-
export declare const fluentAnchoredRegion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof AnchoredRegion>;
|
|
12
|
-
/**
|
|
13
|
-
* Styles for AnchoredRegion
|
|
14
|
-
* @public
|
|
15
|
-
*/
|
|
16
|
-
export declare const anchoredRegionStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
|
|
17
|
-
/**
|
|
18
|
-
* Base class for AnchoredRegion
|
|
19
|
-
* @public
|
|
20
|
-
*/
|
|
21
|
-
export { AnchoredRegion };
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
-
import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
export declare const breadcrumbStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Breadcrumb } from '@microsoft/fast-foundation';
|
|
2
|
-
/**
|
|
3
|
-
* The Fluent Breadcrumb Element. Implements {@link @microsoft/fast-foundation#Breadcrumb},
|
|
4
|
-
* {@link @microsoft/fast-foundation#breadcrumbTemplate}
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* @public
|
|
8
|
-
* @remarks
|
|
9
|
-
* HTML Element: \<fluent-breadcrumb\>
|
|
10
|
-
*/
|
|
11
|
-
export declare const fluentBreadcrumb: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Breadcrumb>;
|
|
12
|
-
/**
|
|
13
|
-
* Styles for Breadcrumb
|
|
14
|
-
* @public
|
|
15
|
-
*/
|
|
16
|
-
export declare const breadcrumbStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
|
|
17
|
-
/**
|
|
18
|
-
* Base class for Breadcrumb
|
|
19
|
-
* @public
|
|
20
|
-
*/
|
|
21
|
-
export { Breadcrumb };
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
-
import { BreadcrumbItemOptions, ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
3
|
-
export declare const breadcrumbItemStyles: (context: ElementDefinitionContext, definition: BreadcrumbItemOptions) => ElementStyles;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { BreadcrumbItem, BreadcrumbItemOptions } from '@microsoft/fast-foundation';
|
|
2
|
-
/**
|
|
3
|
-
* The Fluent BreadcrumbItem Element. Implements {@link @microsoft/fast-foundation#BreadcrumbItem},
|
|
4
|
-
* {@link @microsoft/fast-foundation#breadcrumbItemTemplate}
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* @public
|
|
8
|
-
* @remarks
|
|
9
|
-
* HTML Element: \<fluent-breadcrumb-item\>
|
|
10
|
-
*/
|
|
11
|
-
export declare const fluentBreadcrumbItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<BreadcrumbItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<BreadcrumbItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
12
|
-
/**
|
|
13
|
-
* Styles for BreadcrumbItem
|
|
14
|
-
* @public
|
|
15
|
-
*/
|
|
16
|
-
export declare const breadcrumbItemStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: BreadcrumbItemOptions) => import("@microsoft/fast-element").ElementStyles;
|
|
17
|
-
/**
|
|
18
|
-
* Base class for BreadcrumbItem
|
|
19
|
-
* @public
|
|
20
|
-
*/
|
|
21
|
-
export { BreadcrumbItem };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Button>;
|
|
4
|
-
argTypes: {
|
|
5
|
-
appearance: {
|
|
6
|
-
description: string;
|
|
7
|
-
control: {
|
|
8
|
-
type: string;
|
|
9
|
-
};
|
|
10
|
-
options: string[];
|
|
11
|
-
default: string;
|
|
12
|
-
};
|
|
13
|
-
disabled: {
|
|
14
|
-
control: {
|
|
15
|
-
type: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export default _default;
|
|
21
|
-
export declare const Button: any;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
-
import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
export declare const buttonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { Button as FoundationButton } from '@microsoft/fast-foundation';
|
|
2
|
-
/**
|
|
3
|
-
* Types of button appearance.
|
|
4
|
-
* @public
|
|
5
|
-
*/
|
|
6
|
-
export declare type ButtonAppearance = 'accent' | 'lightweight' | 'neutral' | 'outline' | 'stealth';
|
|
7
|
-
/**
|
|
8
|
-
* The Fluent button class
|
|
9
|
-
* @internal
|
|
10
|
-
*/
|
|
11
|
-
export declare class Button extends FoundationButton {
|
|
12
|
-
/**
|
|
13
|
-
* The appearance the button should have.
|
|
14
|
-
*
|
|
15
|
-
* @public
|
|
16
|
-
* @remarks
|
|
17
|
-
* HTML Attribute: appearance
|
|
18
|
-
*/
|
|
19
|
-
appearance: ButtonAppearance;
|
|
20
|
-
appearanceChanged(oldValue: ButtonAppearance, newValue: ButtonAppearance): void;
|
|
21
|
-
/**
|
|
22
|
-
* @internal
|
|
23
|
-
*/
|
|
24
|
-
connectedCallback(): void;
|
|
25
|
-
/**
|
|
26
|
-
* Applies 'icon-only' class when there is only an SVG in the default slot
|
|
27
|
-
*
|
|
28
|
-
* @internal
|
|
29
|
-
*/
|
|
30
|
-
defaultSlottedContentChanged(): void;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* The Fluent Button Element. Implements {@link @microsoft/fast-foundation#Button},
|
|
34
|
-
* {@link @microsoft/fast-foundation#buttonTemplate}
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
* @public
|
|
38
|
-
* @remarks
|
|
39
|
-
* HTML Element: \<fluent-button\>
|
|
40
|
-
*
|
|
41
|
-
* {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
|
|
42
|
-
*/
|
|
43
|
-
export declare const fluentButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Button>;
|
|
44
|
-
/**
|
|
45
|
-
* Styles for Button
|
|
46
|
-
* @public
|
|
47
|
-
*/
|
|
48
|
-
export declare const buttonStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import './index';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CalendarOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CalendarOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
5
|
-
argTypes: {
|
|
6
|
-
month: {
|
|
7
|
-
description: string;
|
|
8
|
-
control: {
|
|
9
|
-
type: string;
|
|
10
|
-
};
|
|
11
|
-
options: string[];
|
|
12
|
-
default: string;
|
|
13
|
-
};
|
|
14
|
-
year: {
|
|
15
|
-
description: string;
|
|
16
|
-
control: {
|
|
17
|
-
type: string;
|
|
18
|
-
};
|
|
19
|
-
options: string[];
|
|
20
|
-
default: string;
|
|
21
|
-
};
|
|
22
|
-
locale: {
|
|
23
|
-
control: {
|
|
24
|
-
type: string;
|
|
25
|
-
};
|
|
26
|
-
options: string[];
|
|
27
|
-
default: string;
|
|
28
|
-
description: string;
|
|
29
|
-
};
|
|
30
|
-
dayFormat: {
|
|
31
|
-
description: string;
|
|
32
|
-
options: string[];
|
|
33
|
-
control: {
|
|
34
|
-
type: string;
|
|
35
|
-
};
|
|
36
|
-
default: string;
|
|
37
|
-
};
|
|
38
|
-
weekdayFormat: {
|
|
39
|
-
description: string;
|
|
40
|
-
options: string[];
|
|
41
|
-
control: {
|
|
42
|
-
type: string;
|
|
43
|
-
};
|
|
44
|
-
default: string;
|
|
45
|
-
};
|
|
46
|
-
monthFormat: {
|
|
47
|
-
description: string;
|
|
48
|
-
options: string[];
|
|
49
|
-
control: {
|
|
50
|
-
type: string;
|
|
51
|
-
};
|
|
52
|
-
default: string;
|
|
53
|
-
};
|
|
54
|
-
yearFormat: {
|
|
55
|
-
description: string;
|
|
56
|
-
options: string[];
|
|
57
|
-
control: {
|
|
58
|
-
type: string;
|
|
59
|
-
};
|
|
60
|
-
default: string;
|
|
61
|
-
};
|
|
62
|
-
disabledDates: {
|
|
63
|
-
description: string;
|
|
64
|
-
options: any;
|
|
65
|
-
control: {
|
|
66
|
-
type: string;
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
selectedDates: {
|
|
70
|
-
description: string;
|
|
71
|
-
options: any;
|
|
72
|
-
control: {
|
|
73
|
-
type: string;
|
|
74
|
-
};
|
|
75
|
-
};
|
|
76
|
-
readonly: {
|
|
77
|
-
description: string;
|
|
78
|
-
control: {
|
|
79
|
-
type: string;
|
|
80
|
-
};
|
|
81
|
-
default: boolean;
|
|
82
|
-
};
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
export default _default;
|
|
86
|
-
export declare const Calendar: any;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ElementStyles } from "@microsoft/fast-element";
|
|
2
|
-
import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
/**
|
|
4
|
-
* Styles for calendar
|
|
5
|
-
* @public
|
|
6
|
-
*/
|
|
7
|
-
export declare const calendarStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { CalendarOptions, Calendar as FoundationCalendar } from '@microsoft/fast-foundation';
|
|
2
|
-
import { calendarStyles as styles } from './calendar.styles';
|
|
3
|
-
/**
|
|
4
|
-
* Updated Calendar class that is readonly by default
|
|
5
|
-
*/
|
|
6
|
-
export declare class Calendar extends FoundationCalendar {
|
|
7
|
-
readonly: boolean;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* The Fluent Calendar Element. Implements {@link @microsoft/fast-foundation#Calendar},
|
|
11
|
-
* {@link @microsoft/fast-foundation#calendarTemplate}
|
|
12
|
-
*
|
|
13
|
-
* @public
|
|
14
|
-
* @remarks
|
|
15
|
-
* HTML Element \<fluent-calendar\>
|
|
16
|
-
*/
|
|
17
|
-
export declare const fluentCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<CalendarOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<CalendarOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
18
|
-
export { styles as calendarStyles };
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
-
import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
export declare const cardStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
package/dist/dts/card/index.d.ts
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { Card as FoundationCard } from '@microsoft/fast-foundation';
|
|
2
|
-
/**
|
|
3
|
-
* @public
|
|
4
|
-
*/
|
|
5
|
-
export declare class Card extends FoundationCard {
|
|
6
|
-
/**
|
|
7
|
-
* Fill color for the card component. Sets context for the design system.
|
|
8
|
-
*
|
|
9
|
-
* Updates the neutral palette and sets the card to the source color. For tinting use neutral-palette-source instead.
|
|
10
|
-
* @public
|
|
11
|
-
* @remarks
|
|
12
|
-
* HTML Attribute: card-fill-color
|
|
13
|
-
*/
|
|
14
|
-
cardFillColor: string;
|
|
15
|
-
private cardFillColorChanged;
|
|
16
|
-
/**
|
|
17
|
-
* Neutral palette source color for the card component. Sets context for the design system.
|
|
18
|
-
*
|
|
19
|
-
* This allows for tinting the card while maintaining the light or dark context. For a fixed color use card-fill-color instead.
|
|
20
|
-
* @public
|
|
21
|
-
* @remarks
|
|
22
|
-
* HTML Attribute: neutral-palette-source
|
|
23
|
-
*/
|
|
24
|
-
neutralPaletteSource: string;
|
|
25
|
-
private neutralPaletteSourceChanged;
|
|
26
|
-
/**
|
|
27
|
-
* @internal
|
|
28
|
-
*/
|
|
29
|
-
handleChange(source: any, propertyName: string): void;
|
|
30
|
-
connectedCallback(): void;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* The Fluent Card Element. Implements {@link @microsoft/fast-foundation#Card},
|
|
34
|
-
* {@link @microsoft/fast-foundation#CardTemplate}
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
* @public
|
|
38
|
-
* @remarks
|
|
39
|
-
* HTML Element: \<fluent-card\>
|
|
40
|
-
*/
|
|
41
|
-
export declare const fluentCard: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Card>;
|
|
42
|
-
/**
|
|
43
|
-
* Styles for Card
|
|
44
|
-
* @public
|
|
45
|
-
*/
|
|
46
|
-
export declare const cardStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
title: string;
|
|
3
|
-
component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CheckboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
4
|
-
argTypes: {
|
|
5
|
-
checked: {
|
|
6
|
-
control: {
|
|
7
|
-
type: string;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
disabled: {
|
|
11
|
-
control: {
|
|
12
|
-
type: string;
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
required: {
|
|
16
|
-
control: {
|
|
17
|
-
type: string;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
parameters: {
|
|
22
|
-
actions: {
|
|
23
|
-
handles: string[];
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
export default _default;
|
|
28
|
-
export declare const Checkbox: any;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { CheckboxOptions } from '@microsoft/fast-foundation';
|
|
2
|
-
/**
|
|
3
|
-
* The Fluent Checkbox Element. Implements {@link @microsoft/fast-foundation#Checkbox},
|
|
4
|
-
* {@link @microsoft/fast-foundation#checkboxTemplate}
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* @public
|
|
8
|
-
* @remarks
|
|
9
|
-
* HTML Element: \<fluent-checkbox\>
|
|
10
|
-
*/
|
|
11
|
-
export declare const fluentCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<CheckboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
12
|
-
/**
|
|
13
|
-
* Styles for Checkbox
|
|
14
|
-
* @public
|
|
15
|
-
*/
|
|
16
|
-
export declare const checkboxStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: CheckboxOptions) => import("@microsoft/fast-element").ElementStyles;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { Swatch, SwatchRGB } from './swatch';
|
|
2
|
-
import { RelativeLuminance } from './utilities/relative-luminance';
|
|
3
|
-
/**
|
|
4
|
-
* A collection of {@link Swatch} instances
|
|
5
|
-
* @public
|
|
6
|
-
*/
|
|
7
|
-
export interface Palette<T extends Swatch = Swatch> {
|
|
8
|
-
readonly source: T;
|
|
9
|
-
readonly swatches: ReadonlyArray<T>;
|
|
10
|
-
/**
|
|
11
|
-
* Returns a swatch from the palette that most closely matches
|
|
12
|
-
* the contrast ratio provided to a provided reference.
|
|
13
|
-
*/
|
|
14
|
-
colorContrast(reference: Swatch, contrast: number, initialIndex?: number, direction?: 1 | -1): T;
|
|
15
|
-
/**
|
|
16
|
-
* Returns the index of the palette that most closely matches
|
|
17
|
-
* the relativeLuminance of the provided swatch
|
|
18
|
-
*/
|
|
19
|
-
closestIndexOf(reference: RelativeLuminance): number;
|
|
20
|
-
/**
|
|
21
|
-
* Gets a swatch by index. Index is clamped to the limits
|
|
22
|
-
* of the palette so a Swatch will always be returned.
|
|
23
|
-
*/
|
|
24
|
-
get(index: number): T;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Options to tailor the generation of the color palette.
|
|
28
|
-
* @public
|
|
29
|
-
*/
|
|
30
|
-
export interface PaletteRGBOptions {
|
|
31
|
-
/**
|
|
32
|
-
* The minimum amount of contrast between steps in the palette. Default 1.03.
|
|
33
|
-
* Recommended increments by hundredths.
|
|
34
|
-
*/
|
|
35
|
-
stepContrast: number;
|
|
36
|
-
/**
|
|
37
|
-
* Multiplier for increasing step contrast as the swatches darken. Default 0.03.
|
|
38
|
-
* Recommended increments by hundredths.
|
|
39
|
-
*/
|
|
40
|
-
stepContrastRamp: number;
|
|
41
|
-
/**
|
|
42
|
-
* Whether to keep the exact source color in the target palette. Default false.
|
|
43
|
-
* Only recommended when the exact color is required and used in stateful interaction recipes like hover.
|
|
44
|
-
* Note that custom recipes can still access the source color even if it's not in the ramp,
|
|
45
|
-
* but turning this on will potentially increase the contrast between steps toward the ends of the palette.
|
|
46
|
-
*/
|
|
47
|
-
preserveSource: boolean;
|
|
48
|
-
}
|
|
49
|
-
/** @public */
|
|
50
|
-
export declare type PaletteRGB = Palette<SwatchRGB>;
|
|
51
|
-
/**
|
|
52
|
-
* Creates a PaletteRGB from input R, G, B color values.
|
|
53
|
-
* @param r - Red value represented as a number between 0 and 1.
|
|
54
|
-
* @param g - Green value represented as a number between 0 and 1.
|
|
55
|
-
* @param b - Blue value represented as a number between 0 and 1.
|
|
56
|
-
*/
|
|
57
|
-
declare function create(r: number, g: number, b: number): PaletteRGB;
|
|
58
|
-
/**
|
|
59
|
-
* Creates a PaletteRGB from a source SwatchRGB object.
|
|
60
|
-
* @deprecated - Use PaletteRGB.from()
|
|
61
|
-
*/
|
|
62
|
-
declare function create(source: SwatchRGB): PaletteRGB;
|
|
63
|
-
/**
|
|
64
|
-
* Creates a PaletteRGB from a source color object.
|
|
65
|
-
* @param source - The source color
|
|
66
|
-
*/
|
|
67
|
-
declare function from(source: SwatchRGB, options?: Partial<PaletteRGBOptions>): PaletteRGB;
|
|
68
|
-
/** @public */
|
|
69
|
-
export declare const PaletteRGB: Readonly<{
|
|
70
|
-
create: typeof create;
|
|
71
|
-
from: typeof from;
|
|
72
|
-
}>;
|
|
73
|
-
export {};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Swatch } from './swatch';
|
|
2
|
-
/** @public */
|
|
3
|
-
export interface InteractiveSwatchSet {
|
|
4
|
-
/**
|
|
5
|
-
* The swatch to apply to the rest state
|
|
6
|
-
*/
|
|
7
|
-
rest: Swatch;
|
|
8
|
-
/**
|
|
9
|
-
* The swatch to apply to the hover state
|
|
10
|
-
*/
|
|
11
|
-
hover: Swatch;
|
|
12
|
-
/**
|
|
13
|
-
* The swatch to apply to the active state
|
|
14
|
-
*/
|
|
15
|
-
active: Swatch;
|
|
16
|
-
/**
|
|
17
|
-
* The swatch to apply to the focus state
|
|
18
|
-
*/
|
|
19
|
-
focus: Swatch;
|
|
20
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Palette } from '../palette';
|
|
2
|
-
import { InteractiveSwatchSet } from '../recipe';
|
|
3
|
-
import { Swatch } from '../swatch';
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export declare function contrastAndDeltaSwatchSet(palette: Palette, reference: Swatch, baseContrast: number, restDelta: number, hoverDelta: number, activeDelta: number, focusDelta: number, direction?: -1 | 1 | null): InteractiveSwatchSet;
|
|
8
|
-
/**
|
|
9
|
-
* @internal
|
|
10
|
-
*/
|
|
11
|
-
export declare function contrastAndDeltaSwatchSetByLuminance(palette: Palette, reference: Swatch, lightBaseContrast: number, lightRestDelta: number, lightHoverDelta: number, lightActiveDelta: number, lightFocusDelta: number, lightDirection: 1 | -1 | null | undefined, darkBaseContrast: number, darkRestDelta: number, darkHoverDelta: number, darkActiveDelta: number, darkFocusDelta: number, darkDirection?: -1 | 1 | undefined | null): InteractiveSwatchSet;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Palette } from '../palette';
|
|
2
|
-
import { Swatch } from '../swatch';
|
|
3
|
-
/**
|
|
4
|
-
* Color algorithm using contrast from the reference color.
|
|
5
|
-
*
|
|
6
|
-
* @param palette - The palette to operate on
|
|
7
|
-
* @param reference - The reference color
|
|
8
|
-
* @param contrast - The desired minimum contrast
|
|
9
|
-
*
|
|
10
|
-
* @internal
|
|
11
|
-
*/
|
|
12
|
-
export declare function contrastSwatch(palette: Palette, reference: Swatch, contrast: number): Swatch;
|