@fluentui/web-components 2.5.10 → 3.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +16 -32
- package/CHANGELOG.md +6 -15
- package/dist/dts/index-rollup.d.ts +0 -7
- package/dist/dts/index.d.ts +1 -49
- 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/index-rollup.js +0 -11
- package/dist/esm/index.js +1 -49
- 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 +6 -19807
- package/dist/web-components.d.ts +1 -2980
- package/dist/web-components.js +2 -21988
- package/dist/web-components.min.js +1 -254
- package/docs/api-report.md +1 -1723
- package/package.json +13 -5
- package/public/theme-switch.ts +13 -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/badge/badge.stories.d.ts +0 -14
- package/dist/dts/badge/badge.styles.d.ts +0 -3
- package/dist/dts/badge/index.d.ts +0 -29
- 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/fluent-design-system.d.ts +0 -9
- 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/index.d.ts +0 -5
- 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.stories.js +0 -27
- package/dist/esm/badge/badge.styles.js +0 -40
- package/dist/esm/badge/badge.vscode.definition.json +0 -60
- package/dist/esm/badge/index.js +0 -45
- 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/recipe.js +0 -1
- 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/fluent-design-system.js +0 -11
- 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/index.js +0 -5
- 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/public/switches.ts +0 -24
|
@@ -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,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").Badge>;
|
|
4
|
-
argTypes: {
|
|
5
|
-
appearance: {
|
|
6
|
-
options: string[];
|
|
7
|
-
control: {
|
|
8
|
-
type: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export default _default;
|
|
14
|
-
export declare const Badge: any;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
-
import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
-
export declare const badgeStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Badge as FoundationBadge } from '@microsoft/fast-foundation';
|
|
2
|
-
/**
|
|
3
|
-
* Badge appearance options.
|
|
4
|
-
* @public
|
|
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,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;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { Palette } from '../palette';
|
|
2
|
-
import { InteractiveSwatchSet } from '../recipe';
|
|
3
|
-
import { Swatch } from '../swatch';
|
|
4
|
-
/**
|
|
5
|
-
* Color algorithm using deltas from the reference color for states.
|
|
6
|
-
*
|
|
7
|
-
* @param palette The palette to operate on
|
|
8
|
-
* @param reference The reference color to calculate a color for
|
|
9
|
-
* @param restDelta The rest state offset from reference
|
|
10
|
-
* @param hoverDelta The hover state offset from reference
|
|
11
|
-
* @param activeDelta The active state offset from reference
|
|
12
|
-
* @param focusDelta The focus state offset from reference
|
|
13
|
-
* @param direction The direction the deltas move on the ramp, default goes darker for light references and lighter for dark references
|
|
14
|
-
*
|
|
15
|
-
* @internal
|
|
16
|
-
*/
|
|
17
|
-
export declare function deltaSwatchSet(palette: Palette, reference: Swatch, restDelta: number, hoverDelta: number, activeDelta: number, focusDelta: number, direction?: -1 | 1 | null): InteractiveSwatchSet;
|
|
18
|
-
/**
|
|
19
|
-
* Color algorithm using deltas from the reference color for states, allowing different deltas based on a light or dark reference color.
|
|
20
|
-
*
|
|
21
|
-
* @param palette The palette to operate on
|
|
22
|
-
* @param reference The reference color to calculate a color for
|
|
23
|
-
* @param lightRestDelta The rest offset for a light reference
|
|
24
|
-
* @param lightHoverDelta The hover offset for a light reference
|
|
25
|
-
* @param lightActiveDelta The rest offset for a light reference
|
|
26
|
-
* @param lightFocusDelta The hover offset for a light reference
|
|
27
|
-
* @param lightDirection The direction the deltas move on the ramp, default goes darker for light references
|
|
28
|
-
* @param darkRestDelta The rest offset for a dark reference
|
|
29
|
-
* @param darkHoverDelta The hover offset for a dark reference
|
|
30
|
-
* @param darkActiveDelta The rest offset for a dark reference
|
|
31
|
-
* @param darkFocusDelta The hover offset for a dark reference
|
|
32
|
-
* @param darkDirection The direction the deltas move on the ramp, default goes lighter for dark references
|
|
33
|
-
*
|
|
34
|
-
* @internal
|
|
35
|
-
*/
|
|
36
|
-
export declare function deltaSwatchSetByLuminance(palette: Palette, reference: Swatch, lightRestDelta: number, lightHoverDelta: number, lightActiveDelta: number, lightFocusDelta: number, lightDirection: 1 | -1 | null | undefined, darkRestDelta: number, darkHoverDelta: number, darkActiveDelta: number, darkFocusDelta: number, darkDirection?: -1 | 1 | undefined | null): InteractiveSwatchSet;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Swatch } from '../swatch';
|
|
2
|
-
import { Palette } from '../palette';
|
|
3
|
-
/**
|
|
4
|
-
* Color algorithm using a delta from the reference color.
|
|
5
|
-
*
|
|
6
|
-
* @param palette - The palette to operate on
|
|
7
|
-
* @param reference - The reference color
|
|
8
|
-
* @param delta - The offset from the reference
|
|
9
|
-
*
|
|
10
|
-
* @internal
|
|
11
|
-
*/
|
|
12
|
-
export declare function deltaSwatch(palette: Palette, reference: Swatch, delta: number): Swatch;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Palette } from '../palette';
|
|
2
|
-
import { Swatch } from '../swatch';
|
|
3
|
-
/**
|
|
4
|
-
* @internal
|
|
5
|
-
*/
|
|
6
|
-
export declare function focusStrokeOuter(palette: Palette, reference: Swatch): import("../swatch").SwatchRGB;
|
|
7
|
-
/**
|
|
8
|
-
* @internal
|
|
9
|
-
*/
|
|
10
|
-
export declare function focusStrokeInner(palette: Palette, reference: Swatch, focusColor: Swatch): import("../swatch").SwatchRGB;
|