@material/web 1.0.0-pre.5 → 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 +1 -1
- package/badge/lib/badge-styles.css.js +1 -1
- package/badge/lib/badge-styles.css.js.map +1 -1
- package/button/lib/_elevation.scss +7 -13
- package/button/lib/_outlined-button.scss +1 -1
- package/button/lib/_shared.scss +5 -0
- package/button/lib/_text-button.scss +1 -1
- package/button/lib/_tonal-button.scss +1 -1
- package/button/lib/button.d.ts +14 -1
- package/button/lib/button.js +36 -14
- 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-styles.css.js +1 -1
- package/checkbox/lib/checkbox-styles.css.js.map +1 -1
- package/chips/lib/_shared.scss +63 -33
- package/chips/lib/assist-styles.css.js +1 -1
- package/chips/lib/assist-styles.css.js.map +1 -1
- package/chips/lib/chip.js +1 -1
- package/chips/lib/chip.js.map +1 -1
- package/chips/lib/shared-styles.css.js +1 -1
- package/chips/lib/shared-styles.css.js.map +1 -1
- package/chips/lib/suggestion-styles.css.js +1 -1
- package/chips/lib/suggestion-styles.css.js.map +1 -1
- 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 +1 -6
- 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 +13 -48
- 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/_shared.scss +18 -21
- 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.js +1 -1
- 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/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 -20
- 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-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 -16
- 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/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 +0 -1
- 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 +9 -13
- 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 +3 -3
- package/list/lib/listitem/list-item.js +3 -3
- 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 +5 -10
- package/menu/lib/forced-colors-styles.css.d.ts +1 -0
- 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 +12 -1
- package/menu/lib/menu.js +42 -4
- 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.d.ts +1 -0
- 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/shared.d.ts +10 -0
- package/menu/lib/shared.js +23 -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 +12 -0
- package/menu/lib/submenuitem/sub-menu-item.js.map +1 -1
- package/menu/lib/typeaheadController.d.ts +10 -2
- package/menu/lib/typeaheadController.js +20 -14
- 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 +3 -6
- 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 -11
- package/navigationdrawer/lib/_navigation-drawer.scss +9 -14
- 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-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-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/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 +1 -7
- package/slider/lib/_tokens.scss +5 -0
- 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-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 +3 -0
- package/tokens/_md-comp-assist-chip.scss +69 -14
- package/tokens/_md-comp-badge.scss +8 -1
- package/tokens/_md-comp-banner.scss +1 -1
- package/tokens/_md-comp-bottom-app-bar.scss +1 -1
- package/tokens/_md-comp-carousel-item.scss +1 -1
- package/tokens/_md-comp-checkbox.scss +1 -1
- package/tokens/_md-comp-circular-progress-indicator.scss +17 -2
- package/tokens/_md-comp-data-table.scss +1 -1
- package/tokens/_md-comp-date-input-modal.scss +1 -1
- package/tokens/_md-comp-date-picker-docked.scss +1 -1
- package/tokens/_md-comp-date-picker-modal.scss +1 -1
- package/tokens/_md-comp-dialog.scss +10 -1
- package/tokens/_md-comp-divider.scss +1 -1
- package/tokens/_md-comp-elevated-button.scss +80 -20
- package/tokens/_md-comp-elevated-card.scss +1 -1
- package/tokens/_md-comp-elevation.scss +28 -0
- package/tokens/_md-comp-extended-fab-branded.scss +8 -1
- package/tokens/_md-comp-extended-fab-primary.scss +8 -1
- package/tokens/_md-comp-extended-fab-secondary.scss +8 -1
- package/tokens/_md-comp-extended-fab-surface.scss +8 -1
- package/tokens/_md-comp-extended-fab-tertiary.scss +8 -1
- package/tokens/_md-comp-fab-branded-large.scss +1 -1
- package/tokens/_md-comp-fab-branded.scss +1 -1
- package/tokens/_md-comp-fab-primary-large.scss +1 -1
- package/tokens/_md-comp-fab-primary-small.scss +1 -1
- package/tokens/_md-comp-fab-primary.scss +1 -1
- package/tokens/_md-comp-fab-secondary-large.scss +1 -1
- package/tokens/_md-comp-fab-secondary-small.scss +1 -1
- package/tokens/_md-comp-fab-secondary.scss +1 -1
- package/tokens/_md-comp-fab-surface-large.scss +1 -1
- package/tokens/_md-comp-fab-surface-small.scss +1 -1
- package/tokens/_md-comp-fab-surface.scss +1 -1
- package/tokens/_md-comp-fab-tertiary-large.scss +1 -1
- package/tokens/_md-comp-fab-tertiary-small.scss +1 -1
- package/tokens/_md-comp-fab-tertiary.scss +1 -1
- package/tokens/_md-comp-filled-autocomplete.scss +1 -1
- package/tokens/_md-comp-filled-button.scss +80 -20
- package/tokens/_md-comp-filled-card.scss +1 -1
- package/tokens/_md-comp-filled-icon-button.scss +1 -1
- package/tokens/_md-comp-filled-menu-button.scss +1 -1
- package/tokens/_md-comp-filled-select.scss +1 -1
- package/tokens/_md-comp-filled-text-field.scss +10 -1
- package/tokens/_md-comp-filled-tonal-button.scss +80 -20
- package/tokens/_md-comp-filled-tonal-icon-button.scss +1 -1
- package/tokens/_md-comp-filter-chip.scss +201 -11
- package/tokens/_md-comp-focus-ring.scss +46 -0
- package/tokens/_md-comp-full-screen-dialog.scss +1 -1
- package/tokens/_md-comp-icon-button.scss +1 -1
- package/tokens/_md-comp-input-chip.scss +194 -11
- package/tokens/_md-comp-linear-progress-indicator.scss +1 -1
- package/tokens/_md-comp-list.scss +18 -1
- package/tokens/_md-comp-menu.scss +1 -1
- package/tokens/_md-comp-navigation-bar.scss +1 -1
- package/tokens/_md-comp-navigation-drawer.scss +1 -1
- package/tokens/_md-comp-navigation-rail.scss +1 -1
- package/tokens/_md-comp-outlined-autocomplete.scss +1 -1
- package/tokens/_md-comp-outlined-button.scss +77 -19
- package/tokens/_md-comp-outlined-card.scss +1 -1
- package/tokens/_md-comp-outlined-icon-button.scss +1 -1
- package/tokens/_md-comp-outlined-menu-button.scss +1 -1
- package/tokens/_md-comp-outlined-segmented-button.scss +10 -1
- package/tokens/_md-comp-outlined-select.scss +1 -1
- package/tokens/_md-comp-outlined-text-field.scss +10 -1
- package/tokens/_md-comp-plain-tooltip.scss +1 -1
- package/tokens/_md-comp-primary-navigation-tab.scss +10 -1
- package/tokens/_md-comp-radio-button.scss +1 -1
- package/tokens/_md-comp-rich-tooltip.scss +1 -1
- package/tokens/_md-comp-scrim.scss +1 -1
- package/tokens/_md-comp-search-bar.scss +1 -1
- package/tokens/_md-comp-search-view.scss +1 -1
- package/tokens/_md-comp-secondary-navigation-tab.scss +9 -1
- package/tokens/_md-comp-sheet-bottom.scss +1 -1
- package/tokens/_md-comp-sheet-floating.scss +1 -1
- package/tokens/_md-comp-sheet-side.scss +1 -1
- package/tokens/_md-comp-slider.scss +10 -1
- package/tokens/_md-comp-snackbar.scss +1 -1
- package/tokens/_md-comp-standard-menu-button.scss +1 -1
- package/tokens/_md-comp-suggestion-chip.scss +65 -14
- package/tokens/_md-comp-switch.scss +1 -1
- package/tokens/_md-comp-test-table.scss +31 -0
- package/tokens/_md-comp-text-button.scss +70 -19
- package/tokens/_md-comp-time-input.scss +1 -1
- package/tokens/_md-comp-time-picker.scss +1 -1
- package/tokens/_md-comp-top-app-bar-large.scss +1 -1
- package/tokens/_md-comp-top-app-bar-medium.scss +1 -1
- package/tokens/_md-comp-top-app-bar-small-centered.scss +1 -1
- package/tokens/_md-comp-top-app-bar-small.scss +1 -1
- package/tokens/_md-ref-palette.scss +1 -1
- package/tokens/_md-ref-typeface.scss +24 -2
- package/tokens/_md-sys-color.scss +1 -1
- package/tokens/_md-sys-elevation.scss +1 -1
- package/tokens/_md-sys-motion.scss +1 -1
- package/tokens/_md-sys-shape.scss +1 -1
- package/tokens/_md-sys-state.scss +1 -1
- package/tokens/_md-sys-typescale.scss +36 -2
- package/tokens/_values.scss +111 -0
- package/tokens/{v0_161 → v0_172}/_md-comp-assist-chip.scss +3 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-badge.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-banner.scss +2 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-bottom-app-bar.scss +3 -5
- package/tokens/{v0_161 → 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_161 → 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_161 → v0_172}/_md-comp-dialog.scss +2 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-divider.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-elevated-button.scss +2 -4
- package/tokens/{v0_161 → 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_161 → 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_161 → 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_161 → 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_161 → v0_172}/_md-comp-fab-secondary.scss +1 -1
- package/tokens/{v0_161 → 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_161 → v0_172}/_md-comp-fab-tertiary-large.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-fab-tertiary-small.scss +1 -1
- package/tokens/{v0_161 → 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_161 → v0_172}/_md-comp-filled-tonal-icon-button.scss +2 -2
- package/tokens/{v0_161 → v0_172}/_md-comp-filter-chip.scss +2 -4
- package/tokens/{v0_161 → v0_172}/_md-comp-full-screen-dialog.scss +3 -3
- package/tokens/{v0_161 → v0_172}/_md-comp-icon-button.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-input-chip.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-linear-progress-indicator.scss +2 -2
- package/tokens/{v0_161 → 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_161 → v0_172}/_md-comp-navigation-rail.scss +1 -16
- package/tokens/{v0_161 → 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_161 → v0_172}/_md-comp-outlined-menu-button.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-outlined-segmented-button.scss +1 -1
- package/tokens/{v0_161 → 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_161 → v0_172}/_md-comp-primary-navigation-tab.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-radio-button.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-comp-rich-tooltip.scss +3 -5
- package/tokens/{v0_161 → 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_161 → v0_172}/_md-comp-secondary-navigation-tab.scss +3 -3
- package/tokens/{v0_161 → 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_161 → 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_161 → v0_172}/_md-comp-time-input.scss +3 -4
- package/tokens/{v0_161 → 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_161 → 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_161 → v0_172}/_md-sys-elevation.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-sys-motion.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-sys-shape.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-sys-state.scss +1 -1
- package/tokens/{v0_161 → v0_172}/_md-sys-typescale.scss +1 -1
- package/tokens/v0_172/index.test.css.d.ts +1 -0
- package/tokens/v0_172/lib.test.css.d.ts +1 -0
- 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/elevation/lib/_md-comp-elevation.scss +0 -27
- package/focus/lib/_md-comp-focus-ring.scss +0 -30
- 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/{tokens/v0_161/index.test.css.d.ts → circularprogress/lib/circular-progress-styles.css.d.ts} +0 -0
- /package/{tokens/v0_161/lib.test.css.d.ts → list/lib/listitem/forced-colors-styles.css.d.ts} +0 -0
- /package/tokens/{v0_161 → v0_172}/_index.scss +0 -0
- /package/tokens/{v0_161 → v0_172}/index.test.css.js +0 -0
- /package/tokens/{v0_161 → v0_172}/index.test.css.js.map +0 -0
- /package/tokens/{v0_161 → v0_172}/index.test.scss +0 -0
- /package/tokens/{v0_161 → v0_172}/lib.test.css.js +0 -0
- /package/tokens/{v0_161 → v0_172}/lib.test.css.js.map +0 -0
- /package/tokens/{v0_161 → v0_172}/lib.test.scss +0 -0
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -33,8 +33,6 @@ $_default: (
|
|
|
33
33
|
@return (
|
|
34
34
|
'container-height': if($exclude-hardcoded-values, null, 32px),
|
|
35
35
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-small'),
|
|
36
|
-
'container-surface-tint-layer-color':
|
|
37
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
38
36
|
'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
39
37
|
'disabled-label-text-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
40
38
|
'dragged-container-elevation': map.get($deps, 'md-sys-elevation', 'level4'),
|
|
@@ -55,7 +53,7 @@ $_default: (
|
|
|
55
53
|
'elevated-selected-container-color':
|
|
56
54
|
map.get($deps, 'md-sys-color', 'secondary-container'),
|
|
57
55
|
'elevated-unselected-container-color':
|
|
58
|
-
map.get($deps, 'md-sys-color', 'surface'),
|
|
56
|
+
map.get($deps, 'md-sys-color', 'surface-container-low'),
|
|
59
57
|
'flat-container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
|
|
60
58
|
'flat-disabled-selected-container-color':
|
|
61
59
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -78,8 +78,6 @@ $_default: (
|
|
|
78
78
|
'header-container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
79
79
|
'header-container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
|
|
80
80
|
'header-container-height': if($exclude-hardcoded-values, null, 56px),
|
|
81
|
-
'header-container-surface-tint-layer-color':
|
|
82
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
83
81
|
'header-headline-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
84
82
|
'header-headline-font':
|
|
85
83
|
map.get($deps, 'md-sys-typescale', 'title-large-font'),
|
|
@@ -105,6 +103,8 @@ $_default: (
|
|
|
105
103
|
map.get($deps, 'md-sys-typescale', 'title-large-weight'),
|
|
106
104
|
'header-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
107
105
|
'header-icon-size': if($exclude-hardcoded-values, null, 24px),
|
|
106
|
+
'header-on-scroll-container-color':
|
|
107
|
+
map.get($deps, 'md-sys-color', 'surface-container'),
|
|
108
108
|
'header-on-scroll-container-elevation':
|
|
109
109
|
map.get($deps, 'md-sys-elevation', 'level2')
|
|
110
110
|
);
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
// User-configured context group "Audience": "3P"
|
|
11
11
|
//
|
|
12
12
|
|
|
@@ -34,7 +34,7 @@ $_default: (
|
|
|
34
34
|
map.get($deps, 'md-sys-color', 'tertiary'),
|
|
35
35
|
'four-color-active-indicator-two-color':
|
|
36
36
|
map.get($deps, 'md-sys-color', 'primary-container'),
|
|
37
|
-
'track-color': map.get($deps, 'md-sys-color', 'surface-
|
|
37
|
+
'track-color': map.get($deps, 'md-sys-color', 'surface-container-highest'),
|
|
38
38
|
'track-height': if($exclude-hardcoded-values, null, 4px),
|
|
39
39
|
'track-shape': map.get($deps, 'md-sys-shape', 'corner-none')
|
|
40
40
|
);
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -25,13 +25,11 @@ $_default: (
|
|
|
25
25
|
|
|
26
26
|
@function values($deps: $_default) {
|
|
27
27
|
@return (
|
|
28
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
28
|
+
'container-color': map.get($deps, 'md-sys-color', 'surface-container'),
|
|
29
29
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
|
|
30
30
|
'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
|
|
31
31
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
32
|
-
'container-surface-tint-layer-color':
|
|
33
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
34
32
|
'list-item-selected-container-color':
|
|
35
|
-
map.get($deps, 'md-sys-color', 'surface-
|
|
33
|
+
map.get($deps, 'md-sys-color', 'surface-container-highest')
|
|
36
34
|
);
|
|
37
35
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -59,12 +59,10 @@ $_default: (
|
|
|
59
59
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
60
60
|
'active-pressed-state-layer-color':
|
|
61
61
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
62
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
62
|
+
'container-color': map.get($deps, 'md-sys-color', 'surface-container'),
|
|
63
63
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
|
|
64
64
|
'container-height': if($exclude-hardcoded-values, null, 80px),
|
|
65
65
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
|
|
66
|
-
'container-surface-tint-layer-color':
|
|
67
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
68
66
|
'focus-state-layer-opacity':
|
|
69
67
|
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
70
68
|
'hover-state-layer-opacity':
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -61,11 +61,8 @@ $_default: (
|
|
|
61
61
|
'active-pressed-state-layer-color':
|
|
62
62
|
map.get($deps, 'md-sys-color', 'on-secondary-container'),
|
|
63
63
|
'bottom-container-shape': map.get($deps, 'md-sys-shape', 'corner-large-top'),
|
|
64
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
65
64
|
'container-height': if($exclude-hardcoded-values, null, 100%),
|
|
66
65
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-large-end'),
|
|
67
|
-
'container-surface-tint-layer-color':
|
|
68
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
69
66
|
'container-width': if($exclude-hardcoded-values, null, 360px),
|
|
70
67
|
'focus-state-layer-opacity':
|
|
71
68
|
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
@@ -154,9 +151,12 @@ $_default: (
|
|
|
154
151
|
),
|
|
155
152
|
'large-badge-label-weight':
|
|
156
153
|
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
|
|
154
|
+
'modal-container-color':
|
|
155
|
+
map.get($deps, 'md-sys-color', 'surface-container-low'),
|
|
157
156
|
'modal-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
|
|
158
157
|
'pressed-state-layer-opacity':
|
|
159
158
|
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
159
|
+
'standard-container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
160
160
|
'standard-container-elevation': map.get($deps, 'md-sys-elevation', 'level0')
|
|
161
161
|
);
|
|
162
162
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -106,21 +106,6 @@ $_default: (
|
|
|
106
106
|
),
|
|
107
107
|
'label-text-weight':
|
|
108
108
|
map.get($deps, 'md-sys-typescale', 'label-medium-weight'),
|
|
109
|
-
'menu-focus-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
110
|
-
'menu-focus-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
111
|
-
'menu-focus-state-layer-opacity':
|
|
112
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
113
|
-
'menu-hover-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
114
|
-
'menu-hover-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
115
|
-
'menu-hover-state-layer-opacity':
|
|
116
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
117
|
-
'menu-icon-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
118
|
-
'menu-icon-size': if($exclude-hardcoded-values, null, 24px),
|
|
119
|
-
'menu-pressed-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
120
|
-
'menu-pressed-state-layer-color':
|
|
121
|
-
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
122
|
-
'menu-pressed-state-layer-opacity':
|
|
123
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
124
109
|
'no-label-active-indicator-height':
|
|
125
110
|
if($exclude-hardcoded-values, null, 56px),
|
|
126
111
|
'no-label-active-indicator-shape':
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -35,12 +35,10 @@ $_default: (
|
|
|
35
35
|
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
36
36
|
'menu-cascading-menu-indicator-icon-size':
|
|
37
37
|
if($exclude-hardcoded-values, null, 24px),
|
|
38
|
-
'menu-container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
38
|
+
'menu-container-color': map.get($deps, 'md-sys-color', 'surface-container'),
|
|
39
39
|
'menu-container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
|
|
40
40
|
'menu-container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
|
|
41
41
|
'menu-container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
42
|
-
'menu-container-surface-tint-layer-color':
|
|
43
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
44
42
|
'menu-divider-color': map.get($deps, 'md-sys-color', 'surface-variant'),
|
|
45
43
|
'menu-divider-height': if($exclude-hardcoded-values, null, 1px),
|
|
46
44
|
'menu-list-item-container-height': if($exclude-hardcoded-values, null, 48px),
|
|
@@ -69,10 +67,10 @@ $_default: (
|
|
|
69
67
|
'menu-list-item-label-text-weight':
|
|
70
68
|
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
|
|
71
69
|
'menu-list-item-selected-container-color':
|
|
72
|
-
map.get($deps, 'md-sys-color', 'surface-
|
|
70
|
+
map.get($deps, 'md-sys-color', 'surface-container-highest'),
|
|
73
71
|
'text-field-caret-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
74
72
|
'text-field-container-color':
|
|
75
|
-
map.get($deps, 'md-sys-color', 'surface-
|
|
73
|
+
map.get($deps, 'md-sys-color', 'surface-container-highest'),
|
|
76
74
|
'text-field-container-shape':
|
|
77
75
|
map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
78
76
|
'text-field-disabled-input-text-color':
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -32,8 +32,6 @@ $_default: (
|
|
|
32
32
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
|
|
33
33
|
'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
|
|
34
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
35
|
'disabled-container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
|
|
38
36
|
'disabled-outline-color': map.get($deps, 'md-sys-color', 'outline'),
|
|
39
37
|
'disabled-outline-opacity': if($exclude-hardcoded-values, null, 0.12),
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -35,12 +35,10 @@ $_default: (
|
|
|
35
35
|
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
36
36
|
'menu-cascading-menu-indicator-icon-size':
|
|
37
37
|
if($exclude-hardcoded-values, null, 24px),
|
|
38
|
-
'menu-container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
38
|
+
'menu-container-color': map.get($deps, 'md-sys-color', 'surface-container'),
|
|
39
39
|
'menu-container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
|
|
40
40
|
'menu-container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
|
|
41
41
|
'menu-container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
42
|
-
'menu-container-surface-tint-layer-color':
|
|
43
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
44
42
|
'menu-divider-color': map.get($deps, 'md-sys-color', 'surface-variant'),
|
|
45
43
|
'menu-divider-height': if($exclude-hardcoded-values, null, 1px),
|
|
46
44
|
'menu-list-item-container-height': if($exclude-hardcoded-values, null, 48px),
|
|
@@ -69,7 +67,7 @@ $_default: (
|
|
|
69
67
|
'menu-list-item-label-text-weight':
|
|
70
68
|
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
|
|
71
69
|
'menu-list-item-selected-container-color':
|
|
72
|
-
map.get($deps, 'md-sys-color', 'surface-
|
|
70
|
+
map.get($deps, 'md-sys-color', 'surface-container-highest'),
|
|
73
71
|
'menu-list-item-with-leading-icon-leading-icon-color':
|
|
74
72
|
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
75
73
|
'menu-list-item-with-leading-icon-leading-icon-size':
|
|
@@ -79,7 +77,7 @@ $_default: (
|
|
|
79
77
|
'menu-list-item-with-trailing-icon-trailing-icon-size':
|
|
80
78
|
if($exclude-hardcoded-values, null, 24px),
|
|
81
79
|
'text-field-container-color':
|
|
82
|
-
map.get($deps, 'md-sys-color', 'surface-
|
|
80
|
+
map.get($deps, 'md-sys-color', 'surface-container-highest'),
|
|
83
81
|
'text-field-container-shape':
|
|
84
82
|
map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
85
83
|
'text-field-disabled-input-text-color':
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -67,12 +67,10 @@ $_default: (
|
|
|
67
67
|
map.get($deps, 'md-sys-color', 'primary'),
|
|
68
68
|
'action-pressed-state-layer-opacity':
|
|
69
69
|
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
70
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
70
|
+
'container-color': map.get($deps, 'md-sys-color', 'surface-container'),
|
|
71
71
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
|
|
72
72
|
'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
|
|
73
|
-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-
|
|
74
|
-
'container-surface-tint-layer-color':
|
|
75
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
73
|
+
'container-shape': map.get($deps, 'md-sys-shape', 'corner-medium'),
|
|
76
74
|
'subhead-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
77
75
|
'subhead-font': map.get($deps, 'md-sys-typescale', 'title-small-font'),
|
|
78
76
|
'subhead-line-height':
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -33,12 +33,10 @@ $_default: (
|
|
|
33
33
|
@return (
|
|
34
34
|
'avatar-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
|
|
35
35
|
'avatar-size': if($exclude-hardcoded-values, null, 30px),
|
|
36
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
36
|
+
'container-color': map.get($deps, 'md-sys-color', 'surface-container-high'),
|
|
37
37
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level3'),
|
|
38
38
|
'container-height': if($exclude-hardcoded-values, null, 56px),
|
|
39
39
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
|
|
40
|
-
'container-surface-tint-layer-color':
|
|
41
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
42
40
|
'hover-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
43
41
|
'hover-state-layer-opacity':
|
|
44
42
|
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -28,10 +28,8 @@ $_default: (
|
|
|
28
28
|
|
|
29
29
|
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
30
30
|
@return (
|
|
31
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
31
|
+
'container-color': map.get($deps, 'md-sys-color', 'surface-container-high'),
|
|
32
32
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level3'),
|
|
33
|
-
'container-surface-tint-layer-color':
|
|
34
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
35
33
|
'divider-color': map.get($deps, 'md-sys-color', 'outline'),
|
|
36
34
|
'docked-container-shape':
|
|
37
35
|
map.get($deps, 'md-sys-shape', 'corner-extra-large'),
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -31,14 +31,14 @@ $_default: (
|
|
|
31
31
|
|
|
32
32
|
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
33
33
|
@return (
|
|
34
|
+
'active-indicator-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
35
|
+
'active-indicator-height': if($exclude-hardcoded-values, null, 2px),
|
|
34
36
|
'active-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
35
37
|
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
36
38
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
|
|
37
39
|
'container-height': if($exclude-hardcoded-values, null, 48px),
|
|
38
40
|
'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
|
|
39
41
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
|
|
40
|
-
'divider-color': map.get($deps, 'md-sys-color', 'surface-variant'),
|
|
41
|
-
'divider-height': if($exclude-hardcoded-values, null, 1px),
|
|
42
42
|
'focus-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
43
43
|
'focus-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
44
44
|
'focus-state-layer-opacity':
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -25,11 +25,10 @@ $_default: (
|
|
|
25
25
|
|
|
26
26
|
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
27
27
|
@return (
|
|
28
|
-
'docked-container-color':
|
|
28
|
+
'docked-container-color':
|
|
29
|
+
map.get($deps, 'md-sys-color', 'surface-container-low'),
|
|
29
30
|
'docked-container-shape':
|
|
30
31
|
map.get($deps, 'md-sys-shape', 'corner-extra-large-top'),
|
|
31
|
-
'docked-container-surface-tint-layer-color':
|
|
32
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
33
32
|
'docked-drag-handle-color':
|
|
34
33
|
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
35
34
|
'docked-drag-handle-height': if($exclude-hardcoded-values, null, 4px),
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -25,10 +25,8 @@ $_default: (
|
|
|
25
25
|
|
|
26
26
|
@function values($deps: $_default) {
|
|
27
27
|
@return (
|
|
28
|
-
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
28
|
+
'container-color': map.get($deps, 'md-sys-color', 'surface-container-low'),
|
|
29
29
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
|
|
30
|
-
'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-large')
|
|
31
|
-
'container-surface-tint-layer-color':
|
|
32
|
-
map.get($deps, 'md-sys-color', 'surface-tint')
|
|
30
|
+
'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-large')
|
|
33
31
|
);
|
|
34
32
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -50,11 +50,8 @@ $_default: (
|
|
|
50
50
|
map.get($deps, 'md-sys-color', 'primary'),
|
|
51
51
|
'docked-action-pressed-state-layer-opacity':
|
|
52
52
|
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
53
|
-
'docked-container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
54
53
|
'docked-container-height': if($exclude-hardcoded-values, null, 100%),
|
|
55
54
|
'docked-container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
|
|
56
|
-
'docked-container-surface-tint-layer-color':
|
|
57
|
-
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
58
55
|
'docked-container-width': if($exclude-hardcoded-values, null, 256px),
|
|
59
56
|
'docked-divider-color': map.get($deps, 'md-sys-color', 'outline'),
|
|
60
57
|
'docked-headline-color':
|
|
@@ -81,10 +78,13 @@ $_default: (
|
|
|
81
78
|
),
|
|
82
79
|
'docked-headline-weight':
|
|
83
80
|
map.get($deps, 'md-sys-typescale', 'title-large-weight'),
|
|
81
|
+
'docked-modal-container-color':
|
|
82
|
+
map.get($deps, 'md-sys-color', 'surface-container-low'),
|
|
84
83
|
'docked-modal-container-elevation':
|
|
85
84
|
map.get($deps, 'md-sys-elevation', 'level1'),
|
|
86
85
|
'docked-modal-container-shape':
|
|
87
86
|
map.get($deps, 'md-sys-shape', 'corner-large-start'),
|
|
87
|
+
'docked-standard-container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
88
88
|
'docked-standard-container-elevation':
|
|
89
89
|
map.get($deps, 'md-sys-elevation', 'level0')
|
|
90
90
|
);
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// !!! THIS FILE WAS AUTOMATICALLY GENERATED !!!
|
|
7
7
|
// !!! DO NOT MODIFY IT BY HAND !!!
|
|
8
8
|
// Design system display name: Google Material 3
|
|
9
|
-
// Design system version: v0.
|
|
9
|
+
// Design system version: v0.172
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -56,7 +56,8 @@ $_default: (
|
|
|
56
56
|
'hover-state-layer-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
57
57
|
'hover-state-layer-opacity':
|
|
58
58
|
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
59
|
-
'inactive-track-color':
|
|
59
|
+
'inactive-track-color':
|
|
60
|
+
map.get($deps, 'md-sys-color', 'surface-container-highest'),
|
|
60
61
|
'inactive-track-height': if($exclude-hardcoded-values, null, 4px),
|
|
61
62
|
'inactive-track-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
|
|
62
63
|
'label-container-color': map.get($deps, 'md-sys-color', 'primary'),
|