@material/web 1.0.0-pre.4 → 1.0.0-pre.5
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/button/lib/_elevated-button.scss +5 -30
- package/button/lib/_elevation.scss +1 -16
- 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 +20 -54
- package/button/lib/_text-button.scss +8 -34
- package/button/lib/_tonal-button.scss +5 -28
- package/button/lib/button.d.ts +2 -0
- package/button/lib/button.js +5 -1
- package/button/lib/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-styles.css.js +1 -1
- package/button/lib/filled-styles.css.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-styles.css.js +1 -1
- package/button/lib/shared-styles.css.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-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 +183 -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/dialog/lib/_dialog.scss +7 -5
- 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 +1 -21
- package/elevation/lib/elevation-styles.css.js +1 -1
- package/elevation/lib/elevation-styles.css.js.map +1 -1
- package/fab/lib/_fab-extended.scss +3 -10
- package/fab/lib/_fab.scss +0 -3
- package/fab/lib/_shared.scss +3 -25
- 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 +1 -7
- package/fab/lib/fab-shared.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/focus/lib/_focus-ring.scss +13 -7
- package/focus/lib/_md-comp-focus-ring.scss +1 -2
- package/focus/lib/focus-ring-styles.css.js +1 -1
- package/focus/lib/focus-ring-styles.css.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.js +0 -2
- 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/lib/_list.scss +15 -8
- package/list/lib/list-styles.css.js +1 -1
- package/list/lib/list-styles.css.js.map +1 -1
- package/list/lib/listitem/_list-item.scss +41 -44
- 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 +1 -0
- package/list/lib/listitem/list-item.js +4 -1
- package/list/lib/listitem/list-item.js.map +1 -1
- package/menu/lib/_menu.scss +6 -9
- 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 +22 -9
- package/menu/lib/menu.js +74 -26
- package/menu/lib/menu.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 +16 -0
- package/menu/lib/shared.js +16 -0
- package/menu/lib/shared.js.map +1 -1
- package/menu/lib/submenuitem/sub-menu-item.d.ts +4 -0
- package/menu/lib/submenuitem/sub-menu-item.js +9 -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 +5 -0
- package/menu/lib/typeaheadController.js +7 -3
- package/menu/lib/typeaheadController.js.map +1 -1
- package/navigationbar/lib/_navigation-bar.scss +1 -4
- package/navigationdrawer/lib/_navigation-drawer-modal.scss +0 -3
- package/navigationdrawer/lib/_navigation-drawer.scss +0 -3
- package/navigationdrawer/lib/_shared.scss +0 -9
- 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 +1 -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/segmentedbutton/lib/_shared.scss +0 -2
- package/segmentedbuttonset/lib/outlined-styles.css.js +1 -1
- package/segmentedbuttonset/lib/outlined-styles.css.js.map +1 -1
- package/slider/lib/_slider.scss +1 -4
- package/slider/lib/_tokens.scss +2 -8
- package/slider/lib/slider-styles.css.js +1 -1
- package/slider/lib/slider-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/tokens/_index.scss +101 -2
- package/tokens/_md-comp-assist-chip.scss +68 -0
- package/tokens/_md-comp-badge.scss +34 -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 +22 -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 +43 -0
- package/tokens/_md-comp-divider.scss +17 -0
- package/tokens/_md-comp-elevated-button.scss +58 -0
- package/tokens/_md-comp-elevated-card.scss +23 -0
- package/tokens/_md-comp-extended-fab-branded.scss +38 -0
- package/tokens/_md-comp-extended-fab-primary.scss +38 -0
- package/tokens/_md-comp-extended-fab-secondary.scss +41 -0
- package/tokens/_md-comp-extended-fab-surface.scss +38 -0
- package/tokens/_md-comp-extended-fab-tertiary.scss +41 -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 +58 -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 +46 -0
- package/tokens/_md-comp-filled-tonal-button.scss +59 -0
- package/tokens/_md-comp-filled-tonal-icon-button.scss +24 -0
- package/tokens/_md-comp-filter-chip.scss +38 -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 +38 -0
- package/tokens/_md-comp-linear-progress-indicator.scss +22 -0
- package/tokens/_md-comp-list.scss +58 -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 +56 -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 +38 -0
- package/tokens/_md-comp-outlined-select.scss +25 -0
- package/tokens/_md-comp-outlined-text-field.scss +44 -0
- package/tokens/_md-comp-plain-tooltip.scss +21 -0
- package/tokens/_md-comp-primary-navigation-tab.scss +41 -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 +41 -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 +38 -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 +72 -0
- package/tokens/_md-comp-switch.scss +21 -0
- package/tokens/_md-comp-text-button.scss +56 -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 +12 -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 +17 -0
- 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.d.ts +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.d.ts +0 -1
- 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/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/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.d.ts +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/_index.scss +0 -107
- package/tokens/v0_160/_md-comp-assist-chip.scss +0 -109
- package/tokens/v0_160/_md-comp-badge.scss +0 -58
- package/tokens/v0_160/_md-comp-banner.scss +0 -75
- package/tokens/v0_160/_md-comp-bottom-app-bar.scss +0 -35
- package/tokens/v0_160/_md-comp-carousel-item.scss +0 -65
- 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-data-table.scss +0 -96
- 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-dialog.scss +0 -123
- package/tokens/v0_160/_md-comp-divider.scss +0 -25
- package/tokens/v0_160/_md-comp-elevated-button.scss +0 -91
- package/tokens/v0_160/_md-comp-elevated-card.scss +0 -59
- 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-secondary.scss +0 -95
- 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-branded.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-primary.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-secondary.scss +0 -66
- package/tokens/v0_160/_md-comp-fab-surface-large.scss +0 -64
- 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-fab-tertiary-large.scss +0 -66
- package/tokens/v0_160/_md-comp-fab-tertiary-small.scss +0 -66
- package/tokens/v0_160/_md-comp-fab-tertiary.scss +0 -66
- 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-filled-tonal-icon-button.scss +0 -86
- package/tokens/v0_160/_md-comp-filter-chip.scss +0 -209
- package/tokens/v0_160/_md-comp-full-screen-dialog.scss +0 -111
- package/tokens/v0_160/_md-comp-icon-button.scss +0 -70
- package/tokens/v0_160/_md-comp-input-chip.scss +0 -184
- package/tokens/v0_160/_md-comp-linear-progress-indicator.scss +0 -41
- package/tokens/v0_160/_md-comp-list.scss +0 -248
- package/tokens/v0_160/_md-comp-menu.scss +0 -121
- package/tokens/v0_160/_md-comp-navigation-bar.scss +0 -114
- 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-autocomplete.scss +0 -257
- 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-menu-button.scss +0 -94
- package/tokens/v0_160/_md-comp-outlined-segmented-button.scss +0 -112
- package/tokens/v0_160/_md-comp-outlined-select.scss +0 -262
- 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-primary-navigation-tab.scss +0 -121
- package/tokens/v0_160/_md-comp-radio-button.scss +0 -68
- package/tokens/v0_160/_md-comp-rich-tooltip.scss +0 -121
- package/tokens/v0_160/_md-comp-scrim.scss +0 -25
- 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-secondary-navigation-tab.scss +0 -84
- package/tokens/v0_160/_md-comp-sheet-bottom.scss +0 -45
- 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-slider.scss +0 -114
- 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-time-input.scss +0 -218
- package/tokens/v0_160/_md-comp-time-picker.scss +0 -264
- 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-comp-top-app-bar-small.scss +0 -64
- 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_160/_md-sys-elevation.scss +0 -21
- package/tokens/v0_160/_md-sys-motion.scss +0 -53
- package/tokens/v0_160/_md-sys-shape.scss +0 -30
- package/tokens/v0_160/_md-sys-state.scss +0 -19
- package/tokens/v0_160/_md-sys-typescale.scss +0 -284
- package/tokens/v0_160/index.test.css.d.ts +0 -1
- package/tokens/v0_160/index.test.css.js +0 -9
- package/tokens/v0_160/index.test.css.js.map +0 -1
- package/tokens/v0_160/index.test.scss +0 -584
- package/tokens/v0_160/lib.test.css.d.ts +0 -1
- package/tokens/v0_160/lib.test.css.js +0 -9
- package/tokens/v0_160/lib.test.css.js.map +0 -1
- package/tokens/v0_160/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
|
@@ -1,305 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.160
|
|
10
|
-
//
|
|
11
|
-
|
|
12
|
-
@use 'sass:map';
|
|
13
|
-
|
|
14
|
-
@use './md-sys-color';
|
|
15
|
-
|
|
16
|
-
@use './md-sys-elevation';
|
|
17
|
-
|
|
18
|
-
@use './md-sys-shape';
|
|
19
|
-
|
|
20
|
-
@use './md-sys-state';
|
|
21
|
-
|
|
22
|
-
@use './md-sys-typescale';
|
|
23
|
-
|
|
24
|
-
$_default: (
|
|
25
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
26
|
-
'md-sys-elevation': md-sys-elevation.values(),
|
|
27
|
-
'md-sys-shape': md-sys-shape.values(),
|
|
28
|
-
'md-sys-state': md-sys-state.values(),
|
|
29
|
-
'md-sys-typescale': md-sys-typescale.values(),
|
|
30
|
-
);
|
|
31
|
-
|
|
32
|
-
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
33
|
-
@return (
|
|
34
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
35
|
-
'container-elevation': map.get($deps, 'md-sys-elevation', 'level3'),
|
|
36
|
-
'container-height': if($exclude-hardcoded-values, null, 568px),
|
|
37
|
-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-large'),
|
|
38
|
-
'container-surface-tint-layer-color':
|
|
39
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
40
|
-
'container-width': if($exclude-hardcoded-values, null, 360px),
|
|
41
|
-
'date-container-height': if($exclude-hardcoded-values, null, 40px),
|
|
42
|
-
'date-container-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
|
|
43
|
-
'date-container-width': if($exclude-hardcoded-values, null, 40px),
|
|
44
|
-
'date-focus-state-layer-opacity':
|
|
45
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
46
|
-
'date-hover-state-layer-opacity':
|
|
47
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
48
|
-
'date-label-text-font':
|
|
49
|
-
map.get($deps, 'md-sys-typescale', 'body-large-font'),
|
|
50
|
-
'date-label-text-line-height':
|
|
51
|
-
map.get($deps, 'md-sys-typescale', 'body-large-line-height'),
|
|
52
|
-
'date-label-text-size':
|
|
53
|
-
map.get($deps, 'md-sys-typescale', 'body-large-size'),
|
|
54
|
-
'date-label-text-tracking':
|
|
55
|
-
map.get($deps, 'md-sys-typescale', 'body-large-tracking'),
|
|
56
|
-
'date-label-text-type':
|
|
57
|
-
if(
|
|
58
|
-
$exclude-hardcoded-values,
|
|
59
|
-
null,
|
|
60
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.date-picker.modal.date.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
61
|
-
map.get($deps, 'md-sys-typescale', 'body-large-weight')
|
|
62
|
-
map.get($deps, 'md-sys-typescale', 'body-large-size') #{'/'} map.get(
|
|
63
|
-
$deps,
|
|
64
|
-
'md-sys-typescale',
|
|
65
|
-
'body-large-line-height'
|
|
66
|
-
) map.get($deps, 'md-sys-typescale', 'body-large-font')
|
|
67
|
-
),
|
|
68
|
-
'date-label-text-weight':
|
|
69
|
-
map.get($deps, 'md-sys-typescale', 'body-large-weight'),
|
|
70
|
-
'date-pressed-state-layer-opacity':
|
|
71
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
72
|
-
'date-selected-container-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
73
|
-
'date-selected-focus-state-layer-color':
|
|
74
|
-
map.get($deps, 'md-sys-color', 'on-primary'),
|
|
75
|
-
'date-selected-hover-state-layer-color':
|
|
76
|
-
map.get($deps, 'md-sys-color', 'on-primary'),
|
|
77
|
-
'date-selected-label-text-color':
|
|
78
|
-
map.get($deps, 'md-sys-color', 'on-primary'),
|
|
79
|
-
'date-selected-pressed-state-layer-color':
|
|
80
|
-
map.get($deps, 'md-sys-color', 'on-primary'),
|
|
81
|
-
'date-state-layer-height': if($exclude-hardcoded-values, null, 40px),
|
|
82
|
-
'date-state-layer-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
|
|
83
|
-
'date-state-layer-width': if($exclude-hardcoded-values, null, 40px),
|
|
84
|
-
'date-today-container-outline-color':
|
|
85
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
86
|
-
'date-today-container-outline-width':
|
|
87
|
-
if($exclude-hardcoded-values, null, 1px),
|
|
88
|
-
'date-today-focus-state-layer-color':
|
|
89
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
90
|
-
'date-today-hover-state-layer-color':
|
|
91
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
92
|
-
'date-today-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
93
|
-
'date-today-pressed-state-layer-color':
|
|
94
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
95
|
-
'date-unselected-focus-state-layer-color':
|
|
96
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
97
|
-
'date-unselected-hover-state-layer-color':
|
|
98
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
99
|
-
'date-unselected-label-text-color':
|
|
100
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
101
|
-
'date-unselected-pressed-state-layer-color':
|
|
102
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
103
|
-
'header-container-height': if($exclude-hardcoded-values, null, 120px),
|
|
104
|
-
'header-container-width': if($exclude-hardcoded-values, null, 360px),
|
|
105
|
-
'header-headline-color':
|
|
106
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
107
|
-
'header-headline-font':
|
|
108
|
-
map.get($deps, 'md-sys-typescale', 'headline-large-font'),
|
|
109
|
-
'header-headline-line-height':
|
|
110
|
-
map.get($deps, 'md-sys-typescale', 'headline-large-line-height'),
|
|
111
|
-
'header-headline-size':
|
|
112
|
-
map.get($deps, 'md-sys-typescale', 'headline-large-size'),
|
|
113
|
-
'header-headline-tracking':
|
|
114
|
-
map.get($deps, 'md-sys-typescale', 'headline-large-tracking'),
|
|
115
|
-
'header-headline-type':
|
|
116
|
-
if(
|
|
117
|
-
$exclude-hardcoded-values,
|
|
118
|
-
null,
|
|
119
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.date-picker.modal.header.headline.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
120
|
-
map.get($deps, 'md-sys-typescale', 'headline-large-weight')
|
|
121
|
-
map.get($deps, 'md-sys-typescale', 'headline-large-size') #{'/'} map.get(
|
|
122
|
-
$deps,
|
|
123
|
-
'md-sys-typescale',
|
|
124
|
-
'headline-large-line-height'
|
|
125
|
-
) map.get($deps, 'md-sys-typescale', 'headline-large-font')
|
|
126
|
-
),
|
|
127
|
-
'header-headline-weight':
|
|
128
|
-
map.get($deps, 'md-sys-typescale', 'headline-large-weight'),
|
|
129
|
-
'header-supporting-text-color':
|
|
130
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
131
|
-
'header-supporting-text-font':
|
|
132
|
-
map.get($deps, 'md-sys-typescale', 'label-large-font'),
|
|
133
|
-
'header-supporting-text-line-height':
|
|
134
|
-
map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
|
|
135
|
-
'header-supporting-text-size':
|
|
136
|
-
map.get($deps, 'md-sys-typescale', 'label-large-size'),
|
|
137
|
-
'header-supporting-text-tracking':
|
|
138
|
-
map.get($deps, 'md-sys-typescale', 'label-large-tracking'),
|
|
139
|
-
'header-supporting-text-type':
|
|
140
|
-
if(
|
|
141
|
-
$exclude-hardcoded-values,
|
|
142
|
-
null,
|
|
143
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.date-picker.modal.header.supporting-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
144
|
-
map.get($deps, 'md-sys-typescale', 'label-large-weight')
|
|
145
|
-
map.get($deps, 'md-sys-typescale', 'label-large-size') #{'/'} map.get(
|
|
146
|
-
$deps,
|
|
147
|
-
'md-sys-typescale',
|
|
148
|
-
'label-large-line-height'
|
|
149
|
-
) map.get($deps, 'md-sys-typescale', 'label-large-font')
|
|
150
|
-
),
|
|
151
|
-
'header-supporting-text-weight':
|
|
152
|
-
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
|
|
153
|
-
'range-selection-active-indicator-container-color':
|
|
154
|
-
map.get($deps, 'md-sys-color', 'primary-container'),
|
|
155
|
-
'range-selection-active-indicator-container-height':
|
|
156
|
-
if($exclude-hardcoded-values, null, 40px),
|
|
157
|
-
'range-selection-active-indicator-container-shape':
|
|
158
|
-
map.get($deps, 'md-sys-shape', 'corner-full'),
|
|
159
|
-
'range-selection-container-elevation':
|
|
160
|
-
map.get($deps, 'md-sys-elevation', 'level0'),
|
|
161
|
-
'range-selection-container-shape':
|
|
162
|
-
map.get($deps, 'md-sys-shape', 'corner-none'),
|
|
163
|
-
'range-selection-date-in-range-focus-state-layer-color':
|
|
164
|
-
map.get($deps, 'md-sys-color', 'on-primary-container'),
|
|
165
|
-
'range-selection-date-in-range-focus-state-layer-opacity':
|
|
166
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
167
|
-
'range-selection-date-in-range-hover-state-layer-color':
|
|
168
|
-
map.get($deps, 'md-sys-color', 'on-primary-container'),
|
|
169
|
-
'range-selection-date-in-range-hover-state-layer-opacity':
|
|
170
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
171
|
-
'range-selection-date-in-range-label-text-color':
|
|
172
|
-
map.get($deps, 'md-sys-color', 'on-primary-container'),
|
|
173
|
-
'range-selection-date-in-range-pressed-state-layer-color':
|
|
174
|
-
map.get($deps, 'md-sys-color', 'on-primary-container'),
|
|
175
|
-
'range-selection-date-in-range-pressed-state-layer-opacity':
|
|
176
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
177
|
-
'range-selection-header-container-height':
|
|
178
|
-
if($exclude-hardcoded-values, null, 128px),
|
|
179
|
-
'range-selection-header-headline-font':
|
|
180
|
-
map.get($deps, 'md-sys-typescale', 'title-large-font'),
|
|
181
|
-
'range-selection-header-headline-line-height':
|
|
182
|
-
map.get($deps, 'md-sys-typescale', 'title-large-line-height'),
|
|
183
|
-
'range-selection-header-headline-size':
|
|
184
|
-
map.get($deps, 'md-sys-typescale', 'title-large-size'),
|
|
185
|
-
'range-selection-header-headline-tracking':
|
|
186
|
-
map.get($deps, 'md-sys-typescale', 'title-large-tracking'),
|
|
187
|
-
'range-selection-header-headline-type':
|
|
188
|
-
if(
|
|
189
|
-
$exclude-hardcoded-values,
|
|
190
|
-
null,
|
|
191
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.date-picker.modal.range-selection.header.headline.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
192
|
-
map.get($deps, 'md-sys-typescale', 'title-large-weight')
|
|
193
|
-
map.get($deps, 'md-sys-typescale', 'title-large-size') #{'/'} map.get(
|
|
194
|
-
$deps,
|
|
195
|
-
'md-sys-typescale',
|
|
196
|
-
'title-large-line-height'
|
|
197
|
-
) map.get($deps, 'md-sys-typescale', 'title-large-font')
|
|
198
|
-
),
|
|
199
|
-
'range-selection-header-headline-weight':
|
|
200
|
-
map.get($deps, 'md-sys-typescale', 'title-large-weight'),
|
|
201
|
-
'range-selection-month-subhead-color':
|
|
202
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
203
|
-
'range-selection-month-subhead-font':
|
|
204
|
-
map.get($deps, 'md-sys-typescale', 'title-small-font'),
|
|
205
|
-
'range-selection-month-subhead-line-height':
|
|
206
|
-
map.get($deps, 'md-sys-typescale', 'title-small-line-height'),
|
|
207
|
-
'range-selection-month-subhead-size':
|
|
208
|
-
map.get($deps, 'md-sys-typescale', 'title-small-size'),
|
|
209
|
-
'range-selection-month-subhead-tracking':
|
|
210
|
-
map.get($deps, 'md-sys-typescale', 'title-small-tracking'),
|
|
211
|
-
'range-selection-month-subhead-type':
|
|
212
|
-
if(
|
|
213
|
-
$exclude-hardcoded-values,
|
|
214
|
-
null,
|
|
215
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.date-picker.modal.range-selection.month.subhead.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
216
|
-
map.get($deps, 'md-sys-typescale', 'title-small-weight')
|
|
217
|
-
map.get($deps, 'md-sys-typescale', 'title-small-size') #{'/'} map.get(
|
|
218
|
-
$deps,
|
|
219
|
-
'md-sys-typescale',
|
|
220
|
-
'title-small-line-height'
|
|
221
|
-
) map.get($deps, 'md-sys-typescale', 'title-small-font')
|
|
222
|
-
),
|
|
223
|
-
'range-selection-month-subhead-weight':
|
|
224
|
-
map.get($deps, 'md-sys-typescale', 'title-small-weight'),
|
|
225
|
-
'weekdays-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
226
|
-
'weekdays-label-text-font':
|
|
227
|
-
map.get($deps, 'md-sys-typescale', 'body-large-font'),
|
|
228
|
-
'weekdays-label-text-line-height':
|
|
229
|
-
map.get($deps, 'md-sys-typescale', 'body-large-line-height'),
|
|
230
|
-
'weekdays-label-text-size':
|
|
231
|
-
map.get($deps, 'md-sys-typescale', 'body-large-size'),
|
|
232
|
-
'weekdays-label-text-tracking':
|
|
233
|
-
map.get($deps, 'md-sys-typescale', 'body-large-tracking'),
|
|
234
|
-
'weekdays-label-text-type':
|
|
235
|
-
if(
|
|
236
|
-
$exclude-hardcoded-values,
|
|
237
|
-
null,
|
|
238
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.date-picker.modal.weekdays.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
239
|
-
map.get($deps, 'md-sys-typescale', 'body-large-weight')
|
|
240
|
-
map.get($deps, 'md-sys-typescale', 'body-large-size') #{'/'} map.get(
|
|
241
|
-
$deps,
|
|
242
|
-
'md-sys-typescale',
|
|
243
|
-
'body-large-line-height'
|
|
244
|
-
) map.get($deps, 'md-sys-typescale', 'body-large-font')
|
|
245
|
-
),
|
|
246
|
-
'weekdays-label-text-weight':
|
|
247
|
-
map.get($deps, 'md-sys-typescale', 'body-large-weight'),
|
|
248
|
-
'year-selection-year-container-height':
|
|
249
|
-
if($exclude-hardcoded-values, null, 36px),
|
|
250
|
-
'year-selection-year-container-width':
|
|
251
|
-
if($exclude-hardcoded-values, null, 72px),
|
|
252
|
-
'year-selection-year-focus-state-layer-opacity':
|
|
253
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
254
|
-
'year-selection-year-hover-state-layer-opacity':
|
|
255
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
256
|
-
'year-selection-year-label-text-font':
|
|
257
|
-
map.get($deps, 'md-sys-typescale', 'body-large-font'),
|
|
258
|
-
'year-selection-year-label-text-line-height':
|
|
259
|
-
map.get($deps, 'md-sys-typescale', 'body-large-line-height'),
|
|
260
|
-
'year-selection-year-label-text-size':
|
|
261
|
-
map.get($deps, 'md-sys-typescale', 'body-large-size'),
|
|
262
|
-
'year-selection-year-label-text-tracking':
|
|
263
|
-
map.get($deps, 'md-sys-typescale', 'body-large-tracking'),
|
|
264
|
-
'year-selection-year-label-text-type':
|
|
265
|
-
if(
|
|
266
|
-
$exclude-hardcoded-values,
|
|
267
|
-
null,
|
|
268
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.date-picker.modal.year-selection.year.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
269
|
-
map.get($deps, 'md-sys-typescale', 'body-large-weight')
|
|
270
|
-
map.get($deps, 'md-sys-typescale', 'body-large-size') #{'/'} map.get(
|
|
271
|
-
$deps,
|
|
272
|
-
'md-sys-typescale',
|
|
273
|
-
'body-large-line-height'
|
|
274
|
-
) map.get($deps, 'md-sys-typescale', 'body-large-font')
|
|
275
|
-
),
|
|
276
|
-
'year-selection-year-label-text-weight':
|
|
277
|
-
map.get($deps, 'md-sys-typescale', 'body-large-weight'),
|
|
278
|
-
'year-selection-year-pressed-state-layer-opacity':
|
|
279
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
280
|
-
'year-selection-year-selected-container-color':
|
|
281
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
282
|
-
'year-selection-year-selected-focus-state-layer-color':
|
|
283
|
-
map.get($deps, 'md-sys-color', 'on-primary'),
|
|
284
|
-
'year-selection-year-selected-hover-state-layer-color':
|
|
285
|
-
map.get($deps, 'md-sys-color', 'on-primary'),
|
|
286
|
-
'year-selection-year-selected-label-text-color':
|
|
287
|
-
map.get($deps, 'md-sys-color', 'on-primary'),
|
|
288
|
-
'year-selection-year-selected-pressed-state-layer-color':
|
|
289
|
-
map.get($deps, 'md-sys-color', 'on-primary'),
|
|
290
|
-
'year-selection-year-state-layer-height':
|
|
291
|
-
if($exclude-hardcoded-values, null, 36px),
|
|
292
|
-
'year-selection-year-state-layer-shape':
|
|
293
|
-
map.get($deps, 'md-sys-shape', 'corner-full'),
|
|
294
|
-
'year-selection-year-state-layer-width':
|
|
295
|
-
if($exclude-hardcoded-values, null, 72px),
|
|
296
|
-
'year-selection-year-unselected-focus-state-layer-color':
|
|
297
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
298
|
-
'year-selection-year-unselected-hover-state-layer-color':
|
|
299
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
300
|
-
'year-selection-year-unselected-label-text-color':
|
|
301
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
302
|
-
'year-selection-year-unselected-pressed-state-layer-color':
|
|
303
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant')
|
|
304
|
-
);
|
|
305
|
-
}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.160
|
|
10
|
-
//
|
|
11
|
-
|
|
12
|
-
@use 'sass:map';
|
|
13
|
-
|
|
14
|
-
@use './md-sys-color';
|
|
15
|
-
|
|
16
|
-
@use './md-sys-elevation';
|
|
17
|
-
|
|
18
|
-
@use './md-sys-shape';
|
|
19
|
-
|
|
20
|
-
@use './md-sys-state';
|
|
21
|
-
|
|
22
|
-
@use './md-sys-typescale';
|
|
23
|
-
|
|
24
|
-
$_default: (
|
|
25
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
26
|
-
'md-sys-elevation': md-sys-elevation.values(),
|
|
27
|
-
'md-sys-shape': md-sys-shape.values(),
|
|
28
|
-
'md-sys-state': md-sys-state.values(),
|
|
29
|
-
'md-sys-typescale': md-sys-typescale.values(),
|
|
30
|
-
);
|
|
31
|
-
|
|
32
|
-
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
33
|
-
@return (
|
|
34
|
-
'action-focus-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
35
|
-
'action-focus-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
36
|
-
'action-focus-state-layer-opacity':
|
|
37
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
38
|
-
'action-hover-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
39
|
-
'action-hover-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
40
|
-
'action-hover-state-layer-opacity':
|
|
41
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
42
|
-
'action-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
43
|
-
'action-label-text-font':
|
|
44
|
-
map.get($deps, 'md-sys-typescale', 'label-large-font'),
|
|
45
|
-
'action-label-text-line-height':
|
|
46
|
-
map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
|
|
47
|
-
'action-label-text-size':
|
|
48
|
-
map.get($deps, 'md-sys-typescale', 'label-large-size'),
|
|
49
|
-
'action-label-text-tracking':
|
|
50
|
-
map.get($deps, 'md-sys-typescale', 'label-large-tracking'),
|
|
51
|
-
'action-label-text-type':
|
|
52
|
-
if(
|
|
53
|
-
$exclude-hardcoded-values,
|
|
54
|
-
null,
|
|
55
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.dialog.action.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
56
|
-
map.get($deps, 'md-sys-typescale', 'label-large-weight')
|
|
57
|
-
map.get($deps, 'md-sys-typescale', 'label-large-size') #{'/'} map.get(
|
|
58
|
-
$deps,
|
|
59
|
-
'md-sys-typescale',
|
|
60
|
-
'label-large-line-height'
|
|
61
|
-
) map.get($deps, 'md-sys-typescale', 'label-large-font')
|
|
62
|
-
),
|
|
63
|
-
'action-label-text-weight':
|
|
64
|
-
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
|
|
65
|
-
'action-pressed-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
66
|
-
'action-pressed-state-layer-color':
|
|
67
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
68
|
-
'action-pressed-state-layer-opacity':
|
|
69
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
70
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
71
|
-
'container-elevation': map.get($deps, 'md-sys-elevation', 'level3'),
|
|
72
|
-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-large'),
|
|
73
|
-
'container-surface-tint-layer-color':
|
|
74
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
75
|
-
'headline-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
76
|
-
'headline-font': map.get($deps, 'md-sys-typescale', 'headline-small-font'),
|
|
77
|
-
'headline-line-height':
|
|
78
|
-
map.get($deps, 'md-sys-typescale', 'headline-small-line-height'),
|
|
79
|
-
'headline-size': map.get($deps, 'md-sys-typescale', 'headline-small-size'),
|
|
80
|
-
'headline-tracking':
|
|
81
|
-
map.get($deps, 'md-sys-typescale', 'headline-small-tracking'),
|
|
82
|
-
'headline-type':
|
|
83
|
-
if(
|
|
84
|
-
$exclude-hardcoded-values,
|
|
85
|
-
null,
|
|
86
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.dialog.headline.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
87
|
-
map.get($deps, 'md-sys-typescale', 'headline-small-weight')
|
|
88
|
-
map.get($deps, 'md-sys-typescale', 'headline-small-size') #{'/'} map.get(
|
|
89
|
-
$deps,
|
|
90
|
-
'md-sys-typescale',
|
|
91
|
-
'headline-small-line-height'
|
|
92
|
-
) map.get($deps, 'md-sys-typescale', 'headline-small-font')
|
|
93
|
-
),
|
|
94
|
-
'headline-weight':
|
|
95
|
-
map.get($deps, 'md-sys-typescale', 'headline-small-weight'),
|
|
96
|
-
'supporting-text-color':
|
|
97
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
98
|
-
'supporting-text-font':
|
|
99
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-font'),
|
|
100
|
-
'supporting-text-line-height':
|
|
101
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-line-height'),
|
|
102
|
-
'supporting-text-size':
|
|
103
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-size'),
|
|
104
|
-
'supporting-text-tracking':
|
|
105
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-tracking'),
|
|
106
|
-
'supporting-text-type':
|
|
107
|
-
if(
|
|
108
|
-
$exclude-hardcoded-values,
|
|
109
|
-
null,
|
|
110
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.dialog.supporting-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
111
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-weight')
|
|
112
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-size') #{'/'} map.get(
|
|
113
|
-
$deps,
|
|
114
|
-
'md-sys-typescale',
|
|
115
|
-
'body-medium-line-height'
|
|
116
|
-
) map.get($deps, 'md-sys-typescale', 'body-medium-font')
|
|
117
|
-
),
|
|
118
|
-
'supporting-text-weight':
|
|
119
|
-
map.get($deps, 'md-sys-typescale', 'body-medium-weight'),
|
|
120
|
-
'with-icon-icon-color': map.get($deps, 'md-sys-color', 'secondary'),
|
|
121
|
-
'with-icon-icon-size': if($exclude-hardcoded-values, null, 24px)
|
|
122
|
-
);
|
|
123
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.160
|
|
10
|
-
//
|
|
11
|
-
|
|
12
|
-
@use 'sass:map';
|
|
13
|
-
|
|
14
|
-
@use './md-sys-color';
|
|
15
|
-
|
|
16
|
-
$_default: (
|
|
17
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
18
|
-
);
|
|
19
|
-
|
|
20
|
-
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
21
|
-
@return (
|
|
22
|
-
'color': map.get($deps, 'md-sys-color', 'outline-variant'),
|
|
23
|
-
'thickness': if($exclude-hardcoded-values, null, 1px)
|
|
24
|
-
);
|
|
25
|
-
}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.160
|
|
10
|
-
//
|
|
11
|
-
|
|
12
|
-
@use 'sass:map';
|
|
13
|
-
|
|
14
|
-
@use './md-sys-color';
|
|
15
|
-
|
|
16
|
-
@use './md-sys-elevation';
|
|
17
|
-
|
|
18
|
-
@use './md-sys-shape';
|
|
19
|
-
|
|
20
|
-
@use './md-sys-state';
|
|
21
|
-
|
|
22
|
-
@use './md-sys-typescale';
|
|
23
|
-
|
|
24
|
-
$_default: (
|
|
25
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
26
|
-
'md-sys-elevation': md-sys-elevation.values(),
|
|
27
|
-
'md-sys-shape': md-sys-shape.values(),
|
|
28
|
-
'md-sys-state': md-sys-state.values(),
|
|
29
|
-
'md-sys-typescale': md-sys-typescale.values(),
|
|
30
|
-
);
|
|
31
|
-
|
|
32
|
-
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
33
|
-
@return (
|
|
34
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
35
|
-
'container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
|
|
36
|
-
'container-height': if($exclude-hardcoded-values, null, 40px),
|
|
37
|
-
'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
|
|
38
|
-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
|
|
39
|
-
'container-surface-tint-layer-color':
|
|
40
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
41
|
-
'disabled-container-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
42
|
-
'disabled-container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
|
|
43
|
-
'disabled-container-opacity': if($exclude-hardcoded-values, null, 0.12),
|
|
44
|
-
'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
45
|
-
'disabled-label-text-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
46
|
-
'focus-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
|
|
47
|
-
'focus-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
48
|
-
'focus-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
49
|
-
'focus-state-layer-opacity':
|
|
50
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
51
|
-
'hover-container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
|
|
52
|
-
'hover-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
53
|
-
'hover-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
54
|
-
'hover-state-layer-opacity':
|
|
55
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
56
|
-
'label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
57
|
-
'label-text-font': map.get($deps, 'md-sys-typescale', 'label-large-font'),
|
|
58
|
-
'label-text-line-height':
|
|
59
|
-
map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
|
|
60
|
-
'label-text-size': map.get($deps, 'md-sys-typescale', 'label-large-size'),
|
|
61
|
-
'label-text-tracking':
|
|
62
|
-
map.get($deps, 'md-sys-typescale', 'label-large-tracking'),
|
|
63
|
-
'label-text-type':
|
|
64
|
-
if(
|
|
65
|
-
$exclude-hardcoded-values,
|
|
66
|
-
null,
|
|
67
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.elevated-button.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
68
|
-
map.get($deps, 'md-sys-typescale', 'label-large-weight')
|
|
69
|
-
map.get($deps, 'md-sys-typescale', 'label-large-size') #{'/'} map.get(
|
|
70
|
-
$deps,
|
|
71
|
-
'md-sys-typescale',
|
|
72
|
-
'label-large-line-height'
|
|
73
|
-
) map.get($deps, 'md-sys-typescale', 'label-large-font')
|
|
74
|
-
),
|
|
75
|
-
'label-text-weight':
|
|
76
|
-
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
|
|
77
|
-
'pressed-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
|
|
78
|
-
'pressed-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
79
|
-
'pressed-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
80
|
-
'pressed-state-layer-opacity':
|
|
81
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
82
|
-
'with-icon-disabled-icon-color':
|
|
83
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
84
|
-
'with-icon-disabled-icon-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
85
|
-
'with-icon-focus-icon-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
86
|
-
'with-icon-hover-icon-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
87
|
-
'with-icon-icon-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
88
|
-
'with-icon-icon-size': if($exclude-hardcoded-values, null, 18px),
|
|
89
|
-
'with-icon-pressed-icon-color': map.get($deps, 'md-sys-color', 'primary')
|
|
90
|
-
);
|
|
91
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// Copyright 2023 Google LLC
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
//
|
|
5
|
-
//
|
|
6
|
-
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
|
-
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
|
-
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.160
|
|
10
|
-
//
|
|
11
|
-
|
|
12
|
-
@use 'sass:map';
|
|
13
|
-
|
|
14
|
-
@use './md-sys-color';
|
|
15
|
-
|
|
16
|
-
@use './md-sys-elevation';
|
|
17
|
-
|
|
18
|
-
@use './md-sys-shape';
|
|
19
|
-
|
|
20
|
-
@use './md-sys-state';
|
|
21
|
-
|
|
22
|
-
$_default: (
|
|
23
|
-
'md-sys-color': md-sys-color.values-light(),
|
|
24
|
-
'md-sys-elevation': md-sys-elevation.values(),
|
|
25
|
-
'md-sys-shape': md-sys-shape.values(),
|
|
26
|
-
'md-sys-state': md-sys-state.values(),
|
|
27
|
-
);
|
|
28
|
-
|
|
29
|
-
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
30
|
-
@return (
|
|
31
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
32
|
-
'container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
|
|
33
|
-
'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
|
|
34
|
-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-medium'),
|
|
35
|
-
'container-surface-tint-layer-color':
|
|
36
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
37
|
-
'disabled-container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
38
|
-
'disabled-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
|
|
39
|
-
'disabled-container-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
40
|
-
'dragged-container-elevation': map.get($deps, 'md-sys-elevation', 'level4'),
|
|
41
|
-
'dragged-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
42
|
-
'dragged-state-layer-opacity':
|
|
43
|
-
map.get($deps, 'md-sys-state', 'dragged-state-layer-opacity'),
|
|
44
|
-
'focus-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
|
|
45
|
-
'focus-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
46
|
-
'focus-state-layer-opacity':
|
|
47
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
48
|
-
'hover-container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
|
|
49
|
-
'hover-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
50
|
-
'hover-state-layer-opacity':
|
|
51
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
52
|
-
'icon-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
53
|
-
'icon-size': if($exclude-hardcoded-values, null, 24px),
|
|
54
|
-
'pressed-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
|
|
55
|
-
'pressed-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
56
|
-
'pressed-state-layer-opacity':
|
|
57
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity')
|
|
58
|
-
);
|
|
59
|
-
}
|