@material/web 1.0.0-pre.8 → 1.0.0
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 +14 -75
- package/all.d.ts +95 -0
- package/all.js +104 -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 +5 -6
- package/button/elevated-button.js.map +1 -1
- package/button/filled-button.d.ts +1 -1
- package/button/filled-button.js +5 -6
- package/button/filled-button.js.map +1 -1
- package/button/filled-tonal-button.d.ts +35 -0
- package/button/filled-tonal-button.js +39 -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/_elevated-button.scss +62 -0
- package/button/internal/_elevation.scss +69 -0
- package/button/internal/_filled-button.scss +61 -0
- package/button/internal/_filled-tonal-button.scss +61 -0
- package/button/internal/_icon.scss +39 -0
- package/button/internal/_outlined-button.scss +110 -0
- package/button/internal/_shared.scss +169 -0
- package/button/internal/_text-button.scss +65 -0
- package/button/internal/_touch-target.scss +19 -0
- package/button/internal/button.d.ts +68 -0
- package/button/internal/button.js +159 -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 +4 -5
- package/button/outlined-button.js.map +1 -1
- package/button/text-button.d.ts +1 -1
- package/button/text-button.js +4 -5
- 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 +4 -6
- 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 +416 -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 +138 -0
- package/checkbox/internal/checkbox.js +307 -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 +6 -0
- package/chips/_suggestion-chip.scss +1 -1
- package/chips/assist-chip.d.ts +1 -1
- package/chips/assist-chip.js +5 -6
- package/chips/assist-chip.js.map +1 -1
- package/chips/chip-set.d.ts +20 -0
- package/chips/chip-set.js +22 -0
- package/chips/chip-set.js.map +1 -0
- package/chips/filter-chip.d.ts +1 -1
- package/chips/filter-chip.js +10 -7
- package/chips/filter-chip.js.map +1 -1
- package/chips/harness.d.ts +14 -0
- package/chips/harness.js +37 -0
- package/chips/harness.js.map +1 -0
- package/chips/input-chip.d.ts +20 -0
- package/chips/input-chip.js +25 -0
- package/chips/input-chip.js.map +1 -0
- package/chips/internal/_assist-chip.scss +67 -0
- package/chips/internal/_chip-set.scss +12 -0
- package/chips/internal/_elevated.scss +70 -0
- package/chips/internal/_filter-chip.scss +80 -0
- package/chips/internal/_input-chip.scss +107 -0
- package/chips/internal/_selectable.scss +78 -0
- package/chips/internal/_shared.scss +216 -0
- package/chips/internal/_suggestion-chip.scss +67 -0
- package/chips/internal/_trailing-icon.scss +80 -0
- package/chips/internal/assist-chip.d.ts +24 -0
- package/chips/internal/assist-chip.js +74 -0
- package/chips/internal/assist-chip.js.map +1 -0
- package/chips/internal/assist-styles.css.js +9 -0
- package/chips/internal/assist-styles.css.js.map +1 -0
- package/chips/internal/chip-set-styles.css.js +9 -0
- package/chips/internal/chip-set-styles.css.js.map +1 -0
- package/chips/internal/chip-set-styles.scss +10 -0
- package/chips/internal/chip-set.d.ts +19 -0
- package/chips/internal/chip-set.js +130 -0
- package/chips/internal/chip-set.js.map +1 -0
- package/chips/internal/chip.d.ts +56 -0
- package/chips/internal/chip.js +111 -0
- package/chips/internal/chip.js.map +1 -0
- package/chips/internal/elevated-styles.css.js +9 -0
- package/chips/internal/elevated-styles.css.js.map +1 -0
- package/chips/internal/filter-chip.d.ts +29 -0
- package/chips/internal/filter-chip.js +98 -0
- package/chips/internal/filter-chip.js.map +1 -0
- package/chips/internal/filter-styles.css.js +9 -0
- package/chips/internal/filter-styles.css.js.map +1 -0
- package/chips/internal/input-chip.d.ts +29 -0
- package/chips/internal/input-chip.js +110 -0
- package/chips/internal/input-chip.js.map +1 -0
- package/chips/internal/input-styles.css.js +9 -0
- package/chips/internal/input-styles.css.js.map +1 -0
- package/chips/internal/input-styles.scss +10 -0
- package/chips/internal/multi-action-chip.d.ts +23 -0
- package/chips/internal/multi-action-chip.js +95 -0
- package/chips/internal/multi-action-chip.js.map +1 -0
- package/chips/internal/selectable-styles.css.js +9 -0
- package/chips/internal/selectable-styles.css.js.map +1 -0
- package/chips/internal/selectable-styles.scss +10 -0
- package/chips/internal/shared-styles.css.js +9 -0
- package/chips/internal/shared-styles.css.js.map +1 -0
- package/chips/internal/suggestion-styles.css.js +9 -0
- package/chips/internal/suggestion-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-icon-styles.scss +10 -0
- package/chips/internal/trailing-icons.d.ts +16 -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 -6
- package/chips/suggestion-chip.js.map +1 -1
- package/color/_color.scss +197 -0
- 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 +3 -4
- 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 +278 -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 +110 -0
- package/dialog/internal/dialog.js +371 -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 +3 -4
- package/divider/divider.js.map +1 -1
- package/divider/internal/_divider.scss +64 -0
- package/docs/theming/README.md +129 -0
- package/elevation/_elevation.scss +1 -1
- package/elevation/elevation.d.ts +1 -1
- package/elevation/elevation.js +3 -4
- package/elevation/elevation.js.map +1 -1
- package/elevation/internal/_elevation.scss +172 -0
- package/elevation/internal/elevation-styles.css.js +9 -0
- package/elevation/internal/elevation-styles.css.js.map +1 -0
- package/elevation/internal/elevation.d.ts +13 -0
- package/elevation/internal/elevation.js +21 -0
- package/elevation/internal/elevation.js.map +1 -0
- package/fab/_fab.scss +2 -2
- package/fab/branded-fab.d.ts +3 -3
- package/fab/branded-fab.js +5 -6
- package/fab/branded-fab.js.map +1 -1
- package/fab/fab.d.ts +3 -3
- package/fab/fab.js +5 -6
- 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 +261 -0
- package/fab/internal/_shared.scss +245 -0
- package/fab/internal/fab-branded-styles.css.js +9 -0
- package/fab/internal/fab-branded-styles.css.js.map +1 -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 +25 -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 +42 -0
- package/fab/internal/shared.js +94 -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 +4 -5
- 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 +199 -0
- package/field/internal/_filled-field.scss +215 -0
- package/field/internal/_label.scss +94 -0
- package/field/internal/_outlined-field.scss +356 -0
- package/field/internal/_shared.scss +78 -0
- package/field/internal/_supporting-text.scss +50 -0
- package/field/internal/field.d.ts +65 -0
- package/field/internal/field.js +337 -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-field.d.ts +12 -0
- package/field/internal/outlined-field.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 +4 -5
- 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 +37 -0
- package/focus/internal/focus-ring.js +100 -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 +22 -0
- package/focus/md-focus-ring.js.map +1 -0
- package/icon/_icon.scss +1 -1
- package/icon/icon.d.ts +2 -1
- package/icon/icon.js +4 -4
- package/icon/icon.js.map +1 -1
- package/icon/internal/_icon.scss +66 -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 +28 -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 +5 -5
- package/iconbutton/filled-icon-button.js +6 -7
- package/iconbutton/filled-icon-button.js.map +1 -1
- package/iconbutton/filled-tonal-icon-button.d.ts +5 -5
- package/iconbutton/filled-tonal-icon-button.js +6 -7
- 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 +38 -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 +131 -0
- package/iconbutton/internal/_outlined-icon-button.scss +182 -0
- package/iconbutton/internal/_shared.scss +116 -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 +81 -0
- package/iconbutton/internal/icon-button.js +207 -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 +4 -4
- package/iconbutton/outlined-icon-button.js +5 -6
- package/iconbutton/outlined-icon-button.js.map +1 -1
- package/internal/README.md +6 -0
- package/internal/aria/aria.d.ts +154 -0
- package/internal/aria/aria.js +239 -0
- package/internal/aria/aria.js.map +1 -0
- package/internal/aria/delegate.d.ts +37 -0
- package/internal/aria/delegate.js +53 -0
- package/internal/aria/delegate.js.map +1 -0
- package/internal/controller/attachable-controller.d.ts +114 -0
- package/internal/controller/attachable-controller.js +123 -0
- package/internal/controller/attachable-controller.js.map +1 -0
- 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 +72 -0
- package/internal/controller/form-submitter.js +71 -0
- package/internal/controller/form-submitter.js.map +1 -0
- package/internal/motion/animation.d.ts +80 -0
- package/internal/motion/animation.js +101 -0
- package/internal/motion/animation.js.map +1 -0
- package/internal/sass/_var.scss +237 -0
- package/labs/README.md +6 -0
- package/labs/badge/_badge.scss +6 -0
- package/labs/badge/badge.d.ts +18 -0
- package/labs/badge/badge.js +20 -0
- package/labs/badge/badge.js.map +1 -0
- package/labs/badge/internal/_badge.scss +76 -0
- package/labs/badge/internal/badge-styles.css.js +9 -0
- package/labs/badge/internal/badge-styles.css.js.map +1 -0
- package/labs/item/internal/_item.scss +99 -0
- package/labs/item/internal/item-styles.css.js +9 -0
- package/labs/item/internal/item-styles.css.js.map +1 -0
- package/labs/item/internal/item-styles.scss +10 -0
- package/labs/item/internal/item.d.ts +22 -0
- package/labs/item/internal/item.js +78 -0
- package/labs/item/internal/item.js.map +1 -0
- package/labs/item/item.d.ts +70 -0
- package/labs/item/item.js +72 -0
- package/labs/item/item.js.map +1 -0
- package/labs/navigationbar/_navigation-bar.scss +6 -0
- package/labs/navigationbar/harness.d.ts +19 -0
- package/labs/navigationbar/harness.js +29 -0
- package/labs/navigationbar/harness.js.map +1 -0
- package/labs/navigationbar/internal/_navigation-bar.scss +70 -0
- package/labs/navigationbar/internal/constants.d.ts +17 -0
- package/labs/navigationbar/internal/constants.js.map +1 -0
- package/labs/navigationbar/internal/navigation-bar-styles.css.js +9 -0
- package/labs/navigationbar/internal/navigation-bar-styles.css.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 +18 -0
- package/labs/navigationbar/navigation-bar.js +20 -0
- package/labs/navigationbar/navigation-bar.js.map +1 -0
- package/labs/navigationdrawer/_navigation-drawer-modal.scss +6 -0
- package/labs/navigationdrawer/_navigation-drawer.scss +6 -0
- package/labs/navigationdrawer/internal/_navigation-drawer-modal.scss +110 -0
- package/labs/navigationdrawer/internal/_navigation-drawer.scss +97 -0
- package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js +9 -0
- package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js.map +1 -0
- 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-styles.css.js +9 -0
- package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js.map +1 -0
- package/labs/navigationdrawer/internal/navigation-drawer.d.ts +17 -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 +18 -0
- package/labs/navigationdrawer/navigation-drawer-modal.js +21 -0
- package/labs/navigationdrawer/navigation-drawer-modal.js.map +1 -0
- package/labs/navigationdrawer/navigation-drawer.d.ts +18 -0
- package/labs/navigationdrawer/navigation-drawer.js +21 -0
- package/labs/navigationdrawer/navigation-drawer.js.map +1 -0
- package/labs/navigationtab/_navigation-tab.scss +6 -0
- package/labs/navigationtab/harness.d.ts +13 -0
- package/labs/navigationtab/harness.js +16 -0
- package/labs/navigationtab/harness.js.map +1 -0
- package/labs/navigationtab/internal/_navigation-tab.scss +262 -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 +18 -0
- package/labs/navigationtab/navigation-tab.js +20 -0
- package/labs/navigationtab/navigation-tab.js.map +1 -0
- package/labs/segmentedbutton/internal/_outlined-segmented-button.scss +42 -0
- package/labs/segmentedbutton/internal/_shared.scss +358 -0
- 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/internal/shared-styles.css.js +9 -0
- package/labs/segmentedbutton/internal/shared-styles.css.js.map +1 -0
- package/labs/segmentedbutton/outlined-segmented-button.d.ts +20 -0
- package/labs/segmentedbutton/outlined-segmented-button.js +23 -0
- package/labs/segmentedbutton/outlined-segmented-button.js.map +1 -0
- package/labs/segmentedbuttonset/internal/_outlined-segmented-button-set.scss +53 -0
- 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 +20 -0
- package/labs/segmentedbuttonset/outlined-segmented-button-set.js +23 -0
- package/labs/segmentedbuttonset/outlined-segmented-button-set.js.map +1 -0
- package/list/_list-item.scss +1 -1
- package/list/_list.scss +1 -1
- package/list/harness.d.ts +28 -4
- package/list/harness.js +27 -3
- package/list/harness.js.map +1 -1
- package/list/internal/_list.scss +46 -0
- package/list/internal/list-controller.d.ts +108 -0
- package/list/internal/list-controller.js +176 -0
- package/list/internal/list-controller.js.map +1 -0
- package/list/internal/list-navigation-helpers.d.ts +132 -0
- package/list/internal/list-navigation-helpers.js +218 -0
- package/list/internal/list-navigation-helpers.js.map +1 -0
- package/list/internal/list-styles.css.js +9 -0
- package/list/internal/list-styles.css.js.map +1 -0
- package/list/internal/list.d.ts +44 -0
- package/list/internal/list.js +73 -0
- package/list/internal/list.js.map +1 -0
- package/list/internal/listitem/_list-item.scss +146 -0
- package/list/internal/listitem/forced-colors-styles.css.js +9 -0
- package/list/internal/listitem/forced-colors-styles.css.js.map +1 -0
- package/list/internal/listitem/forced-colors-styles.scss +19 -0
- package/list/internal/listitem/harness.d.ts +27 -0
- package/list/internal/listitem/harness.js +25 -0
- package/list/internal/listitem/harness.js.map +1 -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 +77 -0
- package/list/internal/listitem/list-item.js +194 -0
- package/list/internal/listitem/list-item.js.map +1 -0
- package/list/list-item.d.ts +15 -8
- package/list/list-item.js +17 -12
- package/list/list-item.js.map +1 -1
- package/list/list.d.ts +1 -1
- package/list/list.js +3 -4
- 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 +5 -5
- package/menu/harness.js +4 -6
- package/menu/harness.js.map +1 -1
- package/menu/internal/_menu.scss +124 -0
- package/menu/internal/controllers/menuItemController.d.ts +107 -0
- package/menu/internal/controllers/menuItemController.js +99 -0
- package/menu/internal/controllers/menuItemController.js.map +1 -0
- package/menu/internal/controllers/shared.d.ts +221 -0
- package/menu/internal/controllers/shared.js +137 -0
- package/menu/internal/controllers/shared.js.map +1 -0
- package/menu/internal/controllers/surfacePositionController.d.ts +152 -0
- package/menu/internal/controllers/surfacePositionController.js +316 -0
- package/menu/internal/controllers/surfacePositionController.js.map +1 -0
- package/menu/internal/controllers/typeaheadController.d.ts +157 -0
- package/menu/internal/controllers/typeaheadController.js +254 -0
- package/menu/internal/controllers/typeaheadController.js.map +1 -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 +259 -0
- package/menu/internal/menu.js +788 -0
- package/menu/internal/menu.js.map +1 -0
- package/menu/internal/menuitem/_menu-item.scss +180 -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 +26 -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 +80 -0
- package/menu/internal/menuitem/menu-item.js +200 -0
- package/menu/internal/menuitem/menu-item.js.map +1 -0
- package/menu/internal/submenu/_sub-menu.scss +12 -0
- package/menu/internal/submenu/sub-menu-styles.css.js +9 -0
- package/menu/internal/submenu/sub-menu-styles.css.js.map +1 -0
- package/menu/internal/submenu/sub-menu-styles.scss +10 -0
- package/menu/internal/submenu/sub-menu.d.ts +101 -0
- package/menu/internal/submenu/sub-menu.js +351 -0
- package/menu/internal/submenu/sub-menu.js.map +1 -0
- package/menu/menu-item.d.ts +3 -3
- package/menu/menu-item.js +5 -9
- package/menu/menu-item.js.map +1 -1
- package/menu/menu.d.ts +21 -13
- package/menu/menu.js +22 -15
- package/menu/menu.js.map +1 -1
- package/menu/sub-menu.d.ts +62 -0
- package/menu/sub-menu.js +64 -0
- package/menu/sub-menu.js.map +1 -0
- package/package.json +85 -16
- 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 +26 -0
- package/progress/circular-progress.js.map +1 -0
- package/progress/harness.d.ts +20 -0
- package/progress/harness.js +25 -0
- package/progress/harness.js.map +1 -0
- package/progress/internal/_circular-progress.scss +287 -0
- package/progress/internal/_linear-progress.scss +340 -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 +16 -0
- package/progress/internal/linear-progress.js +47 -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 +25 -0
- package/progress/linear-progress.js.map +1 -0
- package/radio/_radio.scss +1 -1
- package/radio/harness.d.ts +2 -2
- package/radio/harness.js +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 +56 -0
- package/radio/internal/radio.js +165 -0
- package/radio/internal/radio.js.map +1 -0
- package/radio/internal/single-selection-controller.js +197 -0
- package/radio/internal/single-selection-controller.js.map +1 -0
- package/radio/radio.d.ts +1 -1
- package/radio/radio.js +4 -5
- package/radio/radio.js.map +1 -1
- package/ripple/_ripple.scss +1 -1
- package/ripple/internal/_ripple.scss +96 -0
- package/ripple/internal/ripple-styles.css.js +9 -0
- package/ripple/internal/ripple-styles.css.js.map +1 -0
- package/ripple/internal/ripple.d.ts +76 -0
- package/ripple/internal/ripple.js +408 -0
- package/ripple/internal/ripple.js.map +1 -0
- package/ripple/ripple.d.ts +1 -1
- package/ripple/ripple.js +3 -4
- 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 +5 -6
- package/select/filled-select.js.map +1 -1
- package/select/harness.d.ts +4 -4
- package/select/harness.js +3 -5
- package/select/harness.js.map +1 -1
- package/select/internal/_filled-select.scss +231 -0
- package/select/internal/_outlined-select.scss +189 -0
- package/select/internal/_shared.scss +84 -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 +313 -0
- package/select/internal/select.js +773 -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 +82 -0
- package/select/internal/selectoption/select-option.js +183 -0
- package/select/internal/selectoption/select-option.js.map +1 -0
- package/select/internal/selectoption/selectOptionController.d.ts +91 -0
- package/select/internal/selectoption/selectOptionController.js +118 -0
- package/select/internal/selectoption/selectOptionController.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 +18 -0
- package/select/internal/shared.js +23 -0
- package/select/internal/shared.js.map +1 -0
- package/select/outlined-select.d.ts +1 -1
- package/select/outlined-select.js +5 -6
- package/select/outlined-select.js.map +1 -1
- package/select/select-option.d.ts +1 -1
- package/select/select-option.js +5 -8
- 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 +7 -5
- package/slider/harness.js.map +1 -1
- package/slider/internal/_slider.scss +508 -0
- package/slider/internal/forced-colors-styles.css.js +9 -0
- package/slider/internal/forced-colors-styles.css.js.map +1 -0
- package/slider/internal/forced-colors-styles.scss +88 -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 +187 -0
- package/slider/internal/slider.js +718 -0
- package/slider/internal/slider.js.map +1 -0
- package/slider/slider.d.ts +1 -1
- package/slider/slider.js +4 -5
- package/slider/slider.js.map +1 -1
- package/switch/_switch.scss +1 -1
- package/switch/harness.d.ts +2 -2
- package/switch/harness.js +1 -1
- package/switch/harness.js.map +1 -1
- package/switch/internal/README.md +55 -0
- package/switch/internal/_handle.scss +160 -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 +42 -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 +150 -0
- package/switch/internal/switch.js +326 -0
- package/switch/internal/switch.js.map +1 -0
- package/switch/switch.d.ts +1 -1
- package/switch/switch.js +5 -5
- package/switch/switch.js.map +1 -1
- package/tabs/_primary-tab.scss +6 -0
- package/tabs/_secondary-tab.scss +6 -0
- package/tabs/harness.d.ts +23 -0
- package/tabs/harness.js +51 -0
- package/tabs/harness.js.map +1 -0
- package/tabs/internal/_primary-tab.scss +70 -0
- package/tabs/internal/_secondary-tab.scss +61 -0
- package/tabs/internal/_tab.scss +205 -0
- package/tabs/internal/_tabs.scss +45 -0
- package/tabs/internal/primary-tab-styles.css.js +9 -0
- package/tabs/internal/primary-tab-styles.css.js.map +1 -0
- package/tabs/internal/primary-tab-styles.scss +10 -0
- package/tabs/internal/primary-tab.d.ts +20 -0
- package/tabs/internal/primary-tab.js +30 -0
- package/tabs/internal/primary-tab.js.map +1 -0
- package/tabs/internal/secondary-tab-styles.css.d.ts +1 -0
- package/tabs/internal/secondary-tab-styles.css.js +9 -0
- package/tabs/internal/secondary-tab-styles.css.js.map +1 -0
- package/tabs/internal/secondary-tab-styles.scss +10 -0
- package/tabs/internal/secondary-tab.d.ts +12 -0
- package/tabs/internal/secondary-tab.js +16 -0
- package/tabs/internal/secondary-tab.js.map +1 -0
- package/tabs/internal/tab-styles.css.d.ts +1 -0
- package/tabs/internal/tab-styles.css.js +9 -0
- package/tabs/internal/tab-styles.css.js.map +1 -0
- package/tabs/internal/tab-styles.scss +10 -0
- package/tabs/internal/tab.d.ts +61 -0
- package/tabs/internal/tab.js +188 -0
- package/tabs/internal/tab.js.map +1 -0
- package/tabs/internal/tabs-styles.css.d.ts +1 -0
- package/tabs/internal/tabs-styles.css.js +9 -0
- package/tabs/internal/tabs-styles.css.js.map +1 -0
- package/tabs/internal/tabs-styles.scss +10 -0
- package/tabs/internal/tabs.d.ts +74 -0
- package/tabs/internal/tabs.js +283 -0
- package/tabs/internal/tabs.js.map +1 -0
- package/tabs/primary-tab.d.ts +18 -0
- package/tabs/primary-tab.js +22 -0
- package/tabs/primary-tab.js.map +1 -0
- package/tabs/secondary-tab.d.ts +18 -0
- package/tabs/secondary-tab.js +22 -0
- package/tabs/secondary-tab.js.map +1 -0
- package/tabs/tabs.d.ts +18 -0
- package/tabs/tabs.js +21 -0
- package/tabs/tabs.js.map +1 -0
- 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 +5 -6
- package/textfield/filled-text-field.js.map +1 -1
- package/textfield/harness.d.ts +5 -5
- package/textfield/harness.js +5 -12
- package/textfield/harness.js.map +1 -1
- package/textfield/internal/_filled-text-field.scss +203 -0
- package/textfield/internal/_input.scss +79 -0
- package/textfield/internal/_outlined-text-field.scss +176 -0
- package/textfield/internal/_shared.scss +47 -0
- package/textfield/internal/filled-forced-colors-styles.css.d.ts +1 -0
- package/textfield/internal/filled-styles.css.d.ts +1 -0
- package/textfield/internal/filled-styles.css.js +9 -0
- package/textfield/internal/filled-styles.css.js.map +1 -0
- package/textfield/internal/outlined-forced-colors-styles.css.d.ts +1 -0
- package/textfield/internal/outlined-styles.css.d.ts +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.d.ts +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 +350 -0
- package/textfield/internal/text-field.js +754 -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 +5 -6
- package/textfield/outlined-text-field.js.map +1 -1
- package/tokens/_index.scss +9 -40
- package/tokens/_md-comp-assist-chip.scss +9 -17
- package/tokens/_md-comp-badge.scss +2 -15
- package/tokens/_md-comp-checkbox.scss +72 -46
- package/tokens/_md-comp-circular-progress.scss +65 -0
- package/tokens/_md-comp-dialog.scss +55 -19
- package/tokens/_md-comp-divider.scss +13 -2
- package/tokens/_md-comp-elevated-button.scss +39 -35
- package/tokens/_md-comp-elevation.scss +11 -2
- package/tokens/_md-comp-fab-branded.scss +20 -15
- package/tokens/_md-comp-fab.scss +27 -31
- package/tokens/_md-comp-filled-button.scss +39 -35
- package/tokens/_md-comp-filled-field.scss +46 -20
- package/tokens/_md-comp-filled-icon-button.scss +35 -13
- package/tokens/_md-comp-filled-select.scss +38 -17
- package/tokens/_md-comp-filled-text-field.scss +20 -21
- package/tokens/_md-comp-filled-tonal-button.scss +39 -35
- package/tokens/_md-comp-filled-tonal-icon-button.scss +35 -13
- package/tokens/_md-comp-filter-chip.scss +10 -18
- package/tokens/_md-comp-focus-ring.scss +4 -2
- package/tokens/_md-comp-full-screen-dialog.scss +1 -1
- package/tokens/_md-comp-icon-button.scss +35 -15
- package/tokens/_md-comp-icon.scss +32 -0
- package/tokens/_md-comp-input-chip.scss +15 -16
- package/tokens/_md-comp-item.scss +87 -0
- package/tokens/_md-comp-linear-progress.scss +50 -0
- package/tokens/_md-comp-list-item.scss +125 -139
- package/tokens/_md-comp-list.scss +11 -109
- package/tokens/_md-comp-menu-item.scss +15 -10
- package/tokens/_md-comp-menu-list-item.scss +162 -0
- package/tokens/_md-comp-menu.scss +15 -12
- package/tokens/_md-comp-navigation-bar.scss +1 -1
- package/tokens/_md-comp-navigation-drawer.scss +1 -1
- package/tokens/_md-comp-outlined-button.scss +41 -37
- package/tokens/_md-comp-outlined-field.scss +42 -16
- package/tokens/_md-comp-outlined-icon-button.scss +37 -16
- package/tokens/_md-comp-outlined-segmented-button.scss +22 -24
- package/tokens/_md-comp-outlined-select.scss +24 -16
- package/tokens/_md-comp-outlined-text-field.scss +19 -20
- package/tokens/_md-comp-primary-tab.scss +131 -0
- package/tokens/_md-comp-radio.scss +73 -0
- package/tokens/_md-comp-ripple.scss +40 -0
- package/tokens/_md-comp-secondary-tab.scss +131 -0
- package/tokens/_md-comp-slider.scss +71 -23
- package/tokens/_md-comp-suggestion-chip.scss +9 -16
- package/tokens/_md-comp-switch.scss +75 -35
- package/tokens/_md-comp-test-table.scss +14 -3
- package/tokens/_md-comp-text-button.scss +39 -35
- package/tokens/_md-ref-palette.scss +102 -2
- package/tokens/_md-ref-typeface.scss +24 -12
- package/tokens/_md-sys-color.scss +99 -5
- package/tokens/_md-sys-elevation.scss +1 -1
- package/tokens/_md-sys-motion.scss +1 -1
- package/tokens/_md-sys-shape.scss +1 -1
- package/tokens/_md-sys-state.scss +1 -1
- package/tokens/_md-sys-typescale.scss +115 -17
- package/tokens/_values.scss +1 -1
- package/tokens/v0_192/_md-comp-assist-chip.scss +111 -0
- package/tokens/v0_192/_md-comp-badge.scss +61 -0
- package/tokens/v0_192/_md-comp-banner.scss +76 -0
- package/tokens/v0_192/_md-comp-bottom-app-bar.scss +36 -0
- package/tokens/v0_192/_md-comp-carousel-item.scss +66 -0
- package/tokens/v0_192/_md-comp-checkbox.scss +129 -0
- package/tokens/v0_192/_md-comp-circular-progress-indicator.scss +41 -0
- package/tokens/v0_192/_md-comp-data-table.scss +99 -0
- package/tokens/v0_192/_md-comp-date-input-modal.scss +90 -0
- package/tokens/v0_192/_md-comp-date-picker-docked.scss +247 -0
- package/tokens/v0_192/_md-comp-date-picker-modal.scss +306 -0
- package/tokens/v0_192/_md-comp-dialog.scss +124 -0
- package/tokens/v0_192/_md-comp-divider.scss +28 -0
- package/tokens/v0_192/_md-comp-elevated-button.scss +92 -0
- package/tokens/v0_192/_md-comp-elevated-card.scss +60 -0
- package/tokens/v0_192/_md-comp-extended-fab-branded.scss +89 -0
- package/tokens/v0_192/_md-comp-extended-fab-primary.scss +97 -0
- package/tokens/v0_192/_md-comp-extended-fab-secondary.scss +98 -0
- package/tokens/v0_192/_md-comp-extended-fab-surface.scss +93 -0
- package/tokens/v0_192/_md-comp-extended-fab-tertiary.scss +98 -0
- package/tokens/v0_192/_md-comp-fab-branded-large.scss +63 -0
- package/tokens/v0_192/_md-comp-fab-branded.scss +63 -0
- package/tokens/v0_192/_md-comp-fab-primary-large.scss +68 -0
- package/tokens/v0_192/_md-comp-fab-primary-small.scss +68 -0
- package/tokens/v0_192/_md-comp-fab-primary.scss +68 -0
- package/tokens/v0_192/_md-comp-fab-secondary-large.scss +69 -0
- package/tokens/v0_192/_md-comp-fab-secondary-small.scss +69 -0
- package/tokens/v0_192/_md-comp-fab-secondary.scss +69 -0
- package/tokens/v0_192/_md-comp-fab-surface-large.scss +67 -0
- package/tokens/v0_192/_md-comp-fab-surface-small.scss +67 -0
- package/tokens/v0_192/_md-comp-fab-surface.scss +67 -0
- package/tokens/v0_192/_md-comp-fab-tertiary-large.scss +69 -0
- package/tokens/v0_192/_md-comp-fab-tertiary-small.scss +69 -0
- package/tokens/v0_192/_md-comp-fab-tertiary.scss +69 -0
- package/tokens/v0_192/_md-comp-filled-autocomplete.scss +239 -0
- package/tokens/v0_192/_md-comp-filled-button.scss +92 -0
- package/tokens/v0_192/_md-comp-filled-card.scss +62 -0
- package/tokens/v0_192/_md-comp-filled-icon-button.scss +83 -0
- package/tokens/v0_192/_md-comp-filled-menu-button.scss +101 -0
- package/tokens/v0_192/_md-comp-filled-select.scss +273 -0
- package/tokens/v0_192/_md-comp-filled-text-field.scss +193 -0
- package/tokens/v0_192/_md-comp-filled-tonal-button.scss +102 -0
- package/tokens/v0_192/_md-comp-filled-tonal-icon-button.scss +90 -0
- package/tokens/v0_192/_md-comp-filter-chip.scss +210 -0
- package/tokens/v0_192/_md-comp-full-screen-dialog.scss +114 -0
- package/tokens/v0_192/_md-comp-icon-button.scss +74 -0
- package/tokens/v0_192/_md-comp-input-chip.scss +187 -0
- package/tokens/v0_192/_md-comp-linear-progress-indicator.scss +43 -0
- package/tokens/v0_192/_md-comp-list.scss +255 -0
- package/tokens/v0_192/_md-comp-menu.scss +44 -0
- package/tokens/v0_192/_md-comp-navigation-bar.scss +115 -0
- package/tokens/v0_192/_md-comp-navigation-drawer.scss +165 -0
- package/tokens/v0_192/_md-comp-navigation-rail.scss +119 -0
- package/tokens/v0_192/_md-comp-outlined-autocomplete.scss +229 -0
- package/tokens/v0_192/_md-comp-outlined-button.scss +87 -0
- package/tokens/v0_192/_md-comp-outlined-card.scss +66 -0
- package/tokens/v0_192/_md-comp-outlined-icon-button.scss +83 -0
- package/tokens/v0_192/_md-comp-outlined-menu-button.scss +97 -0
- package/tokens/v0_192/_md-comp-outlined-segmented-button.scss +115 -0
- package/tokens/v0_192/_md-comp-outlined-select.scss +263 -0
- package/tokens/v0_192/_md-comp-outlined-text-field.scss +174 -0
- package/tokens/v0_192/_md-comp-plain-tooltip.scss +58 -0
- package/tokens/v0_192/_md-comp-primary-navigation-tab.scss +124 -0
- package/tokens/v0_192/_md-comp-radio-button.scss +71 -0
- package/tokens/v0_192/_md-comp-rich-tooltip.scss +122 -0
- package/tokens/v0_192/_md-comp-scrim.scss +28 -0
- package/tokens/v0_192/_md-comp-search-bar.scss +100 -0
- package/tokens/v0_192/_md-comp-search-view.scss +94 -0
- package/tokens/v0_192/_md-comp-secondary-navigation-tab.scss +87 -0
- package/tokens/v0_192/_md-comp-sheet-bottom.scss +46 -0
- package/tokens/v0_192/_md-comp-sheet-floating.scss +35 -0
- package/tokens/v0_192/_md-comp-sheet-side.scss +94 -0
- package/tokens/v0_192/_md-comp-slider.scss +118 -0
- package/tokens/v0_192/_md-comp-snackbar.scss +130 -0
- package/tokens/v0_192/_md-comp-standard-menu-button.scss +101 -0
- package/tokens/v0_192/_md-comp-suggestion-chip.scss +127 -0
- package/tokens/v0_192/_md-comp-switch.scss +141 -0
- package/tokens/v0_192/_md-comp-text-button.scss +80 -0
- package/tokens/v0_192/_md-comp-time-input.scss +220 -0
- package/tokens/v0_192/_md-comp-time-picker.scss +267 -0
- package/tokens/v0_192/_md-comp-top-app-bar-large.scss +64 -0
- package/tokens/v0_192/_md-comp-top-app-bar-medium.scss +64 -0
- package/tokens/v0_192/_md-comp-top-app-bar-small-centered.scss +71 -0
- package/tokens/v0_192/_md-comp-top-app-bar-small.scss +67 -0
- package/tokens/v0_192/_md-ref-palette.scss +109 -0
- package/tokens/v0_192/_md-ref-typeface.scss +23 -0
- package/tokens/v0_192/_md-sys-color.scss +135 -0
- package/tokens/v0_192/_md-sys-elevation.scss +24 -0
- package/tokens/v0_192/_md-sys-motion.scss +55 -0
- package/tokens/v0_192/_md-sys-shape.scss +33 -0
- package/tokens/v0_192/_md-sys-state.scss +22 -0
- package/tokens/v0_192/_md-sys-typescale.scss +286 -0
- package/tokens/v0_192/index.test.css.d.ts +1 -0
- package/tokens/v0_192/lib.test.css.d.ts +1 -0
- package/typography/_typeface.scss +49 -0
- package/typography/_typescale.scss +50 -0
- package/aria/aria.d.ts +0 -43
- package/aria/aria.js +0 -80
- package/aria/aria.js.map +0 -1
- package/aria/delegate.d.ts +0 -37
- package/aria/delegate.js +0 -53
- package/aria/delegate.js.map +0 -1
- package/badge/_badge.scss +0 -6
- package/badge/badge.d.ts +0 -18
- package/badge/badge.js +0 -21
- package/badge/badge.js.map +0 -1
- package/badge/lib/_badge.scss +0 -69
- package/badge/lib/badge-styles.css.js +0 -9
- package/badge/lib/badge-styles.css.js.map +0 -1
- package/button/_tonal-button.scss +0 -6
- package/button/lib/_elevated-button.scss +0 -62
- package/button/lib/_elevation.scss +0 -68
- package/button/lib/_filled-button.scss +0 -62
- package/button/lib/_icon.scss +0 -42
- package/button/lib/_outlined-button.scss +0 -103
- package/button/lib/_shared.scss +0 -159
- package/button/lib/_text-button.scss +0 -65
- package/button/lib/_tonal-button.scss +0 -61
- package/button/lib/_touch-target.scss +0 -18
- package/button/lib/button.d.ts +0 -69
- package/button/lib/button.js +0 -174
- 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 -457
- 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 -64
- package/checkbox/lib/checkbox.js +0 -190
- 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/_assist-chip.scss +0 -61
- package/chips/lib/_elevated.scss +0 -60
- package/chips/lib/_filter-chip.scss +0 -175
- package/chips/lib/_shared.scss +0 -177
- package/chips/lib/_suggestion-chip.scss +0 -61
- package/chips/lib/assist-chip.d.ts +0 -23
- package/chips/lib/assist-chip.js +0 -76
- package/chips/lib/assist-chip.js.map +0 -1
- package/chips/lib/assist-styles.css.js +0 -9
- package/chips/lib/assist-styles.css.js.map +0 -1
- package/chips/lib/chip.d.ts +0 -37
- package/chips/lib/chip.js +0 -89
- package/chips/lib/chip.js.map +0 -1
- package/chips/lib/elevated-styles.css.js +0 -9
- package/chips/lib/elevated-styles.css.js.map +0 -1
- package/chips/lib/filter-chip.d.ts +0 -26
- package/chips/lib/filter-chip.js +0 -80
- package/chips/lib/filter-chip.js.map +0 -1
- package/chips/lib/filter-styles.css.js +0 -9
- package/chips/lib/filter-styles.css.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/suggestion-styles.css.js +0 -9
- package/chips/lib/suggestion-styles.css.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/controller/form-associated.d.ts +0 -14
- package/controller/form-associated.js +0 -12
- package/controller/form-associated.js.map +0 -1
- package/controller/form-controller.d.ts +0 -66
- package/controller/form-controller.js +0 -74
- package/controller/form-controller.js.map +0 -1
- package/controller/shim-label-activation.d.ts +0 -18
- package/controller/shim-label-activation.js +0 -72
- package/controller/shim-label-activation.js.map +0 -1
- package/dialog/lib/_dialog.scss +0 -378
- package/dialog/lib/_tokens.scss +0 -87
- 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 -190
- package/dialog/lib/dialog.js +0 -545
- package/dialog/lib/dialog.js.map +0 -1
- package/divider/lib/_divider.scss +0 -56
- package/elevation/lib/_elevation.scss +0 -165
- package/elevation/lib/elevation-styles.css.js +0 -9
- package/elevation/lib/elevation-styles.css.js.map +0 -1
- package/elevation/lib/elevation.d.ts +0 -12
- package/elevation/lib/elevation.js +0 -15
- package/elevation/lib/elevation.js.map +0 -1
- package/fab/lib/_fab.scss +0 -245
- package/fab/lib/_shared.scss +0 -224
- package/fab/lib/fab-branded-styles.css.js +0 -9
- package/fab/lib/fab-branded-styles.css.js.map +0 -1
- 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 -25
- 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 -49
- package/fab/lib/shared.js +0 -113
- 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 -56
- package/field/lib/field.d.ts +0 -41
- package/field/lib/field.js +0 -236
- 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-field.d.ts +0 -13
- package/field/lib/outlined-field.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 -86
- 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 -72
- package/focus/lib/focus-ring.js +0 -139
- 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 -157
- package/iconbutton/lib/_filled-tonal-icon-button.scss +0 -159
- package/iconbutton/lib/_outlined-icon-button.scss +0 -180
- package/iconbutton/lib/_shared.scss +0 -163
- package/iconbutton/lib/_standard-icon-button.scss +0 -115
- 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 -63
- package/iconbutton/lib/icon-button.js +0 -179
- 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/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.scss +0 -55
- package/list/lib/list-styles.css.js +0 -9
- package/list/lib/list-styles.css.js.map +0 -1
- package/list/lib/list.d.ts +0 -110
- package/list/lib/list.js +0 -260
- package/list/lib/list.js.map +0 -1
- package/list/lib/listitem/_list-item.scss +0 -425
- package/list/lib/listitem/forced-colors-styles.css.js +0 -9
- package/list/lib/listitem/forced-colors-styles.css.js.map +0 -1
- package/list/lib/listitem/forced-colors-styles.scss +0 -23
- package/list/lib/listitem/harness.d.ts +0 -13
- package/list/lib/listitem/harness.js +0 -17
- package/list/lib/listitem/harness.js.map +0 -1
- 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 -129
- package/list/lib/listitem/list-item.js +0 -236
- package/list/lib/listitem/list-item.js.map +0 -1
- package/list/lib/listitemlink/list-item-link.d.ts +0 -17
- package/list/lib/listitemlink/list-item-link.js +0 -38
- 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/localization/localize.d.ts +0 -15
- package/localization/localize.js +0 -18
- package/localization/localize.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 -211
- package/menu/lib/menu.js +0 -650
- 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/surfacePositionController.d.ts +0 -125
- package/menu/lib/surfacePositionController.js +0 -200
- package/menu/lib/surfacePositionController.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/menu/sub-menu-item.d.ts +0 -60
- package/menu/sub-menu-item.js +0 -65
- package/menu/sub-menu-item.js.map +0 -1
- package/motion/animation.d.ts +0 -80
- package/motion/animation.js +0 -101
- package/motion/animation.js.map +0 -1
- package/navigationbar/_navigation-bar.scss +0 -6
- package/navigationbar/harness.d.ts +0 -19
- package/navigationbar/harness.js +0 -29
- package/navigationbar/harness.js.map +0 -1
- package/navigationbar/lib/_navigation-bar.scss +0 -68
- package/navigationbar/lib/constants.d.ts +0 -17
- package/navigationbar/lib/constants.js.map +0 -1
- package/navigationbar/lib/navigation-bar-styles.css.js +0 -9
- package/navigationbar/lib/navigation-bar-styles.css.js.map +0 -1
- package/navigationbar/lib/navigation-bar.d.ts +0 -27
- package/navigationbar/lib/navigation-bar.js +0 -140
- package/navigationbar/lib/navigation-bar.js.map +0 -1
- package/navigationbar/lib/state.d.ts +0 -23
- package/navigationbar/lib/state.js.map +0 -1
- package/navigationbar/navigation-bar.d.ts +0 -18
- package/navigationbar/navigation-bar.js +0 -21
- package/navigationbar/navigation-bar.js.map +0 -1
- package/navigationdrawer/_navigation-drawer-modal.scss +0 -6
- package/navigationdrawer/_navigation-drawer.scss +0 -6
- package/navigationdrawer/lib/_navigation-drawer-modal.scss +0 -107
- package/navigationdrawer/lib/_navigation-drawer.scss +0 -94
- package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +0 -9
- package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +0 -1
- package/navigationdrawer/lib/navigation-drawer-modal.js +0 -83
- package/navigationdrawer/lib/navigation-drawer-modal.js.map +0 -1
- package/navigationdrawer/lib/navigation-drawer-styles.css.js +0 -9
- package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +0 -1
- package/navigationdrawer/lib/navigation-drawer.d.ts +0 -17
- package/navigationdrawer/lib/navigation-drawer.js +0 -66
- package/navigationdrawer/lib/navigation-drawer.js.map +0 -1
- package/navigationdrawer/navigation-drawer-modal.d.ts +0 -18
- package/navigationdrawer/navigation-drawer-modal.js +0 -22
- package/navigationdrawer/navigation-drawer-modal.js.map +0 -1
- package/navigationdrawer/navigation-drawer.d.ts +0 -18
- package/navigationdrawer/navigation-drawer.js +0 -22
- package/navigationdrawer/navigation-drawer.js.map +0 -1
- package/navigationtab/_navigation-tab.scss +0 -6
- package/navigationtab/harness.d.ts +0 -13
- package/navigationtab/harness.js +0 -16
- package/navigationtab/harness.js.map +0 -1
- package/navigationtab/lib/_navigation-tab.scss +0 -261
- package/navigationtab/lib/navigation-tab-styles.css.js +0 -9
- package/navigationtab/lib/navigation-tab-styles.css.js.map +0 -1
- package/navigationtab/lib/navigation-tab.d.ts +0 -35
- package/navigationtab/lib/navigation-tab.js +0 -135
- package/navigationtab/lib/navigation-tab.js.map +0 -1
- package/navigationtab/navigation-tab.d.ts +0 -18
- package/navigationtab/navigation-tab.js +0 -21
- package/navigationtab/navigation-tab.js.map +0 -1
- package/radio/lib/_radio.scss +0 -167
- 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 -54
- package/radio/lib/radio.js +0 -152
- package/radio/lib/radio.js.map +0 -1
- package/radio/lib/single-selection-controller.js +0 -193
- package/radio/lib/single-selection-controller.js.map +0 -1
- package/ripple/directive.d.ts +0 -31
- package/ripple/directive.js +0 -79
- package/ripple/directive.js.map +0 -1
- package/ripple/lib/_md-comp-ripple.scss +0 -30
- package/ripple/lib/_ripple.scss +0 -114
- package/ripple/lib/ripple-styles.css.js +0 -9
- package/ripple/lib/ripple-styles.css.js.map +0 -1
- package/ripple/lib/ripple.d.ts +0 -64
- package/ripple/lib/ripple.js +0 -354
- package/ripple/lib/ripple.js.map +0 -1
- package/sass/_assert.scss +0 -23
- package/sass/_color-scheme.scss +0 -92
- package/sass/_color.scss +0 -170
- package/sass/_dom.scss +0 -52
- package/sass/_feature-flags.scss +0 -119
- package/sass/_map-ext.scss +0 -51
- package/sass/_theme.scss +0 -249
- package/sass/_touch-target.scss +0 -22
- package/sass/_var.scss +0 -245
- package/segmentedbutton/lib/_outlined-segmented-button.scss +0 -46
- package/segmentedbutton/lib/_shared.scss +0 -382
- package/segmentedbutton/lib/outlined-styles.css.js +0 -9
- package/segmentedbutton/lib/outlined-styles.css.js.map +0 -1
- package/segmentedbutton/lib/segmented-button.d.ts +0 -48
- package/segmentedbutton/lib/segmented-button.js +0 -175
- package/segmentedbutton/lib/segmented-button.js.map +0 -1
- package/segmentedbutton/lib/shared-styles.css.js +0 -9
- package/segmentedbutton/lib/shared-styles.css.js.map +0 -1
- package/segmentedbutton/outlined-segmented-button.d.ts +0 -20
- package/segmentedbutton/outlined-segmented-button.js +0 -24
- package/segmentedbutton/outlined-segmented-button.js.map +0 -1
- package/segmentedbuttonset/lib/_outlined-segmented-button-set.scss +0 -53
- package/segmentedbuttonset/lib/outlined-styles.css.js +0 -9
- package/segmentedbuttonset/lib/outlined-styles.css.js.map +0 -1
- package/segmentedbuttonset/lib/segmented-button-set.d.ts +0 -26
- package/segmentedbuttonset/lib/segmented-button-set.js +0 -110
- package/segmentedbuttonset/lib/segmented-button-set.js.map +0 -1
- package/segmentedbuttonset/outlined-segmented-button-set.d.ts +0 -20
- package/segmentedbuttonset/outlined-segmented-button-set.js +0 -24
- package/segmentedbuttonset/outlined-segmented-button-set.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 -48
- 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 -216
- package/select/lib/select.js +0 -589
- 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 -30
- 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/forced-colors-styles.css.js +0 -9
- package/slider/lib/forced-colors-styles.css.js.map +0 -1
- package/slider/lib/forced-colors-styles.scss +0 -53
- 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 -124
- package/slider/lib/slider.js +0 -485
- package/slider/lib/slider.js.map +0 -1
- package/switch/lib/README.md +0 -55
- package/switch/lib/_handle.scss +0 -168
- package/switch/lib/_icon.scss +0 -73
- package/switch/lib/_switch.scss +0 -226
- package/switch/lib/_track.scss +0 -98
- 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 -75
- package/switch/lib/switch.js +0 -215
- package/switch/lib/switch.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 -41
- 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 -338
- package/textfield/lib/text-field.js +0 -720
- package/textfield/lib/text-field.js.map +0 -1
- package/tokens/_md-comp-banner.scss +0 -23
- package/tokens/_md-comp-bottom-app-bar.scss +0 -21
- package/tokens/_md-comp-carousel-item.scss +0 -23
- package/tokens/_md-comp-circular-progress-indicator.scss +0 -63
- package/tokens/_md-comp-data-table.scss +0 -23
- package/tokens/_md-comp-date-input-modal.scss +0 -23
- package/tokens/_md-comp-date-picker-docked.scss +0 -25
- package/tokens/_md-comp-date-picker-modal.scss +0 -25
- package/tokens/_md-comp-elevated-card.scss +0 -23
- package/tokens/_md-comp-filled-autocomplete.scss +0 -25
- package/tokens/_md-comp-filled-card.scss +0 -23
- package/tokens/_md-comp-filled-menu-button.scss +0 -25
- package/tokens/_md-comp-linear-progress-indicator.scss +0 -50
- package/tokens/_md-comp-navigation-rail.scss +0 -25
- package/tokens/_md-comp-outlined-autocomplete.scss +0 -28
- package/tokens/_md-comp-outlined-card.scss +0 -23
- package/tokens/_md-comp-outlined-menu-button.scss +0 -23
- package/tokens/_md-comp-plain-tooltip.scss +0 -21
- package/tokens/_md-comp-primary-navigation-tab.scss +0 -50
- package/tokens/_md-comp-radio-button.scss +0 -19
- package/tokens/_md-comp-rich-tooltip.scss +0 -25
- package/tokens/_md-comp-scrim.scss +0 -17
- package/tokens/_md-comp-search-bar.scss +0 -25
- package/tokens/_md-comp-search-view.scss +0 -23
- package/tokens/_md-comp-secondary-navigation-tab.scss +0 -49
- package/tokens/_md-comp-sheet-bottom.scss +0 -21
- package/tokens/_md-comp-sheet-floating.scss +0 -21
- package/tokens/_md-comp-sheet-side.scss +0 -25
- package/tokens/_md-comp-snackbar.scss +0 -25
- package/tokens/_md-comp-standard-menu-button.scss +0 -23
- package/tokens/_md-comp-time-input.scss +0 -25
- package/tokens/_md-comp-time-picker.scss +0 -25
- package/tokens/_md-comp-top-app-bar-large.scss +0 -23
- package/tokens/_md-comp-top-app-bar-medium.scss +0 -23
- package/tokens/_md-comp-top-app-bar-small-centered.scss +0 -26
- package/tokens/_md-comp-top-app-bar-small.scss +0 -23
- package/tokens/v0_172/_md-comp-assist-chip.scss +0 -108
- package/tokens/v0_172/_md-comp-badge.scss +0 -58
- package/tokens/v0_172/_md-comp-banner.scss +0 -73
- package/tokens/v0_172/_md-comp-bottom-app-bar.scss +0 -33
- package/tokens/v0_172/_md-comp-carousel-item.scss +0 -63
- package/tokens/v0_172/_md-comp-checkbox.scss +0 -126
- package/tokens/v0_172/_md-comp-circular-progress-indicator.scss +0 -39
- package/tokens/v0_172/_md-comp-data-table.scss +0 -96
- package/tokens/v0_172/_md-comp-date-input-modal.scss +0 -87
- package/tokens/v0_172/_md-comp-date-picker-docked.scss +0 -244
- package/tokens/v0_172/_md-comp-date-picker-modal.scss +0 -303
- package/tokens/v0_172/_md-comp-dialog.scss +0 -121
- package/tokens/v0_172/_md-comp-divider.scss +0 -25
- package/tokens/v0_172/_md-comp-elevated-button.scss +0 -89
- package/tokens/v0_172/_md-comp-elevated-card.scss +0 -57
- package/tokens/v0_172/_md-comp-extended-fab-branded.scss +0 -86
- package/tokens/v0_172/_md-comp-extended-fab-primary.scss +0 -94
- package/tokens/v0_172/_md-comp-extended-fab-secondary.scss +0 -95
- package/tokens/v0_172/_md-comp-extended-fab-surface.scss +0 -90
- package/tokens/v0_172/_md-comp-extended-fab-tertiary.scss +0 -95
- package/tokens/v0_172/_md-comp-fab-branded-large.scss +0 -60
- package/tokens/v0_172/_md-comp-fab-branded.scss +0 -60
- package/tokens/v0_172/_md-comp-fab-primary-large.scss +0 -65
- package/tokens/v0_172/_md-comp-fab-primary-small.scss +0 -65
- package/tokens/v0_172/_md-comp-fab-primary.scss +0 -65
- package/tokens/v0_172/_md-comp-fab-secondary-large.scss +0 -66
- package/tokens/v0_172/_md-comp-fab-secondary-small.scss +0 -66
- package/tokens/v0_172/_md-comp-fab-secondary.scss +0 -66
- package/tokens/v0_172/_md-comp-fab-surface-large.scss +0 -64
- package/tokens/v0_172/_md-comp-fab-surface-small.scss +0 -64
- package/tokens/v0_172/_md-comp-fab-surface.scss +0 -64
- package/tokens/v0_172/_md-comp-fab-tertiary-large.scss +0 -66
- package/tokens/v0_172/_md-comp-fab-tertiary-small.scss +0 -66
- package/tokens/v0_172/_md-comp-fab-tertiary.scss +0 -66
- package/tokens/v0_172/_md-comp-filled-autocomplete.scss +0 -265
- package/tokens/v0_172/_md-comp-filled-button.scss +0 -89
- package/tokens/v0_172/_md-comp-filled-card.scss +0 -59
- package/tokens/v0_172/_md-comp-filled-icon-button.scss +0 -79
- package/tokens/v0_172/_md-comp-filled-menu-button.scss +0 -98
- package/tokens/v0_172/_md-comp-filled-select.scss +0 -270
- package/tokens/v0_172/_md-comp-filled-text-field.scss +0 -190
- package/tokens/v0_172/_md-comp-filled-tonal-button.scss +0 -99
- package/tokens/v0_172/_md-comp-filled-tonal-icon-button.scss +0 -86
- package/tokens/v0_172/_md-comp-filter-chip.scss +0 -207
- package/tokens/v0_172/_md-comp-full-screen-dialog.scss +0 -111
- package/tokens/v0_172/_md-comp-icon-button.scss +0 -70
- package/tokens/v0_172/_md-comp-input-chip.scss +0 -184
- package/tokens/v0_172/_md-comp-linear-progress-indicator.scss +0 -41
- package/tokens/v0_172/_md-comp-list.scss +0 -248
- package/tokens/v0_172/_md-comp-menu.scss +0 -35
- package/tokens/v0_172/_md-comp-navigation-bar.scss +0 -112
- package/tokens/v0_172/_md-comp-navigation-drawer.scss +0 -162
- package/tokens/v0_172/_md-comp-navigation-rail.scss +0 -116
- package/tokens/v0_172/_md-comp-outlined-autocomplete.scss +0 -255
- package/tokens/v0_172/_md-comp-outlined-button.scss +0 -84
- package/tokens/v0_172/_md-comp-outlined-card.scss +0 -63
- package/tokens/v0_172/_md-comp-outlined-icon-button.scss +0 -79
- package/tokens/v0_172/_md-comp-outlined-menu-button.scss +0 -94
- package/tokens/v0_172/_md-comp-outlined-segmented-button.scss +0 -112
- package/tokens/v0_172/_md-comp-outlined-select.scss +0 -260
- package/tokens/v0_172/_md-comp-outlined-text-field.scss +0 -171
- package/tokens/v0_172/_md-comp-plain-tooltip.scss +0 -55
- package/tokens/v0_172/_md-comp-primary-navigation-tab.scss +0 -121
- package/tokens/v0_172/_md-comp-radio-button.scss +0 -68
- package/tokens/v0_172/_md-comp-rich-tooltip.scss +0 -119
- package/tokens/v0_172/_md-comp-scrim.scss +0 -25
- package/tokens/v0_172/_md-comp-search-bar.scss +0 -97
- package/tokens/v0_172/_md-comp-search-view.scss +0 -91
- package/tokens/v0_172/_md-comp-secondary-navigation-tab.scss +0 -84
- package/tokens/v0_172/_md-comp-sheet-bottom.scss +0 -44
- package/tokens/v0_172/_md-comp-sheet-floating.scss +0 -32
- package/tokens/v0_172/_md-comp-sheet-side.scss +0 -91
- package/tokens/v0_172/_md-comp-slider.scss +0 -115
- package/tokens/v0_172/_md-comp-snackbar.scss +0 -127
- package/tokens/v0_172/_md-comp-standard-menu-button.scss +0 -98
- package/tokens/v0_172/_md-comp-suggestion-chip.scss +0 -124
- package/tokens/v0_172/_md-comp-switch.scss +0 -138
- package/tokens/v0_172/_md-comp-text-button.scss +0 -77
- package/tokens/v0_172/_md-comp-time-input.scss +0 -217
- package/tokens/v0_172/_md-comp-time-picker.scss +0 -264
- package/tokens/v0_172/_md-comp-top-app-bar-large.scss +0 -61
- package/tokens/v0_172/_md-comp-top-app-bar-medium.scss +0 -61
- package/tokens/v0_172/_md-comp-top-app-bar-small-centered.scss +0 -68
- package/tokens/v0_172/_md-comp-top-app-bar-small.scss +0 -64
- package/tokens/v0_172/_md-ref-palette.scss +0 -107
- package/tokens/v0_172/_md-ref-typeface.scss +0 -21
- package/tokens/v0_172/_md-sys-color.scss +0 -904
- package/tokens/v0_172/_md-sys-elevation.scss +0 -21
- package/tokens/v0_172/_md-sys-motion.scss +0 -53
- package/tokens/v0_172/_md-sys-shape.scss +0 -30
- package/tokens/v0_172/_md-sys-state.scss +0 -19
- package/tokens/v0_172/_md-sys-typescale.scss +0 -284
- package/types/aria.d.ts +0 -106
- package/types/keys.d.ts +0 -57
- /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-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/assist-styles.scss +0 -0
- /package/{badge/lib/badge-styles.css.d.ts → chips/internal/chip-set-styles.css.d.ts} +0 -0
- /package/chips/{lib → internal}/elevated-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/elevated-styles.scss +0 -0
- /package/chips/{lib → internal}/filter-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/filter-styles.scss +0 -0
- /package/{button/lib/tonal-styles.css.d.ts → chips/internal/input-styles.css.d.ts} +0 -0
- /package/{checkbox/lib/forced-colors-styles.css.d.ts → chips/internal/selectable-styles.css.d.ts} +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-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/suggestion-styles.scss +0 -0
- /package/{circularprogress/lib/circular-progress-styles.css.d.ts → chips/internal/trailing-icon-styles.css.d.ts} +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-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-styles.css.d.ts +0 -0
- /package/elevation/{lib → internal}/elevation-styles.scss +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.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/fab/{lib → 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.js +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/iconbutton/{lib/outlined-styles.css.d.ts → internal/filled-tonal-styles.css.d.ts} +0 -0
- /package/iconbutton/{lib → internal}/filled-tonal-styles.scss +0 -0
- /package/{segmentedbutton/lib → iconbutton/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/{controller → internal/controller}/events.d.ts +0 -0
- /package/{controller → internal/controller}/events.js +0 -0
- /package/{controller → internal/controller}/events.js.map +0 -0
- /package/{controller → internal/controller}/is-rtl.d.ts +0 -0
- /package/{controller → internal/controller}/is-rtl.js +0 -0
- /package/{controller → internal/controller}/is-rtl.js.map +0 -0
- /package/{controller → internal/controller}/string-converter.d.ts +0 -0
- /package/{controller → internal/controller}/string-converter.js +0 -0
- /package/{controller → internal/controller}/string-converter.js.map +0 -0
- /package/{motion → internal/motion}/_animation.scss +0 -0
- /package/{sass → internal/sass}/_string-ext.scss +0 -0
- /package/{linearprogress/lib/linear-progress-styles.css.d.ts → labs/badge/internal/badge-styles.css.d.ts} +0 -0
- /package/{badge/lib → labs/badge/internal}/badge-styles.scss +0 -0
- /package/{badge/lib → labs/badge/internal}/badge.d.ts +0 -0
- /package/{badge/lib → labs/badge/internal}/badge.js +0 -0
- /package/{badge/lib → labs/badge/internal}/badge.js.map +0 -0
- /package/{list/lib/list-styles.css.d.ts → labs/item/internal/item-styles.css.d.ts} +0 -0
- /package/{navigationbar/lib → labs/navigationbar/internal}/constants.js +0 -0
- /package/{navigationbar/lib → labs/navigationbar/internal}/navigation-bar-styles.css.d.ts +0 -0
- /package/{navigationbar/lib → labs/navigationbar/internal}/navigation-bar-styles.scss +0 -0
- /package/{navigationbar/lib → labs/navigationbar/internal}/state.js +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/_shared.scss +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-modal-styles.css.d.ts +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-modal-styles.scss +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-modal.d.ts +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-styles.css.d.ts +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-styles.scss +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.css.d.ts +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.css.js +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.css.js.map +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.scss +0 -0
- /package/{navigationtab/lib → labs/navigationtab/internal}/navigation-tab-styles.css.d.ts +0 -0
- /package/{navigationtab/lib → labs/navigationtab/internal}/navigation-tab-styles.scss +0 -0
- /package/{navigationtab/lib → labs/navigationtab/internal}/state.d.ts +0 -0
- /package/{navigationtab/lib → labs/navigationtab/internal}/state.js +0 -0
- /package/{navigationtab/lib → labs/navigationtab/internal}/state.js.map +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-segmented-button.d.ts +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-segmented-button.js +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-segmented-button.js.map +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbutton/internal}/outlined-styles.css.d.ts +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-styles.scss +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/shared-styles.css.d.ts +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/shared-styles.scss +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/_shared.scss +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-segmented-button-set.d.ts +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-segmented-button-set.js +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-segmented-button-set.js.map +0 -0
- /package/{textfield/lib → labs/segmentedbuttonset/internal}/outlined-styles.css.d.ts +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-styles.scss +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.css.d.ts +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.css.js +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.css.js.map +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.scss +0 -0
- /package/list/{lib/listitem/forced-colors-styles.css.d.ts → internal/list-styles.css.d.ts} +0 -0
- /package/list/{lib → internal}/list-styles.scss +0 -0
- /package/{menu/lib → list/internal/listitem}/forced-colors-styles.css.d.ts +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/menu/{lib/menuitem → 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/{radio/lib → menu/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/{radio/lib/radio-styles.css.d.ts → menu/internal/submenu/sub-menu-styles.css.d.ts} +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/{ripple/lib/ripple-styles.css.d.ts → progress/internal/circular-progress-styles.css.d.ts} +0 -0
- /package/{circularprogress/lib → progress/internal}/circular-progress-styles.scss +0 -0
- /package/{select/lib/filled-forced-colors-styles.css.d.ts → progress/internal/linear-progress-styles.css.d.ts} +0 -0
- /package/{linearprogress/lib → progress/internal}/linear-progress-styles.scss +0 -0
- /package/{slider/lib → radio/internal}/forced-colors-styles.css.d.ts +0 -0
- /package/{select/lib/filled-select-styles.css.d.ts → radio/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/{select/lib/outlined-forced-colors-styles.css.d.ts → ripple/internal/ripple-styles.css.d.ts} +0 -0
- /package/ripple/{lib → internal}/ripple-styles.scss +0 -0
- /package/{textfield/lib → select/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/outlined-select-styles.css.d.ts → 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/{textfield/lib → select/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/shared-styles.css.d.ts → 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/{textfield/lib → select/internal}/shared-styles.css.d.ts +0 -0
- /package/select/{lib → internal}/shared-styles.scss +0 -0
- /package/slider/{lib/slider-styles.css.d.ts → internal/forced-colors-styles.css.d.ts} +0 -0
- /package/{switch/lib/switch-styles.css.d.ts → slider/internal/slider-styles.css.d.ts} +0 -0
- /package/slider/{lib → internal}/slider-styles.scss +0 -0
- /package/{textfield/lib/filled-styles.css.d.ts → switch/internal/forced-colors-styles.css.d.ts} +0 -0
- /package/{tokens/v0_172/index.test.css.d.ts → switch/internal/switch-styles.css.d.ts} +0 -0
- /package/switch/{lib → internal}/switch-styles.scss +0 -0
- /package/{tokens/v0_172/lib.test.css.d.ts → tabs/internal/primary-tab-styles.css.d.ts} +0 -0
- /package/textfield/{lib → internal}/_icon.scss +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.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.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.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.scss +0 -0
- /package/tokens/{v0_172 → v0_192}/_index.scss +0 -0
- /package/tokens/{v0_172 → v0_192}/index.test.css.js +0 -0
- /package/tokens/{v0_172 → v0_192}/index.test.css.js.map +0 -0
- /package/tokens/{v0_172 → v0_192}/index.test.scss +0 -0
- /package/tokens/{v0_172 → v0_192}/lib.test.css.js +0 -0
- /package/tokens/{v0_172 → v0_192}/lib.test.css.js.map +0 -0
- /package/tokens/{v0_172 → v0_192}/lib.test.scss +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fab-branded-styles.css.js","sourceRoot":"","sources":["fab-branded-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-fab-branded-container-color, var(--md-sys-color-surface-container-high, #ece6f0));--_container-elevation: var(--md-fab-branded-container-elevation, 3);--_container-height: var(--md-fab-branded-container-height, 56px);--_container-shadow-color: var(--md-fab-branded-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-fab-branded-container-shape, 16px);--_container-width: var(--md-fab-branded-container-width, 56px);--_focus-container-elevation: var(--md-fab-branded-focus-container-elevation, 3);--_focus-state-layer-color: var(--md-fab-branded-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-opacity: var(--md-fab-branded-focus-state-layer-opacity, 0.12);--_hover-container-elevation: var(--md-fab-branded-hover-container-elevation, 4);--_hover-state-layer-color: var(--md-fab-branded-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-fab-branded-hover-state-layer-opacity, 0.08);--_icon-size: var(--md-fab-branded-icon-size, 36px);--_lowered-container-color: var(--md-fab-branded-lowered-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_lowered-container-elevation: var(--md-fab-branded-lowered-container-elevation, 1);--_lowered-focus-container-elevation: var(--md-fab-branded-lowered-focus-container-elevation, 1);--_lowered-hover-container-elevation: var(--md-fab-branded-lowered-hover-container-elevation, 2);--_lowered-pressed-container-elevation: var(--md-fab-branded-lowered-pressed-container-elevation, 1);--_pressed-container-elevation: var(--md-fab-branded-pressed-container-elevation, 3);--_pressed-state-layer-color: var(--md-fab-branded-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-fab-branded-pressed-state-layer-opacity, 0.12);--_focus-label-text-color: var(--md-fab-branded-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-fab-branded-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-color: var(--md-fab-branded-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-type: var(--md-fab-branded-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_large-container-height: var(--md-fab-branded-large-container-height, 96px);--_large-container-shape: var(--md-fab-branded-large-container-shape, 28px);--_large-container-width: var(--md-fab-branded-large-container-width, 96px);--_large-icon-size: var(--md-fab-branded-large-icon-size, 48px);--_pressed-label-text-color: var(--md-fab-branded-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var( --md-fab-branded-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-fab-branded-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-fab-branded-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-fab-branded-container-shape-end-start, var(--_container-shape) );--_large-container-shape-start-start: var( --md-fab-branded-large-container-shape-start-start, var(--_large-container-shape) );--_large-container-shape-start-end: var( --md-fab-branded-large-container-shape-start-end, var(--_large-container-shape) );--_large-container-shape-end-end: var( --md-fab-branded-large-container-shape-end-end, var(--_large-container-shape) );--_large-container-shape-end-start: var( --md-fab-branded-large-container-shape-end-start, var(--_large-container-shape) )}/*# sourceMappingURL=fab-branded-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 `:host{--_container-color: var(--md-fab-container-color, var(--md-sys-color-surface-container-high, #ece6f0));--_container-elevation: var(--md-fab-container-elevation, 3);--_container-height: var(--md-fab-container-height, 56px);--_container-shadow-color: var(--md-fab-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-fab-container-shape, 16px);--_container-width: var(--md-fab-container-width, 56px);--_focus-container-elevation: var(--md-fab-focus-container-elevation, 3);--_focus-icon-color: var(--md-fab-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-color: var(--md-fab-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-opacity: var(--md-fab-focus-state-layer-opacity, 0.12);--_hover-container-elevation: var(--md-fab-hover-container-elevation, 4);--_hover-icon-color: var(--md-fab-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-fab-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-fab-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-fab-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-fab-icon-size, 24px);--_lowered-container-color: var(--md-fab-lowered-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_lowered-container-elevation: var(--md-fab-lowered-container-elevation, 1);--_lowered-focus-container-elevation: var(--md-fab-lowered-focus-container-elevation, 1);--_lowered-hover-container-elevation: var(--md-fab-lowered-hover-container-elevation, 2);--_lowered-pressed-container-elevation: var(--md-fab-lowered-pressed-container-elevation, 1);--_pressed-container-elevation: var(--md-fab-pressed-container-elevation, 3);--_pressed-icon-color: var(--md-fab-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-fab-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-fab-pressed-state-layer-opacity, 0.12);--_focus-label-text-color: var(--md-fab-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-fab-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-color: var(--md-fab-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-fab-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_large-container-height: var(--md-fab-large-container-height, 96px);--_large-container-shape: var(--md-fab-large-container-shape, 28px);--_large-container-width: var(--md-fab-large-container-width, 96px);--_large-icon-size: var(--md-fab-large-icon-size, 36px);--_pressed-label-text-color: var(--md-fab-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_primary-container-color: var(--md-fab-primary-container-color, var(--md-sys-color-primary-container, #eaddff));--_primary-focus-icon-color: var(--md-fab-primary-focus-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-focus-label-text-color: var(--md-fab-primary-focus-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-focus-state-layer-color: var(--md-fab-primary-focus-state-layer-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-icon-color: var(--md-fab-primary-hover-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-label-text-color: var(--md-fab-primary-hover-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-state-layer-color: var(--md-fab-primary-hover-state-layer-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-icon-color: var(--md-fab-primary-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-label-text-color: var(--md-fab-primary-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-icon-color: var(--md-fab-primary-pressed-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-label-text-color: var(--md-fab-primary-pressed-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-state-layer-color: var(--md-fab-primary-pressed-state-layer-color, var(--md-sys-color-on-primary-container, #21005d));--_secondary-container-color: var(--md-fab-secondary-container-color, var(--md-sys-color-secondary-container, #e8def8));--_secondary-focus-icon-color: var(--md-fab-secondary-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-focus-label-text-color: var(--md-fab-secondary-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-focus-state-layer-color: var(--md-fab-secondary-focus-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-icon-color: var(--md-fab-secondary-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-label-text-color: var(--md-fab-secondary-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-state-layer-color: var(--md-fab-secondary-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-icon-color: var(--md-fab-secondary-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-label-text-color: var(--md-fab-secondary-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-icon-color: var(--md-fab-secondary-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-label-text-color: var(--md-fab-secondary-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-state-layer-color: var(--md-fab-secondary-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_small-container-height: var(--md-fab-small-container-height, 40px);--_small-container-shape: var(--md-fab-small-container-shape, 12px);--_small-container-width: var(--md-fab-small-container-width, 40px);--_small-icon-size: var(--md-fab-small-icon-size, 24px);--_tertiary-container-color: var(--md-fab-tertiary-container-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_tertiary-focus-icon-color: var(--md-fab-tertiary-focus-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-focus-label-text-color: var(--md-fab-tertiary-focus-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-focus-state-layer-color: var(--md-fab-tertiary-focus-state-layer-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-icon-color: var(--md-fab-tertiary-hover-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-label-text-color: var(--md-fab-tertiary-hover-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-state-layer-color: var(--md-fab-tertiary-hover-state-layer-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-icon-color: var(--md-fab-tertiary-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-label-text-color: var(--md-fab-tertiary-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-icon-color: var(--md-fab-tertiary-pressed-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-label-text-color: var(--md-fab-tertiary-pressed-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-state-layer-color: var(--md-fab-tertiary-pressed-state-layer-color, var(--md-sys-color-on-tertiary-container, #31111d));--_container-shape-start-start: var( --md-fab-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-fab-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-fab-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-fab-container-shape-end-start, var(--_container-shape) );--_large-container-shape-start-start: var( --md-fab-large-container-shape-start-start, var(--_large-container-shape) );--_large-container-shape-start-end: var( --md-fab-large-container-shape-start-end, var(--_large-container-shape) );--_large-container-shape-end-end: var( --md-fab-large-container-shape-end-end, var(--_large-container-shape) );--_large-container-shape-end-start: var( --md-fab-large-container-shape-end-start, var(--_large-container-shape) );--_small-container-shape-start-start: var( --md-fab-small-container-shape-start-start, var(--_small-container-shape) );--_small-container-shape-start-end: var( --md-fab-small-container-shape-start-end, var(--_small-container-shape) );--_small-container-shape-end-end: var( --md-fab-small-container-shape-end-end, var(--_small-container-shape) );--_small-container-shape-end-start: var( --md-fab-small-container-shape-end-start, var(--_small-container-shape) )}.fab .icon ::slotted(*){color:var(--_icon-color)}.fab:focus{color:var(--_focus-icon-color)}.fab:hover{color:var(--_hover-icon-color)}.fab:active{color:var(--_pressed-icon-color)}.fab.primary{background-color:var(--_primary-container-color);--md-ripple-hover-color:var(--_primary-hover-state-layer-color);--md-ripple-focus-color:var(--_primary-focus-state-layer-color);--md-ripple-pressed-color:var(--_primary-pressed-state-layer-color)}.fab.primary .icon ::slotted(*){color:var(--_primary-icon-color)}.fab.primary:focus{color:var(--_primary-focus-icon-color)}.fab.primary:hover{color:var(--_primary-hover-icon-color)}.fab.primary:active{color:var(--_primary-pressed-icon-color)}.fab.primary .label{color:var(--_primary-label-text-color)}.fab:hover .fab.primary .label{color:var(--_primary-hover-label-text-color)}.fab:focus .fab.primary .label{color:var(--_primary-focus-label-text-color)}.fab:active .fab.primary .label{color:var(--_primary-pressed-label-text-color)}.fab.secondary{background-color:var(--_secondary-container-color);--md-ripple-hover-color:var(--_secondary-hover-state-layer-color);--md-ripple-focus-color:var(--_secondary-focus-state-layer-color);--md-ripple-pressed-color:var(--_secondary-pressed-state-layer-color)}.fab.secondary .icon ::slotted(*){color:var(--_secondary-icon-color)}.fab.secondary:focus{color:var(--_secondary-focus-icon-color)}.fab.secondary:hover{color:var(--_secondary-hover-icon-color)}.fab.secondary:active{color:var(--_secondary-pressed-icon-color)}.fab.secondary .label{color:var(--_secondary-label-text-color)}.fab:hover .fab.secondary .label{color:var(--_secondary-hover-label-text-color)}.fab:focus .fab.secondary .label{color:var(--_secondary-focus-label-text-color)}.fab:active .fab.secondary .label{color:var(--_secondary-pressed-label-text-color)}.fab.tertiary{background-color:var(--_tertiary-container-color);--md-ripple-hover-color:var(--_tertiary-hover-state-layer-color);--md-ripple-focus-color:var(--_tertiary-focus-state-layer-color);--md-ripple-pressed-color:var(--_tertiary-pressed-state-layer-color)}.fab.tertiary .icon ::slotted(*){color:var(--_tertiary-icon-color)}.fab.tertiary:focus{color:var(--_tertiary-focus-icon-color)}.fab.tertiary:hover{color:var(--_tertiary-hover-icon-color)}.fab.tertiary:active{color:var(--_tertiary-pressed-icon-color)}.fab.tertiary .label{color:var(--_tertiary-label-text-color)}.fab:hover .fab.tertiary .label{color:var(--_tertiary-hover-label-text-color)}.fab:focus .fab.tertiary .label{color:var(--_tertiary-focus-label-text-color)}.fab:active .fab.tertiary .label{color:var(--_tertiary-pressed-label-text-color)}.fab.small{width:var(--_small-container-width);height:var(--_small-container-height)}.fab.small .icon ::slotted(*){width:var(--_small-icon-size);height:var(--_small-icon-size);font-size:var(--_small-icon-size)}.fab.small,.fab.small .ripple{border-start-start-radius:var(--_small-container-shape-start-start);border-start-end-radius:var(--_small-container-shape-start-end);border-end-start-radius:var(--_small-container-shape-end-start);border-end-end-radius:var(--_small-container-shape-end-end);--md-focus-ring-shape-start-start: var(--_small-container-shape-start-start);--md-focus-ring-shape-start-end: var(--_small-container-shape-start-end);--md-focus-ring-shape-end-end: var(--_small-container-shape-end-end);--md-focus-ring-shape-end-start: var(--_small-container-shape-end-start)}/*# sourceMappingURL=fab-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=fab-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fab-styles.css.js","sourceRoot":"","sources":["fab-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-fab-container-color, var(--md-sys-color-surface-container-high, #ece6f0));--_container-elevation: var(--md-fab-container-elevation, 3);--_container-height: var(--md-fab-container-height, 56px);--_container-shadow-color: var(--md-fab-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-fab-container-shape, 16px);--_container-width: var(--md-fab-container-width, 56px);--_focus-container-elevation: var(--md-fab-focus-container-elevation, 3);--_focus-icon-color: var(--md-fab-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-color: var(--md-fab-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-opacity: var(--md-fab-focus-state-layer-opacity, 0.12);--_hover-container-elevation: var(--md-fab-hover-container-elevation, 4);--_hover-icon-color: var(--md-fab-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-fab-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-fab-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-fab-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-fab-icon-size, 24px);--_lowered-container-color: var(--md-fab-lowered-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_lowered-container-elevation: var(--md-fab-lowered-container-elevation, 1);--_lowered-focus-container-elevation: var(--md-fab-lowered-focus-container-elevation, 1);--_lowered-hover-container-elevation: var(--md-fab-lowered-hover-container-elevation, 2);--_lowered-pressed-container-elevation: var(--md-fab-lowered-pressed-container-elevation, 1);--_pressed-container-elevation: var(--md-fab-pressed-container-elevation, 3);--_pressed-icon-color: var(--md-fab-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-fab-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-fab-pressed-state-layer-opacity, 0.12);--_focus-label-text-color: var(--md-fab-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-fab-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-color: var(--md-fab-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-type: var(--md-fab-label-text-type, var(--md-sys-typescale-label-large, 500 0.875rem / 1.25rem var(--md-ref-typeface-plain, Roboto)));--_large-container-height: var(--md-fab-large-container-height, 96px);--_large-container-shape: var(--md-fab-large-container-shape, 28px);--_large-container-width: var(--md-fab-large-container-width, 96px);--_large-icon-size: var(--md-fab-large-icon-size, 36px);--_pressed-label-text-color: var(--md-fab-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_primary-container-color: var(--md-fab-primary-container-color, var(--md-sys-color-primary-container, #eaddff));--_primary-focus-icon-color: var(--md-fab-primary-focus-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-focus-label-text-color: var(--md-fab-primary-focus-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-focus-state-layer-color: var(--md-fab-primary-focus-state-layer-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-icon-color: var(--md-fab-primary-hover-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-label-text-color: var(--md-fab-primary-hover-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-state-layer-color: var(--md-fab-primary-hover-state-layer-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-icon-color: var(--md-fab-primary-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-label-text-color: var(--md-fab-primary-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-icon-color: var(--md-fab-primary-pressed-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-label-text-color: var(--md-fab-primary-pressed-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-state-layer-color: var(--md-fab-primary-pressed-state-layer-color, var(--md-sys-color-on-primary-container, #21005d));--_secondary-container-color: var(--md-fab-secondary-container-color, var(--md-sys-color-secondary-container, #e8def8));--_secondary-focus-icon-color: var(--md-fab-secondary-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-focus-label-text-color: var(--md-fab-secondary-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-focus-state-layer-color: var(--md-fab-secondary-focus-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-icon-color: var(--md-fab-secondary-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-label-text-color: var(--md-fab-secondary-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-state-layer-color: var(--md-fab-secondary-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-icon-color: var(--md-fab-secondary-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-label-text-color: var(--md-fab-secondary-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-icon-color: var(--md-fab-secondary-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-label-text-color: var(--md-fab-secondary-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-state-layer-color: var(--md-fab-secondary-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_small-container-height: var(--md-fab-small-container-height, 40px);--_small-container-shape: var(--md-fab-small-container-shape, 12px);--_small-container-width: var(--md-fab-small-container-width, 40px);--_small-icon-size: var(--md-fab-small-icon-size, 24px);--_tertiary-container-color: var(--md-fab-tertiary-container-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_tertiary-focus-icon-color: var(--md-fab-tertiary-focus-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-focus-label-text-color: var(--md-fab-tertiary-focus-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-focus-state-layer-color: var(--md-fab-tertiary-focus-state-layer-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-icon-color: var(--md-fab-tertiary-hover-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-label-text-color: var(--md-fab-tertiary-hover-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-state-layer-color: var(--md-fab-tertiary-hover-state-layer-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-icon-color: var(--md-fab-tertiary-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-label-text-color: var(--md-fab-tertiary-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-icon-color: var(--md-fab-tertiary-pressed-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-label-text-color: var(--md-fab-tertiary-pressed-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-state-layer-color: var(--md-fab-tertiary-pressed-state-layer-color, var(--md-sys-color-on-tertiary-container, #31111d));--_container-shape-start-start: var( --md-fab-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-fab-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-fab-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-fab-container-shape-end-start, var(--_container-shape) );--_large-container-shape-start-start: var( --md-fab-large-container-shape-start-start, var(--_large-container-shape) );--_large-container-shape-start-end: var( --md-fab-large-container-shape-start-end, var(--_large-container-shape) );--_large-container-shape-end-end: var( --md-fab-large-container-shape-end-end, var(--_large-container-shape) );--_large-container-shape-end-start: var( --md-fab-large-container-shape-end-start, var(--_large-container-shape) );--_small-container-shape-start-start: var( --md-fab-small-container-shape-start-start, var(--_small-container-shape) );--_small-container-shape-start-end: var( --md-fab-small-container-shape-start-end, var(--_small-container-shape) );--_small-container-shape-end-end: var( --md-fab-small-container-shape-end-end, var(--_small-container-shape) );--_small-container-shape-end-start: var( --md-fab-small-container-shape-end-start, var(--_small-container-shape) )}.fab .icon ::slotted(*){color:var(--_icon-color)}.fab:focus{color:var(--_focus-icon-color)}.fab:hover{color:var(--_hover-icon-color)}.fab:active{color:var(--_pressed-icon-color)}.fab.primary{background-color:var(--_primary-container-color);--md-ripple-hover-color:var(--_primary-hover-state-layer-color);--md-ripple-focus-color:var(--_primary-focus-state-layer-color);--md-ripple-pressed-color:var(--_primary-pressed-state-layer-color)}.fab.primary .icon ::slotted(*){color:var(--_primary-icon-color)}.fab.primary:focus{color:var(--_primary-focus-icon-color)}.fab.primary:hover{color:var(--_primary-hover-icon-color)}.fab.primary:active{color:var(--_primary-pressed-icon-color)}.fab.primary .label{color:var(--_primary-label-text-color)}.fab:hover .fab.primary .label{color:var(--_primary-hover-label-text-color)}.fab:focus .fab.primary .label{color:var(--_primary-focus-label-text-color)}.fab:active .fab.primary .label{color:var(--_primary-pressed-label-text-color)}.fab.secondary{background-color:var(--_secondary-container-color);--md-ripple-hover-color:var(--_secondary-hover-state-layer-color);--md-ripple-focus-color:var(--_secondary-focus-state-layer-color);--md-ripple-pressed-color:var(--_secondary-pressed-state-layer-color)}.fab.secondary .icon ::slotted(*){color:var(--_secondary-icon-color)}.fab.secondary:focus{color:var(--_secondary-focus-icon-color)}.fab.secondary:hover{color:var(--_secondary-hover-icon-color)}.fab.secondary:active{color:var(--_secondary-pressed-icon-color)}.fab.secondary .label{color:var(--_secondary-label-text-color)}.fab:hover .fab.secondary .label{color:var(--_secondary-hover-label-text-color)}.fab:focus .fab.secondary .label{color:var(--_secondary-focus-label-text-color)}.fab:active .fab.secondary .label{color:var(--_secondary-pressed-label-text-color)}.fab.tertiary{background-color:var(--_tertiary-container-color);--md-ripple-hover-color:var(--_tertiary-hover-state-layer-color);--md-ripple-focus-color:var(--_tertiary-focus-state-layer-color);--md-ripple-pressed-color:var(--_tertiary-pressed-state-layer-color)}.fab.tertiary .icon ::slotted(*){color:var(--_tertiary-icon-color)}.fab.tertiary:focus{color:var(--_tertiary-focus-icon-color)}.fab.tertiary:hover{color:var(--_tertiary-hover-icon-color)}.fab.tertiary:active{color:var(--_tertiary-pressed-icon-color)}.fab.tertiary .label{color:var(--_tertiary-label-text-color)}.fab:hover .fab.tertiary .label{color:var(--_tertiary-hover-label-text-color)}.fab:focus .fab.tertiary .label{color:var(--_tertiary-focus-label-text-color)}.fab:active .fab.tertiary .label{color:var(--_tertiary-pressed-label-text-color)}.fab.small{width:var(--_small-container-width);height:var(--_small-container-height)}.fab.small .icon ::slotted(*){width:var(--_small-icon-size);height:var(--_small-icon-size);font-size:var(--_small-icon-size)}.fab.small,.fab.small .ripple{border-start-start-radius:var(--_small-container-shape-start-start);border-start-end-radius:var(--_small-container-shape-start-end);border-end-start-radius:var(--_small-container-shape-end-start);border-end-end-radius:var(--_small-container-shape-end-end);--md-focus-ring-shape-start-start: var(--_small-container-shape-start-start);--md-focus-ring-shape-start-end: var(--_small-container-shape-start-end);--md-focus-ring-shape-end-end: var(--_small-container-shape-end-end);--md-focus-ring-shape-end-start: var(--_small-container-shape-end-start)}/*# sourceMappingURL=fab-styles.css.map */\n`;\n "]}
|
package/fab/lib/fab.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { SharedFab } from './shared.js';
|
|
7
|
-
/**
|
|
8
|
-
* The variants available to non-branded FABs.
|
|
9
|
-
*/
|
|
10
|
-
export type Variant = 'surface' | 'primary' | 'secondary' | 'tertiary';
|
|
11
|
-
export declare class Fab extends SharedFab {
|
|
12
|
-
/**
|
|
13
|
-
* The FAB color variant to render.
|
|
14
|
-
*/
|
|
15
|
-
variant: Variant;
|
|
16
|
-
getRenderClasses(): {
|
|
17
|
-
primary: boolean;
|
|
18
|
-
secondary: boolean;
|
|
19
|
-
tertiary: boolean;
|
|
20
|
-
lowered: boolean;
|
|
21
|
-
small: boolean;
|
|
22
|
-
large: boolean;
|
|
23
|
-
extended: boolean;
|
|
24
|
-
};
|
|
25
|
-
}
|
package/fab/lib/fab.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fab.js","sourceRoot":"","sources":["fab.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAOtC,gEAAgE;AAChE,MAAM,OAAO,GAAI,SAAQ,SAAS;IAAlC;;QACE;;WAEG;QACS,YAAO,GAAY,SAAS,CAAC;IAU3C,CAAC;IARU,gBAAgB;QACvB,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,SAAS,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;YACrC,WAAW,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;YACzC,UAAU,EAAE,IAAI,CAAC,OAAO,KAAK,UAAU;SACxC,CAAC;IACJ,CAAC;CACF;AAVa;IAAX,QAAQ,EAAE;oCAA8B","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {property} from 'lit/decorators.js';\n\nimport {SharedFab} from './shared.js';\n\n/**\n * The variants available to non-branded FABs.\n */\nexport type Variant = 'surface'|'primary'|'secondary'|'tertiary';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class Fab extends SharedFab {\n /**\n * The FAB color variant to render.\n */\n @property() variant: Variant = 'surface';\n\n override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'primary': this.variant === 'primary',\n 'secondary': this.variant === 'secondary',\n 'tertiary': this.variant === 'tertiary',\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 `@media(forced-colors: active){.fab{--md-focus-ring-offset: 3px;border:1px solid ButtonText}.fab.extended{padding-inline-start:15px;padding-inline-end:19px}}/*# sourceMappingURL=forced-colors-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=forced-colors-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"forced-colors-styles.css.js","sourceRoot":"","sources":["forced-colors-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`@media(forced-colors: active){.fab{--md-focus-ring-offset: 3px;border:1px solid ButtonText}.fab.extended{padding-inline-start:15px;padding-inline-end:19px}}/*# sourceMappingURL=forced-colors-styles.css.map */\n`;\n "]}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
// go/keep-sorted start
|
|
7
|
-
@use '../../focus/focus-ring';
|
|
8
|
-
// go/keep-sorted end
|
|
9
|
-
|
|
10
|
-
@media (forced-colors: active) {
|
|
11
|
-
.fab {
|
|
12
|
-
// Adjust the focus ring padding to account for the 1px border in HCM.
|
|
13
|
-
@include focus-ring.theme(
|
|
14
|
-
(
|
|
15
|
-
'offset': 3px,
|
|
16
|
-
)
|
|
17
|
-
);
|
|
18
|
-
border: 1px solid ButtonText;
|
|
19
|
-
|
|
20
|
-
&.extended {
|
|
21
|
-
// Adjust the padding-inline to account for the 1px border in HCM.
|
|
22
|
-
padding-inline-start: 15px;
|
|
23
|
-
padding-inline-end: 19px;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -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{--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-focus-opacity:var(--_focus-state-layer-opacity);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity);display:inline-flex}.fab,.icon,.icon ::slotted(*){display:flex}.fab{align-items:center;justify-content:center;vertical-align:middle;padding:0;position:relative;height:var(--_container-height);transition-property:background-color;border-width:0px;outline:none;z-index:0;--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color);background-color:var(--_container-color);--md-ripple-hover-color:var(--_hover-state-layer-color);--md-ripple-focus-color:var(--_focus-state-layer-color);--md-ripple-pressed-color:var(--_pressed-state-layer-color)}.fab.extended{width:inherit;box-sizing:border-box;padding-inline-start:16px;padding-inline-end:20px}.fab:not(.extended){width:var(--_container-width)}.fab.large{width:var(--_large-container-width);height:var(--_large-container-height)}.fab.large .icon ::slotted(*){width:var(--_large-icon-size);height:var(--_large-icon-size);font-size:var(--_large-icon-size)}.fab.large,.fab.large .ripple{border-start-start-radius:var(--_large-container-shape-start-start);border-start-end-radius:var(--_large-container-shape-start-end);border-end-start-radius:var(--_large-container-shape-end-start);border-end-end-radius:var(--_large-container-shape-end-end);--md-focus-ring-shape-start-start: var(--_large-container-shape-start-start);--md-focus-ring-shape-start-end: var(--_large-container-shape-start-end);--md-focus-ring-shape-end-end: var(--_large-container-shape-end-end);--md-focus-ring-shape-end-start: var(--_large-container-shape-end-start)}.fab:focus{--md-elevation-level:var(--_focus-container-elevation)}.fab:hover{--md-elevation-level:var(--_hover-container-elevation)}.fab:active{--md-elevation-level:var(--_pressed-container-elevation)}.fab.lowered{background-color:var(--_lowered-container-color);--md-elevation-level:var(--_lowered-container-elevation)}.fab.lowered:focus{--md-elevation-level:var(--_lowered-focus-container-elevation)}.fab.lowered:hover{--md-elevation-level:var(--_lowered-hover-container-elevation)}.fab.lowered:active{--md-elevation-level:var(--_lowered-pressed-container-elevation)}.fab .label{color:var(--_label-text-color)}.fab:hover .fab .label{color:var(--_hover-label-text-color)}.fab:focus .fab .label{color:var(--_focus-label-text-color)}.fab:active .fab .label{color:var(--_pressed-label-text-color)}.label{padding-inline-start:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--_label-text-type)}.ripple{overflow:hidden}.ripple,md-elevation{z-index:-1}.touch-target{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}md-elevation,.fab{transition-duration:280ms;transition-timing-function:cubic-bezier(0.2, 0, 0, 1)}.fab,.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);--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)}.icon ::slotted(*){width:var(--_icon-size);height:var(--_icon-size);font-size:var(--_icon-size)}/*# 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`:host{--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-focus-opacity:var(--_focus-state-layer-opacity);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity);display:inline-flex}.fab,.icon,.icon ::slotted(*){display:flex}.fab{align-items:center;justify-content:center;vertical-align:middle;padding:0;position:relative;height:var(--_container-height);transition-property:background-color;border-width:0px;outline:none;z-index:0;--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color);background-color:var(--_container-color);--md-ripple-hover-color:var(--_hover-state-layer-color);--md-ripple-focus-color:var(--_focus-state-layer-color);--md-ripple-pressed-color:var(--_pressed-state-layer-color)}.fab.extended{width:inherit;box-sizing:border-box;padding-inline-start:16px;padding-inline-end:20px}.fab:not(.extended){width:var(--_container-width)}.fab.large{width:var(--_large-container-width);height:var(--_large-container-height)}.fab.large .icon ::slotted(*){width:var(--_large-icon-size);height:var(--_large-icon-size);font-size:var(--_large-icon-size)}.fab.large,.fab.large .ripple{border-start-start-radius:var(--_large-container-shape-start-start);border-start-end-radius:var(--_large-container-shape-start-end);border-end-start-radius:var(--_large-container-shape-end-start);border-end-end-radius:var(--_large-container-shape-end-end);--md-focus-ring-shape-start-start: var(--_large-container-shape-start-start);--md-focus-ring-shape-start-end: var(--_large-container-shape-start-end);--md-focus-ring-shape-end-end: var(--_large-container-shape-end-end);--md-focus-ring-shape-end-start: var(--_large-container-shape-end-start)}.fab:focus{--md-elevation-level:var(--_focus-container-elevation)}.fab:hover{--md-elevation-level:var(--_hover-container-elevation)}.fab:active{--md-elevation-level:var(--_pressed-container-elevation)}.fab.lowered{background-color:var(--_lowered-container-color);--md-elevation-level:var(--_lowered-container-elevation)}.fab.lowered:focus{--md-elevation-level:var(--_lowered-focus-container-elevation)}.fab.lowered:hover{--md-elevation-level:var(--_lowered-hover-container-elevation)}.fab.lowered:active{--md-elevation-level:var(--_lowered-pressed-container-elevation)}.fab .label{color:var(--_label-text-color)}.fab:hover .fab .label{color:var(--_hover-label-text-color)}.fab:focus .fab .label{color:var(--_focus-label-text-color)}.fab:active .fab .label{color:var(--_pressed-label-text-color)}.label{padding-inline-start:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--_label-text-type)}.ripple{overflow:hidden}.ripple,md-elevation{z-index:-1}.touch-target{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}md-elevation,.fab{transition-duration:280ms;transition-timing-function:cubic-bezier(0.2, 0, 0, 1)}.fab,.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);--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)}.icon ::slotted(*){width:var(--_icon-size);height:var(--_icon-size);font-size:var(--_icon-size)}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}
|
package/fab/lib/shared.d.ts
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../elevation/elevation.js';
|
|
7
|
-
import '../../focus/focus-ring.js';
|
|
8
|
-
import '../../ripple/ripple.js';
|
|
9
|
-
import { LitElement } from 'lit';
|
|
10
|
-
/**
|
|
11
|
-
* Sizes variants available to non-extended FABs.
|
|
12
|
-
*/
|
|
13
|
-
export type FabSize = 'medium' | 'small' | 'large';
|
|
14
|
-
export declare abstract class SharedFab extends LitElement {
|
|
15
|
-
static shadowRootOptions: ShadowRootInit;
|
|
16
|
-
/**
|
|
17
|
-
* The size of the FAB.
|
|
18
|
-
*
|
|
19
|
-
* NOTE: Branded FABs cannot be sized to `small`, and Extended FABs do not
|
|
20
|
-
* have different sizes.
|
|
21
|
-
*/
|
|
22
|
-
size: FabSize;
|
|
23
|
-
/**
|
|
24
|
-
* The text to display on the FAB.
|
|
25
|
-
*/
|
|
26
|
-
label: string;
|
|
27
|
-
/**
|
|
28
|
-
* Lowers the FAB's elevation.
|
|
29
|
-
*/
|
|
30
|
-
lowered: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Lowers the FAB's elevation and places it into the `lowered` state.
|
|
33
|
-
*/
|
|
34
|
-
reducedTouchTarget: boolean;
|
|
35
|
-
private showRipple;
|
|
36
|
-
private readonly ripple;
|
|
37
|
-
private readonly getRipple;
|
|
38
|
-
protected render(): import("lit-html").TemplateResult<1>;
|
|
39
|
-
protected getRenderClasses(): {
|
|
40
|
-
lowered: boolean;
|
|
41
|
-
small: boolean;
|
|
42
|
-
large: boolean;
|
|
43
|
-
extended: boolean;
|
|
44
|
-
};
|
|
45
|
-
private renderTouchTarget;
|
|
46
|
-
private renderLabel;
|
|
47
|
-
private renderIcon;
|
|
48
|
-
private readonly renderRipple;
|
|
49
|
-
}
|
package/fab/lib/shared.js
DELETED
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
var _a;
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import '../../elevation/elevation.js';
|
|
9
|
-
import '../../focus/focus-ring.js';
|
|
10
|
-
import '../../ripple/ripple.js';
|
|
11
|
-
import { html, LitElement, nothing } from 'lit';
|
|
12
|
-
import { property, queryAsync, state } from 'lit/decorators.js';
|
|
13
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
14
|
-
import { when } from 'lit/directives/when.js';
|
|
15
|
-
import { requestUpdateOnAriaChange } from '../../aria/delegate.js';
|
|
16
|
-
import { ripple } from '../../ripple/directive.js';
|
|
17
|
-
// tslint:disable-next-line:enforce-comments-on-exported-symbols
|
|
18
|
-
export class SharedFab extends LitElement {
|
|
19
|
-
constructor() {
|
|
20
|
-
super(...arguments);
|
|
21
|
-
/**
|
|
22
|
-
* The size of the FAB.
|
|
23
|
-
*
|
|
24
|
-
* NOTE: Branded FABs cannot be sized to `small`, and Extended FABs do not
|
|
25
|
-
* have different sizes.
|
|
26
|
-
*/
|
|
27
|
-
this.size = 'medium';
|
|
28
|
-
/**
|
|
29
|
-
* The text to display on the FAB.
|
|
30
|
-
*/
|
|
31
|
-
this.label = '';
|
|
32
|
-
/**
|
|
33
|
-
* Lowers the FAB's elevation.
|
|
34
|
-
*/
|
|
35
|
-
this.lowered = false;
|
|
36
|
-
/**
|
|
37
|
-
* Lowers the FAB's elevation and places it into the `lowered` state.
|
|
38
|
-
*/
|
|
39
|
-
this.reducedTouchTarget = false;
|
|
40
|
-
this.showRipple = false;
|
|
41
|
-
this.getRipple = () => {
|
|
42
|
-
this.showRipple = true;
|
|
43
|
-
return this.ripple;
|
|
44
|
-
};
|
|
45
|
-
this.renderRipple = () => {
|
|
46
|
-
return html `<md-ripple class="ripple"></md-ripple>`;
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
render() {
|
|
50
|
-
// Needed for closure conformance
|
|
51
|
-
const { ariaLabel } = this;
|
|
52
|
-
return html `
|
|
53
|
-
<button
|
|
54
|
-
class="fab ${classMap(this.getRenderClasses())}"
|
|
55
|
-
aria-label=${ariaLabel || nothing}
|
|
56
|
-
${ripple(this.getRipple)}>
|
|
57
|
-
<md-elevation></md-elevation>
|
|
58
|
-
<md-focus-ring></md-focus-ring>
|
|
59
|
-
${when(this.showRipple, this.renderRipple)}
|
|
60
|
-
${this.renderTouchTarget()}
|
|
61
|
-
${this.renderIcon()}
|
|
62
|
-
${this.renderLabel()}
|
|
63
|
-
</button>`;
|
|
64
|
-
}
|
|
65
|
-
getRenderClasses() {
|
|
66
|
-
const isExtended = !!this.label;
|
|
67
|
-
return {
|
|
68
|
-
'lowered': this.lowered,
|
|
69
|
-
'small': this.size === 'small' && !isExtended,
|
|
70
|
-
'large': this.size === 'large' && !isExtended,
|
|
71
|
-
'extended': isExtended,
|
|
72
|
-
};
|
|
73
|
-
}
|
|
74
|
-
renderTouchTarget() {
|
|
75
|
-
return this.reducedTouchTarget ? html `` :
|
|
76
|
-
html `<div class="touch-target"></div>`;
|
|
77
|
-
}
|
|
78
|
-
renderLabel() {
|
|
79
|
-
return this.label ? html `<span class="label">${this.label}</span>` : '';
|
|
80
|
-
}
|
|
81
|
-
renderIcon() {
|
|
82
|
-
return html `<span class="icon">
|
|
83
|
-
<slot name="icon"></slot>
|
|
84
|
-
</span>`;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
_a = SharedFab;
|
|
88
|
-
(() => {
|
|
89
|
-
requestUpdateOnAriaChange(_a);
|
|
90
|
-
})();
|
|
91
|
-
SharedFab.shadowRootOptions = {
|
|
92
|
-
mode: 'open',
|
|
93
|
-
delegatesFocus: true,
|
|
94
|
-
};
|
|
95
|
-
__decorate([
|
|
96
|
-
property()
|
|
97
|
-
], SharedFab.prototype, "size", void 0);
|
|
98
|
-
__decorate([
|
|
99
|
-
property()
|
|
100
|
-
], SharedFab.prototype, "label", void 0);
|
|
101
|
-
__decorate([
|
|
102
|
-
property({ type: Boolean })
|
|
103
|
-
], SharedFab.prototype, "lowered", void 0);
|
|
104
|
-
__decorate([
|
|
105
|
-
property({ type: Boolean })
|
|
106
|
-
], SharedFab.prototype, "reducedTouchTarget", void 0);
|
|
107
|
-
__decorate([
|
|
108
|
-
state()
|
|
109
|
-
], SharedFab.prototype, "showRipple", void 0);
|
|
110
|
-
__decorate([
|
|
111
|
-
queryAsync('md-ripple')
|
|
112
|
-
], SharedFab.prototype, "ripple", void 0);
|
|
113
|
-
//# sourceMappingURL=shared.js.map
|
package/fab/lib/shared.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shared.js","sourceRoot":"","sources":["shared.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;;AAEH,OAAO,8BAA8B,CAAC;AACtC,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAC,MAAM,EAAC,MAAM,2BAA2B,CAAC;AASjD,gEAAgE;AAChE,MAAM,OAAgB,SAAU,SAAQ,UAAU;IAAlD;;QAUE;;;;;WAKG;QACS,SAAI,GAAY,QAAQ,CAAC;QAErC;;WAEG;QACS,UAAK,GAAG,EAAE,CAAC;QAGvB;;WAEG;QACwB,YAAO,GAAG,KAAK,CAAC;QAE3C;;WAEG;QACwB,uBAAkB,GAAG,KAAK,CAAC;QAErC,eAAU,GAAG,KAAK,CAAC;QAInB,cAAS,GAAG,GAAG,EAAE;YAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC,CAAC;QA4Ce,iBAAY,GAAG,GAAG,EAAE;YACnC,OAAO,IAAI,CAAA,wCAAwC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC;IA7CoB,MAAM;QACvB,iCAAiC;QACjC,MAAM,EAAC,SAAS,EAAC,GAAG,IAAuB,CAAC;QAC5C,OAAO,IAAI,CAAA;;uBAEQ,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;uBACjC,SAAS,IAAI,OAAO;YAC/B,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;;;UAGxB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC;UACxC,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,UAAU,EAAE;UACjB,IAAI,CAAC,WAAW,EAAE;gBACZ,CAAC;IACf,CAAC;IAES,gBAAgB;QACxB,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAChC,OAAO;YACL,SAAS,EAAE,IAAI,CAAC,OAAO;YACvB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,UAAU;YAC7C,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,UAAU;YAC7C,UAAU,EAAE,UAAU;SACvB,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC,CAAC;YACR,IAAI,CAAA,kCAAkC,CAAC;IAC1E,CAAC;IAEO,WAAW;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAA;;cAED,CAAC;IACb,CAAC;;;AAlFD;IACE,yBAAyB,CAAC,EAAI,CAAC,CAAC;AAClC,CAAC,GAAA,CAAA;AAEe,2BAAiB,GAAmB;IAClD,IAAI,EAAE,MAAe;IACrB,cAAc,EAAE,IAAI;CACrB,CAAC;AAQU;IAAX,QAAQ,EAAE;uCAA0B;AAKzB;IAAX,QAAQ,EAAE;wCAAY;AAMI;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;0CAAiB;AAKhB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;qDAA4B;AAE7C;IAAR,KAAK,EAAE;6CAA4B;AAEX;IAAxB,UAAU,CAAC,WAAW,CAAC;yCAAkD","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, LitElement, nothing} from 'lit';\nimport {property, queryAsync, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {when} from 'lit/directives/when.js';\n\nimport {requestUpdateOnAriaChange} from '../../aria/delegate.js';\nimport {ripple} from '../../ripple/directive.js';\nimport {MdRipple} from '../../ripple/ripple.js';\nimport {ARIAMixinStrict} from '../../types/aria.js';\n\n/**\n * Sizes variants available to non-extended FABs.\n */\nexport type FabSize = 'medium'|'small'|'large';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport abstract class SharedFab extends LitElement {\n static {\n requestUpdateOnAriaChange(this);\n }\n\n static override shadowRootOptions: ShadowRootInit = {\n mode: 'open' as const,\n delegatesFocus: true,\n };\n\n /**\n * The size of the FAB.\n *\n * NOTE: Branded FABs cannot be sized to `small`, and Extended FABs do not\n * have different sizes.\n */\n @property() size: FabSize = 'medium';\n\n /**\n * The text to display on the FAB.\n */\n @property() label = '';\n\n\n /**\n * Lowers the FAB's elevation.\n */\n @property({type: Boolean}) lowered = false;\n\n /**\n * Lowers the FAB's elevation and places it into the `lowered` state.\n */\n @property({type: Boolean}) reducedTouchTarget = false;\n\n @state() private showRipple = false;\n\n @queryAsync('md-ripple') private readonly ripple!: Promise<MdRipple|null>;\n\n private readonly getRipple = () => {\n this.showRipple = true;\n return this.ripple;\n };\n\n protected override render() {\n // Needed for closure conformance\n const {ariaLabel} = this as ARIAMixinStrict;\n return html`\n <button\n class=\"fab ${classMap(this.getRenderClasses())}\"\n aria-label=${ariaLabel || nothing}\n ${ripple(this.getRipple)}>\n <md-elevation></md-elevation>\n <md-focus-ring></md-focus-ring>\n ${when(this.showRipple, this.renderRipple)}\n ${this.renderTouchTarget()}\n ${this.renderIcon()}\n ${this.renderLabel()}\n </button>`;\n }\n\n protected getRenderClasses() {\n const isExtended = !!this.label;\n return {\n 'lowered': this.lowered,\n 'small': this.size === 'small' && !isExtended,\n 'large': this.size === 'large' && !isExtended,\n 'extended': isExtended,\n };\n }\n\n private renderTouchTarget() {\n return this.reducedTouchTarget ? html`` :\n html`<div class=\"touch-target\"></div>`;\n }\n\n private renderLabel() {\n return this.label ? html`<span class=\"label\">${this.label}</span>` : '';\n }\n\n private renderIcon() {\n return html`<span class=\"icon\">\n <slot name=\"icon\"></slot>\n </span>`;\n }\n\n private readonly renderRipple = () => {\n return html`<md-ripple class=\"ripple\"></md-ripple>`;\n };\n}\n"]}
|
package/field/lib/_content.scss
DELETED
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2021 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
|
|
6
|
-
// go/keep-sorted start
|
|
7
|
-
@use 'sass:map';
|
|
8
|
-
@use 'sass:math';
|
|
9
|
-
// go/keep-sorted end
|
|
10
|
-
// go/keep-sorted start
|
|
11
|
-
@use '../../tokens';
|
|
12
|
-
// go/keep-sorted end
|
|
13
|
-
|
|
14
|
-
$_md-sys-motion: tokens.md-sys-motion-values();
|
|
15
|
-
// Duration of the label animation.
|
|
16
|
-
$_label-duration: map.get($_md-sys-motion, 'duration-short3');
|
|
17
|
-
// Duration of the content's visibility animation.
|
|
18
|
-
$_visible-duration: math.round(math.div($_label-duration * 5, 9));
|
|
19
|
-
// Short delay when entering (focusing/populating) so that the label may move
|
|
20
|
-
// out of the way before the content starts to appear.
|
|
21
|
-
$_enter-delay: $_label-duration - $_visible-duration;
|
|
22
|
-
|
|
23
|
-
@mixin styles() {
|
|
24
|
-
.start,
|
|
25
|
-
.middle,
|
|
26
|
-
.end {
|
|
27
|
-
display: flex;
|
|
28
|
-
box-sizing: border-box;
|
|
29
|
-
height: 100%;
|
|
30
|
-
// Relative position for absolutely positioned labels (to avoid interfering
|
|
31
|
-
// with baseline alignment).
|
|
32
|
-
position: relative;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.start {
|
|
36
|
-
color: var(--_leading-content-color);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.end {
|
|
40
|
-
color: var(--_trailing-content-color);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.start,
|
|
44
|
-
.end {
|
|
45
|
-
align-items: center;
|
|
46
|
-
justify-content: center;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// TODO(b/239188049): remove when layout tokens are ready
|
|
50
|
-
.with-start .start,
|
|
51
|
-
.with-end .end {
|
|
52
|
-
min-width: 48px;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.with-start .start {
|
|
56
|
-
margin-inline-end: 4px;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.with-end .end {
|
|
60
|
-
margin-inline-start: 4px;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.middle {
|
|
64
|
-
align-items: stretch;
|
|
65
|
-
// The container of the field aligns sections by "center". Only the middle
|
|
66
|
-
// section opts in to baseline alignment.
|
|
67
|
-
//
|
|
68
|
-
// Labels are absolutely positioned, which leaves only the content as the
|
|
69
|
-
// evaluated baseline for the field.
|
|
70
|
-
//
|
|
71
|
-
// See https://www.w3.org/TR/css-flexbox-1/#baseline-participation
|
|
72
|
-
align-self: baseline;
|
|
73
|
-
flex: 1;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.content {
|
|
77
|
-
// Content elements provided to the field (such as <input>) may use
|
|
78
|
-
// `currentColor` to inherit this property.
|
|
79
|
-
color: var(--_content-color);
|
|
80
|
-
display: flex;
|
|
81
|
-
flex: 1;
|
|
82
|
-
// Content elements provided to the field (such as <input>) may inherit font
|
|
83
|
-
font: var(--_content-type);
|
|
84
|
-
opacity: 0;
|
|
85
|
-
transition: opacity $_visible-duration
|
|
86
|
-
map.get($_md-sys-motion, 'easing-emphasized');
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.no-label .content,
|
|
90
|
-
.focused .content,
|
|
91
|
-
.populated .content {
|
|
92
|
-
opacity: 1;
|
|
93
|
-
transition-delay: $_enter-delay;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
:hover .content {
|
|
97
|
-
color: var(--_hover-content-color);
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
:hover .start {
|
|
101
|
-
color: var(--_hover-leading-content-color);
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
:hover .end {
|
|
105
|
-
color: var(--_hover-trailing-content-color);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.focused .content {
|
|
109
|
-
color: var(--_focus-content-color);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.focused .start {
|
|
113
|
-
color: var(--_focus-leading-content-color);
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.focused .end {
|
|
117
|
-
color: var(--_focus-trailing-content-color);
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.disabled .content {
|
|
121
|
-
color: var(--_disabled-content-color);
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.disabled.no-label .content,
|
|
125
|
-
.disabled.focused .content,
|
|
126
|
-
.disabled.populated .content {
|
|
127
|
-
opacity: var(--_disabled-content-opacity);
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.disabled .start {
|
|
131
|
-
color: var(--_disabled-leading-content-color);
|
|
132
|
-
opacity: var(--_disabled-leading-content-opacity);
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.disabled .end {
|
|
136
|
-
color: var(--_disabled-trailing-content-color);
|
|
137
|
-
opacity: var(--_disabled-trailing-content-opacity);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.error .content {
|
|
141
|
-
color: var(--_error-content-color);
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.error .start {
|
|
145
|
-
color: var(--_error-leading-content-color);
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.error .end {
|
|
149
|
-
color: var(--_error-trailing-content-color);
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.error:hover .content {
|
|
153
|
-
color: var(--_error-hover-content-color);
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.error:hover .start {
|
|
157
|
-
color: var(--_error-hover-leading-content-color);
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.error:hover .end {
|
|
161
|
-
color: var(--_error-hover-trailing-content-color);
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
.error.focused .content {
|
|
165
|
-
color: var(--_error-focus-content-color);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.error.focused .start {
|
|
169
|
-
color: var(--_error-focus-leading-content-color);
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.error.focused .end {
|
|
173
|
-
color: var(--_error-focus-trailing-content-color);
|
|
174
|
-
}
|
|
175
|
-
}
|