@material/web 1.0.0-pre.4 → 1.0.0-pre.6
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 +5 -5
- package/badge/lib/_badge.scss +2 -10
- package/badge/lib/badge-styles.css.js +1 -1
- package/badge/lib/badge-styles.css.js.map +1 -1
- package/button/lib/_elevated-button.scss +5 -30
- package/button/lib/_elevation.scss +8 -29
- package/button/lib/_filled-button.scss +4 -31
- package/button/lib/_icon.scss +1 -0
- package/button/lib/_outlined-button.scss +6 -23
- package/button/lib/_shared.scss +23 -52
- package/button/lib/_text-button.scss +8 -34
- package/button/lib/_tonal-button.scss +5 -28
- package/button/lib/button.d.ts +16 -1
- package/button/lib/button.js +41 -15
- package/button/lib/button.js.map +1 -1
- package/button/lib/elevated-button.d.ts +3 -0
- package/button/lib/elevated-button.js +4 -2
- package/button/lib/elevated-button.js.map +1 -1
- package/button/lib/elevated-styles.css.js +1 -1
- package/button/lib/elevated-styles.css.js.map +1 -1
- package/button/lib/filled-button.d.ts +3 -1
- package/button/lib/filled-button.js +4 -3
- package/button/lib/filled-button.js.map +1 -1
- package/button/lib/filled-styles.css.js +1 -1
- package/button/lib/filled-styles.css.js.map +1 -1
- package/button/lib/outlined-button.d.ts +3 -0
- package/button/lib/outlined-button.js +3 -1
- package/button/lib/outlined-button.js.map +1 -1
- package/button/lib/outlined-styles.css.js +1 -1
- package/button/lib/outlined-styles.css.js.map +1 -1
- package/button/lib/shared-elevation-styles.css.js +1 -1
- package/button/lib/shared-elevation-styles.css.js.map +1 -1
- package/button/lib/shared-styles.css.js +1 -1
- package/button/lib/shared-styles.css.js.map +1 -1
- package/button/lib/text-button.d.ts +3 -0
- package/button/lib/text-button.js +3 -1
- package/button/lib/text-button.js.map +1 -1
- package/button/lib/text-styles.css.js +1 -1
- package/button/lib/text-styles.css.js.map +1 -1
- package/button/lib/tonal-button.d.ts +3 -1
- package/button/lib/tonal-button.js +4 -3
- package/button/lib/tonal-button.js.map +1 -1
- package/button/lib/tonal-styles.css.js +1 -1
- package/button/lib/tonal-styles.css.js.map +1 -1
- package/checkbox/lib/_checkbox.scss +1 -2
- package/checkbox/lib/checkbox-styles.css.js +1 -1
- package/checkbox/lib/checkbox-styles.css.js.map +1 -1
- package/chips/_assist-chip.scss +6 -0
- package/chips/_suggestion-chip.scss +6 -0
- package/chips/assist-chip.d.ts +20 -0
- package/chips/assist-chip.js +24 -0
- package/chips/assist-chip.js.map +1 -0
- package/chips/lib/_assist-chip.scss +27 -0
- package/chips/lib/_shared.scss +213 -0
- package/chips/lib/_suggestion-chip.scss +30 -0
- package/chips/lib/assist-chip.d.ts +11 -0
- package/chips/lib/assist-chip.js +12 -0
- package/chips/lib/assist-chip.js.map +1 -0
- package/chips/lib/assist-styles.css.js +9 -0
- package/chips/lib/assist-styles.css.js.map +1 -0
- package/{menusurface/lib/menu-surface-styles.scss → chips/lib/assist-styles.scss} +3 -3
- package/chips/lib/chip.d.ts +29 -0
- package/chips/lib/chip.js +110 -0
- package/chips/lib/chip.js.map +1 -0
- package/chips/lib/shared-styles.css.js +9 -0
- package/chips/lib/shared-styles.css.js.map +1 -0
- package/{autocomplete → chips}/lib/shared-styles.scss +1 -1
- package/chips/lib/suggestion-chip.d.ts +11 -0
- package/chips/lib/suggestion-chip.js +12 -0
- package/chips/lib/suggestion-chip.js.map +1 -0
- package/chips/lib/suggestion-styles.css.js +9 -0
- package/chips/lib/suggestion-styles.css.js.map +1 -0
- package/{autocomplete/lib/autocompletelist/autocomplete-list-styles.scss → chips/lib/suggestion-styles.scss} +3 -3
- package/chips/suggestion-chip.d.ts +20 -0
- package/chips/suggestion-chip.js +24 -0
- package/chips/suggestion-chip.js.map +1 -0
- package/circularprogress/_circular-progress.scss +6 -0
- package/circularprogress/circular-progress.d.ts +24 -0
- package/circularprogress/circular-progress.js +27 -0
- package/circularprogress/circular-progress.js.map +1 -0
- package/circularprogress/harness.d.ts +12 -0
- package/circularprogress/harness.js +12 -0
- package/circularprogress/harness.js.map +1 -0
- package/circularprogress/lib/_circular-progress.scss +282 -0
- package/circularprogress/lib/circular-progress-styles.css.js +9 -0
- package/circularprogress/lib/circular-progress-styles.css.js.map +1 -0
- package/circularprogress/lib/circular-progress-styles.scss +8 -0
- package/circularprogress/lib/circular-progress.d.ts +29 -0
- package/circularprogress/lib/circular-progress.js +98 -0
- package/circularprogress/lib/circular-progress.js.map +1 -0
- package/dialog/lib/_dialog.scss +5 -8
- package/dialog/lib/_tokens.scss +1 -2
- package/dialog/lib/dialog-styles.css.js +1 -1
- package/dialog/lib/dialog-styles.css.js.map +1 -1
- package/dialog/lib/dialog.js +1 -1
- package/dialog/lib/dialog.js.map +1 -1
- package/elevation/lib/_elevation.scss +14 -69
- package/elevation/lib/elevation-styles.css.js +1 -1
- package/elevation/lib/elevation-styles.css.js.map +1 -1
- package/elevation/lib/elevation.d.ts +0 -8
- package/elevation/lib/elevation.js +1 -25
- package/elevation/lib/elevation.js.map +1 -1
- package/fab/lib/_fab-extended.scss +3 -10
- package/fab/lib/_fab.scss +0 -3
- package/fab/lib/_shared.scss +19 -44
- package/fab/lib/fab-extended-styles.css.js +1 -1
- package/fab/lib/fab-extended-styles.css.js.map +1 -1
- package/fab/lib/fab-shared-styles.css.js +1 -1
- package/fab/lib/fab-shared-styles.css.js.map +1 -1
- package/fab/lib/fab-shared.d.ts +0 -1
- package/fab/lib/fab-shared.js +2 -8
- package/fab/lib/fab-shared.js.map +1 -1
- package/fab/lib/fab-styles.css.js +1 -1
- package/fab/lib/fab-styles.css.js.map +1 -1
- package/field/lib/field.d.ts +4 -1
- package/field/lib/field.js +7 -0
- package/field/lib/field.js.map +1 -1
- package/field/lib/filled-styles.css.js +1 -1
- package/field/lib/filled-styles.css.js.map +1 -1
- package/field/lib/outlined-styles.css.js +1 -1
- package/field/lib/outlined-styles.css.js.map +1 -1
- package/focus/lib/_focus-ring.scss +30 -14
- package/focus/lib/focus-ring-styles.css.js +1 -1
- package/focus/lib/focus-ring-styles.css.js.map +1 -1
- package/focus/strong-focus.d.ts +11 -0
- package/focus/strong-focus.js +11 -1
- package/focus/strong-focus.js.map +1 -1
- package/iconbutton/filled-icon-button.js +1 -0
- package/iconbutton/filled-icon-button.js.map +1 -1
- package/iconbutton/filled-tonal-icon-button.js +1 -0
- package/iconbutton/filled-tonal-icon-button.js.map +1 -1
- package/iconbutton/harness.d.ts +1 -2
- package/iconbutton/harness.js.map +1 -1
- package/iconbutton/lib/_filled-icon-button.scss +1 -12
- package/iconbutton/lib/_filled-tonal-icon-button.scss +1 -12
- package/iconbutton/lib/_outlined-icon-button.scss +1 -13
- package/iconbutton/lib/_shared.scss +10 -6
- package/iconbutton/lib/_standard-icon-button.scss +5 -12
- package/iconbutton/lib/filled-styles.css.js +1 -1
- package/iconbutton/lib/filled-styles.css.js.map +1 -1
- package/iconbutton/lib/filled-tonal-styles.css.js +1 -1
- package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -1
- package/iconbutton/lib/icon-button.d.ts +33 -2
- package/iconbutton/lib/icon-button.js +104 -18
- package/iconbutton/lib/icon-button.js.map +1 -1
- package/iconbutton/lib/outlined-styles.css.js +1 -1
- package/iconbutton/lib/outlined-styles.css.js.map +1 -1
- package/iconbutton/lib/shared-styles.css.js +1 -1
- package/iconbutton/lib/shared-styles.css.js.map +1 -1
- package/iconbutton/lib/standard-styles.css.js +1 -1
- package/iconbutton/lib/standard-styles.css.js.map +1 -1
- package/list/harness.d.ts +1 -0
- package/list/harness.js +1 -0
- package/list/harness.js.map +1 -1
- package/list/lib/_list.scss +15 -9
- package/list/lib/list-styles.css.js +1 -1
- package/list/lib/list-styles.css.js.map +1 -1
- package/list/lib/list.js +2 -0
- package/list/lib/list.js.map +1 -1
- package/list/lib/listitem/_list-item.scss +50 -57
- package/list/lib/listitem/forced-colors-styles.css.js +9 -0
- package/list/lib/listitem/forced-colors-styles.css.js.map +1 -0
- package/list/lib/listitem/forced-colors-styles.scss +23 -0
- package/list/lib/listitem/list-item-styles.css.js +1 -1
- package/list/lib/listitem/list-item-styles.css.js.map +1 -1
- package/list/lib/listitem/list-item.d.ts +4 -3
- package/list/lib/listitem/list-item.js +7 -4
- package/list/lib/listitem/list-item.js.map +1 -1
- package/list/list-item-link.js +2 -1
- package/list/list-item-link.js.map +1 -1
- package/list/list-item.js +2 -1
- package/list/list-item.js.map +1 -1
- package/menu/harness.d.ts +1 -0
- package/menu/harness.js +1 -0
- package/menu/harness.js.map +1 -1
- package/menu/lib/_menu.scss +11 -19
- package/menu/lib/forced-colors-styles.css.js +9 -0
- package/menu/lib/forced-colors-styles.css.js.map +1 -0
- package/menu/lib/forced-colors-styles.scss +12 -0
- package/menu/lib/menu-styles.css.js +1 -1
- package/menu/lib/menu-styles.css.js.map +1 -1
- package/menu/lib/menu.d.ts +34 -10
- package/menu/lib/menu.js +116 -30
- package/menu/lib/menu.js.map +1 -1
- package/menu/lib/menuitem/_menu-item.scss +5 -11
- package/menu/lib/menuitem/forced-colors-styles.css.js +9 -0
- package/menu/lib/menuitem/forced-colors-styles.css.js.map +1 -0
- package/menu/lib/menuitem/forced-colors-styles.scss +22 -0
- package/menu/lib/menuitem/menu-item-styles.css.js +1 -1
- package/menu/lib/menuitem/menu-item-styles.css.js.map +1 -1
- package/menu/lib/menuitem/menu-item.js +1 -1
- package/menu/lib/menuitem/menu-item.js.map +1 -1
- package/menu/lib/menuitemlink/menu-item-link.js +2 -1
- package/menu/lib/menuitemlink/menu-item-link.js.map +1 -1
- package/menu/lib/shared.d.ts +26 -0
- package/menu/lib/shared.js +39 -0
- package/menu/lib/shared.js.map +1 -1
- package/menu/lib/submenuitem/sub-menu-item.d.ts +8 -0
- package/menu/lib/submenuitem/sub-menu-item.js +21 -2
- package/menu/lib/submenuitem/sub-menu-item.js.map +1 -1
- package/menu/lib/surfacePositionController.d.ts +10 -2
- package/menu/lib/surfacePositionController.js +6 -2
- package/menu/lib/surfacePositionController.js.map +1 -1
- package/menu/lib/typeaheadController.d.ts +15 -2
- package/menu/lib/typeaheadController.js +27 -17
- package/menu/lib/typeaheadController.js.map +1 -1
- package/menu/menu-item-link.js +3 -1
- package/menu/menu-item-link.js.map +1 -1
- package/menu/menu-item.js +4 -2
- package/menu/menu-item.js.map +1 -1
- package/menu/menu.js +2 -1
- package/menu/menu.js.map +1 -1
- package/menu/sub-menu-item.js +3 -1
- package/menu/sub-menu-item.js.map +1 -1
- package/navigationbar/lib/_navigation-bar.scss +4 -10
- package/navigationbar/lib/navigation-bar-styles.css.js +1 -1
- package/navigationbar/lib/navigation-bar-styles.css.js.map +1 -1
- package/navigationbar/lib/navigation-bar.js +2 -2
- package/navigationbar/lib/navigation-bar.js.map +1 -1
- package/navigationdrawer/lib/_navigation-drawer-modal.scss +10 -14
- package/navigationdrawer/lib/_navigation-drawer.scss +9 -17
- package/navigationdrawer/lib/_shared.scss +0 -9
- package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +1 -1
- package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +1 -1
- package/navigationdrawer/lib/navigation-drawer-styles.css.js +1 -1
- package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +1 -1
- package/navigationdrawer/lib/navigation-drawer.js +1 -1
- package/navigationdrawer/lib/navigation-drawer.js.map +1 -1
- package/navigationtab/lib/_navigation-tab.scss +4 -10
- package/navigationtab/lib/navigation-tab-styles.css.js +1 -1
- package/navigationtab/lib/navigation-tab-styles.css.js.map +1 -1
- package/package.json +2 -1
- package/radio/lib/_radio.scss +1 -2
- package/radio/lib/radio-styles.css.js +1 -1
- package/radio/lib/radio-styles.css.js.map +1 -1
- package/ripple/lib/_md-comp-ripple.scss +3 -3
- package/ripple/lib/ripple-styles.css.js +1 -1
- package/ripple/lib/ripple-styles.css.js.map +1 -1
- package/segmentedbutton/lib/_shared.scss +0 -2
- package/segmentedbutton/lib/outlined-styles.css.js +1 -1
- package/segmentedbutton/lib/outlined-styles.css.js.map +1 -1
- package/segmentedbuttonset/lib/outlined-styles.css.js +1 -1
- package/segmentedbuttonset/lib/outlined-styles.css.js.map +1 -1
- package/slider/lib/_slider.scss +2 -11
- package/slider/lib/_tokens.scss +7 -8
- package/slider/lib/slider-styles.css.js +1 -1
- package/slider/lib/slider-styles.css.js.map +1 -1
- package/slider/lib/slider.js +1 -1
- package/slider/lib/slider.js.map +1 -1
- package/switch/lib/switch-styles.css.js +1 -1
- package/switch/lib/switch-styles.css.js.map +1 -1
- package/textfield/lib/_filled-text-field.scss +1 -7
- package/textfield/lib/_outlined-text-field.scss +1 -7
- package/textfield/lib/filled-styles.css.js +1 -1
- package/textfield/lib/filled-styles.css.js.map +1 -1
- package/textfield/lib/outlined-styles.css.js +1 -1
- package/textfield/lib/outlined-styles.css.js.map +1 -1
- package/tokens/_index.scss +104 -2
- package/tokens/_md-comp-assist-chip.scss +123 -0
- package/tokens/_md-comp-badge.scss +41 -0
- package/tokens/_md-comp-banner.scss +23 -0
- package/tokens/_md-comp-bottom-app-bar.scss +21 -0
- package/tokens/_md-comp-carousel-item.scss +23 -0
- package/tokens/_md-comp-checkbox.scss +21 -0
- package/tokens/_md-comp-circular-progress-indicator.scss +37 -0
- package/tokens/_md-comp-data-table.scss +23 -0
- package/tokens/_md-comp-date-input-modal.scss +23 -0
- package/tokens/_md-comp-date-picker-docked.scss +25 -0
- package/tokens/_md-comp-date-picker-modal.scss +25 -0
- package/tokens/_md-comp-dialog.scss +52 -0
- package/tokens/_md-comp-divider.scss +17 -0
- package/tokens/_md-comp-elevated-button.scss +118 -0
- package/tokens/_md-comp-elevated-card.scss +23 -0
- package/tokens/_md-comp-elevation.scss +28 -0
- package/tokens/_md-comp-extended-fab-branded.scss +45 -0
- package/tokens/_md-comp-extended-fab-primary.scss +45 -0
- package/tokens/_md-comp-extended-fab-secondary.scss +48 -0
- package/tokens/_md-comp-extended-fab-surface.scss +45 -0
- package/tokens/_md-comp-extended-fab-tertiary.scss +48 -0
- package/tokens/_md-comp-fab-branded-large.scss +23 -0
- package/tokens/_md-comp-fab-branded.scss +23 -0
- package/tokens/_md-comp-fab-primary-large.scss +23 -0
- package/tokens/_md-comp-fab-primary-small.scss +23 -0
- package/tokens/_md-comp-fab-primary.scss +23 -0
- package/tokens/_md-comp-fab-secondary-large.scss +23 -0
- package/tokens/_md-comp-fab-secondary-small.scss +23 -0
- package/tokens/_md-comp-fab-secondary.scss +23 -0
- package/tokens/_md-comp-fab-surface-large.scss +23 -0
- package/tokens/_md-comp-fab-surface-small.scss +23 -0
- package/tokens/_md-comp-fab-surface.scss +23 -0
- package/tokens/_md-comp-fab-tertiary-large.scss +23 -0
- package/tokens/_md-comp-fab-tertiary-small.scss +23 -0
- package/tokens/_md-comp-fab-tertiary.scss +23 -0
- package/tokens/_md-comp-filled-autocomplete.scss +25 -0
- package/tokens/_md-comp-filled-button.scss +118 -0
- package/tokens/_md-comp-filled-card.scss +23 -0
- package/tokens/_md-comp-filled-icon-button.scss +21 -0
- package/tokens/_md-comp-filled-menu-button.scss +25 -0
- package/tokens/_md-comp-filled-select.scss +25 -0
- package/tokens/_md-comp-filled-text-field.scss +55 -0
- package/tokens/_md-comp-filled-tonal-button.scss +119 -0
- package/tokens/_md-comp-filled-tonal-icon-button.scss +24 -0
- package/tokens/_md-comp-filter-chip.scss +228 -0
- package/tokens/_md-comp-focus-ring.scss +46 -0
- package/tokens/_md-comp-full-screen-dialog.scss +25 -0
- package/tokens/_md-comp-icon-button.scss +21 -0
- package/tokens/_md-comp-input-chip.scss +221 -0
- package/tokens/_md-comp-linear-progress-indicator.scss +22 -0
- package/tokens/_md-comp-list.scss +75 -0
- package/tokens/_md-comp-menu.scss +21 -0
- package/tokens/_md-comp-navigation-bar.scss +25 -0
- package/tokens/_md-comp-navigation-drawer.scss +25 -0
- package/tokens/_md-comp-navigation-rail.scss +25 -0
- package/tokens/_md-comp-outlined-autocomplete.scss +28 -0
- package/tokens/_md-comp-outlined-button.scss +114 -0
- package/tokens/_md-comp-outlined-card.scss +23 -0
- package/tokens/_md-comp-outlined-icon-button.scss +21 -0
- package/tokens/_md-comp-outlined-menu-button.scss +23 -0
- package/tokens/_md-comp-outlined-segmented-button.scss +47 -0
- package/tokens/_md-comp-outlined-select.scss +25 -0
- package/tokens/_md-comp-outlined-text-field.scss +53 -0
- package/tokens/_md-comp-plain-tooltip.scss +21 -0
- package/tokens/_md-comp-primary-navigation-tab.scss +50 -0
- package/tokens/_md-comp-radio-button.scss +19 -0
- package/tokens/_md-comp-rich-tooltip.scss +25 -0
- package/tokens/_md-comp-scrim.scss +17 -0
- package/tokens/_md-comp-search-bar.scss +25 -0
- package/tokens/_md-comp-search-view.scss +23 -0
- package/tokens/_md-comp-secondary-navigation-tab.scss +49 -0
- package/tokens/_md-comp-sheet-bottom.scss +21 -0
- package/tokens/_md-comp-sheet-floating.scss +21 -0
- package/tokens/_md-comp-sheet-side.scss +25 -0
- package/tokens/_md-comp-slider.scss +47 -0
- package/tokens/_md-comp-snackbar.scss +25 -0
- package/tokens/_md-comp-standard-menu-button.scss +23 -0
- package/tokens/_md-comp-suggestion-chip.scss +123 -0
- package/tokens/_md-comp-switch.scss +21 -0
- package/tokens/_md-comp-test-table.scss +31 -0
- package/tokens/_md-comp-text-button.scss +107 -0
- package/tokens/_md-comp-time-input.scss +25 -0
- package/tokens/_md-comp-time-picker.scss +25 -0
- package/tokens/_md-comp-top-app-bar-large.scss +23 -0
- package/tokens/_md-comp-top-app-bar-medium.scss +23 -0
- package/tokens/_md-comp-top-app-bar-small-centered.scss +26 -0
- package/tokens/_md-comp-top-app-bar-small.scss +23 -0
- package/tokens/_md-ref-palette.scss +12 -0
- package/tokens/_md-ref-typeface.scss +34 -0
- package/tokens/_md-sys-color.scss +25 -0
- package/tokens/_md-sys-elevation.scss +30 -0
- package/tokens/_md-sys-motion.scss +12 -0
- package/tokens/_md-sys-shape.scss +12 -0
- package/tokens/_md-sys-state.scss +12 -0
- package/tokens/_md-sys-typescale.scss +51 -0
- package/tokens/_values.scss +111 -0
- package/tokens/{v0_161 → v0_172}/_md-comp-assist-chip.scss +3 -4
- package/tokens/{v0_160 → v0_172}/_md-comp-badge.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-banner.scss +2 -4
- package/tokens/{v0_160 → v0_172}/_md-comp-bottom-app-bar.scss +3 -5
- package/tokens/{v0_160 → v0_172}/_md-comp-carousel-item.scss +1 -3
- package/tokens/{v0_161 → v0_172}/_md-comp-checkbox.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-circular-progress-indicator.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-data-table.scss +2 -2
- package/tokens/{v0_161 → v0_172}/_md-comp-date-input-modal.scss +2 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-docked.scss +2 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-modal.scss +2 -4
- package/tokens/{v0_160 → v0_172}/_md-comp-dialog.scss +2 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-divider.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-elevated-button.scss +2 -4
- package/tokens/{v0_160 → v0_172}/_md-comp-elevated-card.scss +2 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-branded.scss +4 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-primary.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-extended-fab-secondary.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-surface.scss +4 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-tertiary.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-fab-branded-large.scss +4 -4
- package/tokens/{v0_160 → v0_172}/_md-comp-fab-branded.scss +4 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary-large.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary-small.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-fab-primary.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary-large.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary-small.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-fab-secondary.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-fab-surface-large.scss +4 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface-small.scss +4 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface.scss +4 -4
- package/tokens/{v0_160 → v0_172}/_md-comp-fab-tertiary-large.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-fab-tertiary-small.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-fab-tertiary.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-filled-autocomplete.scss +4 -6
- package/tokens/{v0_161 → v0_172}/_md-comp-filled-button.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-filled-card.scss +3 -2
- package/tokens/{v0_161 → v0_172}/_md-comp-filled-icon-button.scss +2 -2
- package/tokens/{v0_161 → v0_172}/_md-comp-filled-menu-button.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-filled-select.scss +4 -6
- package/tokens/{v0_161 → v0_172}/_md-comp-filled-text-field.scss +3 -2
- package/tokens/{v0_161 → v0_172}/_md-comp-filled-tonal-button.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-filled-tonal-icon-button.scss +2 -2
- package/tokens/{v0_160 → v0_172}/_md-comp-filter-chip.scss +2 -4
- package/tokens/{v0_160 → v0_172}/_md-comp-full-screen-dialog.scss +3 -3
- package/tokens/{v0_160 → v0_172}/_md-comp-icon-button.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-input-chip.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-linear-progress-indicator.scss +2 -2
- package/tokens/{v0_160 → v0_172}/_md-comp-list.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-menu.scss +3 -5
- package/tokens/{v0_161 → v0_172}/_md-comp-navigation-bar.scss +2 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-navigation-drawer.scss +4 -4
- package/tokens/{v0_160/_md-comp-navigation-bar.scss → v0_172/_md-comp-navigation-rail.scss} +9 -7
- package/tokens/{v0_160 → v0_172}/_md-comp-outlined-autocomplete.scss +4 -6
- package/tokens/{v0_161 → v0_172}/_md-comp-outlined-button.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-outlined-card.scss +1 -3
- package/tokens/{v0_161 → v0_172}/_md-comp-outlined-icon-button.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-outlined-menu-button.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-outlined-segmented-button.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-outlined-select.scss +4 -6
- package/tokens/{v0_161 → v0_172}/_md-comp-outlined-text-field.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-plain-tooltip.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-primary-navigation-tab.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-radio-button.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-rich-tooltip.scss +3 -5
- package/tokens/{v0_160 → v0_172}/_md-comp-scrim.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-search-bar.scss +2 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-search-view.scss +2 -4
- package/tokens/{v0_160 → v0_172}/_md-comp-secondary-navigation-tab.scss +3 -3
- package/tokens/{v0_160 → v0_172}/_md-comp-sheet-bottom.scss +3 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-sheet-floating.scss +3 -5
- package/tokens/{v0_161 → v0_172}/_md-comp-sheet-side.scss +4 -4
- package/tokens/{v0_160 → v0_172}/_md-comp-slider.scss +3 -2
- package/tokens/{v0_161 → v0_172}/_md-comp-snackbar.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-standard-menu-button.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-suggestion-chip.scss +3 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-switch.scss +13 -11
- package/tokens/{v0_161 → v0_172}/_md-comp-text-button.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-time-input.scss +3 -4
- package/tokens/{v0_160 → v0_172}/_md-comp-time-picker.scss +5 -5
- package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-large.scss +1 -3
- package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-medium.scss +1 -3
- package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-small-centered.scss +3 -1
- package/tokens/{v0_160 → v0_172}/_md-comp-top-app-bar-small.scss +3 -3
- package/tokens/{v0_161 → v0_172}/_md-ref-palette.scss +23 -23
- package/tokens/{v0_161 → v0_172}/_md-ref-typeface.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-sys-color.scss +9 -9
- package/tokens/{v0_160 → v0_172}/_md-sys-elevation.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-sys-motion.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-sys-shape.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-sys-state.scss +1 -1
- package/tokens/{v0_160 → v0_172}/_md-sys-typescale.scss +1 -1
- package/autocomplete/_filled-autocomplete.scss +0 -6
- package/autocomplete/_outlined-autocomplete.scss +0 -6
- package/autocomplete/autocomplete-item.d.ts +0 -19
- package/autocomplete/autocomplete-item.js +0 -22
- package/autocomplete/autocomplete-item.js.map +0 -1
- package/autocomplete/autocomplete-list.d.ts +0 -19
- package/autocomplete/autocomplete-list.js +0 -23
- package/autocomplete/autocomplete-list.js.map +0 -1
- package/autocomplete/autocomplete-surface.d.ts +0 -19
- package/autocomplete/autocomplete-surface.js +0 -23
- package/autocomplete/autocomplete-surface.js.map +0 -1
- package/autocomplete/filled-autocomplete.d.ts +0 -28
- package/autocomplete/filled-autocomplete.js +0 -46
- package/autocomplete/filled-autocomplete.js.map +0 -1
- package/autocomplete/lib/_filled-autocomplete.scss +0 -189
- package/autocomplete/lib/_outlined-autocomplete.scss +0 -178
- package/autocomplete/lib/_shared.scss +0 -25
- package/autocomplete/lib/autocomplete.d.ts +0 -54
- package/autocomplete/lib/autocomplete.js +0 -265
- package/autocomplete/lib/autocomplete.js.map +0 -1
- package/autocomplete/lib/autocompleteitem/autocomplete-item.d.ts +0 -11
- package/autocomplete/lib/autocompleteitem/autocomplete-item.js +0 -14
- package/autocomplete/lib/autocompleteitem/autocomplete-item.js.map +0 -1
- package/autocomplete/lib/autocompleteitem/harness.d.ts +0 -11
- package/autocomplete/lib/autocompleteitem/harness.js +0 -12
- package/autocomplete/lib/autocompleteitem/harness.js.map +0 -1
- package/autocomplete/lib/autocompletelist/_autocomplete-list.scss +0 -13
- package/autocomplete/lib/autocompletelist/autocomplete-list-styles.css.js +0 -9
- package/autocomplete/lib/autocompletelist/autocomplete-list-styles.css.js.map +0 -1
- package/autocomplete/lib/autocompletelist/autocomplete-list.d.ts +0 -14
- package/autocomplete/lib/autocompletelist/autocomplete-list.js +0 -21
- package/autocomplete/lib/autocompletelist/autocomplete-list.js.map +0 -1
- package/autocomplete/lib/autocompletelist/harness.d.ts +0 -11
- package/autocomplete/lib/autocompletelist/harness.js +0 -12
- package/autocomplete/lib/autocompletelist/harness.js.map +0 -1
- package/autocomplete/lib/autocompletesurface/_autocomplete-surface.scss +0 -13
- package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.js +0 -9
- package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.js.map +0 -1
- package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.scss +0 -10
- package/autocomplete/lib/autocompletesurface/autocomplete-surface.d.ts +0 -13
- package/autocomplete/lib/autocompletesurface/autocomplete-surface.js +0 -21
- package/autocomplete/lib/autocompletesurface/autocomplete-surface.js.map +0 -1
- package/autocomplete/lib/filled-styles.css.js +0 -9
- package/autocomplete/lib/filled-styles.css.js.map +0 -1
- package/autocomplete/lib/filled-styles.scss +0 -10
- package/autocomplete/lib/outlined-styles.css.js +0 -9
- package/autocomplete/lib/outlined-styles.css.js.map +0 -1
- package/autocomplete/lib/outlined-styles.scss +0 -10
- package/autocomplete/lib/shared-styles.css.js +0 -9
- package/autocomplete/lib/shared-styles.css.js.map +0 -1
- package/autocomplete/outlined-autocomplete.d.ts +0 -28
- package/autocomplete/outlined-autocomplete.js +0 -46
- package/autocomplete/outlined-autocomplete.js.map +0 -1
- package/button/elevated-link-button.d.ts +0 -36
- package/button/elevated-link-button.js +0 -41
- package/button/elevated-link-button.js.map +0 -1
- package/button/filled-link-button.d.ts +0 -34
- package/button/filled-link-button.js +0 -39
- package/button/filled-link-button.js.map +0 -1
- package/button/lib/elevated-link-button.d.ts +0 -13
- package/button/lib/elevated-link-button.js +0 -21
- package/button/lib/elevated-link-button.js.map +0 -1
- package/button/lib/filled-link-button.d.ts +0 -14
- package/button/lib/filled-link-button.js +0 -22
- package/button/lib/filled-link-button.js.map +0 -1
- package/button/lib/link-button.d.ts +0 -24
- package/button/lib/link-button.js +0 -59
- package/button/lib/link-button.js.map +0 -1
- package/button/lib/outlined-link-button.d.ts +0 -12
- package/button/lib/outlined-link-button.js +0 -20
- package/button/lib/outlined-link-button.js.map +0 -1
- package/button/lib/text-link-button.d.ts +0 -10
- package/button/lib/text-link-button.js +0 -16
- package/button/lib/text-link-button.js.map +0 -1
- package/button/lib/tonal-link-button.d.ts +0 -14
- package/button/lib/tonal-link-button.js +0 -22
- package/button/lib/tonal-link-button.js.map +0 -1
- package/button/outlined-link-button.d.ts +0 -36
- package/button/outlined-link-button.js +0 -40
- package/button/outlined-link-button.js.map +0 -1
- package/button/text-link-button.d.ts +0 -34
- package/button/text-link-button.js +0 -38
- package/button/text-link-button.js.map +0 -1
- package/button/tonal-link-button.d.ts +0 -35
- package/button/tonal-link-button.js +0 -40
- package/button/tonal-link-button.js.map +0 -1
- package/chips/action/delete-action.d.ts +0 -18
- package/chips/action/delete-action.js +0 -20
- package/chips/action/delete-action.js.map +0 -1
- package/chips/action/lib/action.d.ts +0 -47
- package/chips/action/lib/action.js +0 -162
- package/chips/action/lib/action.js.map +0 -1
- package/chips/action/lib/constants.d.ts +0 -62
- package/chips/action/lib/constants.js +0 -69
- package/chips/action/lib/constants.js.map +0 -1
- package/chips/action/lib/delete-action.d.ts +0 -20
- package/chips/action/lib/delete-action.js +0 -65
- package/chips/action/lib/delete-action.js.map +0 -1
- package/chips/action/lib/events.d.ts +0 -14
- package/chips/action/lib/events.js +0 -16
- package/chips/action/lib/events.js.map +0 -1
- package/chips/action/lib/link-action.d.ts +0 -19
- package/chips/action/lib/link-action.js +0 -55
- package/chips/action/lib/link-action.js.map +0 -1
- package/chips/action/lib/presentational-action.d.ts +0 -15
- package/chips/action/lib/presentational-action.js +0 -30
- package/chips/action/lib/presentational-action.js.map +0 -1
- package/chips/action/lib/primary-action.d.ts +0 -28
- package/chips/action/lib/primary-action.js +0 -88
- package/chips/action/lib/primary-action.js.map +0 -1
- package/chips/action/lib/selectable-action.d.ts +0 -17
- package/chips/action/lib/selectable-action.js +0 -67
- package/chips/action/lib/selectable-action.js.map +0 -1
- package/chips/action/lib/types.d.ts +0 -23
- package/chips/action/lib/types.js +0 -7
- package/chips/action/lib/types.js.map +0 -1
- package/chips/action/link-action.d.ts +0 -18
- package/chips/action/link-action.js +0 -20
- package/chips/action/link-action.js.map +0 -1
- package/chips/action/presentational-action.d.ts +0 -18
- package/chips/action/presentational-action.js +0 -20
- package/chips/action/presentational-action.js.map +0 -1
- package/chips/action/primary-action.d.ts +0 -18
- package/chips/action/primary-action.js +0 -20
- package/chips/action/primary-action.js.map +0 -1
- package/chips/action/selectable-action.d.ts +0 -18
- package/chips/action/selectable-action.js +0 -20
- package/chips/action/selectable-action.js.map +0 -1
- package/chips/chip/lib/_assist-chip-theme.scss +0 -99
- package/chips/chip/lib/_chip-theme.scss +0 -1285
- package/chips/chip/lib/_chip.scss +0 -444
- package/chips/chip/lib/_filter-chip-theme.scss +0 -130
- package/chips/chip/lib/_input-chip-theme.scss +0 -91
- package/chips/chip/lib/_suggestion-chip-theme.scss +0 -92
- package/chips/chip/lib/action-chip.d.ts +0 -18
- package/chips/chip/lib/action-chip.js +0 -39
- package/chips/chip/lib/action-chip.js.map +0 -1
- package/chips/chip/lib/adapter.d.ts +0 -50
- package/chips/chip/lib/adapter.js +0 -7
- package/chips/chip/lib/adapter.js.map +0 -1
- package/chips/chip/lib/animationframe.d.ts +0 -31
- package/chips/chip/lib/animationframe.js +0 -66
- package/chips/chip/lib/animationframe.js.map +0 -1
- package/chips/chip/lib/chip.d.ts +0 -43
- package/chips/chip/lib/chip.js +0 -134
- package/chips/chip/lib/chip.js.map +0 -1
- package/chips/chip/lib/constants.d.ts +0 -43
- package/chips/chip/lib/constants.js +0 -48
- package/chips/chip/lib/constants.js.map +0 -1
- package/chips/chip/lib/foundation.d.ts +0 -41
- package/chips/chip/lib/foundation.js +0 -255
- package/chips/chip/lib/foundation.js.map +0 -1
- package/chips/chip/lib/link-chip.d.ts +0 -21
- package/chips/chip/lib/link-chip.js +0 -53
- package/chips/chip/lib/link-chip.js.map +0 -1
- package/chips/chip/lib/presentational-chip.d.ts +0 -18
- package/chips/chip/lib/presentational-chip.js +0 -39
- package/chips/chip/lib/presentational-chip.js.map +0 -1
- package/chips/chip/lib/selectable-chip.d.ts +0 -22
- package/chips/chip/lib/selectable-chip.js +0 -57
- package/chips/chip/lib/selectable-chip.js.map +0 -1
- package/chips/chip/lib/types.d.ts +0 -42
- package/chips/chip/lib/types.js +0 -7
- package/chips/chip/lib/types.js.map +0 -1
- package/chips/chipset/lib/_chip-set-theme.scss +0 -50
- package/chips/chipset/lib/_chip-set.scss +0 -48
- package/chips/chipset/lib/adapter.d.ts +0 -45
- package/chips/chipset/lib/adapter.js +0 -7
- package/chips/chipset/lib/adapter.js.map +0 -1
- package/chips/chipset/lib/constants.d.ts +0 -26
- package/chips/chipset/lib/constants.js +0 -30
- package/chips/chipset/lib/constants.js.map +0 -1
- package/chips/chipset/lib/foundation.d.ts +0 -68
- package/chips/chipset/lib/foundation.js +0 -314
- package/chips/chipset/lib/foundation.js.map +0 -1
- package/chips/chipset/lib/types.d.ts +0 -41
- package/chips/chipset/lib/types.js +0 -7
- package/chips/chipset/lib/types.js.map +0 -1
- package/elevation/lib/_md-comp-elevation.scss +0 -27
- package/focus/lib/_md-comp-focus-ring.scss +0 -31
- package/iconbutton/filled-icon-button-toggle.d.ts +0 -31
- package/iconbutton/filled-icon-button-toggle.js +0 -40
- package/iconbutton/filled-icon-button-toggle.js.map +0 -1
- package/iconbutton/filled-link-icon-button.d.ts +0 -31
- package/iconbutton/filled-link-icon-button.js +0 -39
- package/iconbutton/filled-link-icon-button.js.map +0 -1
- package/iconbutton/filled-tonal-icon-button-toggle.d.ts +0 -31
- package/iconbutton/filled-tonal-icon-button-toggle.js +0 -40
- package/iconbutton/filled-tonal-icon-button-toggle.js.map +0 -1
- package/iconbutton/filled-tonal-link-icon-button.d.ts +0 -31
- package/iconbutton/filled-tonal-link-icon-button.js +0 -39
- package/iconbutton/filled-tonal-link-icon-button.js.map +0 -1
- package/iconbutton/lib/icon-button-toggle.d.ts +0 -34
- package/iconbutton/lib/icon-button-toggle.js +0 -87
- package/iconbutton/lib/icon-button-toggle.js.map +0 -1
- package/iconbutton/lib/link-icon-button.d.ts +0 -23
- package/iconbutton/lib/link-icon-button.js +0 -58
- package/iconbutton/lib/link-icon-button.js.map +0 -1
- package/iconbutton/outlined-icon-button-toggle.d.ts +0 -31
- package/iconbutton/outlined-icon-button-toggle.js +0 -39
- package/iconbutton/outlined-icon-button-toggle.js.map +0 -1
- package/iconbutton/outlined-link-icon-button.d.ts +0 -31
- package/iconbutton/outlined-link-icon-button.js +0 -39
- package/iconbutton/outlined-link-icon-button.js.map +0 -1
- package/iconbutton/standard-icon-button-toggle.d.ts +0 -31
- package/iconbutton/standard-icon-button-toggle.js +0 -39
- package/iconbutton/standard-icon-button-toggle.js.map +0 -1
- package/iconbutton/standard-link-icon-button.d.ts +0 -31
- package/iconbutton/standard-link-icon-button.js +0 -39
- package/iconbutton/standard-link-icon-button.js.map +0 -1
- package/menusurface/_menu-surface.scss +0 -6
- package/menusurface/lib/_md-comp-menu-surface.scss +0 -31
- package/menusurface/lib/_menu-surface.scss +0 -122
- package/menusurface/lib/adapter.d.ts +0 -46
- package/menusurface/lib/adapter.js +0 -7
- package/menusurface/lib/adapter.js.map +0 -1
- package/menusurface/lib/constants.d.ts +0 -71
- package/menusurface/lib/constants.js +0 -83
- package/menusurface/lib/constants.js.map +0 -1
- package/menusurface/lib/foundation.d.ts +0 -176
- package/menusurface/lib/foundation.js +0 -544
- package/menusurface/lib/foundation.js.map +0 -1
- package/menusurface/lib/menu-surface-styles.css.js +0 -9
- package/menusurface/lib/menu-surface-styles.css.js.map +0 -1
- package/menusurface/lib/menu-surface.d.ts +0 -62
- package/menusurface/lib/menu-surface.js +0 -347
- package/menusurface/lib/menu-surface.js.map +0 -1
- package/menusurface/lib/types.d.ts +0 -19
- package/menusurface/lib/types.js +0 -7
- package/menusurface/lib/types.js.map +0 -1
- package/menusurface/menu-surface.d.ts +0 -14
- package/menusurface/menu-surface.js +0 -17
- package/menusurface/menu-surface.js.map +0 -1
- package/sass/_elevation.scss +0 -159
- package/sass/_resolvers.scss +0 -16
- package/sass/_typography.scss +0 -39
- package/tokens/v0_160/_md-comp-assist-chip.scss +0 -109
- package/tokens/v0_160/_md-comp-checkbox.scss +0 -126
- package/tokens/v0_160/_md-comp-circular-progress-indicator.scss +0 -39
- package/tokens/v0_160/_md-comp-date-input-modal.scss +0 -89
- package/tokens/v0_160/_md-comp-date-picker-docked.scss +0 -246
- package/tokens/v0_160/_md-comp-date-picker-modal.scss +0 -305
- package/tokens/v0_160/_md-comp-divider.scss +0 -25
- package/tokens/v0_160/_md-comp-extended-fab-branded.scss +0 -86
- package/tokens/v0_160/_md-comp-extended-fab-primary.scss +0 -94
- package/tokens/v0_160/_md-comp-extended-fab-surface.scss +0 -90
- package/tokens/v0_160/_md-comp-extended-fab-tertiary.scss +0 -95
- package/tokens/v0_160/_md-comp-fab-branded-large.scss +0 -60
- package/tokens/v0_160/_md-comp-fab-primary-large.scss +0 -65
- package/tokens/v0_160/_md-comp-fab-primary-small.scss +0 -65
- package/tokens/v0_160/_md-comp-fab-secondary-large.scss +0 -66
- package/tokens/v0_160/_md-comp-fab-secondary-small.scss +0 -66
- package/tokens/v0_160/_md-comp-fab-surface-small.scss +0 -64
- package/tokens/v0_160/_md-comp-fab-surface.scss +0 -64
- package/tokens/v0_160/_md-comp-filled-autocomplete.scss +0 -267
- package/tokens/v0_160/_md-comp-filled-button.scss +0 -89
- package/tokens/v0_160/_md-comp-filled-card.scss +0 -58
- package/tokens/v0_160/_md-comp-filled-icon-button.scss +0 -79
- package/tokens/v0_160/_md-comp-filled-menu-button.scss +0 -98
- package/tokens/v0_160/_md-comp-filled-select.scss +0 -272
- package/tokens/v0_160/_md-comp-filled-text-field.scss +0 -189
- package/tokens/v0_160/_md-comp-filled-tonal-button.scss +0 -99
- package/tokens/v0_160/_md-comp-menu.scss +0 -121
- package/tokens/v0_160/_md-comp-navigation-drawer.scss +0 -162
- package/tokens/v0_160/_md-comp-navigation-rail.scss +0 -131
- package/tokens/v0_160/_md-comp-outlined-button.scss +0 -84
- package/tokens/v0_160/_md-comp-outlined-card.scss +0 -65
- package/tokens/v0_160/_md-comp-outlined-icon-button.scss +0 -79
- package/tokens/v0_160/_md-comp-outlined-text-field.scss +0 -171
- package/tokens/v0_160/_md-comp-plain-tooltip.scss +0 -55
- package/tokens/v0_160/_md-comp-search-bar.scss +0 -99
- package/tokens/v0_160/_md-comp-search-view.scss +0 -93
- package/tokens/v0_160/_md-comp-sheet-floating.scss +0 -34
- package/tokens/v0_160/_md-comp-sheet-side.scss +0 -91
- package/tokens/v0_160/_md-comp-snackbar.scss +0 -127
- package/tokens/v0_160/_md-comp-standard-menu-button.scss +0 -98
- package/tokens/v0_160/_md-comp-suggestion-chip.scss +0 -125
- package/tokens/v0_160/_md-comp-switch.scss +0 -136
- package/tokens/v0_160/_md-comp-text-button.scss +0 -77
- package/tokens/v0_160/_md-comp-top-app-bar-large.scss +0 -63
- package/tokens/v0_160/_md-comp-top-app-bar-medium.scss +0 -63
- package/tokens/v0_160/_md-comp-top-app-bar-small-centered.scss +0 -66
- package/tokens/v0_160/_md-ref-palette.scss +0 -107
- package/tokens/v0_160/_md-ref-typeface.scss +0 -21
- package/tokens/v0_160/_md-sys-color.scss +0 -904
- package/tokens/v0_161/_index.scss +0 -107
- package/tokens/v0_161/_md-comp-badge.scss +0 -58
- package/tokens/v0_161/_md-comp-banner.scss +0 -75
- package/tokens/v0_161/_md-comp-bottom-app-bar.scss +0 -35
- package/tokens/v0_161/_md-comp-carousel-item.scss +0 -65
- package/tokens/v0_161/_md-comp-data-table.scss +0 -96
- package/tokens/v0_161/_md-comp-dialog.scss +0 -123
- package/tokens/v0_161/_md-comp-elevated-button.scss +0 -91
- package/tokens/v0_161/_md-comp-elevated-card.scss +0 -59
- package/tokens/v0_161/_md-comp-extended-fab-secondary.scss +0 -95
- package/tokens/v0_161/_md-comp-fab-branded.scss +0 -60
- package/tokens/v0_161/_md-comp-fab-primary.scss +0 -65
- package/tokens/v0_161/_md-comp-fab-secondary.scss +0 -66
- package/tokens/v0_161/_md-comp-fab-surface-large.scss +0 -64
- package/tokens/v0_161/_md-comp-fab-tertiary-large.scss +0 -66
- package/tokens/v0_161/_md-comp-fab-tertiary-small.scss +0 -66
- package/tokens/v0_161/_md-comp-fab-tertiary.scss +0 -66
- package/tokens/v0_161/_md-comp-filled-tonal-icon-button.scss +0 -86
- package/tokens/v0_161/_md-comp-filter-chip.scss +0 -209
- package/tokens/v0_161/_md-comp-full-screen-dialog.scss +0 -111
- package/tokens/v0_161/_md-comp-icon-button.scss +0 -70
- package/tokens/v0_161/_md-comp-input-chip.scss +0 -184
- package/tokens/v0_161/_md-comp-linear-progress-indicator.scss +0 -41
- package/tokens/v0_161/_md-comp-list.scss +0 -248
- package/tokens/v0_161/_md-comp-navigation-rail.scss +0 -131
- package/tokens/v0_161/_md-comp-outlined-autocomplete.scss +0 -257
- package/tokens/v0_161/_md-comp-outlined-menu-button.scss +0 -94
- package/tokens/v0_161/_md-comp-outlined-segmented-button.scss +0 -112
- package/tokens/v0_161/_md-comp-outlined-select.scss +0 -262
- package/tokens/v0_161/_md-comp-primary-navigation-tab.scss +0 -121
- package/tokens/v0_161/_md-comp-radio-button.scss +0 -68
- package/tokens/v0_161/_md-comp-rich-tooltip.scss +0 -121
- package/tokens/v0_161/_md-comp-scrim.scss +0 -25
- package/tokens/v0_161/_md-comp-secondary-navigation-tab.scss +0 -84
- package/tokens/v0_161/_md-comp-sheet-bottom.scss +0 -45
- package/tokens/v0_161/_md-comp-slider.scss +0 -114
- package/tokens/v0_161/_md-comp-time-input.scss +0 -218
- package/tokens/v0_161/_md-comp-time-picker.scss +0 -264
- package/tokens/v0_161/_md-comp-top-app-bar-small.scss +0 -64
- package/tokens/v0_161/_md-sys-elevation.scss +0 -21
- package/tokens/v0_161/_md-sys-motion.scss +0 -53
- package/tokens/v0_161/_md-sys-shape.scss +0 -30
- package/tokens/v0_161/_md-sys-state.scss +0 -19
- package/tokens/v0_161/_md-sys-typescale.scss +0 -284
- package/tokens/v0_161/index.test.css.js +0 -9
- package/tokens/v0_161/index.test.css.js.map +0 -1
- package/tokens/v0_161/index.test.scss +0 -584
- package/tokens/v0_161/lib.test.css.d.ts +0 -1
- package/tokens/v0_161/lib.test.css.js +0 -9
- package/tokens/v0_161/lib.test.css.js.map +0 -1
- package/tokens/v0_161/lib.test.scss +0 -663
- /package/{autocomplete/lib/autocompletelist/autocomplete-list-styles.css.d.ts → chips/lib/assist-styles.css.d.ts} +0 -0
- /package/{autocomplete → chips}/lib/shared-styles.css.d.ts +0 -0
- /package/{autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.d.ts → chips/lib/suggestion-styles.css.d.ts} +0 -0
- /package/{autocomplete/lib/filled-styles.css.d.ts → circularprogress/lib/circular-progress-styles.css.d.ts} +0 -0
- /package/{autocomplete/lib/outlined-styles.css.d.ts → list/lib/listitem/forced-colors-styles.css.d.ts} +0 -0
- /package/{menusurface/lib/menu-surface-styles.css.d.ts → menu/lib/forced-colors-styles.css.d.ts} +0 -0
- /package/{tokens/v0_160/index.test.css.d.ts → menu/lib/menuitem/forced-colors-styles.css.d.ts} +0 -0
- /package/tokens/{v0_160 → v0_172}/_index.scss +0 -0
- /package/tokens/{v0_161 → v0_172}/index.test.css.d.ts +0 -0
- /package/tokens/{v0_160 → v0_172}/index.test.css.js +0 -0
- /package/tokens/{v0_160 → v0_172}/index.test.css.js.map +0 -0
- /package/tokens/{v0_160 → v0_172}/index.test.scss +0 -0
- /package/tokens/{v0_160 → v0_172}/lib.test.css.d.ts +0 -0
- /package/tokens/{v0_160 → v0_172}/lib.test.css.js +0 -0
- /package/tokens/{v0_160 → v0_172}/lib.test.css.js.map +0 -0
- /package/tokens/{v0_160 → v0_172}/lib.test.scss +0 -0
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TemplateResult } from 'lit';
|
|
7
|
-
import { ClassInfo } from 'lit/directives/class-map.js';
|
|
8
|
-
import { LinkButton } from './link-button.js';
|
|
9
|
-
export declare class OutlinedLinkButton extends LinkButton {
|
|
10
|
-
protected getRenderClasses(): ClassInfo;
|
|
11
|
-
protected renderOutline(): TemplateResult;
|
|
12
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { html } from 'lit';
|
|
7
|
-
import { LinkButton } from './link-button.js';
|
|
8
|
-
// tslint:disable-next-line:enforce-comments-on-exported-symbols
|
|
9
|
-
export class OutlinedLinkButton extends LinkButton {
|
|
10
|
-
getRenderClasses() {
|
|
11
|
-
return {
|
|
12
|
-
...super.getRenderClasses(),
|
|
13
|
-
'md3-button--outlined': true,
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
renderOutline() {
|
|
17
|
-
return html `<span class="md3-button__outline"></span>`;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=outlined-link-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"outlined-link-button.js","sourceRoot":"","sources":["outlined-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAC7B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAEkB,aAAa;QAC9B,OAAO,IAAI,CAAA,2CAA2C,CAAC;IACzD,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class OutlinedLinkButton extends LinkButton {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--outlined': true,\n };\n }\n\n protected override renderOutline(): TemplateResult {\n return html`<span class=\"md3-button__outline\"></span>`;\n }\n}\n"]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { ClassInfo } from 'lit/directives/class-map.js';
|
|
7
|
-
import { LinkButton } from './link-button.js';
|
|
8
|
-
export declare class TextLinkButton extends LinkButton {
|
|
9
|
-
protected getRenderClasses(): ClassInfo;
|
|
10
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { LinkButton } from './link-button.js';
|
|
7
|
-
// tslint:disable-next-line:enforce-comments-on-exported-symbols
|
|
8
|
-
export class TextLinkButton extends LinkButton {
|
|
9
|
-
getRenderClasses() {
|
|
10
|
-
return {
|
|
11
|
-
...super.getRenderClasses(),
|
|
12
|
-
'md3-button--text': true,
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
//# sourceMappingURL=text-link-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-link-button.js","sourceRoot":"","sources":["text-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,cAAe,SAAQ,UAAU;IACzB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,kBAAkB,EAAE,IAAI;SACzB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TextLinkButton extends LinkButton {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--text': true,\n };\n }\n}\n"]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../elevation/elevation.js';
|
|
7
|
-
import { TemplateResult } from 'lit';
|
|
8
|
-
import { ClassInfo } from 'lit/directives/class-map.js';
|
|
9
|
-
import { LinkButton } from './link-button.js';
|
|
10
|
-
export declare class TonalLinkButton extends LinkButton {
|
|
11
|
-
protected getRenderClasses(): ClassInfo;
|
|
12
|
-
/** @soyTemplate */
|
|
13
|
-
protected renderElevation(): TemplateResult;
|
|
14
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../elevation/elevation.js';
|
|
7
|
-
import { html } from 'lit';
|
|
8
|
-
import { LinkButton } from './link-button.js';
|
|
9
|
-
// tslint:disable-next-line:enforce-comments-on-exported-symbols
|
|
10
|
-
export class TonalLinkButton extends LinkButton {
|
|
11
|
-
getRenderClasses() {
|
|
12
|
-
return {
|
|
13
|
-
...super.getRenderClasses(),
|
|
14
|
-
'md3-button--tonal': true,
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
/** @soyTemplate */
|
|
18
|
-
renderElevation() {
|
|
19
|
-
return html `<md-elevation shadow></md-elevation>`;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
//# sourceMappingURL=tonal-link-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tonal-link-button.js","sourceRoot":"","sources":["tonal-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAC1B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,mBAAmB,EAAE,IAAI;SAC1B,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,eAAe;QAChC,OAAO,IAAI,CAAA,sCAAsC,CAAC;IACpD,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TonalLinkButton extends LinkButton {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--tonal': true,\n };\n }\n\n /** @soyTemplate */\n protected override renderElevation(): TemplateResult {\n return html`<md-elevation shadow></md-elevation>`;\n }\n}\n"]}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { OutlinedLinkButton } from './lib/outlined-link-button.js';
|
|
7
|
-
declare global {
|
|
8
|
-
interface HTMLElementTagNameMap {
|
|
9
|
-
'md-outlined-link-button': MdOutlinedLinkButton;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* @summary Buttons help people take action, such as sending an email, sharing a
|
|
14
|
-
* document, or liking a comment. This is a linkable variant.
|
|
15
|
-
*
|
|
16
|
-
* @description
|
|
17
|
-
* __Emphasis:__ Medium emphasis – For important actions that don’t distract
|
|
18
|
-
* from other onscreen elements.
|
|
19
|
-
*
|
|
20
|
-
* __Rationale:__ Use an outlined button for actions that need attention but
|
|
21
|
-
* aren’t the primary action, such as “See all” or “Add to cart.” This is also
|
|
22
|
-
* the button to use for giving someone the opportunity to change their mind or
|
|
23
|
-
* escape a flow.
|
|
24
|
-
*
|
|
25
|
-
* __Example usages:__
|
|
26
|
-
* - Reply
|
|
27
|
-
* - View all
|
|
28
|
-
* - Add to cart
|
|
29
|
-
* - Take out of trash
|
|
30
|
-
*
|
|
31
|
-
* @final
|
|
32
|
-
* @suppress {visibility}
|
|
33
|
-
*/
|
|
34
|
-
export declare class MdOutlinedLinkButton extends OutlinedLinkButton {
|
|
35
|
-
static styles: import("lit").CSSResult[];
|
|
36
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { __decorate } from "tslib";
|
|
7
|
-
import { customElement } from 'lit/decorators.js';
|
|
8
|
-
import { OutlinedLinkButton } from './lib/outlined-link-button.js';
|
|
9
|
-
import { styles as outlinedStyles } from './lib/outlined-styles.css.js';
|
|
10
|
-
import { styles as sharedStyles } from './lib/shared-styles.css.js';
|
|
11
|
-
/**
|
|
12
|
-
* @summary Buttons help people take action, such as sending an email, sharing a
|
|
13
|
-
* document, or liking a comment. This is a linkable variant.
|
|
14
|
-
*
|
|
15
|
-
* @description
|
|
16
|
-
* __Emphasis:__ Medium emphasis – For important actions that don’t distract
|
|
17
|
-
* from other onscreen elements.
|
|
18
|
-
*
|
|
19
|
-
* __Rationale:__ Use an outlined button for actions that need attention but
|
|
20
|
-
* aren’t the primary action, such as “See all” or “Add to cart.” This is also
|
|
21
|
-
* the button to use for giving someone the opportunity to change their mind or
|
|
22
|
-
* escape a flow.
|
|
23
|
-
*
|
|
24
|
-
* __Example usages:__
|
|
25
|
-
* - Reply
|
|
26
|
-
* - View all
|
|
27
|
-
* - Add to cart
|
|
28
|
-
* - Take out of trash
|
|
29
|
-
*
|
|
30
|
-
* @final
|
|
31
|
-
* @suppress {visibility}
|
|
32
|
-
*/
|
|
33
|
-
let MdOutlinedLinkButton = class MdOutlinedLinkButton extends OutlinedLinkButton {
|
|
34
|
-
};
|
|
35
|
-
MdOutlinedLinkButton.styles = [sharedStyles, outlinedStyles];
|
|
36
|
-
MdOutlinedLinkButton = __decorate([
|
|
37
|
-
customElement('md-outlined-link-button')
|
|
38
|
-
], MdOutlinedLinkButton);
|
|
39
|
-
export { MdOutlinedLinkButton };
|
|
40
|
-
//# sourceMappingURL=outlined-link-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"outlined-link-button.js","sourceRoot":"","sources":["outlined-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAC,MAAM,IAAI,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;;AAC1C,2BAAM,GAAG,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;AAD7C,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAEhC;SAFY,oBAAoB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {OutlinedLinkButton} from './lib/outlined-link-button.js';\nimport {styles as outlinedStyles} from './lib/outlined-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-outlined-link-button': MdOutlinedLinkButton;\n }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Use an outlined button for actions that need attention but\n * aren’t the primary action, such as “See all” or “Add to cart.” This is also\n * the button to use for giving someone the opportunity to change their mind or\n * escape a flow.\n *\n * __Example usages:__\n * - Reply\n * - View all\n * - Add to cart\n * - Take out of trash\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-outlined-link-button')\nexport class MdOutlinedLinkButton extends OutlinedLinkButton {\n static override styles = [sharedStyles, outlinedStyles];\n}\n"]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TextLinkButton } from './lib/text-link-button.js';
|
|
7
|
-
declare global {
|
|
8
|
-
interface HTMLElementTagNameMap {
|
|
9
|
-
'md-text-link-button': MdTextLinkButton;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* @summary Buttons help people take action, such as sending an email, sharing a
|
|
14
|
-
* document, or liking a comment. This is a linkable variant.
|
|
15
|
-
*
|
|
16
|
-
* @description
|
|
17
|
-
* __Emphasis:__ Low emphasis – For optional or supplementary actions with the
|
|
18
|
-
* least amount of prominence
|
|
19
|
-
*
|
|
20
|
-
* __Rationale:__ Text buttons have less visual prominence, so should be used
|
|
21
|
-
* for low emphasis actions, such as an alternative option.
|
|
22
|
-
*
|
|
23
|
-
* __Example usages:__
|
|
24
|
-
* - Learn more
|
|
25
|
-
* - View all
|
|
26
|
-
* - Change account
|
|
27
|
-
* - Turn on
|
|
28
|
-
*
|
|
29
|
-
* @final
|
|
30
|
-
* @suppress {visibility}
|
|
31
|
-
*/
|
|
32
|
-
export declare class MdTextLinkButton extends TextLinkButton {
|
|
33
|
-
static styles: import("lit").CSSResult[];
|
|
34
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { __decorate } from "tslib";
|
|
7
|
-
import { customElement } from 'lit/decorators.js';
|
|
8
|
-
import { styles as sharedStyles } from './lib/shared-styles.css.js';
|
|
9
|
-
import { TextLinkButton } from './lib/text-link-button.js';
|
|
10
|
-
import { styles as textStyles } from './lib/text-styles.css.js';
|
|
11
|
-
/**
|
|
12
|
-
* @summary Buttons help people take action, such as sending an email, sharing a
|
|
13
|
-
* document, or liking a comment. This is a linkable variant.
|
|
14
|
-
*
|
|
15
|
-
* @description
|
|
16
|
-
* __Emphasis:__ Low emphasis – For optional or supplementary actions with the
|
|
17
|
-
* least amount of prominence
|
|
18
|
-
*
|
|
19
|
-
* __Rationale:__ Text buttons have less visual prominence, so should be used
|
|
20
|
-
* for low emphasis actions, such as an alternative option.
|
|
21
|
-
*
|
|
22
|
-
* __Example usages:__
|
|
23
|
-
* - Learn more
|
|
24
|
-
* - View all
|
|
25
|
-
* - Change account
|
|
26
|
-
* - Turn on
|
|
27
|
-
*
|
|
28
|
-
* @final
|
|
29
|
-
* @suppress {visibility}
|
|
30
|
-
*/
|
|
31
|
-
let MdTextLinkButton = class MdTextLinkButton extends TextLinkButton {
|
|
32
|
-
};
|
|
33
|
-
MdTextLinkButton.styles = [sharedStyles, textStyles];
|
|
34
|
-
MdTextLinkButton = __decorate([
|
|
35
|
-
customElement('md-text-link-button')
|
|
36
|
-
], MdTextLinkButton);
|
|
37
|
-
export { MdTextLinkButton };
|
|
38
|
-
//# sourceMappingURL=text-link-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-link-button.js","sourceRoot":"","sources":["text-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,MAAM,IAAI,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAQ9D;;;;;;;;;;;;;;;;;;;GAmBG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,cAAc;;AAClC,uBAAM,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AADzC,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAE5B;SAFY,gBAAgB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {TextLinkButton} from './lib/text-link-button.js';\nimport {styles as textStyles} from './lib/text-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-text-link-button': MdTextLinkButton;\n }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence\n *\n * __Rationale:__ Text buttons have less visual prominence, so should be used\n * for low emphasis actions, such as an alternative option.\n *\n * __Example usages:__\n * - Learn more\n * - View all\n * - Change account\n * - Turn on\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-text-link-button')\nexport class MdTextLinkButton extends TextLinkButton {\n static override styles = [sharedStyles, textStyles];\n}\n"]}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TonalLinkButton } from './lib/tonal-link-button.js';
|
|
7
|
-
declare global {
|
|
8
|
-
interface HTMLElementTagNameMap {
|
|
9
|
-
'md-tonal-link-button': MdTonalLinkButton;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* @summary Buttons help people take action, such as sending an email, sharing a
|
|
14
|
-
* document, or liking a comment. This is a linkable variant.
|
|
15
|
-
*
|
|
16
|
-
* @description
|
|
17
|
-
* __Emphasis:__ Medium emphasis – For important actions that don’t distract
|
|
18
|
-
* from other onscreen elements.
|
|
19
|
-
*
|
|
20
|
-
* __Rationale:__ Filled tonal buttons have a lighter background color and
|
|
21
|
-
* darker label color, making them less visually prominent than a regular,
|
|
22
|
-
* filled button. They’re still used for final or unblocking actions in a flow,
|
|
23
|
-
* but do so with less emphasis.
|
|
24
|
-
*
|
|
25
|
-
* __Example usages:__
|
|
26
|
-
* - Save
|
|
27
|
-
* - Confirm
|
|
28
|
-
* - Done
|
|
29
|
-
*
|
|
30
|
-
* @final
|
|
31
|
-
* @suppress {visibility}
|
|
32
|
-
*/
|
|
33
|
-
export declare class MdTonalLinkButton extends TonalLinkButton {
|
|
34
|
-
static styles: import("lit").CSSResult[];
|
|
35
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { __decorate } from "tslib";
|
|
7
|
-
import { customElement } from 'lit/decorators.js';
|
|
8
|
-
import { styles as sharedElevationStyles } from './lib/shared-elevation-styles.css.js';
|
|
9
|
-
import { styles as sharedStyles } from './lib/shared-styles.css.js';
|
|
10
|
-
import { TonalLinkButton } from './lib/tonal-link-button.js';
|
|
11
|
-
import { styles as tonalStyles } from './lib/tonal-styles.css.js';
|
|
12
|
-
/**
|
|
13
|
-
* @summary Buttons help people take action, such as sending an email, sharing a
|
|
14
|
-
* document, or liking a comment. This is a linkable variant.
|
|
15
|
-
*
|
|
16
|
-
* @description
|
|
17
|
-
* __Emphasis:__ Medium emphasis – For important actions that don’t distract
|
|
18
|
-
* from other onscreen elements.
|
|
19
|
-
*
|
|
20
|
-
* __Rationale:__ Filled tonal buttons have a lighter background color and
|
|
21
|
-
* darker label color, making them less visually prominent than a regular,
|
|
22
|
-
* filled button. They’re still used for final or unblocking actions in a flow,
|
|
23
|
-
* but do so with less emphasis.
|
|
24
|
-
*
|
|
25
|
-
* __Example usages:__
|
|
26
|
-
* - Save
|
|
27
|
-
* - Confirm
|
|
28
|
-
* - Done
|
|
29
|
-
*
|
|
30
|
-
* @final
|
|
31
|
-
* @suppress {visibility}
|
|
32
|
-
*/
|
|
33
|
-
let MdTonalLinkButton = class MdTonalLinkButton extends TonalLinkButton {
|
|
34
|
-
};
|
|
35
|
-
MdTonalLinkButton.styles = [sharedStyles, sharedElevationStyles, tonalStyles];
|
|
36
|
-
MdTonalLinkButton = __decorate([
|
|
37
|
-
customElement('md-tonal-link-button')
|
|
38
|
-
], MdTonalLinkButton);
|
|
39
|
-
export { MdTonalLinkButton };
|
|
40
|
-
//# sourceMappingURL=tonal-link-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tonal-link-button.js","sourceRoot":"","sources":["tonal-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAC,MAAM,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AAQhE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,eAAe;;AACpC,wBAAM,GAAG,CAAC,YAAY,EAAE,qBAAqB,EAAE,WAAW,CAAC,CAAC;AADjE,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAE7B;SAFY,iBAAiB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {styles as sharedElevationStyles} from './lib/shared-elevation-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {TonalLinkButton} from './lib/tonal-link-button.js';\nimport {styles as tonalStyles} from './lib/tonal-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-tonal-link-button': MdTonalLinkButton;\n }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Filled tonal buttons have a lighter background color and\n * darker label color, making them less visually prominent than a regular,\n * filled button. They’re still used for final or unblocking actions in a flow,\n * but do so with less emphasis.\n *\n * __Example usages:__\n * - Save\n * - Confirm\n * - Done\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-tonal-link-button')\nexport class MdTonalLinkButton extends TonalLinkButton {\n static override styles = [sharedStyles, sharedElevationStyles, tonalStyles];\n}\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { DeleteAction } from './lib/delete-action.js';
|
|
7
|
-
declare global {
|
|
8
|
-
interface HTMLElementTagNameMap {
|
|
9
|
-
'md-delete-action': MdDeleteAction;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* @soyCompatible
|
|
14
|
-
* @final
|
|
15
|
-
* @suppress {visibility}
|
|
16
|
-
*/
|
|
17
|
-
export declare class MdDeleteAction extends DeleteAction {
|
|
18
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { __decorate } from "tslib";
|
|
7
|
-
import { customElement } from 'lit/decorators.js';
|
|
8
|
-
import { DeleteAction } from './lib/delete-action.js';
|
|
9
|
-
/**
|
|
10
|
-
* @soyCompatible
|
|
11
|
-
* @final
|
|
12
|
-
* @suppress {visibility}
|
|
13
|
-
*/
|
|
14
|
-
let MdDeleteAction = class MdDeleteAction extends DeleteAction {
|
|
15
|
-
};
|
|
16
|
-
MdDeleteAction = __decorate([
|
|
17
|
-
customElement('md-delete-action')
|
|
18
|
-
], MdDeleteAction);
|
|
19
|
-
export { MdDeleteAction };
|
|
20
|
-
//# sourceMappingURL=delete-action.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"delete-action.js","sourceRoot":"","sources":["delete-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAC;AAQpD;;;;GAIG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,YAAY;CAAG,CAAA;AAAtC,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAAwB;SAAtC,cAAc","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {DeleteAction} from './lib/delete-action.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-delete-action': MdDeleteAction;\n }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-delete-action')\nexport class MdDeleteAction extends DeleteAction {}\n"]}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../../focus/focus-ring.js';
|
|
7
|
-
import '../../../ripple/ripple.js';
|
|
8
|
-
import { TemplateResult } from 'lit';
|
|
9
|
-
import { ClassInfo } from 'lit/directives/class-map.js';
|
|
10
|
-
import { ActionElement, BeginPressConfig, EndPressConfig } from '../../../actionelement/action-element.js';
|
|
11
|
-
import { MdRipple } from '../../../ripple/ripple.js';
|
|
12
|
-
/**
|
|
13
|
-
* Base class for all actions.
|
|
14
|
-
* @soyCompatible
|
|
15
|
-
*/
|
|
16
|
-
export declare abstract class Action extends ActionElement {
|
|
17
|
-
isDeletable: boolean;
|
|
18
|
-
isFocusable: boolean;
|
|
19
|
-
isTouchable: boolean;
|
|
20
|
-
disabled: boolean;
|
|
21
|
-
showFocusRing: boolean;
|
|
22
|
-
ripple?: MdRipple | null;
|
|
23
|
-
/** @soyPrefixAttribute */
|
|
24
|
-
ariaLabel: string;
|
|
25
|
-
/** @soyTemplate */
|
|
26
|
-
protected getRootClasses(): ClassInfo;
|
|
27
|
-
/** @soyTemplate */
|
|
28
|
-
protected getRippleClasses(): ClassInfo;
|
|
29
|
-
/** @soyTemplate */
|
|
30
|
-
protected renderTouchTarget(): TemplateResult;
|
|
31
|
-
/** @soyTemplate */
|
|
32
|
-
protected renderRipple(): TemplateResult;
|
|
33
|
-
/** @soyTemplate */
|
|
34
|
-
protected renderFocusRing(): TemplateResult;
|
|
35
|
-
protected handleFocus(): void;
|
|
36
|
-
protected handleBlur(): void;
|
|
37
|
-
beginPress({ positionEvent }: BeginPressConfig): void;
|
|
38
|
-
endPress(options: EndPressConfig): void;
|
|
39
|
-
protected handlePointerEnter(e: PointerEvent): void;
|
|
40
|
-
handlePointerLeave(e: PointerEvent): void;
|
|
41
|
-
handlePointerDown(e: PointerEvent): void;
|
|
42
|
-
handleClick(e: MouseEvent): void;
|
|
43
|
-
protected handleKeyDown(e: KeyboardEvent): void;
|
|
44
|
-
protected getInteractionEvent(): string;
|
|
45
|
-
private dispatchCustomEvent;
|
|
46
|
-
private isRTL;
|
|
47
|
-
}
|
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { __decorate, __metadata } from "tslib";
|
|
7
|
-
import '../../../focus/focus-ring.js';
|
|
8
|
-
import '../../../ripple/ripple.js';
|
|
9
|
-
import { html } from 'lit';
|
|
10
|
-
import { property, query, state } from 'lit/decorators.js';
|
|
11
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
12
|
-
import { ActionElement } from '../../../actionelement/action-element.js';
|
|
13
|
-
import { ariaProperty } from '../../../decorators/aria-property.js';
|
|
14
|
-
import { pointerPress, shouldShowStrongFocus } from '../../../focus/strong-focus.js';
|
|
15
|
-
import { MdRipple } from '../../../ripple/ripple.js';
|
|
16
|
-
import { Md3ChipActionEventType } from './events.js';
|
|
17
|
-
/**
|
|
18
|
-
* Base class for all actions.
|
|
19
|
-
* @soyCompatible
|
|
20
|
-
*/
|
|
21
|
-
export class Action extends ActionElement {
|
|
22
|
-
constructor() {
|
|
23
|
-
super(...arguments);
|
|
24
|
-
this.isDeletable = false;
|
|
25
|
-
this.isFocusable = false;
|
|
26
|
-
this.isTouchable = false;
|
|
27
|
-
this.disabled = false;
|
|
28
|
-
this.showFocusRing = false;
|
|
29
|
-
}
|
|
30
|
-
/** @soyTemplate */
|
|
31
|
-
getRootClasses() {
|
|
32
|
-
return {
|
|
33
|
-
'md3-chip__action': true,
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
/** @soyTemplate */
|
|
37
|
-
getRippleClasses() {
|
|
38
|
-
return {
|
|
39
|
-
'md3-chip__ripple': true,
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
/** @soyTemplate */
|
|
43
|
-
renderTouchTarget() {
|
|
44
|
-
return this.isTouchable ?
|
|
45
|
-
html `<span class="md3-chip__action-touch"></span>` :
|
|
46
|
-
html ``;
|
|
47
|
-
}
|
|
48
|
-
/** @soyTemplate */
|
|
49
|
-
renderRipple() {
|
|
50
|
-
return html `
|
|
51
|
-
<md-ripple class="${classMap(this.getRippleClasses())}"
|
|
52
|
-
?disabled="${this.disabled}">
|
|
53
|
-
</md-ripple>`;
|
|
54
|
-
}
|
|
55
|
-
/** @soyTemplate */
|
|
56
|
-
renderFocusRing() {
|
|
57
|
-
return html `
|
|
58
|
-
<md-focus-ring .visible="${this.showFocusRing}"></md-focus-ring>`;
|
|
59
|
-
}
|
|
60
|
-
handleFocus() {
|
|
61
|
-
this.showFocusRing = shouldShowStrongFocus();
|
|
62
|
-
}
|
|
63
|
-
handleBlur() {
|
|
64
|
-
this.showFocusRing = false;
|
|
65
|
-
}
|
|
66
|
-
beginPress({ positionEvent }) {
|
|
67
|
-
// TODO(b/253297063): connect to ripple
|
|
68
|
-
}
|
|
69
|
-
endPress(options) {
|
|
70
|
-
super.endPress(options);
|
|
71
|
-
// TODO(b/253297063): connect to ripple
|
|
72
|
-
if (!options.cancelled) {
|
|
73
|
-
this.dispatchCustomEvent(this.getInteractionEvent());
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
handlePointerEnter(e) {
|
|
77
|
-
this.ripple?.handlePointerenter(e);
|
|
78
|
-
}
|
|
79
|
-
handlePointerLeave(e) {
|
|
80
|
-
super.handlePointerLeave(e);
|
|
81
|
-
this.ripple?.handlePointerleave(e);
|
|
82
|
-
}
|
|
83
|
-
handlePointerDown(e) {
|
|
84
|
-
super.handlePointerDown(e);
|
|
85
|
-
pointerPress();
|
|
86
|
-
this.showFocusRing = shouldShowStrongFocus();
|
|
87
|
-
}
|
|
88
|
-
handleClick(e) {
|
|
89
|
-
super.handleClick(e);
|
|
90
|
-
this.dispatchCustomEvent(this.getInteractionEvent());
|
|
91
|
-
}
|
|
92
|
-
handleKeyDown(e) {
|
|
93
|
-
switch (e.key) {
|
|
94
|
-
case 'Enter':
|
|
95
|
-
case ' ':
|
|
96
|
-
this.dispatchCustomEvent(this.getInteractionEvent());
|
|
97
|
-
break;
|
|
98
|
-
case 'Delete':
|
|
99
|
-
case 'Backspace':
|
|
100
|
-
if (this.isDeletable) {
|
|
101
|
-
this.dispatchCustomEvent(Md3ChipActionEventType.DELETE);
|
|
102
|
-
}
|
|
103
|
-
break;
|
|
104
|
-
case 'ArrowLeft':
|
|
105
|
-
this.dispatchCustomEvent(this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_NEXT :
|
|
106
|
-
Md3ChipActionEventType.NAVIGATE_TO_PREV);
|
|
107
|
-
break;
|
|
108
|
-
case 'ArrowRight':
|
|
109
|
-
this.dispatchCustomEvent(this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_PREV :
|
|
110
|
-
Md3ChipActionEventType.NAVIGATE_TO_NEXT);
|
|
111
|
-
break;
|
|
112
|
-
case 'Home':
|
|
113
|
-
this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_FIRST);
|
|
114
|
-
break;
|
|
115
|
-
case 'End':
|
|
116
|
-
this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_LAST);
|
|
117
|
-
break;
|
|
118
|
-
default:
|
|
119
|
-
// Unhandled key, do nothing.
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
getInteractionEvent() {
|
|
123
|
-
return Md3ChipActionEventType.SELECT;
|
|
124
|
-
}
|
|
125
|
-
dispatchCustomEvent(eventType) {
|
|
126
|
-
this.dispatchEvent(new CustomEvent(eventType, { bubbles: true, composed: true }));
|
|
127
|
-
}
|
|
128
|
-
isRTL() {
|
|
129
|
-
return getComputedStyle(this).getPropertyValue('direction') === 'rtl';
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
__decorate([
|
|
133
|
-
property({ type: Boolean, reflect: true }),
|
|
134
|
-
__metadata("design:type", Object)
|
|
135
|
-
], Action.prototype, "isDeletable", void 0);
|
|
136
|
-
__decorate([
|
|
137
|
-
property({ type: Boolean, reflect: true }),
|
|
138
|
-
__metadata("design:type", Object)
|
|
139
|
-
], Action.prototype, "isFocusable", void 0);
|
|
140
|
-
__decorate([
|
|
141
|
-
property({ type: Boolean, reflect: true }),
|
|
142
|
-
__metadata("design:type", Object)
|
|
143
|
-
], Action.prototype, "isTouchable", void 0);
|
|
144
|
-
__decorate([
|
|
145
|
-
property({ type: Boolean, reflect: true }),
|
|
146
|
-
__metadata("design:type", Object)
|
|
147
|
-
], Action.prototype, "disabled", void 0);
|
|
148
|
-
__decorate([
|
|
149
|
-
state(),
|
|
150
|
-
__metadata("design:type", Object)
|
|
151
|
-
], Action.prototype, "showFocusRing", void 0);
|
|
152
|
-
__decorate([
|
|
153
|
-
query('md-ripple'),
|
|
154
|
-
__metadata("design:type", MdRipple)
|
|
155
|
-
], Action.prototype, "ripple", void 0);
|
|
156
|
-
__decorate([
|
|
157
|
-
ariaProperty // tslint:disable-line:no-new-decorators
|
|
158
|
-
,
|
|
159
|
-
property({ type: String, attribute: 'aria-label' }),
|
|
160
|
-
__metadata("design:type", String)
|
|
161
|
-
], Action.prototype, "ariaLabel", void 0);
|
|
162
|
-
//# sourceMappingURL=action.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"action.js","sourceRoot":"","sources":["action.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../../focus/focus-ring.js';\nimport '../../../ripple/ripple.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property, query, state} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\n\nimport {ActionElement, BeginPressConfig, EndPressConfig} from '../../../actionelement/action-element.js';\nimport {ariaProperty} from '../../../decorators/aria-property.js';\nimport {pointerPress, shouldShowStrongFocus} from '../../../focus/strong-focus.js';\nimport {MdRipple} from '../../../ripple/ripple.js';\n\nimport {Md3ChipActionEventType} from './events.js';\n\n/**\n * Base class for all actions.\n * @soyCompatible\n */\nexport abstract class Action extends ActionElement {\n @property({type: Boolean, reflect: true}) isDeletable = false;\n\n @property({type: Boolean, reflect: true}) isFocusable = false;\n\n @property({type: Boolean, reflect: true}) isTouchable = false;\n\n @property({type: Boolean, reflect: true}) disabled = false;\n\n @state() showFocusRing = false;\n\n @query('md-ripple') ripple?: MdRipple|null;\n\n /** @soyPrefixAttribute */\n @ariaProperty // tslint:disable-line:no-new-decorators\n @property({type: String, attribute: 'aria-label'})\n override ariaLabel!: string;\n\n /** @soyTemplate */\n protected getRootClasses(): ClassInfo {\n return {\n 'md3-chip__action': true,\n };\n }\n\n /** @soyTemplate */\n protected getRippleClasses(): ClassInfo {\n return {\n 'md3-chip__ripple': true,\n };\n }\n\n /** @soyTemplate */\n protected renderTouchTarget(): TemplateResult {\n return this.isTouchable ?\n html`<span class=\"md3-chip__action-touch\"></span>` :\n html``;\n }\n\n /** @soyTemplate */\n protected renderRipple(): TemplateResult {\n return html`\n <md-ripple class=\"${classMap(this.getRippleClasses())}\"\n ?disabled=\"${this.disabled}\">\n </md-ripple>`;\n }\n\n /** @soyTemplate */\n protected renderFocusRing(): TemplateResult {\n return html`\n <md-focus-ring .visible=\"${this.showFocusRing}\"></md-focus-ring>`;\n }\n\n protected handleFocus() {\n this.showFocusRing = shouldShowStrongFocus();\n }\n\n protected handleBlur() {\n this.showFocusRing = false;\n }\n\n override beginPress({positionEvent}: BeginPressConfig) {\n // TODO(b/253297063): connect to ripple\n }\n\n override endPress(options: EndPressConfig) {\n super.endPress(options);\n // TODO(b/253297063): connect to ripple\n if (!options.cancelled) {\n this.dispatchCustomEvent(this.getInteractionEvent());\n }\n }\n\n protected handlePointerEnter(e: PointerEvent) {\n this.ripple?.handlePointerenter(e);\n }\n\n override handlePointerLeave(e: PointerEvent) {\n super.handlePointerLeave(e);\n this.ripple?.handlePointerleave(e);\n }\n\n override handlePointerDown(e: PointerEvent) {\n super.handlePointerDown(e);\n pointerPress();\n this.showFocusRing = shouldShowStrongFocus();\n }\n\n override handleClick(e: MouseEvent) {\n super.handleClick(e);\n this.dispatchCustomEvent(this.getInteractionEvent());\n }\n\n protected handleKeyDown(e: KeyboardEvent) {\n switch (e.key) {\n case 'Enter':\n case ' ':\n this.dispatchCustomEvent(this.getInteractionEvent());\n break;\n case 'Delete':\n case 'Backspace':\n if (this.isDeletable) {\n this.dispatchCustomEvent(Md3ChipActionEventType.DELETE);\n }\n break;\n case 'ArrowLeft':\n this.dispatchCustomEvent(\n this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_NEXT :\n Md3ChipActionEventType.NAVIGATE_TO_PREV);\n break;\n case 'ArrowRight':\n this.dispatchCustomEvent(\n this.isRTL() ? Md3ChipActionEventType.NAVIGATE_TO_PREV :\n Md3ChipActionEventType.NAVIGATE_TO_NEXT);\n break;\n case 'Home':\n this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_FIRST);\n break;\n case 'End':\n this.dispatchCustomEvent(Md3ChipActionEventType.NAVIGATE_TO_LAST);\n break;\n default:\n // Unhandled key, do nothing.\n }\n }\n\n protected getInteractionEvent(): string {\n return Md3ChipActionEventType.SELECT;\n }\n\n private dispatchCustomEvent(eventType: string) {\n this.dispatchEvent(\n new CustomEvent(eventType, {bubbles: true, composed: true}));\n }\n\n private isRTL(): boolean {\n return getComputedStyle(this).getPropertyValue('direction') === 'rtl';\n }\n}\n"]}
|