@material/web 1.0.0-pre.13 → 1.0.0-pre.15
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/README.md +9 -9
- package/all.d.ts +93 -0
- package/all.js +102 -0
- package/all.js.map +1 -0
- package/button/_elevated-button.scss +1 -1
- package/button/_filled-button.scss +1 -1
- package/button/_filled-tonal-button.scss +6 -0
- package/button/_outlined-button.scss +1 -1
- package/button/_text-button.scss +1 -1
- package/button/elevated-button.d.ts +1 -1
- package/button/elevated-button.js +4 -4
- package/button/elevated-button.js.map +1 -1
- package/button/filled-button.d.ts +1 -1
- package/button/filled-button.js +4 -4
- package/button/filled-button.js.map +1 -1
- package/button/filled-tonal-button.d.ts +35 -0
- package/button/filled-tonal-button.js +40 -0
- package/button/filled-tonal-button.js.map +1 -0
- package/button/harness.d.ts +1 -1
- package/button/harness.js +1 -1
- package/button/harness.js.map +1 -1
- package/button/internal/_elevation.scss +65 -0
- package/button/internal/_filled-tonal-button.scss +61 -0
- package/button/internal/_icon.scss +39 -0
- package/button/internal/_outlined-button.scss +104 -0
- package/button/internal/_shared.scss +159 -0
- package/button/internal/_touch-target.scss +19 -0
- package/button/internal/button.d.ts +67 -0
- package/button/internal/button.js +157 -0
- package/button/internal/button.js.map +1 -0
- package/button/internal/elevated-button.d.ts +13 -0
- package/button/internal/elevated-button.js +17 -0
- package/button/internal/elevated-button.js.map +1 -0
- package/button/internal/elevated-styles.css.js +9 -0
- package/button/internal/elevated-styles.css.js.map +1 -0
- package/button/internal/filled-button.d.ts +13 -0
- package/button/internal/filled-button.js +17 -0
- package/button/internal/filled-button.js.map +1 -0
- package/button/internal/filled-styles.css.js +9 -0
- package/button/internal/filled-styles.css.js.map +1 -0
- package/button/internal/filled-tonal-button.d.ts +13 -0
- package/button/internal/filled-tonal-button.js +17 -0
- package/button/internal/filled-tonal-button.js.map +1 -0
- package/button/internal/filled-tonal-styles.css.js +9 -0
- package/button/internal/filled-tonal-styles.css.js.map +1 -0
- package/button/internal/filled-tonal-styles.scss +10 -0
- package/button/internal/outlined-button.d.ts +12 -0
- package/button/internal/outlined-button.js +16 -0
- package/button/internal/outlined-button.js.map +1 -0
- package/button/internal/outlined-styles.css.js +9 -0
- package/button/internal/outlined-styles.css.js.map +1 -0
- package/button/internal/shared-elevation-styles.css.js +9 -0
- package/button/internal/shared-elevation-styles.css.js.map +1 -0
- package/button/internal/shared-styles.css.js +9 -0
- package/button/internal/shared-styles.css.js.map +1 -0
- package/button/internal/text-button.d.ts +11 -0
- package/button/internal/text-button.js +12 -0
- package/button/internal/text-button.js.map +1 -0
- package/button/internal/text-styles.css.js +9 -0
- package/button/internal/text-styles.css.js.map +1 -0
- package/button/outlined-button.d.ts +1 -1
- package/button/outlined-button.js +3 -3
- package/button/outlined-button.js.map +1 -1
- package/button/text-button.d.ts +1 -1
- package/button/text-button.js +3 -3
- package/button/text-button.js.map +1 -1
- package/checkbox/_checkbox.scss +1 -1
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox/checkbox.js +3 -4
- package/checkbox/checkbox.js.map +1 -1
- package/checkbox/harness.d.ts +1 -1
- package/checkbox/harness.js.map +1 -1
- package/checkbox/internal/_checkbox.scss +415 -0
- package/checkbox/internal/checkbox-styles.css.js +9 -0
- package/checkbox/internal/checkbox-styles.css.js.map +1 -0
- package/checkbox/internal/checkbox.d.ts +137 -0
- package/checkbox/internal/checkbox.js +299 -0
- package/checkbox/internal/checkbox.js.map +1 -0
- package/chips/_assist-chip.scss +1 -1
- package/chips/_filter-chip.scss +1 -1
- package/chips/_input-chip.scss +1 -1
- package/chips/_suggestion-chip.scss +1 -1
- package/chips/assist-chip.d.ts +1 -1
- package/chips/assist-chip.js +5 -5
- package/chips/assist-chip.js.map +1 -1
- package/chips/chip-set.d.ts +1 -1
- package/chips/chip-set.js +2 -2
- package/chips/chip-set.js.map +1 -1
- package/chips/filter-chip.d.ts +1 -1
- package/chips/filter-chip.js +7 -7
- package/chips/filter-chip.js.map +1 -1
- package/chips/harness.d.ts +1 -1
- package/chips/harness.js.map +1 -1
- package/chips/input-chip.d.ts +1 -1
- package/chips/input-chip.js +6 -6
- package/chips/input-chip.js.map +1 -1
- package/chips/internal/_shared.scss +200 -0
- package/chips/internal/_trailing-icon.scss +80 -0
- package/chips/internal/chip-set.js +163 -0
- package/chips/internal/chip-set.js.map +1 -0
- package/chips/internal/chip.d.ts +45 -0
- package/chips/internal/chip.js +93 -0
- package/chips/internal/chip.js.map +1 -0
- package/chips/internal/filter-chip.d.ts +33 -0
- package/chips/internal/filter-chip.js +109 -0
- package/chips/internal/filter-chip.js.map +1 -0
- package/chips/internal/shared-styles.css.js +9 -0
- package/chips/internal/shared-styles.css.js.map +1 -0
- package/chips/internal/trailing-icon-styles.css.js +9 -0
- package/chips/internal/trailing-icon-styles.css.js.map +1 -0
- package/chips/internal/trailing-icons.d.ts +15 -0
- package/chips/internal/trailing-icons.js +38 -0
- package/chips/internal/trailing-icons.js.map +1 -0
- package/chips/suggestion-chip.d.ts +1 -1
- package/chips/suggestion-chip.js +5 -5
- package/chips/suggestion-chip.js.map +1 -1
- package/common.d.ts +57 -0
- package/common.js +66 -0
- package/common.js.map +1 -0
- package/dialog/_dialog.scss +1 -1
- package/dialog/dialog.d.ts +1 -1
- package/dialog/dialog.js +2 -2
- package/dialog/dialog.js.map +1 -1
- package/dialog/harness.d.ts +2 -7
- package/dialog/harness.js +2 -43
- package/dialog/harness.js.map +1 -1
- package/dialog/internal/_dialog.scss +260 -0
- package/dialog/internal/animations.d.ts +47 -0
- package/dialog/internal/animations.js +117 -0
- package/dialog/internal/animations.js.map +1 -0
- package/dialog/internal/dialog-styles.css.js +9 -0
- package/dialog/internal/dialog-styles.css.js.map +1 -0
- package/dialog/internal/dialog.d.ts +103 -0
- package/dialog/internal/dialog.js +338 -0
- package/dialog/internal/dialog.js.map +1 -0
- package/divider/_divider.scss +1 -1
- package/divider/divider.d.ts +1 -1
- package/divider/divider.js +2 -2
- package/divider/divider.js.map +1 -1
- package/elevation/_elevation.scss +1 -1
- package/elevation/elevation.d.ts +1 -1
- package/elevation/elevation.js +2 -2
- package/elevation/elevation.js.map +1 -1
- package/fab/_fab.scss +2 -2
- package/fab/branded-fab.d.ts +3 -3
- package/fab/branded-fab.js +4 -4
- package/fab/branded-fab.js.map +1 -1
- package/fab/fab.d.ts +3 -3
- package/fab/fab.js +4 -4
- package/fab/fab.js.map +1 -1
- package/fab/harness.d.ts +1 -1
- package/fab/harness.js.map +1 -1
- package/fab/internal/_fab.scss +260 -0
- package/fab/internal/_shared.scss +239 -0
- package/fab/internal/fab-styles.css.js +9 -0
- package/fab/internal/fab-styles.css.js.map +1 -0
- package/fab/internal/fab.d.ts +26 -0
- package/fab/internal/fab.js.map +1 -0
- package/fab/internal/forced-colors-styles.css.js +9 -0
- package/fab/internal/forced-colors-styles.css.js.map +1 -0
- package/fab/internal/forced-colors-styles.scss +29 -0
- package/fab/internal/shared-styles.css.js +9 -0
- package/fab/internal/shared-styles.css.js.map +1 -0
- package/fab/internal/shared.d.ts +51 -0
- package/fab/internal/shared.js +110 -0
- package/fab/internal/shared.js.map +1 -0
- package/field/_filled-field.scss +1 -1
- package/field/_outlined-field.scss +1 -1
- package/field/filled-field.d.ts +1 -1
- package/field/filled-field.js +3 -3
- package/field/filled-field.js.map +1 -1
- package/field/harness.d.ts +1 -1
- package/field/harness.js.map +1 -1
- package/field/internal/_content.scss +191 -0
- package/field/internal/_filled-field.scss +203 -0
- package/field/internal/_label.scss +91 -0
- package/field/internal/_outlined-field.scss +323 -0
- package/field/internal/_shared.scss +70 -0
- package/field/internal/_supporting-text.scss +47 -0
- package/field/internal/field.d.ts +64 -0
- package/field/internal/field.js +318 -0
- package/field/internal/field.js.map +1 -0
- package/field/internal/filled-styles.css.js +9 -0
- package/field/internal/filled-styles.css.js.map +1 -0
- package/field/internal/outlined-styles.css.js +9 -0
- package/field/internal/outlined-styles.css.js.map +1 -0
- package/field/internal/shared-styles.css.js +9 -0
- package/field/internal/shared-styles.css.js.map +1 -0
- package/field/outlined-field.d.ts +1 -1
- package/field/outlined-field.js +3 -3
- package/field/outlined-field.js.map +1 -1
- package/focus/_focus-ring.scss +1 -1
- package/focus/internal/_focus-ring.scss +139 -0
- package/focus/internal/focus-ring-styles.css.js +9 -0
- package/focus/internal/focus-ring-styles.css.js.map +1 -0
- package/focus/internal/focus-ring.d.ts +35 -0
- package/focus/internal/focus-ring.js +89 -0
- package/focus/internal/focus-ring.js.map +1 -0
- package/focus/md-focus-ring.d.ts +20 -0
- package/focus/md-focus-ring.js +23 -0
- package/focus/md-focus-ring.js.map +1 -0
- package/icon/_icon.scss +1 -1
- package/icon/icon.d.ts +1 -1
- package/icon/icon.js +2 -2
- package/icon/icon.js.map +1 -1
- package/icon/internal/_icon.scss +61 -0
- package/icon/internal/icon-styles.css.js +9 -0
- package/icon/internal/icon-styles.css.js.map +1 -0
- package/icon/internal/icon.d.ts +13 -0
- package/icon/internal/icon.js +24 -0
- package/icon/internal/icon.js.map +1 -0
- package/iconbutton/_filled-icon-button.scss +1 -1
- package/iconbutton/_filled-tonal-icon-button.scss +1 -1
- package/iconbutton/_icon-button.scss +6 -0
- package/iconbutton/_outlined-icon-button.scss +1 -1
- package/iconbutton/filled-icon-button.d.ts +1 -1
- package/iconbutton/filled-icon-button.js +3 -3
- package/iconbutton/filled-icon-button.js.map +1 -1
- package/iconbutton/filled-tonal-icon-button.d.ts +1 -1
- package/iconbutton/filled-tonal-icon-button.js +3 -3
- package/iconbutton/filled-tonal-icon-button.js.map +1 -1
- package/iconbutton/harness.d.ts +1 -1
- package/iconbutton/harness.js.map +1 -1
- package/iconbutton/icon-button.d.ts +34 -0
- package/iconbutton/icon-button.js +39 -0
- package/iconbutton/icon-button.js.map +1 -0
- package/iconbutton/internal/_filled-icon-button.scss +171 -0
- package/iconbutton/internal/_filled-tonal-icon-button.scss +173 -0
- package/iconbutton/internal/_icon-button.scss +117 -0
- package/iconbutton/internal/_outlined-icon-button.scss +178 -0
- package/iconbutton/internal/_shared.scss +103 -0
- package/iconbutton/internal/filled-styles.css.js +9 -0
- package/iconbutton/internal/filled-styles.css.js.map +1 -0
- package/iconbutton/internal/filled-tonal-styles.css.js +9 -0
- package/iconbutton/internal/filled-tonal-styles.css.js.map +1 -0
- package/iconbutton/internal/icon-button.d.ts +68 -0
- package/iconbutton/internal/icon-button.js +181 -0
- package/iconbutton/internal/icon-button.js.map +1 -0
- package/iconbutton/internal/outlined-styles.css.js +9 -0
- package/iconbutton/internal/outlined-styles.css.js.map +1 -0
- package/iconbutton/internal/shared-styles.css.js +9 -0
- package/iconbutton/internal/shared-styles.css.js.map +1 -0
- package/iconbutton/internal/standard-styles.css.js +9 -0
- package/iconbutton/internal/standard-styles.css.js.map +1 -0
- package/iconbutton/internal/standard-styles.scss +10 -0
- package/iconbutton/outlined-icon-button.d.ts +1 -1
- package/iconbutton/outlined-icon-button.js +3 -3
- package/iconbutton/outlined-icon-button.js.map +1 -1
- package/internal/aria/delegate.d.ts +1 -1
- package/internal/aria/delegate.js +1 -1
- package/internal/aria/delegate.js.map +1 -1
- package/internal/controller/element-internals.d.ts +35 -0
- package/internal/controller/element-internals.js +24 -0
- package/internal/controller/element-internals.js.map +1 -0
- package/internal/controller/form-submitter.d.ts +60 -0
- package/internal/controller/form-submitter.js +69 -0
- package/internal/controller/form-submitter.js.map +1 -0
- package/labs/badge/_badge.scss +1 -1
- package/labs/badge/badge.d.ts +1 -1
- package/labs/badge/badge.js +2 -2
- package/labs/badge/badge.js.map +1 -1
- package/labs/navigationbar/_navigation-bar.scss +1 -1
- package/labs/navigationbar/harness.d.ts +1 -1
- package/labs/navigationbar/harness.js.map +1 -1
- package/labs/navigationbar/internal/constants.d.ts +17 -0
- package/labs/navigationbar/internal/constants.js.map +1 -0
- package/labs/navigationbar/internal/navigation-bar.d.ts +27 -0
- package/labs/navigationbar/internal/navigation-bar.js +138 -0
- package/labs/navigationbar/internal/navigation-bar.js.map +1 -0
- package/labs/navigationbar/internal/state.d.ts +23 -0
- package/labs/navigationbar/internal/state.js.map +1 -0
- package/labs/navigationbar/navigation-bar.d.ts +1 -1
- package/labs/navigationbar/navigation-bar.js +2 -2
- package/labs/navigationbar/navigation-bar.js.map +1 -1
- package/labs/navigationdrawer/_navigation-drawer-modal.scss +1 -1
- package/labs/navigationdrawer/_navigation-drawer.scss +1 -1
- package/labs/navigationdrawer/internal/navigation-drawer-modal.js +81 -0
- package/labs/navigationdrawer/internal/navigation-drawer-modal.js.map +1 -0
- package/labs/navigationdrawer/internal/navigation-drawer.js +64 -0
- package/labs/navigationdrawer/internal/navigation-drawer.js.map +1 -0
- package/labs/navigationdrawer/navigation-drawer-modal.d.ts +1 -1
- package/labs/navigationdrawer/navigation-drawer-modal.js +3 -3
- package/labs/navigationdrawer/navigation-drawer-modal.js.map +1 -1
- package/labs/navigationdrawer/navigation-drawer.d.ts +1 -1
- package/labs/navigationdrawer/navigation-drawer.js +3 -3
- package/labs/navigationdrawer/navigation-drawer.js.map +1 -1
- package/labs/navigationtab/_navigation-tab.scss +1 -1
- package/labs/navigationtab/harness.d.ts +1 -1
- package/labs/navigationtab/harness.js.map +1 -1
- package/labs/navigationtab/internal/_navigation-tab.scss +259 -0
- package/labs/navigationtab/internal/navigation-tab-styles.css.js +9 -0
- package/labs/navigationtab/internal/navigation-tab-styles.css.js.map +1 -0
- package/labs/navigationtab/internal/navigation-tab.d.ts +30 -0
- package/labs/navigationtab/internal/navigation-tab.js +117 -0
- package/labs/navigationtab/internal/navigation-tab.js.map +1 -0
- package/labs/navigationtab/navigation-tab.d.ts +1 -1
- package/labs/navigationtab/navigation-tab.js +2 -2
- package/labs/navigationtab/navigation-tab.js.map +1 -1
- package/labs/segmentedbutton/internal/outlined-styles.css.js +9 -0
- package/labs/segmentedbutton/internal/outlined-styles.css.js.map +1 -0
- package/labs/segmentedbutton/internal/segmented-button.d.ts +44 -0
- package/labs/segmentedbutton/internal/segmented-button.js +157 -0
- package/labs/segmentedbutton/internal/segmented-button.js.map +1 -0
- package/labs/segmentedbutton/outlined-segmented-button.d.ts +1 -1
- package/labs/segmentedbutton/outlined-segmented-button.js +3 -3
- package/labs/segmentedbutton/outlined-segmented-button.js.map +1 -1
- package/labs/segmentedbuttonset/internal/outlined-styles.css.js +9 -0
- package/labs/segmentedbuttonset/internal/outlined-styles.css.js.map +1 -0
- package/labs/segmentedbuttonset/internal/segmented-button-set.d.ts +26 -0
- package/labs/segmentedbuttonset/internal/segmented-button-set.js +108 -0
- package/labs/segmentedbuttonset/internal/segmented-button-set.js.map +1 -0
- package/labs/segmentedbuttonset/outlined-segmented-button-set.d.ts +1 -1
- package/labs/segmentedbuttonset/outlined-segmented-button-set.js +3 -3
- package/labs/segmentedbuttonset/outlined-segmented-button-set.js.map +1 -1
- package/list/_list-item.scss +1 -1
- package/list/_list.scss +1 -1
- package/list/harness.d.ts +3 -3
- package/list/harness.js +2 -2
- package/list/harness.js.map +1 -1
- package/list/internal/list.d.ts +135 -0
- package/list/internal/list.js +303 -0
- package/list/internal/list.js.map +1 -0
- package/list/internal/listitem/_list-item.scss +394 -0
- package/list/internal/listitem/list-item-styles.css.js +9 -0
- package/list/internal/listitem/list-item-styles.css.js.map +1 -0
- package/list/internal/listitem/list-item.d.ts +145 -0
- package/list/internal/listitem/list-item.js +263 -0
- package/list/internal/listitem/list-item.js.map +1 -0
- package/list/list-item.d.ts +2 -2
- package/list/list-item.js +3 -3
- package/list/list-item.js.map +1 -1
- package/list/list.d.ts +1 -1
- package/list/list.js +2 -2
- package/list/list.js.map +1 -1
- package/menu/_menu-item.scss +1 -1
- package/menu/_menu.scss +1 -1
- package/menu/harness.d.ts +3 -3
- package/menu/harness.js +2 -2
- package/menu/harness.js.map +1 -1
- package/menu/internal/_menu.scss +105 -0
- package/menu/internal/menu-styles.css.js +9 -0
- package/menu/internal/menu-styles.css.js.map +1 -0
- package/menu/internal/menu.d.ts +225 -0
- package/menu/internal/menu.js +672 -0
- package/menu/internal/menu.js.map +1 -0
- package/menu/internal/menuitem/_menu-item.scss +60 -0
- package/menu/internal/menuitem/forced-colors-styles.css.js +9 -0
- package/menu/internal/menuitem/forced-colors-styles.css.js.map +1 -0
- package/menu/internal/menuitem/forced-colors-styles.scss +22 -0
- package/menu/internal/menuitem/harness.d.ts +11 -0
- package/menu/internal/menuitem/harness.js +12 -0
- package/menu/internal/menuitem/harness.js.map +1 -0
- package/menu/internal/menuitem/menu-item-styles.css.js +9 -0
- package/menu/internal/menuitem/menu-item-styles.css.js.map +1 -0
- package/menu/internal/menuitem/menu-item.d.ts +37 -0
- package/menu/internal/menuitem/menu-item.js +65 -0
- package/menu/internal/menuitem/menu-item.js.map +1 -0
- package/menu/internal/shared.d.ts +185 -0
- package/menu/internal/shared.js +131 -0
- package/menu/internal/shared.js.map +1 -0
- package/menu/internal/submenuitem/harness.d.ts +11 -0
- package/menu/internal/submenuitem/harness.js +12 -0
- package/menu/internal/submenuitem/harness.js.map +1 -0
- package/menu/internal/submenuitem/sub-menu-item.d.ts +109 -0
- package/menu/internal/submenuitem/sub-menu-item.js +308 -0
- package/menu/internal/submenuitem/sub-menu-item.js.map +1 -0
- package/menu/internal/typeaheadController.d.ts +157 -0
- package/menu/internal/typeaheadController.js +252 -0
- package/menu/internal/typeaheadController.js.map +1 -0
- package/menu/menu-item.d.ts +3 -3
- package/menu/menu-item.js +5 -6
- package/menu/menu-item.js.map +1 -1
- package/menu/menu.d.ts +4 -4
- package/menu/menu.js +3 -4
- package/menu/menu.js.map +1 -1
- package/menu/sub-menu-item.d.ts +3 -3
- package/menu/sub-menu-item.js +5 -6
- package/menu/sub-menu-item.js.map +1 -1
- package/package.json +3 -4
- package/progress/_circular-progress.scss +6 -0
- package/progress/_linear-progress.scss +6 -0
- package/progress/circular-progress.d.ts +24 -0
- package/progress/circular-progress.js +27 -0
- package/progress/circular-progress.js.map +1 -0
- package/progress/harness.d.ts +20 -0
- package/progress/harness.js +27 -0
- package/progress/harness.js.map +1 -0
- package/progress/internal/_circular-progress.scss +285 -0
- package/progress/internal/_linear-progress.scss +379 -0
- package/progress/internal/circular-progress-styles.css.js +9 -0
- package/progress/internal/circular-progress-styles.css.js.map +1 -0
- package/progress/internal/circular-progress.d.ts +14 -0
- package/progress/internal/circular-progress.js +49 -0
- package/progress/internal/circular-progress.js.map +1 -0
- package/progress/internal/linear-progress-styles.css.js +9 -0
- package/progress/internal/linear-progress-styles.css.js.map +1 -0
- package/progress/internal/linear-progress.d.ts +27 -0
- package/progress/internal/linear-progress.js +91 -0
- package/progress/internal/linear-progress.js.map +1 -0
- package/progress/internal/progress.d.ts +34 -0
- package/progress/internal/progress.js +70 -0
- package/progress/internal/progress.js.map +1 -0
- package/progress/linear-progress.d.ts +23 -0
- package/progress/linear-progress.js +26 -0
- package/progress/linear-progress.js.map +1 -0
- package/radio/_radio.scss +1 -1
- package/radio/harness.d.ts +1 -1
- package/radio/harness.js.map +1 -1
- package/radio/internal/_radio.scss +185 -0
- package/radio/internal/forced-colors-styles.css.js +9 -0
- package/radio/internal/forced-colors-styles.css.js.map +1 -0
- package/radio/internal/forced-colors-styles.scss +29 -0
- package/radio/internal/radio-styles.css.js +9 -0
- package/radio/internal/radio-styles.css.js.map +1 -0
- package/radio/internal/radio.d.ts +58 -0
- package/radio/internal/radio.js +159 -0
- package/radio/internal/radio.js.map +1 -0
- package/radio/internal/single-selection-controller.js +196 -0
- package/radio/internal/single-selection-controller.js.map +1 -0
- package/radio/radio.d.ts +1 -1
- package/radio/radio.js +3 -3
- package/radio/radio.js.map +1 -1
- package/ripple/_ripple.scss +1 -1
- package/ripple/internal/ripple.js +397 -0
- package/ripple/internal/ripple.js.map +1 -0
- package/ripple/ripple.d.ts +1 -1
- package/ripple/ripple.js +2 -2
- package/ripple/ripple.js.map +1 -1
- package/select/_filled-select.scss +1 -1
- package/select/_outlined-select.scss +1 -1
- package/select/filled-select.d.ts +1 -1
- package/select/filled-select.js +4 -4
- package/select/filled-select.js.map +1 -1
- package/select/harness.d.ts +3 -3
- package/select/harness.js +1 -1
- package/select/harness.js.map +1 -1
- package/select/internal/_filled-select.scss +222 -0
- package/select/internal/_outlined-select.scss +180 -0
- package/select/internal/_shared.scss +82 -0
- package/select/internal/filled-select-styles.css.js +9 -0
- package/select/internal/filled-select-styles.css.js.map +1 -0
- package/select/internal/outlined-select-styles.css.js +9 -0
- package/select/internal/outlined-select-styles.css.js.map +1 -0
- package/select/internal/select.d.ts +201 -0
- package/select/internal/select.js +550 -0
- package/select/internal/select.js.map +1 -0
- package/select/internal/selectoption/harness.d.ts +11 -0
- package/select/internal/selectoption/harness.js +12 -0
- package/select/internal/selectoption/harness.js.map +1 -0
- package/select/internal/selectoption/select-option.d.ts +28 -0
- package/select/internal/selectoption/select-option.js +70 -0
- package/select/internal/selectoption/select-option.js.map +1 -0
- package/select/internal/shared-styles.css.js +9 -0
- package/select/internal/shared-styles.css.js.map +1 -0
- package/select/internal/shared.d.ts +48 -0
- package/select/internal/shared.js +43 -0
- package/select/internal/shared.js.map +1 -0
- package/select/outlined-select.d.ts +1 -1
- package/select/outlined-select.js +4 -4
- package/select/outlined-select.js.map +1 -1
- package/select/select-option.d.ts +1 -1
- package/select/select-option.js +5 -5
- package/select/select-option.js.map +1 -1
- package/slider/_slider.scss +1 -1
- package/slider/harness.d.ts +1 -1
- package/slider/harness.js.map +1 -1
- package/slider/internal/_slider.scss +478 -0
- package/slider/internal/slider-styles.css.js +9 -0
- package/slider/internal/slider-styles.css.js.map +1 -0
- package/slider/internal/slider.d.ts +173 -0
- package/slider/internal/slider.js +621 -0
- package/slider/internal/slider.js.map +1 -0
- package/slider/slider.d.ts +1 -1
- package/slider/slider.js +3 -3
- package/slider/slider.js.map +1 -1
- package/switch/_switch.scss +1 -1
- package/switch/harness.d.ts +1 -1
- package/switch/harness.js.map +1 -1
- package/switch/internal/_handle.scss +159 -0
- package/switch/internal/_icon.scss +92 -0
- package/switch/internal/_switch.scss +154 -0
- package/switch/internal/_track.scss +91 -0
- package/switch/internal/forced-colors-styles.css.js +9 -0
- package/switch/internal/forced-colors-styles.css.js.map +1 -0
- package/switch/internal/forced-colors-styles.scss +41 -0
- package/switch/internal/switch-styles.css.js +9 -0
- package/switch/internal/switch-styles.css.js.map +1 -0
- package/switch/internal/switch.d.ts +79 -0
- package/switch/internal/switch.js +208 -0
- package/switch/internal/switch.js.map +1 -0
- package/switch/switch.d.ts +1 -1
- package/switch/switch.js +3 -3
- package/switch/switch.js.map +1 -1
- package/tabs/_tab.scss +1 -1
- package/tabs/harness.d.ts +2 -2
- package/tabs/harness.js.map +1 -1
- package/tabs/internal/_tab.scss +295 -0
- package/tabs/internal/_tabs.scss +45 -0
- package/tabs/internal/tab-styles.css.js +9 -0
- package/tabs/internal/tab-styles.css.js.map +1 -0
- package/tabs/internal/tab.d.ts +62 -0
- package/tabs/internal/tab.js +161 -0
- package/tabs/internal/tab.js.map +1 -0
- package/tabs/internal/tabs.d.ts +88 -0
- package/tabs/internal/tabs.js +307 -0
- package/tabs/internal/tabs.js.map +1 -0
- package/tabs/tab.d.ts +2 -2
- package/tabs/tab.js +2 -2
- package/tabs/tab.js.map +1 -1
- package/tabs/tabs.d.ts +2 -2
- package/tabs/tabs.js +2 -2
- package/tabs/tabs.js.map +1 -1
- package/textfield/_filled-text-field.scss +1 -1
- package/textfield/_outlined-text-field.scss +1 -1
- package/textfield/filled-text-field.d.ts +2 -2
- package/textfield/filled-text-field.js +4 -4
- package/textfield/filled-text-field.js.map +1 -1
- package/textfield/harness.d.ts +5 -5
- package/textfield/harness.js +5 -1
- package/textfield/harness.js.map +1 -1
- package/textfield/internal/_filled-text-field.scss +194 -0
- package/textfield/internal/_input.scss +72 -0
- package/textfield/internal/_outlined-text-field.scss +167 -0
- package/textfield/internal/_shared.scss +47 -0
- package/textfield/internal/filled-styles.css.js +9 -0
- package/textfield/internal/filled-styles.css.js.map +1 -0
- package/textfield/internal/outlined-styles.css.js +9 -0
- package/textfield/internal/outlined-styles.css.js.map +1 -0
- package/textfield/internal/shared-styles.css.js +9 -0
- package/textfield/internal/shared-styles.css.js.map +1 -0
- package/textfield/internal/text-field.d.ts +326 -0
- package/textfield/internal/text-field.js +702 -0
- package/textfield/internal/text-field.js.map +1 -0
- package/textfield/outlined-text-field.d.ts +2 -2
- package/textfield/outlined-text-field.js +4 -4
- package/textfield/outlined-text-field.js.map +1 -1
- package/tokens/_index.scss +1 -0
- package/tokens/_md-comp-checkbox.scss +58 -34
- package/tokens/_md-comp-dialog.scss +2 -1
- package/tokens/_md-comp-elevated-button.scss +14 -12
- package/tokens/_md-comp-filled-button.scss +14 -12
- package/tokens/_md-comp-filled-field.scss +18 -11
- package/tokens/_md-comp-filled-icon-button.scss +23 -8
- package/tokens/_md-comp-filled-select.scss +19 -1
- package/tokens/_md-comp-filled-text-field.scss +2 -1
- package/tokens/_md-comp-filled-tonal-button.scss +14 -12
- package/tokens/_md-comp-filled-tonal-icon-button.scss +23 -8
- package/tokens/_md-comp-icon-button.scss +24 -11
- package/tokens/_md-comp-icon.scss +32 -0
- package/tokens/_md-comp-list-item.scss +1 -1
- package/tokens/_md-comp-outlined-button.scss +14 -12
- package/tokens/_md-comp-outlined-field.scss +14 -8
- package/tokens/_md-comp-outlined-icon-button.scss +26 -12
- package/tokens/_md-comp-outlined-segmented-button.scss +2 -2
- package/tokens/_md-comp-outlined-text-field.scss +2 -1
- package/tokens/_md-comp-radio-button.scss +20 -9
- package/tokens/_md-comp-switch.scss +66 -32
- package/tokens/_md-comp-text-button.scss +14 -12
- package/button/_tonal-button.scss +0 -6
- package/button/lib/_elevation.scss +0 -68
- package/button/lib/_icon.scss +0 -42
- package/button/lib/_outlined-button.scss +0 -107
- package/button/lib/_shared.scss +0 -162
- package/button/lib/_tonal-button.scss +0 -61
- package/button/lib/_touch-target.scss +0 -18
- package/button/lib/button.d.ts +0 -71
- package/button/lib/button.js +0 -190
- package/button/lib/button.js.map +0 -1
- package/button/lib/elevated-button.d.ts +0 -18
- package/button/lib/elevated-button.js +0 -23
- package/button/lib/elevated-button.js.map +0 -1
- package/button/lib/elevated-styles.css.js +0 -9
- package/button/lib/elevated-styles.css.js.map +0 -1
- package/button/lib/filled-button.d.ts +0 -18
- package/button/lib/filled-button.js +0 -23
- package/button/lib/filled-button.js.map +0 -1
- package/button/lib/filled-styles.css.js +0 -9
- package/button/lib/filled-styles.css.js.map +0 -1
- package/button/lib/outlined-button.d.ts +0 -17
- package/button/lib/outlined-button.js +0 -22
- package/button/lib/outlined-button.js.map +0 -1
- package/button/lib/outlined-styles.css.js +0 -9
- package/button/lib/outlined-styles.css.js.map +0 -1
- package/button/lib/shared-elevation-styles.css.js +0 -9
- package/button/lib/shared-elevation-styles.css.js.map +0 -1
- package/button/lib/shared-styles.css.js +0 -9
- package/button/lib/shared-styles.css.js.map +0 -1
- package/button/lib/text-button.d.ts +0 -16
- package/button/lib/text-button.js +0 -18
- package/button/lib/text-button.js.map +0 -1
- package/button/lib/text-styles.css.js +0 -9
- package/button/lib/text-styles.css.js.map +0 -1
- package/button/lib/tonal-button.d.ts +0 -18
- package/button/lib/tonal-button.js +0 -23
- package/button/lib/tonal-button.js.map +0 -1
- package/button/lib/tonal-styles.css.js +0 -9
- package/button/lib/tonal-styles.css.js.map +0 -1
- package/button/lib/tonal-styles.scss +0 -10
- package/button/tonal-button.d.ts +0 -35
- package/button/tonal-button.js +0 -40
- package/button/tonal-button.js.map +0 -1
- package/checkbox/lib/_checkbox.scss +0 -451
- package/checkbox/lib/checkbox-styles.css.js +0 -9
- package/checkbox/lib/checkbox-styles.css.js.map +0 -1
- package/checkbox/lib/checkbox.d.ts +0 -66
- package/checkbox/lib/checkbox.js +0 -187
- package/checkbox/lib/checkbox.js.map +0 -1
- package/checkbox/lib/forced-colors-styles.css.js +0 -9
- package/checkbox/lib/forced-colors-styles.css.js.map +0 -1
- package/checkbox/lib/forced-colors-styles.scss +0 -49
- package/chips/lib/_shared.scss +0 -190
- package/chips/lib/_trailing-icon.scss +0 -78
- package/chips/lib/chip-set.js +0 -165
- package/chips/lib/chip-set.js.map +0 -1
- package/chips/lib/chip.d.ts +0 -45
- package/chips/lib/chip.js +0 -95
- package/chips/lib/chip.js.map +0 -1
- package/chips/lib/filter-chip.d.ts +0 -32
- package/chips/lib/filter-chip.js +0 -103
- package/chips/lib/filter-chip.js.map +0 -1
- package/chips/lib/shared-styles.css.js +0 -9
- package/chips/lib/shared-styles.css.js.map +0 -1
- package/chips/lib/trailing-icon-styles.css.js +0 -9
- package/chips/lib/trailing-icon-styles.css.js.map +0 -1
- package/chips/lib/trailing-icons.d.ts +0 -15
- package/chips/lib/trailing-icons.js +0 -38
- package/chips/lib/trailing-icons.js.map +0 -1
- package/circularprogress/_circular-progress.scss +0 -6
- package/circularprogress/circular-progress.d.ts +0 -24
- package/circularprogress/circular-progress.js +0 -27
- package/circularprogress/circular-progress.js.map +0 -1
- package/circularprogress/harness.d.ts +0 -13
- package/circularprogress/harness.js +0 -16
- package/circularprogress/harness.js.map +0 -1
- package/circularprogress/lib/_circular-progress.scss +0 -288
- package/circularprogress/lib/circular-progress-styles.css.js +0 -9
- package/circularprogress/lib/circular-progress-styles.css.js.map +0 -1
- package/circularprogress/lib/circular-progress.d.ts +0 -27
- package/circularprogress/lib/circular-progress.js +0 -94
- package/circularprogress/lib/circular-progress.js.map +0 -1
- package/dialog/lib/_dialog.scss +0 -376
- package/dialog/lib/_tokens.scss +0 -68
- package/dialog/lib/dialog-styles.css.js +0 -9
- package/dialog/lib/dialog-styles.css.js.map +0 -1
- package/dialog/lib/dialog.d.ts +0 -196
- package/dialog/lib/dialog.js +0 -561
- package/dialog/lib/dialog.js.map +0 -1
- package/fab/lib/_fab.scss +0 -253
- package/fab/lib/_shared.scss +0 -222
- package/fab/lib/fab-styles.css.js +0 -9
- package/fab/lib/fab-styles.css.js.map +0 -1
- package/fab/lib/fab.d.ts +0 -26
- package/fab/lib/fab.js.map +0 -1
- package/fab/lib/forced-colors-styles.css.js +0 -9
- package/fab/lib/forced-colors-styles.css.js.map +0 -1
- package/fab/lib/forced-colors-styles.scss +0 -26
- package/fab/lib/shared-styles.css.js +0 -9
- package/fab/lib/shared-styles.css.js.map +0 -1
- package/fab/lib/shared.d.ts +0 -55
- package/fab/lib/shared.js +0 -120
- package/fab/lib/shared.js.map +0 -1
- package/field/lib/_content.scss +0 -175
- package/field/lib/_filled-field.scss +0 -189
- package/field/lib/_label.scss +0 -74
- package/field/lib/_outlined-field.scss +0 -313
- package/field/lib/_shared.scss +0 -65
- package/field/lib/_supporting-text.scss +0 -46
- package/field/lib/field.d.ts +0 -65
- package/field/lib/field.js +0 -321
- package/field/lib/field.js.map +0 -1
- package/field/lib/filled-styles.css.js +0 -9
- package/field/lib/filled-styles.css.js.map +0 -1
- package/field/lib/outlined-styles.css.js +0 -9
- package/field/lib/outlined-styles.css.js.map +0 -1
- package/field/lib/shared-styles.css.js +0 -9
- package/field/lib/shared-styles.css.js.map +0 -1
- package/focus/focus-ring.d.ts +0 -20
- package/focus/focus-ring.js +0 -23
- package/focus/focus-ring.js.map +0 -1
- package/focus/lib/_focus-ring.scss +0 -129
- package/focus/lib/focus-ring-styles.css.js +0 -9
- package/focus/lib/focus-ring-styles.css.js.map +0 -1
- package/focus/lib/focus-ring.d.ts +0 -34
- package/focus/lib/focus-ring.js +0 -79
- package/focus/lib/focus-ring.js.map +0 -1
- package/icon/lib/_icon.scss +0 -61
- package/icon/lib/_md-comp-icon.scss +0 -18
- package/icon/lib/icon-styles.css.js +0 -9
- package/icon/lib/icon-styles.css.js.map +0 -1
- package/icon/lib/icon.d.ts +0 -12
- package/icon/lib/icon.js +0 -15
- package/icon/lib/icon.js.map +0 -1
- package/iconbutton/_standard-icon-button.scss +0 -6
- package/iconbutton/lib/_filled-icon-button.scss +0 -169
- package/iconbutton/lib/_filled-tonal-icon-button.scss +0 -171
- package/iconbutton/lib/_outlined-icon-button.scss +0 -178
- package/iconbutton/lib/_shared.scss +0 -104
- package/iconbutton/lib/_standard-icon-button.scss +0 -112
- package/iconbutton/lib/filled-styles.css.js +0 -9
- package/iconbutton/lib/filled-styles.css.js.map +0 -1
- package/iconbutton/lib/filled-tonal-styles.css.js +0 -9
- package/iconbutton/lib/filled-tonal-styles.css.js.map +0 -1
- package/iconbutton/lib/icon-button.d.ts +0 -59
- package/iconbutton/lib/icon-button.js +0 -166
- package/iconbutton/lib/icon-button.js.map +0 -1
- package/iconbutton/lib/outlined-styles.css.js +0 -9
- package/iconbutton/lib/outlined-styles.css.js.map +0 -1
- package/iconbutton/lib/shared-styles.css.js +0 -9
- package/iconbutton/lib/shared-styles.css.js.map +0 -1
- package/iconbutton/lib/standard-styles.css.js +0 -9
- package/iconbutton/lib/standard-styles.css.js.map +0 -1
- package/iconbutton/lib/standard-styles.scss +0 -10
- package/iconbutton/standard-icon-button.d.ts +0 -34
- package/iconbutton/standard-icon-button.js +0 -39
- package/iconbutton/standard-icon-button.js.map +0 -1
- package/labs/navigationbar/lib/constants.d.ts +0 -17
- package/labs/navigationbar/lib/constants.js.map +0 -1
- package/labs/navigationbar/lib/navigation-bar.d.ts +0 -27
- package/labs/navigationbar/lib/navigation-bar.js +0 -140
- package/labs/navigationbar/lib/navigation-bar.js.map +0 -1
- package/labs/navigationbar/lib/state.d.ts +0 -23
- package/labs/navigationbar/lib/state.js.map +0 -1
- package/labs/navigationdrawer/lib/navigation-drawer-modal.js +0 -83
- package/labs/navigationdrawer/lib/navigation-drawer-modal.js.map +0 -1
- package/labs/navigationdrawer/lib/navigation-drawer.js +0 -66
- package/labs/navigationdrawer/lib/navigation-drawer.js.map +0 -1
- package/labs/navigationtab/lib/_navigation-tab.scss +0 -257
- package/labs/navigationtab/lib/navigation-tab-styles.css.js +0 -9
- package/labs/navigationtab/lib/navigation-tab-styles.css.js.map +0 -1
- package/labs/navigationtab/lib/navigation-tab.d.ts +0 -30
- package/labs/navigationtab/lib/navigation-tab.js +0 -119
- package/labs/navigationtab/lib/navigation-tab.js.map +0 -1
- package/labs/segmentedbutton/lib/outlined-styles.css.js +0 -9
- package/labs/segmentedbutton/lib/outlined-styles.css.js.map +0 -1
- package/labs/segmentedbutton/lib/segmented-button.d.ts +0 -44
- package/labs/segmentedbutton/lib/segmented-button.js +0 -159
- package/labs/segmentedbutton/lib/segmented-button.js.map +0 -1
- package/labs/segmentedbuttonset/lib/outlined-styles.css.js +0 -9
- package/labs/segmentedbuttonset/lib/outlined-styles.css.js.map +0 -1
- package/labs/segmentedbuttonset/lib/segmented-button-set.d.ts +0 -26
- package/labs/segmentedbuttonset/lib/segmented-button-set.js +0 -110
- package/labs/segmentedbuttonset/lib/segmented-button-set.js.map +0 -1
- package/linearprogress/_linear-progress.scss +0 -6
- package/linearprogress/harness.d.ts +0 -13
- package/linearprogress/harness.js +0 -18
- package/linearprogress/harness.js.map +0 -1
- package/linearprogress/lib/_linear-progress.scss +0 -386
- package/linearprogress/lib/linear-progress-styles.css.js +0 -9
- package/linearprogress/lib/linear-progress-styles.css.js.map +0 -1
- package/linearprogress/lib/linear-progress.d.ts +0 -35
- package/linearprogress/lib/linear-progress.js +0 -127
- package/linearprogress/lib/linear-progress.js.map +0 -1
- package/linearprogress/linear-progress.d.ts +0 -23
- package/linearprogress/linear-progress.js +0 -26
- package/linearprogress/linear-progress.js.map +0 -1
- package/list/lib/list.d.ts +0 -135
- package/list/lib/list.js +0 -305
- package/list/lib/list.js.map +0 -1
- package/list/lib/listitem/_list-item.scss +0 -424
- package/list/lib/listitem/list-item-styles.css.js +0 -9
- package/list/lib/listitem/list-item-styles.css.js.map +0 -1
- package/list/lib/listitem/list-item.d.ts +0 -133
- package/list/lib/listitem/list-item.js +0 -230
- package/list/lib/listitem/list-item.js.map +0 -1
- package/list/lib/listitemlink/list-item-link-only.d.ts +0 -23
- package/list/lib/listitemlink/list-item-link-only.js +0 -36
- package/list/lib/listitemlink/list-item-link-only.js.map +0 -1
- package/list/lib/listitemlink/list-item-link.d.ts +0 -18
- package/list/lib/listitemlink/list-item-link.js +0 -42
- package/list/lib/listitemlink/list-item-link.js.map +0 -1
- package/list/list-item-link.d.ts +0 -53
- package/list/list-item-link.js +0 -57
- package/list/list-item-link.js.map +0 -1
- package/menu/lib/_menu.scss +0 -103
- package/menu/lib/menu-styles.css.js +0 -9
- package/menu/lib/menu-styles.css.js.map +0 -1
- package/menu/lib/menu.d.ts +0 -225
- package/menu/lib/menu.js +0 -673
- package/menu/lib/menu.js.map +0 -1
- package/menu/lib/menuitem/_menu-item.scss +0 -60
- package/menu/lib/menuitem/forced-colors-styles.css.js +0 -9
- package/menu/lib/menuitem/forced-colors-styles.css.js.map +0 -1
- package/menu/lib/menuitem/forced-colors-styles.scss +0 -22
- package/menu/lib/menuitem/harness.d.ts +0 -11
- package/menu/lib/menuitem/harness.js +0 -12
- package/menu/lib/menuitem/harness.js.map +0 -1
- package/menu/lib/menuitem/menu-item-styles.css.js +0 -9
- package/menu/lib/menuitem/menu-item-styles.css.js.map +0 -1
- package/menu/lib/menuitem/menu-item.d.ts +0 -28
- package/menu/lib/menuitem/menu-item.js +0 -51
- package/menu/lib/menuitem/menu-item.js.map +0 -1
- package/menu/lib/menuitemlink/menu-item-link.d.ts +0 -23
- package/menu/lib/menuitemlink/menu-item-link.js +0 -49
- package/menu/lib/menuitemlink/menu-item-link.js.map +0 -1
- package/menu/lib/shared.d.ts +0 -178
- package/menu/lib/shared.js +0 -142
- package/menu/lib/shared.js.map +0 -1
- package/menu/lib/submenuitem/harness.d.ts +0 -11
- package/menu/lib/submenuitem/harness.js +0 -12
- package/menu/lib/submenuitem/harness.js.map +0 -1
- package/menu/lib/submenuitem/sub-menu-item.d.ts +0 -99
- package/menu/lib/submenuitem/sub-menu-item.js +0 -293
- package/menu/lib/submenuitem/sub-menu-item.js.map +0 -1
- package/menu/lib/typeaheadController.d.ts +0 -157
- package/menu/lib/typeaheadController.js +0 -252
- package/menu/lib/typeaheadController.js.map +0 -1
- package/menu/menu-item-link.d.ts +0 -33
- package/menu/menu-item-link.js +0 -38
- package/menu/menu-item-link.js.map +0 -1
- package/radio/lib/_radio.scss +0 -169
- package/radio/lib/forced-colors-styles.css.js +0 -9
- package/radio/lib/forced-colors-styles.css.js.map +0 -1
- package/radio/lib/forced-colors-styles.scss +0 -29
- package/radio/lib/radio-styles.css.js +0 -9
- package/radio/lib/radio-styles.css.js.map +0 -1
- package/radio/lib/radio.d.ts +0 -57
- package/radio/lib/radio.js +0 -154
- package/radio/lib/radio.js.map +0 -1
- package/radio/lib/single-selection-controller.js +0 -192
- package/radio/lib/single-selection-controller.js.map +0 -1
- package/ripple/lib/ripple.js +0 -389
- package/ripple/lib/ripple.js.map +0 -1
- package/select/lib/_filled-select.scss +0 -222
- package/select/lib/_outlined-select.scss +0 -180
- package/select/lib/_shared.scss +0 -56
- package/select/lib/filled-select-styles.css.js +0 -9
- package/select/lib/filled-select-styles.css.js.map +0 -1
- package/select/lib/outlined-select-styles.css.js +0 -9
- package/select/lib/outlined-select-styles.css.js.map +0 -1
- package/select/lib/select.d.ts +0 -206
- package/select/lib/select.js +0 -553
- package/select/lib/select.js.map +0 -1
- package/select/lib/selectoption/harness.d.ts +0 -11
- package/select/lib/selectoption/harness.js +0 -12
- package/select/lib/selectoption/harness.js.map +0 -1
- package/select/lib/selectoption/select-option.d.ts +0 -29
- package/select/lib/selectoption/select-option.js +0 -71
- package/select/lib/selectoption/select-option.js.map +0 -1
- package/select/lib/shared-styles.css.js +0 -9
- package/select/lib/shared-styles.css.js.map +0 -1
- package/select/lib/shared.d.ts +0 -52
- package/select/lib/shared.js +0 -41
- package/select/lib/shared.js.map +0 -1
- package/slider/lib/_slider.scss +0 -476
- package/slider/lib/slider-styles.css.js +0 -9
- package/slider/lib/slider-styles.css.js.map +0 -1
- package/slider/lib/slider.d.ts +0 -173
- package/slider/lib/slider.js +0 -623
- package/slider/lib/slider.js.map +0 -1
- package/switch/lib/_handle.scss +0 -159
- package/switch/lib/_icon.scss +0 -92
- package/switch/lib/_switch.scss +0 -152
- package/switch/lib/_track.scss +0 -91
- package/switch/lib/forced-colors-styles.css.d.ts +0 -1
- package/switch/lib/forced-colors-styles.css.js +0 -9
- package/switch/lib/forced-colors-styles.css.js.map +0 -1
- package/switch/lib/forced-colors-styles.scss +0 -41
- package/switch/lib/switch-styles.css.js +0 -9
- package/switch/lib/switch-styles.css.js.map +0 -1
- package/switch/lib/switch.d.ts +0 -79
- package/switch/lib/switch.js +0 -210
- package/switch/lib/switch.js.map +0 -1
- package/tabs/lib/_tab.scss +0 -293
- package/tabs/lib/_tabs.scss +0 -44
- package/tabs/lib/tab-styles.css.js +0 -9
- package/tabs/lib/tab-styles.css.js.map +0 -1
- package/tabs/lib/tab.d.ts +0 -68
- package/tabs/lib/tab.js +0 -164
- package/tabs/lib/tab.js.map +0 -1
- package/tabs/lib/tabs.d.ts +0 -91
- package/tabs/lib/tabs.js +0 -312
- package/tabs/lib/tabs.js.map +0 -1
- package/textfield/lib/_filled-text-field.scss +0 -205
- package/textfield/lib/_input.scss +0 -61
- package/textfield/lib/_outlined-text-field.scss +0 -161
- package/textfield/lib/_shared.scss +0 -37
- package/textfield/lib/filled-styles.css.js +0 -9
- package/textfield/lib/filled-styles.css.js.map +0 -1
- package/textfield/lib/outlined-styles.css.js +0 -9
- package/textfield/lib/outlined-styles.css.js.map +0 -1
- package/textfield/lib/shared-styles.css.js +0 -9
- package/textfield/lib/shared-styles.css.js.map +0 -1
- package/textfield/lib/text-field.d.ts +0 -320
- package/textfield/lib/text-field.js +0 -641
- package/textfield/lib/text-field.js.map +0 -1
- /package/button/{lib → internal}/_elevated-button.scss +0 -0
- /package/button/{lib → internal}/_filled-button.scss +0 -0
- /package/button/{lib → internal}/_text-button.scss +0 -0
- /package/button/{lib → internal}/elevated-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/elevated-styles.scss +0 -0
- /package/button/{lib → internal}/filled-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/filled-styles.scss +0 -0
- /package/{iconbutton/lib → button/internal}/filled-tonal-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/outlined-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/outlined-styles.scss +0 -0
- /package/button/{lib → internal}/shared-elevation-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/shared-elevation-styles.scss +0 -0
- /package/button/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/shared-styles.scss +0 -0
- /package/button/{lib → internal}/text-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/text-styles.scss +0 -0
- /package/checkbox/{lib → internal}/checkbox-styles.css.d.ts +0 -0
- /package/checkbox/{lib → internal}/checkbox-styles.scss +0 -0
- /package/chips/{lib → internal}/_assist-chip.scss +0 -0
- /package/chips/{lib → internal}/_chip-set.scss +0 -0
- /package/chips/{lib → internal}/_elevated.scss +0 -0
- /package/chips/{lib → internal}/_filter-chip.scss +0 -0
- /package/chips/{lib → internal}/_input-chip.scss +0 -0
- /package/chips/{lib → internal}/_selectable.scss +0 -0
- /package/chips/{lib → internal}/_suggestion-chip.scss +0 -0
- /package/chips/{lib → internal}/assist-chip.d.ts +0 -0
- /package/chips/{lib → internal}/assist-chip.js +0 -0
- /package/chips/{lib → internal}/assist-chip.js.map +0 -0
- /package/chips/{lib → internal}/assist-forced-colors-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/assist-forced-colors-styles.css.js +0 -0
- /package/chips/{lib → internal}/assist-forced-colors-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/assist-forced-colors-styles.scss +0 -0
- /package/chips/{lib → internal}/assist-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/assist-styles.css.js +0 -0
- /package/chips/{lib → internal}/assist-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/assist-styles.scss +0 -0
- /package/chips/{lib → internal}/chip-set-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/chip-set-styles.css.js +0 -0
- /package/chips/{lib → internal}/chip-set-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/chip-set-styles.scss +0 -0
- /package/chips/{lib → internal}/chip-set.d.ts +0 -0
- /package/chips/{lib → internal}/elevated-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/elevated-styles.css.js +0 -0
- /package/chips/{lib → internal}/elevated-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/elevated-styles.scss +0 -0
- /package/chips/{lib → internal}/filter-forced-colors-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/filter-forced-colors-styles.css.js +0 -0
- /package/chips/{lib → internal}/filter-forced-colors-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/filter-forced-colors-styles.scss +0 -0
- /package/chips/{lib → internal}/filter-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/filter-styles.css.js +0 -0
- /package/chips/{lib → internal}/filter-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/filter-styles.scss +0 -0
- /package/chips/{lib → internal}/input-chip.d.ts +0 -0
- /package/chips/{lib → internal}/input-chip.js +0 -0
- /package/chips/{lib → internal}/input-chip.js.map +0 -0
- /package/chips/{lib → internal}/input-forced-colors-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/input-forced-colors-styles.css.js +0 -0
- /package/chips/{lib → internal}/input-forced-colors-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/input-forced-colors-styles.scss +0 -0
- /package/chips/{lib → internal}/input-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/input-styles.css.js +0 -0
- /package/chips/{lib → internal}/input-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/input-styles.scss +0 -0
- /package/chips/{lib → internal}/multi-action-chip.d.ts +0 -0
- /package/chips/{lib → internal}/multi-action-chip.js +0 -0
- /package/chips/{lib → internal}/multi-action-chip.js.map +0 -0
- /package/chips/{lib → internal}/selectable-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/selectable-styles.css.js +0 -0
- /package/chips/{lib → internal}/selectable-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/selectable-styles.scss +0 -0
- /package/chips/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/shared-styles.scss +0 -0
- /package/chips/{lib → internal}/suggestion-chip.d.ts +0 -0
- /package/chips/{lib → internal}/suggestion-chip.js +0 -0
- /package/chips/{lib → internal}/suggestion-chip.js.map +0 -0
- /package/chips/{lib → internal}/suggestion-forced-colors-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/suggestion-forced-colors-styles.css.js +0 -0
- /package/chips/{lib → internal}/suggestion-forced-colors-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/suggestion-forced-colors-styles.scss +0 -0
- /package/chips/{lib → internal}/suggestion-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/suggestion-styles.css.js +0 -0
- /package/chips/{lib → internal}/suggestion-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/suggestion-styles.scss +0 -0
- /package/chips/{lib → internal}/trailing-icon-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/trailing-icon-styles.scss +0 -0
- /package/dialog/{lib → internal}/dialog-styles.css.d.ts +0 -0
- /package/dialog/{lib → internal}/dialog-styles.scss +0 -0
- /package/divider/{lib → internal}/_divider.scss +0 -0
- /package/divider/{lib → internal}/divider-styles.css.d.ts +0 -0
- /package/divider/{lib → internal}/divider-styles.css.js +0 -0
- /package/divider/{lib → internal}/divider-styles.css.js.map +0 -0
- /package/divider/{lib → internal}/divider-styles.scss +0 -0
- /package/divider/{lib → internal}/divider.d.ts +0 -0
- /package/divider/{lib → internal}/divider.js +0 -0
- /package/divider/{lib → internal}/divider.js.map +0 -0
- /package/elevation/{lib → internal}/_elevation.scss +0 -0
- /package/elevation/{lib → internal}/elevation-styles.css.d.ts +0 -0
- /package/elevation/{lib → internal}/elevation-styles.css.js +0 -0
- /package/elevation/{lib → internal}/elevation-styles.css.js.map +0 -0
- /package/elevation/{lib → internal}/elevation-styles.scss +0 -0
- /package/elevation/{lib → internal}/elevation.d.ts +0 -0
- /package/elevation/{lib → internal}/elevation.js +0 -0
- /package/elevation/{lib → internal}/elevation.js.map +0 -0
- /package/fab/{lib → internal}/_fab-branded.scss +0 -0
- /package/fab/{lib → internal}/fab-branded-styles.css.d.ts +0 -0
- /package/fab/{lib → internal}/fab-branded-styles.css.js +0 -0
- /package/fab/{lib → internal}/fab-branded-styles.css.js.map +0 -0
- /package/fab/{lib → internal}/fab-branded-styles.scss +0 -0
- /package/fab/{lib → internal}/fab-styles.css.d.ts +0 -0
- /package/fab/{lib → internal}/fab-styles.scss +0 -0
- /package/fab/{lib → internal}/fab.js +0 -0
- /package/{checkbox/lib → fab/internal}/forced-colors-styles.css.d.ts +0 -0
- /package/fab/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/fab/{lib → internal}/shared-styles.scss +0 -0
- /package/field/{lib → internal}/filled-field.d.ts +0 -0
- /package/field/{lib → internal}/filled-field.js +0 -0
- /package/field/{lib → internal}/filled-field.js.map +0 -0
- /package/field/{lib → internal}/filled-styles.css.d.ts +0 -0
- /package/field/{lib → internal}/filled-styles.scss +0 -0
- /package/field/{lib → internal}/outlined-field.d.ts +0 -0
- /package/field/{lib → internal}/outlined-field.js +0 -0
- /package/field/{lib → internal}/outlined-field.js.map +0 -0
- /package/field/{lib → internal}/outlined-styles.css.d.ts +0 -0
- /package/field/{lib → internal}/outlined-styles.scss +0 -0
- /package/field/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/field/{lib → internal}/shared-styles.scss +0 -0
- /package/focus/{lib → internal}/focus-ring-styles.css.d.ts +0 -0
- /package/focus/{lib → internal}/focus-ring-styles.scss +0 -0
- /package/icon/{lib → internal}/icon-styles.css.d.ts +0 -0
- /package/icon/{lib → internal}/icon-styles.scss +0 -0
- /package/iconbutton/{lib → internal}/filled-styles.css.d.ts +0 -0
- /package/iconbutton/{lib → internal}/filled-styles.scss +0 -0
- /package/{button/lib/tonal-styles.css.d.ts → iconbutton/internal/filled-tonal-styles.css.d.ts} +0 -0
- /package/iconbutton/{lib → internal}/filled-tonal-styles.scss +0 -0
- /package/iconbutton/{lib → internal}/outlined-styles.css.d.ts +0 -0
- /package/iconbutton/{lib → internal}/outlined-styles.scss +0 -0
- /package/iconbutton/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/iconbutton/{lib → internal}/shared-styles.scss +0 -0
- /package/iconbutton/{lib → internal}/standard-styles.css.d.ts +0 -0
- /package/labs/badge/{lib → internal}/_badge.scss +0 -0
- /package/labs/badge/{lib → internal}/badge-styles.css.d.ts +0 -0
- /package/labs/badge/{lib → internal}/badge-styles.css.js +0 -0
- /package/labs/badge/{lib → internal}/badge-styles.css.js.map +0 -0
- /package/labs/badge/{lib → internal}/badge-styles.scss +0 -0
- /package/labs/badge/{lib → internal}/badge.d.ts +0 -0
- /package/labs/badge/{lib → internal}/badge.js +0 -0
- /package/labs/badge/{lib → internal}/badge.js.map +0 -0
- /package/labs/navigationbar/{lib → internal}/_navigation-bar.scss +0 -0
- /package/labs/navigationbar/{lib → internal}/constants.js +0 -0
- /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.css.d.ts +0 -0
- /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.css.js +0 -0
- /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.css.js.map +0 -0
- /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.scss +0 -0
- /package/labs/navigationbar/{lib → internal}/state.js +0 -0
- /package/labs/navigationdrawer/{lib → internal}/_navigation-drawer-modal.scss +0 -0
- /package/labs/navigationdrawer/{lib → internal}/_navigation-drawer.scss +0 -0
- /package/labs/navigationdrawer/{lib → internal}/_shared.scss +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.css.d.ts +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.css.js +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.css.js.map +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.scss +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal.d.ts +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.css.d.ts +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.css.js +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.css.js.map +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.scss +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer.d.ts +0 -0
- /package/labs/navigationdrawer/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/labs/navigationdrawer/{lib → internal}/shared-styles.css.js +0 -0
- /package/labs/navigationdrawer/{lib → internal}/shared-styles.css.js.map +0 -0
- /package/labs/navigationdrawer/{lib → internal}/shared-styles.scss +0 -0
- /package/labs/navigationtab/{lib → internal}/navigation-tab-styles.css.d.ts +0 -0
- /package/labs/navigationtab/{lib → internal}/navigation-tab-styles.scss +0 -0
- /package/labs/navigationtab/{lib → internal}/state.d.ts +0 -0
- /package/labs/navigationtab/{lib → internal}/state.js +0 -0
- /package/labs/navigationtab/{lib → internal}/state.js.map +0 -0
- /package/labs/segmentedbutton/{lib → internal}/_outlined-segmented-button.scss +0 -0
- /package/labs/segmentedbutton/{lib → internal}/_shared.scss +0 -0
- /package/labs/segmentedbutton/{lib → internal}/outlined-segmented-button.d.ts +0 -0
- /package/labs/segmentedbutton/{lib → internal}/outlined-segmented-button.js +0 -0
- /package/labs/segmentedbutton/{lib → internal}/outlined-segmented-button.js.map +0 -0
- /package/labs/segmentedbutton/{lib → internal}/outlined-styles.css.d.ts +0 -0
- /package/labs/segmentedbutton/{lib → internal}/outlined-styles.scss +0 -0
- /package/labs/segmentedbutton/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/labs/segmentedbutton/{lib → internal}/shared-styles.css.js +0 -0
- /package/labs/segmentedbutton/{lib → internal}/shared-styles.css.js.map +0 -0
- /package/labs/segmentedbutton/{lib → internal}/shared-styles.scss +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/_outlined-segmented-button-set.scss +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/_shared.scss +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/outlined-segmented-button-set.d.ts +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/outlined-segmented-button-set.js +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/outlined-segmented-button-set.js.map +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/outlined-styles.css.d.ts +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/outlined-styles.scss +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.css.js +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.css.js.map +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.scss +0 -0
- /package/list/{lib → internal}/_list.scss +0 -0
- /package/list/{lib → internal}/list-styles.css.d.ts +0 -0
- /package/list/{lib → internal}/list-styles.css.js +0 -0
- /package/list/{lib → internal}/list-styles.css.js.map +0 -0
- /package/list/{lib → internal}/list-styles.scss +0 -0
- /package/{fab/lib → list/internal/listitem}/forced-colors-styles.css.d.ts +0 -0
- /package/list/{lib → internal}/listitem/forced-colors-styles.css.js +0 -0
- /package/list/{lib → internal}/listitem/forced-colors-styles.css.js.map +0 -0
- /package/list/{lib → internal}/listitem/forced-colors-styles.scss +0 -0
- /package/list/{lib → internal}/listitem/harness.d.ts +0 -0
- /package/list/{lib → internal}/listitem/harness.js +0 -0
- /package/list/{lib → internal}/listitem/harness.js.map +0 -0
- /package/list/{lib → internal}/listitem/list-item-only.d.ts +0 -0
- /package/list/{lib → internal}/listitem/list-item-only.js +0 -0
- /package/list/{lib → internal}/listitem/list-item-only.js.map +0 -0
- /package/list/{lib → internal}/listitem/list-item-styles.css.d.ts +0 -0
- /package/list/{lib → internal}/listitem/list-item-styles.scss +0 -0
- /package/{list/lib/listitem → menu/internal}/forced-colors-styles.css.d.ts +0 -0
- /package/menu/{lib → internal}/forced-colors-styles.css.js +0 -0
- /package/menu/{lib → internal}/forced-colors-styles.css.js.map +0 -0
- /package/menu/{lib → internal}/forced-colors-styles.scss +0 -0
- /package/menu/{lib → internal}/menu-styles.css.d.ts +0 -0
- /package/menu/{lib → internal}/menu-styles.scss +0 -0
- /package/menu/{lib → internal/menuitem}/forced-colors-styles.css.d.ts +0 -0
- /package/menu/{lib → internal}/menuitem/menu-item-styles.css.d.ts +0 -0
- /package/menu/{lib → internal}/menuitem/menu-item-styles.scss +0 -0
- /package/menu/{lib → internal}/surfacePositionController.d.ts +0 -0
- /package/menu/{lib → internal}/surfacePositionController.js +0 -0
- /package/menu/{lib → internal}/surfacePositionController.js.map +0 -0
- /package/menu/{lib → internal}/types.d.ts +0 -0
- /package/menu/{lib → internal}/types.js +0 -0
- /package/menu/{lib → internal}/types.js.map +0 -0
- /package/{circularprogress/lib → progress/internal}/circular-progress-styles.css.d.ts +0 -0
- /package/{circularprogress/lib → progress/internal}/circular-progress-styles.scss +0 -0
- /package/{linearprogress/lib → progress/internal}/linear-progress-styles.css.d.ts +0 -0
- /package/{linearprogress/lib → progress/internal}/linear-progress-styles.scss +0 -0
- /package/{menu/lib/menuitem → radio/internal}/forced-colors-styles.css.d.ts +0 -0
- /package/radio/{lib → internal}/radio-styles.css.d.ts +0 -0
- /package/radio/{lib → internal}/radio-styles.scss +0 -0
- /package/radio/{lib → internal}/single-selection-controller.d.ts +0 -0
- /package/ripple/{lib → internal}/_ripple.scss +0 -0
- /package/ripple/{lib → internal}/ripple-styles.css.d.ts +0 -0
- /package/ripple/{lib → internal}/ripple-styles.css.js +0 -0
- /package/ripple/{lib → internal}/ripple-styles.css.js.map +0 -0
- /package/ripple/{lib → internal}/ripple-styles.scss +0 -0
- /package/ripple/{lib → internal}/ripple.d.ts +0 -0
- /package/select/{lib → internal}/filled-forced-colors-styles.css.d.ts +0 -0
- /package/select/{lib → internal}/filled-forced-colors-styles.css.js +0 -0
- /package/select/{lib → internal}/filled-forced-colors-styles.css.js.map +0 -0
- /package/select/{lib → internal}/filled-forced-colors-styles.scss +0 -0
- /package/select/{lib → internal}/filled-select-styles.css.d.ts +0 -0
- /package/select/{lib → internal}/filled-select-styles.scss +0 -0
- /package/select/{lib → internal}/filled-select.d.ts +0 -0
- /package/select/{lib → internal}/filled-select.js +0 -0
- /package/select/{lib → internal}/filled-select.js.map +0 -0
- /package/select/{lib → internal}/outlined-forced-colors-styles.css.d.ts +0 -0
- /package/select/{lib → internal}/outlined-forced-colors-styles.css.js +0 -0
- /package/select/{lib → internal}/outlined-forced-colors-styles.css.js.map +0 -0
- /package/select/{lib → internal}/outlined-forced-colors-styles.scss +0 -0
- /package/select/{lib → internal}/outlined-select-styles.css.d.ts +0 -0
- /package/select/{lib → internal}/outlined-select-styles.scss +0 -0
- /package/select/{lib → internal}/outlined-select.d.ts +0 -0
- /package/select/{lib → internal}/outlined-select.js +0 -0
- /package/select/{lib → internal}/outlined-select.js.map +0 -0
- /package/select/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/select/{lib → internal}/shared-styles.scss +0 -0
- /package/{radio/lib → slider/internal}/forced-colors-styles.css.d.ts +0 -0
- /package/slider/{lib → internal}/forced-colors-styles.css.js +0 -0
- /package/slider/{lib → internal}/forced-colors-styles.css.js.map +0 -0
- /package/slider/{lib → internal}/forced-colors-styles.scss +0 -0
- /package/slider/{lib → internal}/slider-styles.css.d.ts +0 -0
- /package/slider/{lib → internal}/slider-styles.scss +0 -0
- /package/switch/{lib → internal}/README.md +0 -0
- /package/{slider/lib → switch/internal}/forced-colors-styles.css.d.ts +0 -0
- /package/switch/{lib → internal}/switch-styles.css.d.ts +0 -0
- /package/switch/{lib → internal}/switch-styles.scss +0 -0
- /package/tabs/{lib → internal}/tab-styles.css.d.ts +0 -0
- /package/tabs/{lib → internal}/tab-styles.scss +0 -0
- /package/tabs/{lib → internal}/tabs-styles.css.d.ts +0 -0
- /package/tabs/{lib → internal}/tabs-styles.css.js +0 -0
- /package/tabs/{lib → internal}/tabs-styles.css.js.map +0 -0
- /package/tabs/{lib → internal}/tabs-styles.scss +0 -0
- /package/textfield/{lib → internal}/_icon.scss +0 -0
- /package/textfield/{lib → internal}/filled-forced-colors-styles.css.d.ts +0 -0
- /package/textfield/{lib → internal}/filled-forced-colors-styles.css.js +0 -0
- /package/textfield/{lib → internal}/filled-forced-colors-styles.css.js.map +0 -0
- /package/textfield/{lib → internal}/filled-forced-colors-styles.scss +0 -0
- /package/textfield/{lib → internal}/filled-styles.css.d.ts +0 -0
- /package/textfield/{lib → internal}/filled-styles.scss +0 -0
- /package/textfield/{lib → internal}/filled-text-field.d.ts +0 -0
- /package/textfield/{lib → internal}/filled-text-field.js +0 -0
- /package/textfield/{lib → internal}/filled-text-field.js.map +0 -0
- /package/textfield/{lib → internal}/outlined-forced-colors-styles.css.d.ts +0 -0
- /package/textfield/{lib → internal}/outlined-forced-colors-styles.css.js +0 -0
- /package/textfield/{lib → internal}/outlined-forced-colors-styles.css.js.map +0 -0
- /package/textfield/{lib → internal}/outlined-forced-colors-styles.scss +0 -0
- /package/textfield/{lib → internal}/outlined-styles.css.d.ts +0 -0
- /package/textfield/{lib → internal}/outlined-styles.scss +0 -0
- /package/textfield/{lib → internal}/outlined-text-field.d.ts +0 -0
- /package/textfield/{lib → internal}/outlined-text-field.js +0 -0
- /package/textfield/{lib → internal}/outlined-text-field.js.map +0 -0
- /package/textfield/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/textfield/{lib → internal}/shared-styles.scss +0 -0
package/button/lib/button.js
DELETED
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2019 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
var _a;
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import '../../focus/focus-ring.js';
|
|
9
|
-
import '../../ripple/ripple.js';
|
|
10
|
-
import { html, isServer, LitElement, nothing } from 'lit';
|
|
11
|
-
import { property, query, queryAssignedElements } from 'lit/decorators.js';
|
|
12
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
13
|
-
import { html as staticHtml, literal } from 'lit/static-html.js';
|
|
14
|
-
import { requestUpdateOnAriaChange } from '../../internal/aria/delegate.js';
|
|
15
|
-
import { dispatchActivationClick, isActivationClick, redispatchEvent } from '../../internal/controller/events.js';
|
|
16
|
-
/**
|
|
17
|
-
* A button component.
|
|
18
|
-
*/
|
|
19
|
-
export class Button extends LitElement {
|
|
20
|
-
/** @nocollapse */
|
|
21
|
-
static get formAssociated() {
|
|
22
|
-
return true;
|
|
23
|
-
}
|
|
24
|
-
constructor() {
|
|
25
|
-
super();
|
|
26
|
-
/**
|
|
27
|
-
* Whether or not the button is disabled.
|
|
28
|
-
*/
|
|
29
|
-
this.disabled = false;
|
|
30
|
-
/**
|
|
31
|
-
* Whether to render the icon at the inline end of the label rather than the
|
|
32
|
-
* inline start.
|
|
33
|
-
*
|
|
34
|
-
* _Note:_ Link buttons cannot have trailing icons.
|
|
35
|
-
*/
|
|
36
|
-
this.trailingIcon = false;
|
|
37
|
-
/**
|
|
38
|
-
* Whether to display the icon or not.
|
|
39
|
-
*/
|
|
40
|
-
this.hasIcon = false;
|
|
41
|
-
/**
|
|
42
|
-
* Specifies the type of button, used for controlling forms. When type
|
|
43
|
-
* is `submit`, the containing form is submitted; when it is `reset` the
|
|
44
|
-
* form is reset.
|
|
45
|
-
*/
|
|
46
|
-
this.type = '';
|
|
47
|
-
this.internals = this /* needed for closure */.attachInternals();
|
|
48
|
-
// flag to avoid processing redispatched event.
|
|
49
|
-
this.isRedispatchingEvent = false;
|
|
50
|
-
this.handleActivationClick = (event) => {
|
|
51
|
-
if (!isActivationClick((event)) || !this.buttonElement) {
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
this.focus();
|
|
55
|
-
dispatchActivationClick(this.buttonElement);
|
|
56
|
-
};
|
|
57
|
-
if (!isServer) {
|
|
58
|
-
this.addEventListener('click', this.handleActivationClick);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
focus() {
|
|
62
|
-
this.buttonElement?.focus();
|
|
63
|
-
}
|
|
64
|
-
blur() {
|
|
65
|
-
this.buttonElement?.blur();
|
|
66
|
-
}
|
|
67
|
-
render() {
|
|
68
|
-
// Link buttons may not be disabled
|
|
69
|
-
const isDisabled = this.disabled && !this.href;
|
|
70
|
-
const button = this.href ? literal `a` : literal `button`;
|
|
71
|
-
// Needed for closure conformance
|
|
72
|
-
const { ariaLabel, ariaHasPopup, ariaExpanded } = this;
|
|
73
|
-
return staticHtml `
|
|
74
|
-
<${button}
|
|
75
|
-
class="md3-button ${classMap(this.getRenderClasses())}"
|
|
76
|
-
?disabled=${isDisabled}
|
|
77
|
-
aria-label="${ariaLabel || nothing}"
|
|
78
|
-
aria-haspopup="${ariaHasPopup || nothing}"
|
|
79
|
-
aria-expanded="${ariaExpanded || nothing}"
|
|
80
|
-
href=${this.href || nothing}
|
|
81
|
-
target=${this.target || nothing}
|
|
82
|
-
@click="${this.handleClick}"
|
|
83
|
-
>
|
|
84
|
-
${this.renderFocusRing()}
|
|
85
|
-
${this.renderElevation()}
|
|
86
|
-
${this.renderRipple()}
|
|
87
|
-
${this.renderOutline()}
|
|
88
|
-
${this.renderTouchTarget()}
|
|
89
|
-
${this.renderLeadingIcon()}
|
|
90
|
-
${this.renderLabel()}
|
|
91
|
-
${this.renderTrailingIcon()}
|
|
92
|
-
</${button}>`;
|
|
93
|
-
}
|
|
94
|
-
getRenderClasses() {
|
|
95
|
-
return {
|
|
96
|
-
'md3-button--icon-leading': !this.trailingIcon && this.hasIcon,
|
|
97
|
-
'md3-button--icon-trailing': this.trailingIcon && this.hasIcon,
|
|
98
|
-
};
|
|
99
|
-
}
|
|
100
|
-
renderElevation() {
|
|
101
|
-
return nothing;
|
|
102
|
-
}
|
|
103
|
-
renderOutline() {
|
|
104
|
-
return nothing;
|
|
105
|
-
}
|
|
106
|
-
renderTouchTarget() {
|
|
107
|
-
return html `
|
|
108
|
-
<span class="md3-button__touch"></span>
|
|
109
|
-
`;
|
|
110
|
-
}
|
|
111
|
-
renderRipple() {
|
|
112
|
-
return html `<md-ripple class="md3-button__ripple" ?disabled="${this.disabled}"></md-ripple>`;
|
|
113
|
-
}
|
|
114
|
-
renderFocusRing() {
|
|
115
|
-
return html `<md-focus-ring></md-focus-ring>`;
|
|
116
|
-
}
|
|
117
|
-
renderLabel() {
|
|
118
|
-
return html `<span class="md3-button__label"><slot></slot></span>`;
|
|
119
|
-
}
|
|
120
|
-
renderLeadingIcon() {
|
|
121
|
-
return this.trailingIcon ? nothing : this.renderIcon();
|
|
122
|
-
}
|
|
123
|
-
renderTrailingIcon() {
|
|
124
|
-
return this.trailingIcon ? this.renderIcon() : nothing;
|
|
125
|
-
}
|
|
126
|
-
renderIcon() {
|
|
127
|
-
return html `<slot name="icon" @slotchange="${this.handleSlotChange}"></slot>`;
|
|
128
|
-
}
|
|
129
|
-
handleClick(e) {
|
|
130
|
-
if (this.isRedispatchingEvent) {
|
|
131
|
-
return;
|
|
132
|
-
}
|
|
133
|
-
// based on type, trigger form action.
|
|
134
|
-
const { type, internals: { form } } = this;
|
|
135
|
-
if (!form) {
|
|
136
|
-
return;
|
|
137
|
-
}
|
|
138
|
-
const isSubmit = type === 'submit', isReset = type === 'reset';
|
|
139
|
-
if (!(isSubmit || isReset)) {
|
|
140
|
-
return;
|
|
141
|
-
}
|
|
142
|
-
e.stopPropagation();
|
|
143
|
-
this.isRedispatchingEvent = true;
|
|
144
|
-
const prevented = !redispatchEvent(this, e);
|
|
145
|
-
this.isRedispatchingEvent = false;
|
|
146
|
-
if (prevented) {
|
|
147
|
-
return;
|
|
148
|
-
}
|
|
149
|
-
if (isSubmit) {
|
|
150
|
-
form.requestSubmit();
|
|
151
|
-
}
|
|
152
|
-
else if (isReset) {
|
|
153
|
-
form.reset();
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
handleSlotChange() {
|
|
157
|
-
this.hasIcon = this.assignedIcons.length > 0;
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
_a = Button;
|
|
161
|
-
(() => {
|
|
162
|
-
requestUpdateOnAriaChange(_a);
|
|
163
|
-
})();
|
|
164
|
-
/** @nocollapse */
|
|
165
|
-
Button.shadowRootOptions = { mode: 'open', delegatesFocus: true };
|
|
166
|
-
__decorate([
|
|
167
|
-
property({ type: Boolean, reflect: true })
|
|
168
|
-
], Button.prototype, "disabled", void 0);
|
|
169
|
-
__decorate([
|
|
170
|
-
property()
|
|
171
|
-
], Button.prototype, "href", void 0);
|
|
172
|
-
__decorate([
|
|
173
|
-
property()
|
|
174
|
-
], Button.prototype, "target", void 0);
|
|
175
|
-
__decorate([
|
|
176
|
-
property({ type: Boolean, attribute: 'trailing-icon' })
|
|
177
|
-
], Button.prototype, "trailingIcon", void 0);
|
|
178
|
-
__decorate([
|
|
179
|
-
property({ type: Boolean, attribute: 'has-icon' })
|
|
180
|
-
], Button.prototype, "hasIcon", void 0);
|
|
181
|
-
__decorate([
|
|
182
|
-
property()
|
|
183
|
-
], Button.prototype, "type", void 0);
|
|
184
|
-
__decorate([
|
|
185
|
-
query('.md3-button')
|
|
186
|
-
], Button.prototype, "buttonElement", void 0);
|
|
187
|
-
__decorate([
|
|
188
|
-
queryAssignedElements({ slot: 'icon', flatten: true })
|
|
189
|
-
], Button.prototype, "assignedIcons", void 0);
|
|
190
|
-
//# sourceMappingURL=button.js.map
|
package/button/lib/button.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AACxE,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAE,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,IAAI,IAAI,UAAU,EAAE,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAG/D,OAAO,EAAC,yBAAyB,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,uBAAuB,EAAE,iBAAiB,EAAE,eAAe,EAAC,MAAM,qCAAqC,CAAC;AAEhH;;GAEG;AACH,MAAM,OAAgB,MAAO,SAAQ,UAAU;IAK7C,kBAAkB;IAClB,MAAM,KAAK,cAAc;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAqDD;QACE,KAAK,EAAE,CAAC;QAhDV;;WAEG;QACuC,aAAQ,GAAG,KAAK,CAAC;QAa3D;;;;;WAKG;QACoD,iBAAY,GAAG,KAAK,CAAC;QAE5E;;WAEG;QAC+C,YAAO,GAAG,KAAK,CAAC;QAElE;;;;WAIG;QACS,SAAI,GAAwB,EAAE,CAAC;QAO1B,cAAS,GACrB,IAAmB,CAAC,wBAAyB,CAAC,eAAe,EAAE,CAAC;QAErE,+CAA+C;QACvC,yBAAoB,GAAG,KAAK,CAAC;QAmEpB,0BAAqB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7D,IAAI,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACtD,OAAO;aACR;YACD,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,uBAAuB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9C,CAAC,CAAC;QArEA,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;SAC5D;IACH,CAAC;IAEQ,KAAK;QACZ,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC;IAEQ,IAAI;QACX,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,CAAC;IAC7B,CAAC;IAEkB,MAAM;QACvB,mCAAmC;QACnC,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAE/C,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAA,GAAG,CAAC,CAAC,CAAC,OAAO,CAAA,QAAQ,CAAC;QACxD,iCAAiC;QACjC,MAAM,EAAC,SAAS,EAAE,YAAY,EAAE,YAAY,EAAC,GAAG,IAAuB,CAAC;QACxE,OAAO,UAAU,CAAA;SACZ,MAAM;4BACa,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBACzC,UAAU;sBACR,SAAS,IAAI,OAAO;yBACjB,YAAY,IAAI,OAAO;yBACvB,YAAY,IAAI,OAAO;eACjC,IAAI,CAAC,IAAI,IAAI,OAAO;iBAClB,IAAI,CAAC,MAAM,IAAI,OAAO;kBACrB,IAAI,CAAC,WAAW;;UAExB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,WAAW,EAAE;UAClB,IAAI,CAAC,kBAAkB,EAAE;UACzB,MAAM,GAAG,CAAC;IAClB,CAAC;IAES,gBAAgB;QACxB,OAAO;YACL,0BAA0B,EAAE,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,OAAO;YAC9D,2BAA2B,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,OAAO;SAC/D,CAAC;IACJ,CAAC;IAES,eAAe;QACvB,OAAO,OAAO,CAAC;IACjB,CAAC;IAES,aAAa;QACrB,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;IAUO,YAAY;QAClB,OAAO,IAAI,CAAA,oDACP,IAAI,CAAC,QAAQ,gBAAgB,CAAC;IACpC,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA,iCAAiC,CAAC;IAC/C,CAAC;IAEO,WAAW;QACjB,OAAO,IAAI,CAAA,sDAAsD,CAAC;IACpE,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;IACzD,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IACzD,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAA,kCACP,IAAI,CAAC,gBAAgB,WAAW,CAAC;IACvC,CAAC;IAEO,WAAW,CAAC,CAAa;QAC/B,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC7B,OAAO;SACR;QACD,sCAAsC;QACtC,MAAM,EAAC,IAAI,EAAE,SAAS,EAAE,EAAC,IAAI,EAAC,EAAC,GAAG,IAAI,CAAC;QACvC,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,EAAE,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC;QAC/D,IAAI,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,EAAE;YAC1B,OAAO;SACR;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,MAAM,SAAS,GAAG,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;QAClC,IAAI,SAAS,EAAE;YACb,OAAO;SACR;QACD,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;aAAM,IAAI,OAAO,EAAE;YAClB,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;IACH,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/C,CAAC;;;AA5LD;IACE,yBAAyB,CAAC,EAAI,CAAC,CAAC;AAClC,CAAC,GAAA,CAAA;AAOD,kBAAkB;AACF,wBAAiB,GACZ,EAAC,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,IAAI,EAAC,CAAC;AAKhB;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;wCAAkB;AAK/C;IAAX,QAAQ,EAAE;oCAAe;AAMd;IAAX,QAAQ,EAAE;sCAAiB;AAQ2B;IAAtD,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAC,CAAC;4CAAsB;AAK1B;IAAjD,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAC,CAAC;uCAAiB;AAOtD;IAAX,QAAQ,EAAE;oCAAgC;AAErB;IAArB,KAAK,CAAC,aAAa,CAAC;6CAAmD;AAGxE;IADC,qBAAqB,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CACN","sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, isServer, LitElement, nothing, TemplateResult} from 'lit';\nimport {property, query, queryAssignedElements} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {html as staticHtml, literal} from 'lit/static-html.js';\n\nimport {ARIAMixinStrict} from '../../internal/aria/aria.js';\nimport {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';\nimport {dispatchActivationClick, isActivationClick, redispatchEvent} from '../../internal/controller/events.js';\n\n/**\n * A button component.\n */\nexport abstract class Button extends LitElement {\n static {\n requestUpdateOnAriaChange(this);\n }\n\n /** @nocollapse */\n static get formAssociated() {\n return true;\n }\n\n /** @nocollapse */\n static override shadowRootOptions:\n ShadowRootInit = {mode: 'open', delegatesFocus: true};\n\n /**\n * Whether or not the button is disabled.\n */\n @property({type: Boolean, reflect: true}) disabled = false;\n\n /**\n * The URL that the link button points to.\n */\n @property() href?: string;\n\n /**\n * Where to display the linked `href` URL for a link button. Common options\n * include `_blank` to open in a new tab.\n */\n @property() target?: string;\n\n /**\n * Whether to render the icon at the inline end of the label rather than the\n * inline start.\n *\n * _Note:_ Link buttons cannot have trailing icons.\n */\n @property({type: Boolean, attribute: 'trailing-icon'}) trailingIcon = false;\n\n /**\n * Whether to display the icon or not.\n */\n @property({type: Boolean, attribute: 'has-icon'}) hasIcon = false;\n\n /**\n * Specifies the type of button, used for controlling forms. When type\n * is `submit`, the containing form is submitted; when it is `reset` the\n * form is reset.\n */\n @property() type: ''|'submit'|'reset' = '';\n\n @query('.md3-button') private readonly buttonElement!: HTMLElement|null;\n\n @queryAssignedElements({slot: 'icon', flatten: true})\n private readonly assignedIcons!: HTMLElement[];\n\n private readonly internals =\n (this as HTMLElement /* needed for closure */).attachInternals();\n\n // flag to avoid processing redispatched event.\n private isRedispatchingEvent = false;\n\n constructor() {\n super();\n if (!isServer) {\n this.addEventListener('click', this.handleActivationClick);\n }\n }\n\n override focus() {\n this.buttonElement?.focus();\n }\n\n override blur() {\n this.buttonElement?.blur();\n }\n\n protected override render() {\n // Link buttons may not be disabled\n const isDisabled = this.disabled && !this.href;\n\n const button = this.href ? literal`a` : literal`button`;\n // Needed for closure conformance\n const {ariaLabel, ariaHasPopup, ariaExpanded} = this as ARIAMixinStrict;\n return staticHtml`\n <${button}\n class=\"md3-button ${classMap(this.getRenderClasses())}\"\n ?disabled=${isDisabled}\n aria-label=\"${ariaLabel || nothing}\"\n aria-haspopup=\"${ariaHasPopup || nothing}\"\n aria-expanded=\"${ariaExpanded || nothing}\"\n href=${this.href || nothing}\n target=${this.target || nothing}\n @click=\"${this.handleClick}\"\n >\n ${this.renderFocusRing()}\n ${this.renderElevation()}\n ${this.renderRipple()}\n ${this.renderOutline()}\n ${this.renderTouchTarget()}\n ${this.renderLeadingIcon()}\n ${this.renderLabel()}\n ${this.renderTrailingIcon()}\n </${button}>`;\n }\n\n protected getRenderClasses() {\n return {\n 'md3-button--icon-leading': !this.trailingIcon && this.hasIcon,\n 'md3-button--icon-trailing': this.trailingIcon && this.hasIcon,\n };\n }\n\n protected renderElevation(): TemplateResult|typeof nothing {\n return nothing;\n }\n\n protected renderOutline(): TemplateResult|typeof nothing {\n return nothing;\n }\n\n private renderTouchTarget() {\n return html`\n <span class=\"md3-button__touch\"></span>\n `;\n }\n\n private readonly handleActivationClick = (event: MouseEvent) => {\n if (!isActivationClick((event)) || !this.buttonElement) {\n return;\n }\n this.focus();\n dispatchActivationClick(this.buttonElement);\n };\n\n private renderRipple() {\n return html`<md-ripple class=\"md3-button__ripple\" ?disabled=\"${\n this.disabled}\"></md-ripple>`;\n }\n\n private renderFocusRing() {\n return html`<md-focus-ring></md-focus-ring>`;\n }\n\n private renderLabel() {\n return html`<span class=\"md3-button__label\"><slot></slot></span>`;\n }\n\n private renderLeadingIcon() {\n return this.trailingIcon ? nothing : this.renderIcon();\n }\n\n private renderTrailingIcon() {\n return this.trailingIcon ? this.renderIcon() : nothing;\n }\n\n private renderIcon() {\n return html`<slot name=\"icon\" @slotchange=\"${\n this.handleSlotChange}\"></slot>`;\n }\n\n private handleClick(e: MouseEvent) {\n if (this.isRedispatchingEvent) {\n return;\n }\n // based on type, trigger form action.\n const {type, internals: {form}} = this;\n if (!form) {\n return;\n }\n const isSubmit = type === 'submit', isReset = type === 'reset';\n if (!(isSubmit || isReset)) {\n return;\n }\n e.stopPropagation();\n this.isRedispatchingEvent = true;\n const prevented = !redispatchEvent(this, e);\n this.isRedispatchingEvent = false;\n if (prevented) {\n return;\n }\n if (isSubmit) {\n form.requestSubmit();\n } else if (isReset) {\n form.reset();\n }\n }\n\n private handleSlotChange() {\n this.hasIcon = this.assignedIcons.length > 0;\n }\n}\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../elevation/elevation.js';
|
|
7
|
-
import { Button } from './button.js';
|
|
8
|
-
/**
|
|
9
|
-
* An elevated button component.
|
|
10
|
-
*/
|
|
11
|
-
export declare class ElevatedButton extends Button {
|
|
12
|
-
protected getRenderClasses(): {
|
|
13
|
-
'md3-button--elevated': boolean;
|
|
14
|
-
'md3-button--icon-leading': boolean;
|
|
15
|
-
'md3-button--icon-trailing': boolean;
|
|
16
|
-
};
|
|
17
|
-
protected renderElevation(): import("lit-html").TemplateResult<1>;
|
|
18
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../elevation/elevation.js';
|
|
7
|
-
import { html } from 'lit';
|
|
8
|
-
import { Button } from './button.js';
|
|
9
|
-
/**
|
|
10
|
-
* An elevated button component.
|
|
11
|
-
*/
|
|
12
|
-
export class ElevatedButton extends Button {
|
|
13
|
-
getRenderClasses() {
|
|
14
|
-
return {
|
|
15
|
-
...super.getRenderClasses(),
|
|
16
|
-
'md3-button--elevated': true,
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
renderElevation() {
|
|
20
|
-
return html `<md-elevation></md-elevation>`;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
//# sourceMappingURL=elevated-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"elevated-button.js","sourceRoot":"","sources":["elevated-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,MAAM;IACrB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html} from 'lit';\n\nimport {Button} from './button.js';\n\n/**\n * An elevated button component.\n */\nexport class ElevatedButton extends Button {\n protected override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'md3-button--elevated': true,\n };\n }\n\n protected override renderElevation() {\n return html`<md-elevation></md-elevation>`;\n }\n}\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `:host{--_container-color: var(--md-elevated-button-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_container-elevation: var(--md-elevated-button-container-elevation, 1);--_container-height: var(--md-elevated-button-container-height, 40px);--_container-shadow-color: var(--md-elevated-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-elevated-button-container-shape, 9999px);--_disabled-container-color: var(--md-elevated-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-elevated-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-elevated-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-elevated-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-elevated-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-elevated-button-focus-container-elevation, 1);--_focus-label-text-color: var(--md-elevated-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-container-elevation: var(--md-elevated-button-hover-container-elevation, 2);--_hover-label-text-color: var(--md-elevated-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-elevated-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-elevated-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-elevated-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-elevated-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-container-elevation: var(--md-elevated-button-pressed-container-elevation, 1);--_pressed-label-text-color: var(--md-elevated-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-elevated-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-elevated-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-elevated-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-elevated-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-elevated-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-elevated-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-elevated-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-elevated-button-icon-size, 18px);--_pressed-icon-color: var(--md-elevated-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-elevated-button-spacing-leading, 24px);--_spacing-trailing: var(--md-elevated-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-elevated-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-elevated-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-elevated-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-elevated-button-with-trailing-icon-spacing-trailing, 16px);--_container-shape-start-start: var( --md-elevated-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-elevated-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-elevated-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-elevated-button-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=elevated-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=elevated-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"elevated-styles.css.js","sourceRoot":"","sources":["elevated-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_container-color: var(--md-elevated-button-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_container-elevation: var(--md-elevated-button-container-elevation, 1);--_container-height: var(--md-elevated-button-container-height, 40px);--_container-shadow-color: var(--md-elevated-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-elevated-button-container-shape, 9999px);--_disabled-container-color: var(--md-elevated-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-elevated-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-elevated-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-elevated-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-elevated-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-elevated-button-focus-container-elevation, 1);--_focus-label-text-color: var(--md-elevated-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-container-elevation: var(--md-elevated-button-hover-container-elevation, 2);--_hover-label-text-color: var(--md-elevated-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-elevated-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-elevated-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-elevated-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-elevated-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-container-elevation: var(--md-elevated-button-pressed-container-elevation, 1);--_pressed-label-text-color: var(--md-elevated-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-elevated-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-elevated-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-elevated-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-elevated-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-elevated-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-elevated-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-elevated-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-elevated-button-icon-size, 18px);--_pressed-icon-color: var(--md-elevated-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-elevated-button-spacing-leading, 24px);--_spacing-trailing: var(--md-elevated-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-elevated-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-elevated-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-elevated-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-elevated-button-with-trailing-icon-spacing-trailing, 16px);--_container-shape-start-start: var( --md-elevated-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-elevated-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-elevated-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-elevated-button-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=elevated-styles.css.map */\n`;\n "]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../elevation/elevation.js';
|
|
7
|
-
import { Button } from './button.js';
|
|
8
|
-
/**
|
|
9
|
-
* A filled button component.
|
|
10
|
-
*/
|
|
11
|
-
export declare class FilledButton extends Button {
|
|
12
|
-
protected getRenderClasses(): {
|
|
13
|
-
'md3-button--filled': boolean;
|
|
14
|
-
'md3-button--icon-leading': boolean;
|
|
15
|
-
'md3-button--icon-trailing': boolean;
|
|
16
|
-
};
|
|
17
|
-
protected renderElevation(): import("lit-html").TemplateResult<1>;
|
|
18
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../elevation/elevation.js';
|
|
7
|
-
import { html } from 'lit';
|
|
8
|
-
import { Button } from './button.js';
|
|
9
|
-
/**
|
|
10
|
-
* A filled button component.
|
|
11
|
-
*/
|
|
12
|
-
export class FilledButton extends Button {
|
|
13
|
-
getRenderClasses() {
|
|
14
|
-
return {
|
|
15
|
-
...super.getRenderClasses(),
|
|
16
|
-
'md3-button--filled': true,
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
renderElevation() {
|
|
20
|
-
return html `<md-elevation></md-elevation>`;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
//# sourceMappingURL=filled-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filled-button.js","sourceRoot":"","sources":["filled-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,MAAM;IACnB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,oBAAoB,EAAE,IAAI;SAC3B,CAAC;IACJ,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html} from 'lit';\n\nimport {Button} from './button.js';\n\n/**\n * A filled button component.\n */\nexport class FilledButton extends Button {\n protected override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'md3-button--filled': true,\n };\n }\n\n protected override renderElevation() {\n return html`<md-elevation></md-elevation>`;\n }\n}\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `:host{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-filled-button-container-shape, 9999px);--_disabled-container-color: var(--md-filled-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-type: var(--md-filled-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-color: var(--md-filled-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_spacing-leading: var(--md-filled-button-spacing-leading, 24px);--_spacing-trailing: var(--md-filled-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-filled-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-filled-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-filled-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-filled-button-with-trailing-icon-spacing-trailing, 16px);--_container-shape-start-start: var( --md-filled-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-filled-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-filled-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-filled-button-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=filled-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=filled-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filled-styles.css.js","sourceRoot":"","sources":["filled-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-filled-button-container-shape, 9999px);--_disabled-container-color: var(--md-filled-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-type: var(--md-filled-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-color: var(--md-filled-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_spacing-leading: var(--md-filled-button-spacing-leading, 24px);--_spacing-trailing: var(--md-filled-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-filled-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-filled-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-filled-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-filled-button-with-trailing-icon-spacing-trailing, 16px);--_container-shape-start-start: var( --md-filled-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-filled-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-filled-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-filled-button-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=filled-styles.css.map */\n`;\n "]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { Button } from './button.js';
|
|
7
|
-
/**
|
|
8
|
-
* An outlined button component.
|
|
9
|
-
*/
|
|
10
|
-
export declare class OutlinedButton extends Button {
|
|
11
|
-
protected getRenderClasses(): {
|
|
12
|
-
'md3-button--outlined': boolean;
|
|
13
|
-
'md3-button--icon-leading': boolean;
|
|
14
|
-
'md3-button--icon-trailing': boolean;
|
|
15
|
-
};
|
|
16
|
-
protected renderOutline(): import("lit-html").TemplateResult<1>;
|
|
17
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { html } from 'lit';
|
|
7
|
-
import { Button } from './button.js';
|
|
8
|
-
/**
|
|
9
|
-
* An outlined button component.
|
|
10
|
-
*/
|
|
11
|
-
export class OutlinedButton extends Button {
|
|
12
|
-
getRenderClasses() {
|
|
13
|
-
return {
|
|
14
|
-
...super.getRenderClasses(),
|
|
15
|
-
'md3-button--outlined': true,
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
renderOutline() {
|
|
19
|
-
return html `<span class="md3-button__outline"></span>`;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
//# sourceMappingURL=outlined-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"outlined-button.js","sourceRoot":"","sources":["outlined-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,MAAM;IACrB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAEkB,aAAa;QAC9B,OAAO,IAAI,CAAA,2CAA2C,CAAC;IACzD,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html} from 'lit';\n\nimport {Button} from './button.js';\n\n/**\n * An outlined button component.\n */\nexport class OutlinedButton extends Button {\n protected override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'md3-button--outlined': true,\n };\n }\n\n protected override renderOutline() {\n return html`<span class=\"md3-button__outline\"></span>`;\n }\n}\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `:host{--_container-height: var(--md-outlined-button-container-height, 40px);--_container-shape: var(--md-outlined-button-container-shape, 9999px);--_disabled-label-text-color: var(--md-outlined-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-button-disabled-label-text-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-button-disabled-outline-opacity, 0.12);--_focus-label-text-color: var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-outlined-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-outlined-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_outline-color: var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-button-outline-width, 1px);--_pressed-label-text-color: var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-outline-color: var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e));--_pressed-state-layer-color: var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-outlined-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-outlined-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-outlined-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-outlined-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-outlined-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-outlined-button-icon-size, 18px);--_pressed-icon-color: var(--md-outlined-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-outlined-button-spacing-leading, 24px);--_spacing-trailing: var(--md-outlined-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-outlined-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-outlined-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-outlined-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-outlined-button-with-trailing-icon-spacing-trailing, 16px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0;--_container-shape-start-start: var( --md-outlined-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-outlined-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-outlined-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-outlined-button-container-shape-end-start, var(--_container-shape) )}.md3-button__outline{inset:0;border-style:solid;position:absolute;box-sizing:border-box;border-color:var(--_outline-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-button:active .md3-button__outline{border-color:var(--_pressed-outline-color)}.md3-button:disabled .md3-button__outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}.md3-button__outline,.md3-button__ripple{border-width:var(--_outline-width)}.md3-button__ripple{inline-size:calc(100% - 2*var(--_outline-width));block-size:calc(100% - 2*var(--_outline-width));border-style:solid;border-color:rgba(0,0,0,0)}/*# sourceMappingURL=outlined-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=outlined-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"outlined-styles.css.js","sourceRoot":"","sources":["outlined-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_container-height: var(--md-outlined-button-container-height, 40px);--_container-shape: var(--md-outlined-button-container-shape, 9999px);--_disabled-label-text-color: var(--md-outlined-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-button-disabled-label-text-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-button-disabled-outline-opacity, 0.12);--_focus-label-text-color: var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-outlined-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-outlined-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_outline-color: var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-button-outline-width, 1px);--_pressed-label-text-color: var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-outline-color: var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e));--_pressed-state-layer-color: var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-outlined-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-outlined-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-outlined-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-outlined-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-outlined-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-outlined-button-icon-size, 18px);--_pressed-icon-color: var(--md-outlined-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-outlined-button-spacing-leading, 24px);--_spacing-trailing: var(--md-outlined-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-outlined-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-outlined-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-outlined-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-outlined-button-with-trailing-icon-spacing-trailing, 16px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0;--_container-shape-start-start: var( --md-outlined-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-outlined-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-outlined-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-outlined-button-container-shape-end-start, var(--_container-shape) )}.md3-button__outline{inset:0;border-style:solid;position:absolute;box-sizing:border-box;border-color:var(--_outline-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-button:active .md3-button__outline{border-color:var(--_pressed-outline-color)}.md3-button:disabled .md3-button__outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}.md3-button__outline,.md3-button__ripple{border-width:var(--_outline-width)}.md3-button__ripple{inline-size:calc(100% - 2*var(--_outline-width));block-size:calc(100% - 2*var(--_outline-width));border-style:solid;border-color:rgba(0,0,0,0)}/*# sourceMappingURL=outlined-styles.css.map */\n`;\n "]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `md-elevation{transition-duration:280ms}.md3-button{--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color)}.md3-button:focus{--md-elevation-level:var(--_focus-container-elevation)}.md3-button:hover{--md-elevation-level:var(--_hover-container-elevation)}.md3-button:active{--md-elevation-level:var(--_pressed-container-elevation)}.md3-button:disabled{--md-elevation-level:var(--_disabled-container-elevation)}/*# sourceMappingURL=shared-elevation-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=shared-elevation-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shared-elevation-styles.css.js","sourceRoot":"","sources":["shared-elevation-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`md-elevation{transition-duration:280ms}.md3-button{--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color)}.md3-button:focus{--md-elevation-level:var(--_focus-container-elevation)}.md3-button:hover{--md-elevation-level:var(--_hover-container-elevation)}.md3-button:active{--md-elevation-level:var(--_pressed-container-elevation)}.md3-button:disabled{--md-elevation-level:var(--_disabled-container-elevation)}/*# sourceMappingURL=shared-elevation-styles.css.map */\n`;\n "]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `:root{--md-filled-button-container-shape-start-start: 12px;--md-filled-button-container-shape: 8px}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){cursor:default;pointer-events:none}.md3-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:64px;border:none;outline:none;user-select:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;inline-size:100%;position:relative;z-index:0;block-size:var(--_container-height);font:var(--_label-text-type);color:var(--_label-text-color);padding-inline-start:var(--_spacing-leading);padding-inline-end:var(--_spacing-trailing);gap:8px}.md3-button::before{background-color:var(--_container-color);border-radius:inherit;content:"";inset:0;position:absolute}.md3-button::-moz-focus-inner{padding:0;border:0}.md3-button:hover{color:var(--_hover-label-text-color);cursor:pointer}.md3-button:focus{color:var(--_focus-label-text-color)}.md3-button:active{color:var(--_pressed-label-text-color);outline:none}.md3-button:disabled .md3-button__label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.md3-button:disabled::before{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.md3-button::before{content:"";box-sizing:border-box;border:1px solid rgba(0,0,0,0);border-radius:inherit;inset:0;pointer-events:none;position:absolute}}.md3-button,.md3-button__ripple{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-button::after,.md3-button::before,md-elevation,.md3-button__ripple{z-index:-1}.md3-button--icon-leading{padding-inline-start:var(--_with-icon-spacing-leading);padding-inline-end:var(--_with-icon-spacing-trailing)}.md3-button--icon-trailing{padding-inline-start:var(--_with-trailing-icon-spacing-leading);padding-inline-end:var(--_with-trailing-icon-spacing-trailing)}.md3-link-button-wrapper{inline-size:100%}.md3-button ::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md3-button:hover ::slotted([slot=icon]){color:var(--_hover-icon-color)}.md3-button:focus ::slotted([slot=icon]){color:var(--_focus-icon-color)}.md3-button:active ::slotted([slot=icon]){color:var(--_pressed-icon-color)}.md3-button:disabled ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.md3-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}/*# sourceMappingURL=shared-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=shared-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shared-styles.css.js","sourceRoot":"","sources":["shared-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:root{--md-filled-button-container-shape-start-start: 12px;--md-filled-button-container-shape: 8px}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){cursor:default;pointer-events:none}.md3-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:64px;border:none;outline:none;user-select:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;inline-size:100%;position:relative;z-index:0;block-size:var(--_container-height);font:var(--_label-text-type);color:var(--_label-text-color);padding-inline-start:var(--_spacing-leading);padding-inline-end:var(--_spacing-trailing);gap:8px}.md3-button::before{background-color:var(--_container-color);border-radius:inherit;content:\"\";inset:0;position:absolute}.md3-button::-moz-focus-inner{padding:0;border:0}.md3-button:hover{color:var(--_hover-label-text-color);cursor:pointer}.md3-button:focus{color:var(--_focus-label-text-color)}.md3-button:active{color:var(--_pressed-label-text-color);outline:none}.md3-button:disabled .md3-button__label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.md3-button:disabled::before{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.md3-button::before{content:\"\";box-sizing:border-box;border:1px solid rgba(0,0,0,0);border-radius:inherit;inset:0;pointer-events:none;position:absolute}}.md3-button,.md3-button__ripple{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-button::after,.md3-button::before,md-elevation,.md3-button__ripple{z-index:-1}.md3-button--icon-leading{padding-inline-start:var(--_with-icon-spacing-leading);padding-inline-end:var(--_with-icon-spacing-trailing)}.md3-button--icon-trailing{padding-inline-start:var(--_with-trailing-icon-spacing-leading);padding-inline-end:var(--_with-trailing-icon-spacing-trailing)}.md3-link-button-wrapper{inline-size:100%}.md3-button ::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md3-button:hover ::slotted([slot=icon]){color:var(--_hover-icon-color)}.md3-button:focus ::slotted([slot=icon]){color:var(--_focus-icon-color)}.md3-button:active ::slotted([slot=icon]){color:var(--_pressed-icon-color)}.md3-button:disabled ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.md3-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { Button } from './button.js';
|
|
7
|
-
/**
|
|
8
|
-
* A text button component.
|
|
9
|
-
*/
|
|
10
|
-
export declare class TextButton extends Button {
|
|
11
|
-
protected getRenderClasses(): {
|
|
12
|
-
'md3-button--text': boolean;
|
|
13
|
-
'md3-button--icon-leading': boolean;
|
|
14
|
-
'md3-button--icon-trailing': boolean;
|
|
15
|
-
};
|
|
16
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { Button } from './button.js';
|
|
7
|
-
/**
|
|
8
|
-
* A text button component.
|
|
9
|
-
*/
|
|
10
|
-
export class TextButton extends Button {
|
|
11
|
-
getRenderClasses() {
|
|
12
|
-
return {
|
|
13
|
-
...super.getRenderClasses(),
|
|
14
|
-
'md3-button--text': true,
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
//# sourceMappingURL=text-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-button.js","sourceRoot":"","sources":["text-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,MAAM;IACjB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,kBAAkB,EAAE,IAAI;SACzB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {Button} from './button.js';\n\n/**\n * A text button component.\n */\nexport class TextButton extends Button {\n protected override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'md3-button--text': true,\n };\n }\n}\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `:host{--_container-height: var(--md-text-button-container-height, 40px);--_container-shape: var(--md-text-button-container-shape, 9999px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-text-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-text-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-text-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-text-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-text-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-text-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-text-button-icon-size, 18px);--_pressed-icon-color: var(--md-text-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-text-button-spacing-leading, 12px);--_spacing-trailing: var(--md-text-button-spacing-trailing, 12px);--_with-icon-spacing-leading: var(--md-text-button-with-icon-spacing-leading, 12px);--_with-icon-spacing-trailing: var(--md-text-button-with-icon-spacing-trailing, 16px);--_with-trailing-icon-spacing-leading: var(--md-text-button-with-trailing-icon-spacing-leading, 16px);--_with-trailing-icon-spacing-trailing: var(--md-text-button-with-trailing-icon-spacing-trailing, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0;--_container-shape-start-start: var( --md-text-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-text-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-text-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-text-button-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=text-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=text-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-styles.css.js","sourceRoot":"","sources":["text-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_container-height: var(--md-text-button-container-height, 40px);--_container-shape: var(--md-text-button-container-shape, 9999px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-text-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-text-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-text-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-text-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-text-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-text-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-text-button-icon-size, 18px);--_pressed-icon-color: var(--md-text-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-text-button-spacing-leading, 12px);--_spacing-trailing: var(--md-text-button-spacing-trailing, 12px);--_with-icon-spacing-leading: var(--md-text-button-with-icon-spacing-leading, 12px);--_with-icon-spacing-trailing: var(--md-text-button-with-icon-spacing-trailing, 16px);--_with-trailing-icon-spacing-leading: var(--md-text-button-with-trailing-icon-spacing-leading, 16px);--_with-trailing-icon-spacing-trailing: var(--md-text-button-with-trailing-icon-spacing-trailing, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0;--_container-shape-start-start: var( --md-text-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-text-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-text-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-text-button-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=text-styles.css.map */\n`;\n "]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../elevation/elevation.js';
|
|
7
|
-
import { Button } from './button.js';
|
|
8
|
-
/**
|
|
9
|
-
* A tonal button component.
|
|
10
|
-
*/
|
|
11
|
-
export declare class TonalButton extends Button {
|
|
12
|
-
protected getRenderClasses(): {
|
|
13
|
-
'md3-button--tonal': boolean;
|
|
14
|
-
'md3-button--icon-leading': boolean;
|
|
15
|
-
'md3-button--icon-trailing': boolean;
|
|
16
|
-
};
|
|
17
|
-
protected renderElevation(): import("lit-html").TemplateResult<1>;
|
|
18
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../elevation/elevation.js';
|
|
7
|
-
import { html } from 'lit';
|
|
8
|
-
import { Button } from './button.js';
|
|
9
|
-
/**
|
|
10
|
-
* A tonal button component.
|
|
11
|
-
*/
|
|
12
|
-
export class TonalButton extends Button {
|
|
13
|
-
getRenderClasses() {
|
|
14
|
-
return {
|
|
15
|
-
...super.getRenderClasses(),
|
|
16
|
-
'md3-button--tonal': true,
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
renderElevation() {
|
|
20
|
-
return html `<md-elevation></md-elevation>`;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
//# sourceMappingURL=tonal-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tonal-button.js","sourceRoot":"","sources":["tonal-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,MAAM;IAClB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,mBAAmB,EAAE,IAAI;SAC1B,CAAC;IACJ,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html} from 'lit';\n\nimport {Button} from './button.js';\n\n/**\n * A tonal button component.\n */\nexport class TonalButton extends Button {\n protected override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'md3-button--tonal': true,\n };\n }\n\n protected override renderElevation() {\n return html`<md-elevation></md-elevation>`;\n }\n}\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `:host{--_container-color: var(--md-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-tonal-button-container-elevation, 0);--_container-height: var(--md-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-tonal-button-container-shape, 9999px);--_disabled-container-color: var(--md-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-type: var(--md-tonal-button-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_pressed-container-elevation: var(--md-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_spacing-leading: var(--md-tonal-button-spacing-leading, 24px);--_spacing-trailing: var(--md-tonal-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-tonal-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-tonal-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-tonal-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-tonal-button-with-trailing-icon-spacing-trailing, 16px);--_container-shape-start-start: var( --md-tonal-button-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-tonal-button-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-tonal-button-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-tonal-button-container-shape-end-start, var(--_container-shape) )}/*# sourceMappingURL=tonal-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=tonal-styles.css.js.map
|