@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,62 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* MDCChipActionCssClasses provides the classes to be queried and manipulated on
|
|
8
|
-
* the root.
|
|
9
|
-
*/
|
|
10
|
-
export declare enum MDCChipActionCssClasses {
|
|
11
|
-
PRIMARY_ACTION = "md3-evolution-chip__action--primary",
|
|
12
|
-
TRAILING_ACTION = "md3-evolution-chip__action--trailing",
|
|
13
|
-
CHIP_ROOT = "md3-evolution-chip"
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* MDCChipActionInteractionTrigger provides detail of the different triggers for
|
|
17
|
-
* action interactions.
|
|
18
|
-
*/
|
|
19
|
-
export declare enum MDCChipActionInteractionTrigger {
|
|
20
|
-
UNSPECIFIED = 0,
|
|
21
|
-
CLICK = 1,
|
|
22
|
-
BACKSPACE_KEY = 2,
|
|
23
|
-
DELETE_KEY = 3,
|
|
24
|
-
SPACEBAR_KEY = 4,
|
|
25
|
-
ENTER_KEY = 5
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* MDCChipActionType provides the different types of available actions.
|
|
29
|
-
*/
|
|
30
|
-
export declare enum MDCChipActionType {
|
|
31
|
-
UNSPECIFIED = 0,
|
|
32
|
-
PRIMARY = 1,
|
|
33
|
-
TRAILING = 2
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* MDCChipActionEvents provides the different events emitted by the action.
|
|
37
|
-
*/
|
|
38
|
-
export declare enum MDCChipActionEvents {
|
|
39
|
-
INTERACTION = "MDCChipAction:interaction",
|
|
40
|
-
NAVIGATION = "MDCChipAction:navigation"
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* MDCChipActionFocusBehavior provides configurations for focusing or unfocusing
|
|
44
|
-
* an action.
|
|
45
|
-
*/
|
|
46
|
-
export declare enum MDCChipActionFocusBehavior {
|
|
47
|
-
FOCUSABLE = 0,
|
|
48
|
-
FOCUSABLE_AND_FOCUSED = 1,
|
|
49
|
-
NOT_FOCUSABLE = 2
|
|
50
|
-
}
|
|
51
|
-
/**
|
|
52
|
-
* MDCChipActionAttributes provides the HTML attributes used by the foundation.
|
|
53
|
-
*/
|
|
54
|
-
export declare enum MDCChipActionAttributes {
|
|
55
|
-
ARIA_DISABLED = "aria-disabled",
|
|
56
|
-
ARIA_HIDDEN = "aria-hidden",
|
|
57
|
-
ARIA_SELECTED = "aria-selected",
|
|
58
|
-
DATA_DELETABLE = "data-mdc-deletable",
|
|
59
|
-
DISABLED = "disabled",
|
|
60
|
-
ROLE = "role",
|
|
61
|
-
TAB_INDEX = "tabindex"
|
|
62
|
-
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* MDCChipActionCssClasses provides the classes to be queried and manipulated on
|
|
8
|
-
* the root.
|
|
9
|
-
*/
|
|
10
|
-
export var MDCChipActionCssClasses;
|
|
11
|
-
(function (MDCChipActionCssClasses) {
|
|
12
|
-
MDCChipActionCssClasses["PRIMARY_ACTION"] = "md3-evolution-chip__action--primary";
|
|
13
|
-
MDCChipActionCssClasses["TRAILING_ACTION"] = "md3-evolution-chip__action--trailing";
|
|
14
|
-
MDCChipActionCssClasses["CHIP_ROOT"] = "md3-evolution-chip";
|
|
15
|
-
})(MDCChipActionCssClasses || (MDCChipActionCssClasses = {}));
|
|
16
|
-
/**
|
|
17
|
-
* MDCChipActionInteractionTrigger provides detail of the different triggers for
|
|
18
|
-
* action interactions.
|
|
19
|
-
*/
|
|
20
|
-
export var MDCChipActionInteractionTrigger;
|
|
21
|
-
(function (MDCChipActionInteractionTrigger) {
|
|
22
|
-
MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["UNSPECIFIED"] = 0] = "UNSPECIFIED";
|
|
23
|
-
MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["CLICK"] = 1] = "CLICK";
|
|
24
|
-
MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["BACKSPACE_KEY"] = 2] = "BACKSPACE_KEY";
|
|
25
|
-
MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["DELETE_KEY"] = 3] = "DELETE_KEY";
|
|
26
|
-
MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["SPACEBAR_KEY"] = 4] = "SPACEBAR_KEY";
|
|
27
|
-
MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["ENTER_KEY"] = 5] = "ENTER_KEY";
|
|
28
|
-
})(MDCChipActionInteractionTrigger || (MDCChipActionInteractionTrigger = {}));
|
|
29
|
-
/**
|
|
30
|
-
* MDCChipActionType provides the different types of available actions.
|
|
31
|
-
*/
|
|
32
|
-
export var MDCChipActionType;
|
|
33
|
-
(function (MDCChipActionType) {
|
|
34
|
-
MDCChipActionType[MDCChipActionType["UNSPECIFIED"] = 0] = "UNSPECIFIED";
|
|
35
|
-
MDCChipActionType[MDCChipActionType["PRIMARY"] = 1] = "PRIMARY";
|
|
36
|
-
MDCChipActionType[MDCChipActionType["TRAILING"] = 2] = "TRAILING";
|
|
37
|
-
})(MDCChipActionType || (MDCChipActionType = {}));
|
|
38
|
-
/**
|
|
39
|
-
* MDCChipActionEvents provides the different events emitted by the action.
|
|
40
|
-
*/
|
|
41
|
-
export var MDCChipActionEvents;
|
|
42
|
-
(function (MDCChipActionEvents) {
|
|
43
|
-
MDCChipActionEvents["INTERACTION"] = "MDCChipAction:interaction";
|
|
44
|
-
MDCChipActionEvents["NAVIGATION"] = "MDCChipAction:navigation";
|
|
45
|
-
})(MDCChipActionEvents || (MDCChipActionEvents = {}));
|
|
46
|
-
/**
|
|
47
|
-
* MDCChipActionFocusBehavior provides configurations for focusing or unfocusing
|
|
48
|
-
* an action.
|
|
49
|
-
*/
|
|
50
|
-
export var MDCChipActionFocusBehavior;
|
|
51
|
-
(function (MDCChipActionFocusBehavior) {
|
|
52
|
-
MDCChipActionFocusBehavior[MDCChipActionFocusBehavior["FOCUSABLE"] = 0] = "FOCUSABLE";
|
|
53
|
-
MDCChipActionFocusBehavior[MDCChipActionFocusBehavior["FOCUSABLE_AND_FOCUSED"] = 1] = "FOCUSABLE_AND_FOCUSED";
|
|
54
|
-
MDCChipActionFocusBehavior[MDCChipActionFocusBehavior["NOT_FOCUSABLE"] = 2] = "NOT_FOCUSABLE";
|
|
55
|
-
})(MDCChipActionFocusBehavior || (MDCChipActionFocusBehavior = {}));
|
|
56
|
-
/**
|
|
57
|
-
* MDCChipActionAttributes provides the HTML attributes used by the foundation.
|
|
58
|
-
*/
|
|
59
|
-
export var MDCChipActionAttributes;
|
|
60
|
-
(function (MDCChipActionAttributes) {
|
|
61
|
-
MDCChipActionAttributes["ARIA_DISABLED"] = "aria-disabled";
|
|
62
|
-
MDCChipActionAttributes["ARIA_HIDDEN"] = "aria-hidden";
|
|
63
|
-
MDCChipActionAttributes["ARIA_SELECTED"] = "aria-selected";
|
|
64
|
-
MDCChipActionAttributes["DATA_DELETABLE"] = "data-mdc-deletable";
|
|
65
|
-
MDCChipActionAttributes["DISABLED"] = "disabled";
|
|
66
|
-
MDCChipActionAttributes["ROLE"] = "role";
|
|
67
|
-
MDCChipActionAttributes["TAB_INDEX"] = "tabindex";
|
|
68
|
-
})(MDCChipActionAttributes || (MDCChipActionAttributes = {}));
|
|
69
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,iFAAsD,CAAA;IACtD,mFAAwD,CAAA;IACxD,2DAAgC,CAAA;AAClC,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,+BAOX;AAPD,WAAY,+BAA+B;IACzC,mGAAW,CAAA;IACX,uFAAK,CAAA;IACL,uGAAa,CAAA;IACb,iGAAU,CAAA;IACV,qGAAY,CAAA;IACZ,+FAAS,CAAA;AACX,CAAC,EAPW,+BAA+B,KAA/B,+BAA+B,QAO1C;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,uEAAW,CAAA;IACX,+DAAO,CAAA;IACP,iEAAQ,CAAA;AACV,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,gEAAyC,CAAA;IACzC,8DAAuC,CAAA;AACzC,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,0BAIX;AAJD,WAAY,0BAA0B;IACpC,qFAAS,CAAA;IACT,6GAAqB,CAAA;IACrB,6FAAa,CAAA;AACf,CAAC,EAJW,0BAA0B,KAA1B,0BAA0B,QAIrC;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,uBAQX;AARD,WAAY,uBAAuB;IACjC,0DAA+B,CAAA;IAC/B,sDAA2B,CAAA;IAC3B,0DAA+B,CAAA;IAC/B,gEAAqC,CAAA;IACrC,gDAAqB,CAAA;IACrB,wCAAa,CAAA;IACb,iDAAsB,CAAA;AACxB,CAAC,EARW,uBAAuB,KAAvB,uBAAuB,QAQlC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * MDCChipActionCssClasses provides the classes to be queried and manipulated on\n * the root.\n */\nexport enum MDCChipActionCssClasses {\n PRIMARY_ACTION = 'md3-evolution-chip__action--primary',\n TRAILING_ACTION = 'md3-evolution-chip__action--trailing',\n CHIP_ROOT = 'md3-evolution-chip',\n}\n\n/**\n * MDCChipActionInteractionTrigger provides detail of the different triggers for\n * action interactions.\n */\nexport enum MDCChipActionInteractionTrigger {\n UNSPECIFIED, // Default type\n CLICK,\n BACKSPACE_KEY,\n DELETE_KEY,\n SPACEBAR_KEY,\n ENTER_KEY,\n}\n\n/**\n * MDCChipActionType provides the different types of available actions.\n */\nexport enum MDCChipActionType {\n UNSPECIFIED, // Default type\n PRIMARY,\n TRAILING,\n}\n\n/**\n * MDCChipActionEvents provides the different events emitted by the action.\n */\nexport enum MDCChipActionEvents {\n INTERACTION = 'MDCChipAction:interaction',\n NAVIGATION = 'MDCChipAction:navigation',\n}\n\n/**\n * MDCChipActionFocusBehavior provides configurations for focusing or unfocusing\n * an action.\n */\nexport enum MDCChipActionFocusBehavior {\n FOCUSABLE,\n FOCUSABLE_AND_FOCUSED,\n NOT_FOCUSABLE,\n}\n\n/**\n * MDCChipActionAttributes provides the HTML attributes used by the foundation.\n */\nexport enum MDCChipActionAttributes {\n ARIA_DISABLED = 'aria-disabled',\n ARIA_HIDDEN = 'aria-hidden',\n ARIA_SELECTED = 'aria-selected',\n DATA_DELETABLE = 'data-mdc-deletable',\n DISABLED = 'disabled',\n ROLE = 'role',\n TAB_INDEX = 'tabindex',\n}\n"]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 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 { Action } from './action.js';
|
|
9
|
-
/** @soyCompatible */
|
|
10
|
-
export declare class DeleteAction extends Action {
|
|
11
|
-
/** @soyTemplate */
|
|
12
|
-
protected render(): TemplateResult;
|
|
13
|
-
/** @soyTemplate */
|
|
14
|
-
protected getRootClasses(): ClassInfo;
|
|
15
|
-
/** @soyTemplate */
|
|
16
|
-
protected getRippleClasses(): ClassInfo;
|
|
17
|
-
/** @soyTemplate */
|
|
18
|
-
private renderDeleteIcon;
|
|
19
|
-
getInteractionEvent(): string;
|
|
20
|
-
}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { html } from 'lit';
|
|
7
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
8
|
-
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
9
|
-
import { Action } from './action.js';
|
|
10
|
-
import { Md3ChipActionEventType } from './events.js';
|
|
11
|
-
/** @soyCompatible */
|
|
12
|
-
export class DeleteAction extends Action {
|
|
13
|
-
/** @soyTemplate */
|
|
14
|
-
render() {
|
|
15
|
-
return html `
|
|
16
|
-
<button class="${classMap(this.getRootClasses())}"
|
|
17
|
-
aria-label="${ifDefined(this.ariaLabel)}"
|
|
18
|
-
tabindex="${this.isFocusable ? 0 : -1}"
|
|
19
|
-
type="button"
|
|
20
|
-
@focus="${this.handleFocus}"
|
|
21
|
-
@blur="${this.handleBlur}"
|
|
22
|
-
@pointerenter="${this.handlePointerEnter}"
|
|
23
|
-
@pointerleave="${this.handlePointerLeave}"
|
|
24
|
-
@pointerdown="${this.handlePointerDown}"
|
|
25
|
-
@pointerup="${this.handlePointerUp}"
|
|
26
|
-
@pointercancel="${this.handlePointerCancel}"
|
|
27
|
-
@click="${this.handleClick}"
|
|
28
|
-
@contextmenu="${this.handleContextMenu}"
|
|
29
|
-
@keydown="${this.handleKeyDown}">
|
|
30
|
-
${this.renderTouchTarget()}
|
|
31
|
-
${this.renderRipple()}
|
|
32
|
-
${this.renderFocusRing()}
|
|
33
|
-
${this.renderDeleteIcon()}
|
|
34
|
-
</button>`;
|
|
35
|
-
}
|
|
36
|
-
/** @soyTemplate */
|
|
37
|
-
getRootClasses() {
|
|
38
|
-
return {
|
|
39
|
-
...super.getRootClasses(),
|
|
40
|
-
'md3-chip__action--delete': true,
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
/** @soyTemplate */
|
|
44
|
-
getRippleClasses() {
|
|
45
|
-
return {
|
|
46
|
-
...super.getRippleClasses(),
|
|
47
|
-
'md3-chip__ripple--delete': true,
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
/** @soyTemplate */
|
|
51
|
-
renderDeleteIcon() {
|
|
52
|
-
return html `
|
|
53
|
-
<span class="md3-chip__icon md3-chip__icon--delete" aria-hidden="true">
|
|
54
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
55
|
-
height="24" width="24" fill="#041E49">
|
|
56
|
-
<path d="M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4
|
|
57
|
-
13.4 12l5.6 5.6-1.4 1.4-5.6-5.6Z"/>
|
|
58
|
-
</svg>
|
|
59
|
-
</span>`;
|
|
60
|
-
}
|
|
61
|
-
getInteractionEvent() {
|
|
62
|
-
return Md3ChipActionEventType.DELETE;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
//# 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,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,aAAa,CAAC;AAEnD,qBAAqB;AACrB,MAAM,OAAO,YAAa,SAAQ,MAAM;IACtC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;uBACQ,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC9B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;sBAC3B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;oBAE3B,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;2BACP,IAAI,CAAC,kBAAkB;2BACvB,IAAI,CAAC,kBAAkB;0BACxB,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;oBAChC,IAAI,CAAC,WAAW;0BACV,IAAI,CAAC,iBAAiB;sBAC1B,IAAI,CAAC,aAAa;UAC9B,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,gBAAgB,EAAE;gBACjB,CAAC;IACf,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,0BAA0B,EAAE,IAAI;SACjC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,0BAA0B,EAAE,IAAI;SACjC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACX,gBAAgB;QACtB,OAAO,IAAI,CAAA;;;;;;;cAOD,CAAC;IACb,CAAC;IAEQ,mBAAmB;QAC1B,OAAO,sBAAsB,CAAC,MAAM,CAAC;IACvC,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\nimport {Action} from './action.js';\nimport {Md3ChipActionEventType} from './events.js';\n\n/** @soyCompatible */\nexport class DeleteAction extends Action {\n /** @soyTemplate */\n protected override render(): TemplateResult {\n return html`\n <button class=\"${classMap(this.getRootClasses())}\"\n aria-label=\"${ifDefined(this.ariaLabel)}\"\n tabindex=\"${this.isFocusable ? 0 : -1}\"\n type=\"button\"\n @focus=\"${this.handleFocus}\"\n @blur=\"${this.handleBlur}\"\n @pointerenter=\"${this.handlePointerEnter}\"\n @pointerleave=\"${this.handlePointerLeave}\"\n @pointerdown=\"${this.handlePointerDown}\"\n @pointerup=\"${this.handlePointerUp}\"\n @pointercancel=\"${this.handlePointerCancel}\"\n @click=\"${this.handleClick}\"\n @contextmenu=\"${this.handleContextMenu}\"\n @keydown=\"${this.handleKeyDown}\">\n ${this.renderTouchTarget()}\n ${this.renderRipple()}\n ${this.renderFocusRing()}\n ${this.renderDeleteIcon()}\n </button>`;\n }\n\n /** @soyTemplate */\n protected override getRootClasses(): ClassInfo {\n return {\n ...super.getRootClasses(),\n 'md3-chip__action--delete': true,\n };\n }\n\n /** @soyTemplate */\n protected override getRippleClasses(): ClassInfo {\n return {\n ...super.getRippleClasses(),\n 'md3-chip__ripple--delete': true,\n };\n }\n\n /** @soyTemplate */\n private renderDeleteIcon(): TemplateResult {\n return html`\n <span class=\"md3-chip__icon md3-chip__icon--delete\" aria-hidden=\"true\">\n <svg xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24\" width=\"24\" fill=\"#041E49\">\n <path d=\"M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 \n 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6Z\"/>\n </svg>\n </span>`;\n }\n\n override getInteractionEvent(): string {\n return Md3ChipActionEventType.DELETE;\n }\n}\n"]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
/** Events emitted by the action. */
|
|
7
|
-
export declare enum Md3ChipActionEventType {
|
|
8
|
-
DELETE = "chip-action-delete",
|
|
9
|
-
SELECT = "chip-action-select",
|
|
10
|
-
NAVIGATE_TO_PREV = "chip-action-navigate-to-prev",
|
|
11
|
-
NAVIGATE_TO_NEXT = "chip-action-navigate-to-next",
|
|
12
|
-
NAVIGATE_TO_FIRST = "chip-action-navigate-to-first",
|
|
13
|
-
NAVIGATE_TO_LAST = "chip-action-navigate-to-last"
|
|
14
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
/** Events emitted by the action. */
|
|
7
|
-
export var Md3ChipActionEventType;
|
|
8
|
-
(function (Md3ChipActionEventType) {
|
|
9
|
-
Md3ChipActionEventType["DELETE"] = "chip-action-delete";
|
|
10
|
-
Md3ChipActionEventType["SELECT"] = "chip-action-select";
|
|
11
|
-
Md3ChipActionEventType["NAVIGATE_TO_PREV"] = "chip-action-navigate-to-prev";
|
|
12
|
-
Md3ChipActionEventType["NAVIGATE_TO_NEXT"] = "chip-action-navigate-to-next";
|
|
13
|
-
Md3ChipActionEventType["NAVIGATE_TO_FIRST"] = "chip-action-navigate-to-first";
|
|
14
|
-
Md3ChipActionEventType["NAVIGATE_TO_LAST"] = "chip-action-navigate-to-last";
|
|
15
|
-
})(Md3ChipActionEventType || (Md3ChipActionEventType = {}));
|
|
16
|
-
//# sourceMappingURL=events.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"events.js","sourceRoot":"","sources":["events.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,oCAAoC;AACpC,MAAM,CAAN,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAChC,uDAA6B,CAAA;IAC7B,uDAA6B,CAAA;IAC7B,2EAAiD,CAAA;IACjD,2EAAiD,CAAA;IACjD,6EAAmD,CAAA;IACnD,2EAAiD,CAAA;AACnD,CAAC,EAPW,sBAAsB,KAAtB,sBAAsB,QAOjC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/** Events emitted by the action. */\nexport enum Md3ChipActionEventType {\n DELETE = 'chip-action-delete',\n SELECT = 'chip-action-select',\n NAVIGATE_TO_PREV = 'chip-action-navigate-to-prev',\n NAVIGATE_TO_NEXT = 'chip-action-navigate-to-next',\n NAVIGATE_TO_FIRST = 'chip-action-navigate-to-first',\n NAVIGATE_TO_LAST = 'chip-action-navigate-to-last',\n}\n"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TemplateResult } from 'lit';
|
|
7
|
-
import { EndPressConfig } from '../../../actionelement/action-element.js';
|
|
8
|
-
import { PrimaryAction } from './primary-action.js';
|
|
9
|
-
/** @soyCompatible */
|
|
10
|
-
export declare class LinkAction extends PrimaryAction {
|
|
11
|
-
href: string;
|
|
12
|
-
target: string;
|
|
13
|
-
/**
|
|
14
|
-
* @soyTemplate
|
|
15
|
-
* @soyAttributes linkAttributes: .md3-chip__action
|
|
16
|
-
*/
|
|
17
|
-
protected render(): TemplateResult;
|
|
18
|
-
endPress(options: EndPressConfig): void;
|
|
19
|
-
}
|
|
@@ -1,55 +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 { html } from 'lit';
|
|
8
|
-
import { property } from 'lit/decorators.js';
|
|
9
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
10
|
-
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
11
|
-
import { PrimaryAction } from './primary-action.js';
|
|
12
|
-
/** @soyCompatible */
|
|
13
|
-
export class LinkAction extends PrimaryAction {
|
|
14
|
-
/**
|
|
15
|
-
* @soyTemplate
|
|
16
|
-
* @soyAttributes linkAttributes: .md3-chip__action
|
|
17
|
-
*/
|
|
18
|
-
render() {
|
|
19
|
-
return html `
|
|
20
|
-
<span class="action-link">
|
|
21
|
-
<a class="${classMap(this.getRootClasses())}"
|
|
22
|
-
aria-label="${ifDefined(this.ariaLabel)}"
|
|
23
|
-
href="${ifDefined(this.href)}"
|
|
24
|
-
target="${ifDefined(this.target)}"
|
|
25
|
-
tabindex="${this.isFocusable ? 0 : -1}"
|
|
26
|
-
@focus="${this.handleFocus}"
|
|
27
|
-
@blur="${this.handleBlur}"
|
|
28
|
-
@pointerenter="${this.handlePointerEnter}"
|
|
29
|
-
@pointerleave="${this.handlePointerLeave}"
|
|
30
|
-
@pointerdown="${this.handlePointerDown}"
|
|
31
|
-
@pointerup="${this.handlePointerUp}"
|
|
32
|
-
@pointercancel="${this.handlePointerCancel}"
|
|
33
|
-
@contextmenu="${this.handleContextMenu}">
|
|
34
|
-
${this.renderTouchTarget()}
|
|
35
|
-
${this.renderRipple()}
|
|
36
|
-
${this.renderFocusRing()}
|
|
37
|
-
${this.renderGraphic()}
|
|
38
|
-
${this.renderLabel()}
|
|
39
|
-
</a>
|
|
40
|
-
</span>`;
|
|
41
|
-
}
|
|
42
|
-
endPress(options) {
|
|
43
|
-
super.endPress(options);
|
|
44
|
-
// TODO(b/253297063): connect to ripple
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
__decorate([
|
|
48
|
-
property({ type: String }),
|
|
49
|
-
__metadata("design:type", String)
|
|
50
|
-
], LinkAction.prototype, "href", void 0);
|
|
51
|
-
__decorate([
|
|
52
|
-
property({ type: String }),
|
|
53
|
-
__metadata("design:type", String)
|
|
54
|
-
], LinkAction.prototype, "target", void 0);
|
|
55
|
-
//# sourceMappingURL=link-action.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link-action.js","sourceRoot":"","sources":["link-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAIvD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAIlD,qBAAqB;AACrB,MAAM,OAAO,UAAW,SAAQ,aAAa;IAK3C;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;;oBAEK,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;0BACzB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC/B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;sBAClB,SAAS,CAAC,IAAI,CAAC,MAAoB,CAAC;wBAClC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;sBAC3B,IAAI,CAAC,WAAW;qBACjB,IAAI,CAAC,UAAU;6BACP,IAAI,CAAC,kBAAkB;6BACvB,IAAI,CAAC,kBAAkB;4BACxB,IAAI,CAAC,iBAAiB;0BACxB,IAAI,CAAC,eAAe;8BAChB,IAAI,CAAC,mBAAmB;4BAC1B,IAAI,CAAC,iBAAiB;YACtC,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE;;cAEhB,CAAC;IACb,CAAC;IAEQ,QAAQ,CAAC,OAAuB;QACvC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxB,uCAAuC;IACzC,CAAC;CACF;AArCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAe;AAExC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;0CAAiB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\nimport {EndPressConfig} from '../../../actionelement/action-element.js';\n\nimport {PrimaryAction} from './primary-action.js';\n\ntype LinkTarget = '_blank'|'_parent'|'_self'|'_top';\n\n/** @soyCompatible */\nexport class LinkAction extends PrimaryAction {\n @property({type: String}) href!: string;\n\n @property({type: String}) target!: string;\n\n /**\n * @soyTemplate\n * @soyAttributes linkAttributes: .md3-chip__action\n */\n protected override render(): TemplateResult {\n return html`\n <span class=\"action-link\">\n <a class=\"${classMap(this.getRootClasses())}\"\n aria-label=\"${ifDefined(this.ariaLabel)}\"\n href=\"${ifDefined(this.href)}\"\n target=\"${ifDefined(this.target as LinkTarget)}\"\n tabindex=\"${this.isFocusable ? 0 : -1}\"\n @focus=\"${this.handleFocus}\"\n @blur=\"${this.handleBlur}\"\n @pointerenter=\"${this.handlePointerEnter}\"\n @pointerleave=\"${this.handlePointerLeave}\"\n @pointerdown=\"${this.handlePointerDown}\"\n @pointerup=\"${this.handlePointerUp}\"\n @pointercancel=\"${this.handlePointerCancel}\"\n @contextmenu=\"${this.handleContextMenu}\">\n ${this.renderTouchTarget()}\n ${this.renderRipple()}\n ${this.renderFocusRing()}\n ${this.renderGraphic()}\n ${this.renderLabel()}\n </a>\n </span>`;\n }\n\n override endPress(options: EndPressConfig) {\n super.endPress(options);\n // TODO(b/253297063): connect to ripple\n }\n}\n"]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 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 { PrimaryAction } from './primary-action.js';
|
|
9
|
-
/** @soyCompatible */
|
|
10
|
-
export declare class PresentationalAction extends PrimaryAction {
|
|
11
|
-
/** @soyTemplate */
|
|
12
|
-
protected render(): TemplateResult;
|
|
13
|
-
/** @soyTemplate */
|
|
14
|
-
protected getRootClasses(): ClassInfo;
|
|
15
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { html } from 'lit';
|
|
7
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
8
|
-
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
9
|
-
import { PrimaryAction } from './primary-action.js';
|
|
10
|
-
/** @soyCompatible */
|
|
11
|
-
export class PresentationalAction extends PrimaryAction {
|
|
12
|
-
/** @soyTemplate */
|
|
13
|
-
render() {
|
|
14
|
-
return html `
|
|
15
|
-
<span class="${classMap(this.getRootClasses())}"
|
|
16
|
-
aria-label="${ifDefined(this.ariaLabel)}"
|
|
17
|
-
role="presentation">
|
|
18
|
-
${this.renderGraphic()}
|
|
19
|
-
${this.renderLabel()}
|
|
20
|
-
</span>`;
|
|
21
|
-
}
|
|
22
|
-
/** @soyTemplate */
|
|
23
|
-
getRootClasses() {
|
|
24
|
-
return {
|
|
25
|
-
...super.getRootClasses(),
|
|
26
|
-
'md3-chip__action--presentational': true,
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=presentational-action.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"presentational-action.js","sourceRoot":"","sources":["presentational-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAElD,qBAAqB;AACrB,MAAM,OAAO,oBAAqB,SAAQ,aAAa;IAErD,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC5B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;;UAEvC,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,WAAW,EAAE;cACd,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,kCAAkC,EAAE,IAAI;SACzC,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {PrimaryAction} from './primary-action.js';\n\n/** @soyCompatible */\nexport class PresentationalAction extends PrimaryAction {\n\n /** @soyTemplate */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\"\n aria-label=\"${ifDefined(this.ariaLabel)}\"\n role=\"presentation\">\n ${this.renderGraphic()}\n ${this.renderLabel()}\n </span>`;\n }\n\n /** @soyTemplate */\n protected override getRootClasses(): ClassInfo {\n return {\n ...super.getRootClasses(),\n 'md3-chip__action--presentational': true,\n };\n }\n}\n"]}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 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 { Action } from './action.js';
|
|
9
|
-
/**
|
|
10
|
-
* Base class for all primary actions: Presentational, Selectable, Link
|
|
11
|
-
* @soyCompatible
|
|
12
|
-
*/
|
|
13
|
-
export declare class PrimaryAction extends Action {
|
|
14
|
-
label: string;
|
|
15
|
-
icon: string;
|
|
16
|
-
/** @soyTemplate */
|
|
17
|
-
protected render(): TemplateResult;
|
|
18
|
-
/** @soyTemplate */
|
|
19
|
-
protected getRootClasses(): ClassInfo;
|
|
20
|
-
/** @soyTemplate */
|
|
21
|
-
protected getRippleClasses(): ClassInfo;
|
|
22
|
-
/** @soyTemplate */
|
|
23
|
-
protected renderGraphic(): TemplateResult;
|
|
24
|
-
/** @soyTemplate */
|
|
25
|
-
protected renderIcon(): TemplateResult;
|
|
26
|
-
/** @soyTemplate */
|
|
27
|
-
protected renderLabel(): TemplateResult;
|
|
28
|
-
}
|
|
@@ -1,88 +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 { html } from 'lit';
|
|
8
|
-
import { property } from 'lit/decorators.js';
|
|
9
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
10
|
-
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
11
|
-
import { Action } from './action.js';
|
|
12
|
-
/**
|
|
13
|
-
* Base class for all primary actions: Presentational, Selectable, Link
|
|
14
|
-
* @soyCompatible
|
|
15
|
-
*/
|
|
16
|
-
export class PrimaryAction extends Action {
|
|
17
|
-
constructor() {
|
|
18
|
-
super(...arguments);
|
|
19
|
-
this.label = '';
|
|
20
|
-
this.icon = '';
|
|
21
|
-
}
|
|
22
|
-
/** @soyTemplate */
|
|
23
|
-
render() {
|
|
24
|
-
return html `
|
|
25
|
-
<span class="${classMap(this.getRootClasses())}"
|
|
26
|
-
aria-label="${ifDefined(this.ariaLabel)}"
|
|
27
|
-
tabindex="${this.isFocusable ? 0 : -1}"
|
|
28
|
-
type="button"
|
|
29
|
-
?disabled="${this.disabled}"
|
|
30
|
-
@focus="${this.handleFocus}"
|
|
31
|
-
@blur="${this.handleBlur}"
|
|
32
|
-
@pointerenter="${this.handlePointerEnter}"
|
|
33
|
-
@pointerleave="${this.handlePointerLeave}"
|
|
34
|
-
@pointerdown="${this.handlePointerDown}"
|
|
35
|
-
@pointerup="${this.handlePointerUp}"
|
|
36
|
-
@pointercancel="${this.handlePointerCancel}"
|
|
37
|
-
@click="${this.handleClick}"
|
|
38
|
-
@contextmenu="${this.handleContextMenu}"
|
|
39
|
-
@keydown="${this.handleKeyDown}">
|
|
40
|
-
${this.renderTouchTarget()}
|
|
41
|
-
${this.renderRipple()}
|
|
42
|
-
${this.renderFocusRing()}
|
|
43
|
-
${this.renderGraphic()}
|
|
44
|
-
${this.renderLabel()}
|
|
45
|
-
</span>`;
|
|
46
|
-
}
|
|
47
|
-
/** @soyTemplate */
|
|
48
|
-
getRootClasses() {
|
|
49
|
-
return {
|
|
50
|
-
...super.getRootClasses(),
|
|
51
|
-
'md3-chip__action--primary': true,
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
/** @soyTemplate */
|
|
55
|
-
getRippleClasses() {
|
|
56
|
-
return {
|
|
57
|
-
...super.getRippleClasses(),
|
|
58
|
-
'md3-chip__ripple--primary': true,
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
/** @soyTemplate */
|
|
62
|
-
renderGraphic() {
|
|
63
|
-
return this.icon ? html `
|
|
64
|
-
<span class="md3-chip__graphic">
|
|
65
|
-
${this.renderIcon()}
|
|
66
|
-
</span>` : html ``;
|
|
67
|
-
}
|
|
68
|
-
/** @soyTemplate */
|
|
69
|
-
renderIcon() {
|
|
70
|
-
return html `
|
|
71
|
-
<span class="md3-chip__icon md3-chip__icon--primary material-icons">
|
|
72
|
-
${this.icon}
|
|
73
|
-
</span>`;
|
|
74
|
-
}
|
|
75
|
-
/** @soyTemplate */
|
|
76
|
-
renderLabel() {
|
|
77
|
-
return html `<span class="md3-chip__text-label">${this.label}</span>`;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
__decorate([
|
|
81
|
-
property({ type: String }),
|
|
82
|
-
__metadata("design:type", Object)
|
|
83
|
-
], PrimaryAction.prototype, "label", void 0);
|
|
84
|
-
__decorate([
|
|
85
|
-
property({ type: String }),
|
|
86
|
-
__metadata("design:type", Object)
|
|
87
|
-
], PrimaryAction.prototype, "icon", void 0);
|
|
88
|
-
//# sourceMappingURL=primary-action.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"primary-action.js","sourceRoot":"","sources":["primary-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,MAAM;IAAzC;;QAC4B,UAAK,GAAG,EAAE,CAAC;QAEX,SAAI,GAAG,EAAE,CAAC;IAgEtC,CAAC;IA9DC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC5B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;sBAC3B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;uBAExB,IAAI,CAAC,QAAQ;oBAChB,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;2BACP,IAAI,CAAC,kBAAkB;2BACvB,IAAI,CAAC,kBAAkB;0BACxB,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;oBAChC,IAAI,CAAC,WAAW;0BACV,IAAI,CAAC,iBAAiB;sBAC1B,IAAI,CAAC,aAAa;UAC9B,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,WAAW,EAAE;cACd,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACT,aAAa;QACrB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEjB,IAAI,CAAC,UAAU,EAAE;cACb,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC;IACtB,CAAC;IAED,mBAAmB;IACT,UAAU;QAClB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI;cACL,CAAC;IACb,CAAC;IAED,mBAAmB;IACT,WAAW;QACnB,OAAO,IAAI,CAAA,sCAAsC,IAAI,CAAC,KAAK,SAAS,CAAC;IACvE,CAAC;CACF;AAlEC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;4CAAY;AAErC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;2CAAW","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {Action} from './action.js';\n\n/**\n * Base class for all primary actions: Presentational, Selectable, Link\n * @soyCompatible\n */\nexport class PrimaryAction extends Action {\n @property({type: String}) label = '';\n\n @property({type: String}) icon = '';\n\n /** @soyTemplate */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\"\n aria-label=\"${ifDefined(this.ariaLabel)}\"\n tabindex=\"${this.isFocusable ? 0 : -1}\"\n type=\"button\"\n ?disabled=\"${this.disabled}\"\n @focus=\"${this.handleFocus}\"\n @blur=\"${this.handleBlur}\"\n @pointerenter=\"${this.handlePointerEnter}\"\n @pointerleave=\"${this.handlePointerLeave}\"\n @pointerdown=\"${this.handlePointerDown}\"\n @pointerup=\"${this.handlePointerUp}\"\n @pointercancel=\"${this.handlePointerCancel}\"\n @click=\"${this.handleClick}\"\n @contextmenu=\"${this.handleContextMenu}\"\n @keydown=\"${this.handleKeyDown}\">\n ${this.renderTouchTarget()}\n ${this.renderRipple()}\n ${this.renderFocusRing()}\n ${this.renderGraphic()}\n ${this.renderLabel()}\n </span>`;\n }\n\n /** @soyTemplate */\n protected override getRootClasses(): ClassInfo {\n return {\n ...super.getRootClasses(),\n 'md3-chip__action--primary': true,\n };\n }\n\n /** @soyTemplate */\n protected override getRippleClasses(): ClassInfo {\n return {\n ...super.getRippleClasses(),\n 'md3-chip__ripple--primary': true,\n };\n }\n\n /** @soyTemplate */\n protected renderGraphic(): TemplateResult {\n return this.icon ? html`\n <span class=\"md3-chip__graphic\">\n ${this.renderIcon()}\n </span>` : html``;\n }\n\n /** @soyTemplate */\n protected renderIcon(): TemplateResult {\n return html`\n <span class=\"md3-chip__icon md3-chip__icon--primary material-icons\">\n ${this.icon}\n </span>`;\n }\n\n /** @soyTemplate */\n protected renderLabel(): TemplateResult {\n return html`<span class=\"md3-chip__text-label\">${this.label}</span>`;\n }\n}\n"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TemplateResult } from 'lit';
|
|
7
|
-
import { PrimaryAction } from './primary-action.js';
|
|
8
|
-
/** @soyCompatible */
|
|
9
|
-
export declare class SelectableAction extends PrimaryAction {
|
|
10
|
-
selected: boolean;
|
|
11
|
-
/** @soyTemplate */
|
|
12
|
-
protected render(): TemplateResult;
|
|
13
|
-
/** @soyTemplate */
|
|
14
|
-
protected renderGraphic(): TemplateResult;
|
|
15
|
-
/** @soyTemplate */
|
|
16
|
-
private renderCheckMark;
|
|
17
|
-
}
|
|
@@ -1,67 +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 { html } from 'lit';
|
|
8
|
-
import { property } from 'lit/decorators.js';
|
|
9
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
10
|
-
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
11
|
-
import { PrimaryAction } from './primary-action.js';
|
|
12
|
-
/** @soyCompatible */
|
|
13
|
-
export class SelectableAction extends PrimaryAction {
|
|
14
|
-
constructor() {
|
|
15
|
-
super(...arguments);
|
|
16
|
-
this.selected = false;
|
|
17
|
-
}
|
|
18
|
-
/** @soyTemplate */
|
|
19
|
-
render() {
|
|
20
|
-
return html `
|
|
21
|
-
<span class="${classMap(this.getRootClasses())}"
|
|
22
|
-
aria-label="${ifDefined(this.ariaLabel)}"
|
|
23
|
-
aria-selected="${this.selected}"
|
|
24
|
-
aria-disabled="${this.disabled}"
|
|
25
|
-
tabindex="${this.isFocusable ? 0 : -1}"
|
|
26
|
-
role="option"
|
|
27
|
-
@focus="${this.handleFocus}"
|
|
28
|
-
@blur="${this.handleBlur}"
|
|
29
|
-
@pointerenter="${this.handlePointerEnter}"
|
|
30
|
-
@pointerleave="${this.handlePointerLeave}"
|
|
31
|
-
@pointerdown="${this.handlePointerDown}"
|
|
32
|
-
@pointerup="${this.handlePointerUp}"
|
|
33
|
-
@pointercancel="${this.handlePointerCancel}"
|
|
34
|
-
@click="${this.handleClick}"
|
|
35
|
-
@contextmenu="${this.handleContextMenu}"
|
|
36
|
-
@keydown="${this.handleKeyDown}">
|
|
37
|
-
${this.renderTouchTarget()}
|
|
38
|
-
${this.renderRipple()}
|
|
39
|
-
${this.renderFocusRing()}
|
|
40
|
-
${this.renderGraphic()}
|
|
41
|
-
${this.renderLabel()}
|
|
42
|
-
</span>`;
|
|
43
|
-
}
|
|
44
|
-
/** @soyTemplate */
|
|
45
|
-
renderGraphic() {
|
|
46
|
-
return html `
|
|
47
|
-
<span class="md3-chip__graphic">
|
|
48
|
-
${this.icon ? this.renderIcon() : ''}
|
|
49
|
-
${this.renderCheckMark()}
|
|
50
|
-
</span>`;
|
|
51
|
-
}
|
|
52
|
-
/** @soyTemplate */
|
|
53
|
-
renderCheckMark() {
|
|
54
|
-
return html `
|
|
55
|
-
<span class="md3-chip__checkmark">
|
|
56
|
-
<svg class="md3-chip__checkmark-svg" viewBox="-2 -3 30 30">
|
|
57
|
-
<path class="md3-chip__checkmark-path" fill="none" stroke="black"
|
|
58
|
-
d="M1.73,12.91 8.1,19.28 22.79,4.59" />
|
|
59
|
-
</svg>
|
|
60
|
-
</span>`;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
__decorate([
|
|
64
|
-
property({ type: Boolean, reflect: true }),
|
|
65
|
-
__metadata("design:type", Object)
|
|
66
|
-
], SelectableAction.prototype, "selected", void 0);
|
|
67
|
-
//# sourceMappingURL=selectable-action.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"selectable-action.js","sourceRoot":"","sources":["selectable-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAElD,qBAAqB;AACrB,MAAM,OAAO,gBAAiB,SAAQ,aAAa;IAAnD;;QAC4C,aAAQ,GAAG,KAAK,CAAC;IAgD7D,CAAC;IA9CC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC5B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;2BACtB,IAAI,CAAC,QAAQ;2BACb,IAAI,CAAC,QAAQ;sBAClB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;oBAE3B,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;2BACP,IAAI,CAAC,kBAAkB;2BACvB,IAAI,CAAC,kBAAkB;0BACxB,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;oBAChC,IAAI,CAAC,WAAW;0BACV,IAAI,CAAC,iBAAiB;sBAC1B,IAAI,CAAC,aAAa;UAC9B,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,WAAW,EAAE;cACd,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,aAAa;QAC9B,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE;UAClC,IAAI,CAAC,eAAe,EAAE;cAClB,CAAC;IACb,CAAC;IAED,mBAAmB;IACX,eAAe;QACrB,OAAO,IAAI,CAAA;;;;;;cAMD,CAAC;IACb,CAAC;CACF;AAhDC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;kDAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\n\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {PrimaryAction} from './primary-action.js';\n\n/** @soyCompatible */\nexport class SelectableAction extends PrimaryAction {\n @property({type: Boolean, reflect: true}) selected = false;\n\n /** @soyTemplate */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\"\n aria-label=\"${ifDefined(this.ariaLabel)}\"\n aria-selected=\"${this.selected}\"\n aria-disabled=\"${this.disabled}\"\n tabindex=\"${this.isFocusable ? 0 : -1}\"\n role=\"option\"\n @focus=\"${this.handleFocus}\"\n @blur=\"${this.handleBlur}\"\n @pointerenter=\"${this.handlePointerEnter}\"\n @pointerleave=\"${this.handlePointerLeave}\"\n @pointerdown=\"${this.handlePointerDown}\"\n @pointerup=\"${this.handlePointerUp}\"\n @pointercancel=\"${this.handlePointerCancel}\"\n @click=\"${this.handleClick}\"\n @contextmenu=\"${this.handleContextMenu}\"\n @keydown=\"${this.handleKeyDown}\">\n ${this.renderTouchTarget()}\n ${this.renderRipple()}\n ${this.renderFocusRing()}\n ${this.renderGraphic()}\n ${this.renderLabel()}\n </span>`;\n }\n\n /** @soyTemplate */\n protected override renderGraphic(): TemplateResult {\n return html`\n <span class=\"md3-chip__graphic\">\n ${this.icon ? this.renderIcon() : ''}\n ${this.renderCheckMark()}\n </span>`;\n }\n\n /** @soyTemplate */\n private renderCheckMark(): TemplateResult {\n return html`\n <span class=\"md3-chip__checkmark\">\n <svg class=\"md3-chip__checkmark-svg\" viewBox=\"-2 -3 30 30\">\n <path class=\"md3-chip__checkmark-path\" fill=\"none\" stroke=\"black\"\n d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n </svg>\n </span>`;\n }\n}\n"]}
|