@material/web 1.0.0-pre.1 → 1.0.0-pre.2
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 +66 -19
- package/autocomplete/lib/_filled-autocomplete.scss +1 -34
- package/autocomplete/lib/_outlined-autocomplete.scss +1 -34
- package/autocomplete/lib/autocomplete.d.ts +0 -4
- package/autocomplete/lib/autocomplete.js +5 -12
- package/autocomplete/lib/autocomplete.js.map +1 -1
- package/autocomplete/lib/autocompleteitem/autocomplete-item.d.ts +2 -2
- package/autocomplete/lib/autocompleteitem/autocomplete-item.js +2 -2
- package/autocomplete/lib/autocompleteitem/autocomplete-item.js.map +1 -1
- package/autocomplete/lib/autocompletelist/autocomplete-list.d.ts +1 -1
- package/autocomplete/lib/autocompletelist/autocomplete-list.js +2 -2
- package/autocomplete/lib/autocompletelist/autocomplete-list.js.map +1 -1
- package/autocomplete/lib/filled-styles.css.js +1 -1
- package/autocomplete/lib/filled-styles.css.js.map +1 -1
- package/autocomplete/lib/outlined-styles.css.js +1 -1
- package/autocomplete/lib/outlined-styles.css.js.map +1 -1
- package/button/lib/_elevation.scss +1 -1
- package/button/lib/_icon.scss +14 -24
- package/button/lib/_shared.scss +1 -0
- package/button/lib/button.d.ts +0 -3
- package/button/lib/button.js +1 -12
- package/button/lib/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/link-button.d.ts +0 -1
- package/button/lib/link-button.js +0 -5
- package/button/lib/link-button.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/checkbox/checkbox.d.ts +11 -2
- package/checkbox/checkbox.js +11 -2
- package/checkbox/checkbox.js.map +1 -1
- package/checkbox/lib/checkbox.d.ts +28 -0
- package/checkbox/lib/checkbox.js +30 -1
- package/checkbox/lib/checkbox.js.map +1 -1
- package/chips/chip/lib/_chip-theme.scss +1 -1
- package/dialog/_dialog.scss +6 -0
- package/dialog/dialog.d.ts +38 -0
- package/dialog/dialog.js +41 -0
- package/dialog/dialog.js.map +1 -0
- package/dialog/harness.d.ts +18 -0
- package/dialog/harness.js +55 -0
- package/dialog/harness.js.map +1 -0
- package/dialog/lib/_dialog.scss +386 -0
- package/dialog/lib/_tokens.scss +86 -0
- package/{list/lib/divider/list-divider-styles.css.d.ts → dialog/lib/dialog-styles.css.d.ts} +0 -0
- package/dialog/lib/dialog-styles.css.js +9 -0
- package/dialog/lib/dialog-styles.css.js.map +1 -0
- package/dialog/lib/dialog-styles.scss +8 -0
- package/dialog/lib/dialog.d.ts +190 -0
- package/dialog/lib/dialog.js +566 -0
- package/dialog/lib/dialog.js.map +1 -0
- package/divider/_divider.scss +6 -0
- package/divider/divider.d.ts +24 -0
- package/divider/divider.js +27 -0
- package/divider/divider.js.map +1 -0
- package/divider/lib/_divider.scss +54 -0
- package/{menu/lib/menu-button-styles.css.d.ts → divider/lib/divider-styles.css.d.ts} +0 -0
- package/divider/lib/divider-styles.css.js +9 -0
- package/divider/lib/divider-styles.css.js.map +1 -0
- package/divider/lib/divider-styles.scss +8 -0
- package/divider/lib/divider.d.ts +23 -0
- package/divider/lib/divider.js +41 -0
- package/divider/lib/divider.js.map +1 -0
- package/elevation/lib/_elevation.scss +1 -1
- package/elevation/lib/_md-comp-elevation.scss +1 -1
- package/elevation/lib/elevation-styles.css.js +1 -1
- package/elevation/lib/elevation-styles.css.js.map +1 -1
- package/fab/lib/_shared.scss +1 -1
- package/fab/lib/fab-shared-styles.css.js +1 -1
- package/fab/lib/fab-shared-styles.css.js.map +1 -1
- package/field/lib/_filled-field.scss +5 -2
- package/field/lib/_md-comp-filled-field.scss +3 -1
- package/field/lib/_md-comp-outlined-field.scss +1 -1
- package/field/lib/_shared.scss +2 -0
- package/field/lib/field.d.ts +0 -2
- package/field/lib/field.js +2 -4
- package/field/lib/field.js.map +1 -1
- package/field/lib/filled-styles.css.js +1 -1
- package/field/lib/filled-styles.css.js.map +1 -1
- package/field/lib/outlined-styles.css.js +1 -1
- package/field/lib/outlined-styles.css.js.map +1 -1
- package/field/lib/shared-styles.css.js +1 -1
- package/field/lib/shared-styles.css.js.map +1 -1
- package/focus/lib/_focus-ring.scss +3 -10
- package/focus/lib/focus-ring-styles.css.js +1 -1
- package/focus/lib/focus-ring-styles.css.js.map +1 -1
- package/focus/lib/focus-ring.d.ts +1 -4
- package/focus/lib/focus-ring.js +2 -11
- package/focus/lib/focus-ring.js.map +1 -1
- package/iconbutton/lib/_filled-icon-button.scss +1 -1
- package/iconbutton/lib/_filled-tonal-icon-button.scss +1 -1
- package/iconbutton/lib/_outlined-icon-button.scss +7 -5
- package/iconbutton/lib/_shared.scss +5 -25
- package/iconbutton/lib/_standard-icon-button.scss +4 -6
- 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-toggle.d.ts +13 -42
- package/iconbutton/lib/icon-button-toggle.js +33 -103
- package/iconbutton/lib/icon-button-toggle.js.map +1 -1
- package/iconbutton/lib/icon-button.d.ts +2 -4
- package/iconbutton/lib/icon-button.js +3 -9
- 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 +32 -40
- package/list/lib/avatar/_list-item-avatar.scss +1 -1
- package/list/lib/avatar/list-item-avatar-styles.css.js +1 -1
- package/list/lib/avatar/list-item-avatar-styles.css.js.map +1 -1
- package/list/lib/avatar/list-item-avatar.d.ts +9 -4
- package/list/lib/avatar/list-item-avatar.js +24 -11
- package/list/lib/avatar/list-item-avatar.js.map +1 -1
- package/list/lib/icon/_list-item-icon.scss +3 -1
- package/list/lib/icon/list-item-icon-styles.css.js +1 -1
- package/list/lib/icon/list-item-icon-styles.css.js.map +1 -1
- package/list/lib/icon/list-item-icon.d.ts +0 -3
- package/list/lib/icon/list-item-icon.js +1 -12
- package/list/lib/icon/list-item-icon.js.map +1 -1
- package/list/lib/image/_list-item-image.scss +1 -1
- package/list/lib/image/list-item-image-styles.css.js +1 -1
- package/list/lib/image/list-item-image-styles.css.js.map +1 -1
- package/list/lib/image/list-item-image.d.ts +11 -4
- package/list/lib/image/list-item-image.js +24 -13
- package/list/lib/image/list-item-image.js.map +1 -1
- package/list/lib/list-styles.css.js +1 -1
- package/list/lib/list-styles.css.js.map +1 -1
- package/list/lib/list.d.ts +99 -28
- package/list/lib/list.js +210 -111
- package/list/lib/list.js.map +1 -1
- package/list/lib/listitem/_list-item.scss +104 -39
- package/list/lib/listitem/harness.js +2 -1
- package/list/lib/listitem/harness.js.map +1 -1
- package/{tokens/v0_150/index.test.css.d.ts → list/lib/listitem/list-item-private-styles.css.d.ts} +0 -0
- package/list/lib/listitem/list-item-private-styles.css.js +9 -0
- package/list/lib/listitem/list-item-private-styles.css.js.map +1 -0
- package/list/lib/listitem/list-item-private-styles.scss +8 -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 +99 -43
- package/list/lib/listitem/list-item.js +201 -172
- package/list/lib/listitem/list-item.js.map +1 -1
- package/list/lib/listitemlink/list-item-link.d.ts +17 -0
- package/list/lib/listitemlink/list-item-link.js +42 -0
- package/list/lib/listitemlink/list-item-link.js.map +1 -0
- package/list/lib/video/_list-item-video.scss +10 -4
- package/list/lib/video/list-item-video-styles.css.js +1 -1
- package/list/lib/video/list-item-video-styles.css.js.map +1 -1
- package/list/lib/video/list-item-video.d.ts +43 -4
- package/list/lib/video/list-item-video.js +90 -12
- package/list/lib/video/list-item-video.js.map +1 -1
- package/list/list-item-avatar.d.ts +2 -1
- package/list/list-item-avatar.js +2 -1
- package/list/list-item-avatar.js.map +1 -1
- package/list/list-item-icon.d.ts +2 -1
- package/list/list-item-icon.js +2 -1
- package/list/list-item-icon.js.map +1 -1
- package/list/list-item-image.d.ts +2 -1
- package/list/list-item-image.js +2 -1
- package/list/list-item-image.js.map +1 -1
- package/list/list-item-link.d.ts +35 -0
- package/list/list-item-link.js +39 -0
- package/list/list-item-link.js.map +1 -0
- package/list/list-item-video.d.ts +2 -1
- package/list/list-item-video.js +2 -1
- package/list/list-item-video.js.map +1 -1
- package/list/list-item.d.ts +18 -2
- package/list/list-item.js +20 -3
- package/list/list-item.js.map +1 -1
- package/list/list.d.ts +15 -1
- package/list/list.js +15 -1
- package/list/list.js.map +1 -1
- package/menu/_menu-item.scss +6 -0
- package/menu/_menu.scss +6 -0
- package/menu/harness.d.ts +5 -0
- package/menu/harness.js +22 -0
- package/menu/harness.js.map +1 -1
- package/menu/lib/_menu.scss +61 -62
- 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 +176 -42
- package/menu/lib/menu.js +506 -246
- package/menu/lib/menu.js.map +1 -1
- package/menu/lib/menuitem/_menu-item.scss +115 -0
- package/{tokens/v0_150/lib.test.css.d.ts → menu/lib/menuitem/menu-item-private-styles.css.d.ts} +0 -0
- package/menu/lib/menuitem/menu-item-private-styles.css.js +9 -0
- package/menu/lib/menuitem/menu-item-private-styles.css.js.map +1 -0
- package/menu/lib/menuitem/menu-item-private-styles.scss +8 -0
- package/menu/lib/menuitem/menu-item-styles.css.d.ts +1 -0
- package/menu/lib/menuitem/menu-item-styles.css.js +9 -0
- package/menu/lib/menuitem/menu-item-styles.css.js.map +1 -0
- package/menu/lib/menuitem/menu-item-styles.scss +8 -0
- package/menu/lib/menuitem/menu-item.d.ts +20 -3
- package/menu/lib/menuitem/menu-item.js +42 -3
- package/menu/lib/menuitem/menu-item.js.map +1 -1
- package/menu/lib/menuitemlink/menu-item-link.d.ts +25 -0
- package/menu/lib/menuitemlink/menu-item-link.js +51 -0
- package/menu/lib/menuitemlink/menu-item-link.js.map +1 -0
- package/menu/lib/shared.d.ts +134 -0
- package/menu/lib/shared.js +85 -0
- package/menu/lib/shared.js.map +1 -0
- package/menu/lib/submenuitem/harness.d.ts +11 -0
- package/menu/lib/submenuitem/harness.js +12 -0
- package/menu/lib/submenuitem/harness.js.map +1 -0
- package/menu/lib/submenuitem/sub-menu-item.d.ts +89 -0
- package/menu/lib/submenuitem/sub-menu-item.js +266 -0
- package/menu/lib/submenuitem/sub-menu-item.js.map +1 -0
- package/menu/lib/surfacePositionController.d.ts +117 -0
- package/menu/lib/surfacePositionController.js +196 -0
- package/menu/lib/surfacePositionController.js.map +1 -0
- package/menu/lib/typeaheadController.d.ts +144 -0
- package/menu/lib/typeaheadController.js +242 -0
- package/menu/lib/typeaheadController.js.map +1 -0
- package/menu/menu-item-link.d.ts +33 -0
- package/menu/menu-item-link.js +37 -0
- package/menu/menu-item-link.js.map +1 -0
- package/menu/menu-item.d.ts +19 -2
- package/menu/menu-item.js +22 -4
- package/menu/menu-item.js.map +1 -1
- package/menu/menu.d.ts +45 -0
- package/menu/menu.js +43 -0
- package/menu/menu.js.map +1 -1
- package/menu/sub-menu-item.d.ts +60 -0
- package/menu/sub-menu-item.js +64 -0
- package/menu/sub-menu-item.js.map +1 -0
- package/menusurface/lib/_menu-surface.scss +1 -1
- package/menusurface/lib/menu-surface-styles.css.js +1 -1
- package/menusurface/lib/menu-surface-styles.css.js.map +1 -1
- package/motion/animation.d.ts +20 -3
- package/motion/animation.js +39 -4
- package/motion/animation.js.map +1 -1
- package/navigationbar/lib/_navigation-bar.scss +9 -9
- package/navigationbar/lib/navigation-bar-styles.css.js +1 -1
- package/navigationbar/lib/navigation-bar-styles.css.js.map +1 -1
- package/navigationdrawer/lib/_navigation-drawer.scss +1 -1
- package/navigationdrawer/lib/navigation-drawer-styles.css.js +1 -1
- package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +1 -1
- package/navigationtab/lib/_navigation-tab.scss +8 -19
- 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 -8
- package/radio/lib/_radio.scss +0 -1
- package/radio/lib/radio-styles.css.js +1 -1
- package/radio/lib/radio-styles.css.js.map +1 -1
- package/radio/lib/radio.d.ts +10 -1
- package/radio/lib/radio.js +10 -1
- package/radio/lib/radio.js.map +1 -1
- package/radio/radio.d.ts +16 -1
- package/radio/radio.js +16 -1
- package/radio/radio.js.map +1 -1
- package/ripple/lib/_ripple.scss +5 -21
- package/ripple/lib/ripple-styles.css.js +1 -1
- package/ripple/lib/ripple-styles.css.js.map +1 -1
- package/ripple/lib/ripple.js +2 -2
- package/ripple/lib/ripple.js.map +1 -1
- package/sass/_map-ext.scss +24 -0
- package/sass/_string-ext.scss +23 -0
- package/segmentedbuttonset/lib/segmented-button-set.d.ts +0 -2
- package/segmentedbuttonset/lib/segmented-button-set.js +0 -2
- package/segmentedbuttonset/lib/segmented-button-set.js.map +1 -1
- package/switch/lib/_handle.scss +56 -9
- package/switch/lib/_icon.scss +36 -0
- package/switch/lib/_switch.scss +1 -115
- package/switch/lib/_track.scss +39 -0
- package/switch/lib/switch-styles.css.js +1 -1
- package/switch/lib/switch-styles.css.js.map +1 -1
- package/switch/lib/switch.d.ts +3 -0
- package/switch/lib/switch.js +3 -0
- package/switch/lib/switch.js.map +1 -1
- package/textfield/lib/_filled-text-field.scss +4 -2
- package/textfield/lib/_outlined-text-field.scss +3 -2
- 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/textfield/lib/text-field.d.ts +0 -2
- package/textfield/lib/text-field.js +0 -2
- package/textfield/lib/text-field.js.map +1 -1
- package/tokens/_index.scss +1 -1
- package/tokens/{v0_150 → v0_152}/_index.scss +1 -1
- package/tokens/{v0_150 → v0_152}/_md-comp-assist-chip.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-badge.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-banner.scss +2 -43
- package/tokens/{v0_150 → v0_152}/_md-comp-bottom-app-bar.scss +3 -4
- package/tokens/{v0_150 → v0_152}/_md-comp-carousel-item.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-checkbox.scss +2 -12
- package/tokens/{v0_150 → v0_152}/_md-comp-circular-progress-indicator.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-data-table.scss +2 -4
- package/tokens/{v0_150 → v0_152}/_md-comp-date-input-modal.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-date-picker-docked.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-date-picker-modal.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-dialog.scss +2 -25
- package/tokens/{v0_150 → v0_152}/_md-comp-divider.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-elevated-button.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-elevated-card.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-extended-fab-branded.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-extended-fab-primary.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-extended-fab-secondary.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-extended-fab-surface.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-extended-fab-tertiary.scss +2 -4
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-branded-large.scss +2 -3
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-branded.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-primary-large.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-primary-small.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-primary.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-secondary-large.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-secondary-small.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-secondary.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-surface-large.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-surface-small.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-surface.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-tertiary-large.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-tertiary-small.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-fab-tertiary.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-filled-autocomplete.scss +2 -3
- package/tokens/{v0_150 → v0_152}/_md-comp-filled-button.scss +2 -8
- package/tokens/{v0_150 → v0_152}/_md-comp-filled-card.scss +2 -4
- package/tokens/{v0_150 → v0_152}/_md-comp-filled-icon-button.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-filled-menu-button.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-filled-select.scss +2 -6
- package/tokens/{v0_150 → v0_152}/_md-comp-filled-text-field.scss +2 -3
- package/tokens/{v0_150 → v0_152}/_md-comp-filled-tonal-button.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-filled-tonal-icon-button.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-filter-chip.scss +2 -30
- package/tokens/{v0_150 → v0_152}/_md-comp-full-screen-dialog.scss +3 -53
- package/tokens/{v0_150 → v0_152}/_md-comp-icon-button.scss +3 -3
- package/tokens/{v0_150 → v0_152}/_md-comp-input-chip.scss +2 -52
- package/tokens/{v0_150 → v0_152}/_md-comp-linear-progress-indicator.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-list.scss +3 -12
- package/tokens/{v0_150 → v0_152}/_md-comp-menu.scss +2 -4
- package/tokens/{v0_150 → v0_152}/_md-comp-navigation-bar.scss +2 -9
- package/tokens/{v0_150 → v0_152}/_md-comp-navigation-drawer.scss +2 -8
- package/tokens/{v0_150 → v0_152}/_md-comp-navigation-rail.scss +2 -39
- package/tokens/{v0_150 → v0_152}/_md-comp-outlined-autocomplete.scss +2 -3
- package/tokens/{v0_150 → v0_152}/_md-comp-outlined-button.scss +2 -6
- package/tokens/{v0_150 → v0_152}/_md-comp-outlined-card.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-outlined-icon-button.scss +2 -4
- package/tokens/{v0_150 → v0_152}/_md-comp-outlined-menu-button.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-outlined-segmented-button.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-outlined-select.scss +2 -6
- package/tokens/{v0_150 → v0_152}/_md-comp-outlined-text-field.scss +2 -3
- package/tokens/{v0_150 → v0_152}/_md-comp-plain-tooltip.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-primary-navigation-tab.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-radio-button.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-rich-tooltip.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-scrim.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-search-bar.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-search-view.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-secondary-navigation-tab.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-sheet-bottom.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-sheet-floating.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-sheet-side.scss +4 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-slider.scss +2 -4
- package/tokens/{v0_150 → v0_152}/_md-comp-snackbar.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-standard-menu-button.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-suggestion-chip.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-switch.scss +2 -11
- package/tokens/{v0_150 → v0_152}/_md-comp-text-button.scss +2 -6
- package/tokens/{v0_150 → v0_152}/_md-comp-time-input.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-time-picker.scss +2 -5
- package/tokens/{v0_150 → v0_152}/_md-comp-top-app-bar-large.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-top-app-bar-medium.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-comp-top-app-bar-small-centered.scss +2 -3
- package/tokens/{v0_150 → v0_152}/_md-comp-top-app-bar-small.scss +2 -3
- package/tokens/{v0_150 → v0_152}/_md-ref-palette.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-ref-typeface.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-sys-color.scss +2 -20
- package/tokens/{v0_150 → v0_152}/_md-sys-elevation.scss +4 -13
- package/tokens/{v0_150 → v0_152}/_md-sys-motion.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-sys-shape.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-sys-state.scss +2 -2
- package/tokens/{v0_150 → v0_152}/_md-sys-typescale.scss +2 -3
- package/tokens/v0_152/index.test.css.d.ts +1 -0
- package/tokens/{v0_150 → v0_152}/index.test.css.js +0 -0
- package/tokens/{v0_150 → v0_152}/index.test.css.js.map +0 -0
- package/tokens/{v0_150 → v0_152}/index.test.scss +1 -1
- package/tokens/v0_152/lib.test.css.d.ts +1 -0
- package/tokens/{v0_150 → v0_152}/lib.test.css.js +0 -0
- package/tokens/{v0_150 → v0_152}/lib.test.css.js.map +0 -0
- package/tokens/{v0_150 → v0_152}/lib.test.scss +1 -1
- package/list/lib/_tokens.scss +0 -80
- package/list/lib/divider/_list-divider.scss +0 -46
- package/list/lib/divider/list-divider-styles.css.js +0 -9
- package/list/lib/divider/list-divider-styles.css.js.map +0 -1
- package/list/lib/divider/list-divider-styles.scss +0 -8
- package/list/lib/divider/list-divider.d.ts +0 -13
- package/list/lib/divider/list-divider.js +0 -32
- package/list/lib/divider/list-divider.js.map +0 -1
- package/list/list-divider.d.ts +0 -19
- package/list/list-divider.js +0 -22
- package/list/list-divider.js.map +0 -1
- package/menu/lib/_menu-button.scss +0 -14
- package/menu/lib/adapter.d.ts +0 -66
- package/menu/lib/adapter.js +0 -7
- package/menu/lib/adapter.js.map +0 -1
- package/menu/lib/constants.d.ts +0 -22
- package/menu/lib/constants.js +0 -23
- package/menu/lib/constants.js.map +0 -1
- package/menu/lib/foundation.d.ts +0 -49
- package/menu/lib/foundation.js +0 -123
- package/menu/lib/foundation.js.map +0 -1
- package/menu/lib/menu-button-styles.css.js +0 -9
- package/menu/lib/menu-button-styles.css.js.map +0 -1
- package/menu/lib/menu-button-styles.scss +0 -8
- package/menu/lib/menu-button.d.ts +0 -27
- package/menu/lib/menu-button.js +0 -93
- package/menu/lib/menu-button.js.map +0 -1
- package/menu/menu-button.d.ts +0 -14
- package/menu/menu-button.js +0 -17
- package/menu/menu-button.js.map +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -31,53 +31,6 @@ $_default: (
|
|
|
31
31
|
|
|
32
32
|
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
33
33
|
@return (
|
|
34
|
-
'action-bar-container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
35
|
-
'action-bar-container-elevation':
|
|
36
|
-
map.get($deps, 'md-sys-elevation', 'level0'),
|
|
37
|
-
'action-bar-container-height': if($exclude-hardcoded-values, null, 56px),
|
|
38
|
-
'action-bar-focus-label-text-color':
|
|
39
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
40
|
-
'action-bar-focus-state-layer-color':
|
|
41
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
42
|
-
'action-bar-focus-state-layer-opacity':
|
|
43
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
44
|
-
'action-bar-hover-label-text-color':
|
|
45
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
46
|
-
'action-bar-hover-state-layer-color':
|
|
47
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
48
|
-
'action-bar-hover-state-layer-opacity':
|
|
49
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
50
|
-
'action-bar-label-text-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
51
|
-
'action-bar-label-text-font':
|
|
52
|
-
map.get($deps, 'md-sys-typescale', 'label-large-font'),
|
|
53
|
-
'action-bar-label-text-line-height':
|
|
54
|
-
map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
|
|
55
|
-
'action-bar-label-text-size':
|
|
56
|
-
map.get($deps, 'md-sys-typescale', 'label-large-size'),
|
|
57
|
-
'action-bar-label-text-tracking':
|
|
58
|
-
map.get($deps, 'md-sys-typescale', 'label-large-tracking'),
|
|
59
|
-
'action-bar-label-text-type':
|
|
60
|
-
if(
|
|
61
|
-
$exclude-hardcoded-values,
|
|
62
|
-
null,
|
|
63
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.full-screen-dialog.action-bar.label-text.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
64
|
-
map.get($deps, 'md-sys-typescale', 'label-large-weight')
|
|
65
|
-
map.get($deps, 'md-sys-typescale', 'label-large-size') #{'/'} map.get(
|
|
66
|
-
$deps,
|
|
67
|
-
'md-sys-typescale',
|
|
68
|
-
'label-large-line-height'
|
|
69
|
-
) map.get($deps, 'md-sys-typescale', 'label-large-font')
|
|
70
|
-
),
|
|
71
|
-
'action-bar-label-text-weight':
|
|
72
|
-
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
|
|
73
|
-
'action-bar-on-scroll-container-elevation':
|
|
74
|
-
map.get($deps, 'md-sys-elevation', 'level2'),
|
|
75
|
-
'action-bar-pressed-label-text-color':
|
|
76
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
77
|
-
'action-bar-pressed-state-layer-color':
|
|
78
|
-
map.get($deps, 'md-sys-color', 'primary'),
|
|
79
|
-
'action-bar-pressed-state-layer-opacity':
|
|
80
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
81
34
|
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
82
35
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
|
|
83
36
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
|
|
@@ -153,9 +106,6 @@ $_default: (
|
|
|
153
106
|
'header-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
154
107
|
'header-icon-size': if($exclude-hardcoded-values, null, 24px),
|
|
155
108
|
'header-on-scroll-container-elevation':
|
|
156
|
-
map.get($deps, 'md-sys-elevation', 'level2')
|
|
157
|
-
'with-divider-divider-color':
|
|
158
|
-
map.get($deps, 'md-sys-color', 'surface-variant'),
|
|
159
|
-
'with-divider-divider-height': if($exclude-hardcoded-values, null, 1px)
|
|
109
|
+
map.get($deps, 'md-sys-elevation', 'level2')
|
|
160
110
|
);
|
|
161
111
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -51,7 +51,7 @@ $_default: (
|
|
|
51
51
|
'unselected-focus-state-layer-color':
|
|
52
52
|
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
53
53
|
'unselected-focus-state-layer-opacity':
|
|
54
|
-
map.get($deps, 'md-sys-state', '
|
|
54
|
+
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
55
55
|
'unselected-hover-icon-color':
|
|
56
56
|
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
57
57
|
'unselected-hover-state-layer-color':
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -36,8 +36,6 @@ $_default: (
|
|
|
36
36
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-small'),
|
|
37
37
|
'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
38
38
|
'disabled-label-text-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
39
|
-
'disabled-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
40
|
-
'disabled-outline-opacity': if($exclude-hardcoded-values, null, 0.12),
|
|
41
39
|
'disabled-selected-container-color':
|
|
42
40
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
43
41
|
'disabled-selected-container-opacity':
|
|
@@ -47,26 +45,6 @@ $_default: (
|
|
|
47
45
|
'disabled-unselected-outline-opacity':
|
|
48
46
|
if($exclude-hardcoded-values, null, 0.12),
|
|
49
47
|
'dragged-container-elevation': map.get($deps, 'md-sys-elevation', 'level4'),
|
|
50
|
-
'dragged-label-text-color':
|
|
51
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
52
|
-
'dragged-state-layer-color':
|
|
53
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
54
|
-
'dragged-state-layer-opacity':
|
|
55
|
-
map.get($deps, 'md-sys-state', 'dragged-state-layer-opacity'),
|
|
56
|
-
'focus-label-text-color':
|
|
57
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
58
|
-
'focus-outline-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
59
|
-
'focus-state-layer-color':
|
|
60
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
61
|
-
'focus-state-layer-opacity':
|
|
62
|
-
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
63
|
-
'hover-label-text-color':
|
|
64
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
65
|
-
'hover-state-layer-color':
|
|
66
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
67
|
-
'hover-state-layer-opacity':
|
|
68
|
-
map.get($deps, 'md-sys-state', 'hover-state-layer-opacity'),
|
|
69
|
-
'label-text-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
70
48
|
'label-text-font': map.get($deps, 'md-sys-typescale', 'label-large-font'),
|
|
71
49
|
'label-text-line-height':
|
|
72
50
|
map.get($deps, 'md-sys-typescale', 'label-large-line-height'),
|
|
@@ -87,14 +65,6 @@ $_default: (
|
|
|
87
65
|
),
|
|
88
66
|
'label-text-weight':
|
|
89
67
|
map.get($deps, 'md-sys-typescale', 'label-large-weight'),
|
|
90
|
-
'outline-color': map.get($deps, 'md-sys-color', 'outline'),
|
|
91
|
-
'outline-width': if($exclude-hardcoded-values, null, 1px),
|
|
92
|
-
'pressed-label-text-color':
|
|
93
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
94
|
-
'pressed-state-layer-color':
|
|
95
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
96
|
-
'pressed-state-layer-opacity':
|
|
97
|
-
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
98
68
|
'selected-container-color':
|
|
99
69
|
map.get($deps, 'md-sys-color', 'secondary-container'),
|
|
100
70
|
'selected-dragged-label-text-color':
|
|
@@ -162,18 +132,8 @@ $_default: (
|
|
|
162
132
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
163
133
|
'with-leading-icon-disabled-leading-icon-opacity':
|
|
164
134
|
if($exclude-hardcoded-values, null, 0.38),
|
|
165
|
-
'with-leading-icon-dragged-leading-icon-color':
|
|
166
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
167
|
-
'with-leading-icon-focus-leading-icon-color':
|
|
168
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
169
|
-
'with-leading-icon-hover-leading-icon-color':
|
|
170
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
171
|
-
'with-leading-icon-leading-icon-color':
|
|
172
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
173
135
|
'with-leading-icon-leading-icon-size':
|
|
174
136
|
if($exclude-hardcoded-values, null, 18px),
|
|
175
|
-
'with-leading-icon-pressed-leading-icon-color':
|
|
176
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
177
137
|
'with-leading-icon-selected-dragged-leading-icon-color':
|
|
178
138
|
map.get($deps, 'md-sys-color', 'on-secondary-container'),
|
|
179
139
|
'with-leading-icon-selected-focus-leading-icon-color':
|
|
@@ -198,14 +158,6 @@ $_default: (
|
|
|
198
158
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
199
159
|
'with-trailing-icon-disabled-trailing-icon-opacity':
|
|
200
160
|
if($exclude-hardcoded-values, null, 0.38),
|
|
201
|
-
'with-trailing-icon-dragged-trailing-icon-color':
|
|
202
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
203
|
-
'with-trailing-icon-focus-trailing-icon-color':
|
|
204
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
205
|
-
'with-trailing-icon-hover-trailing-icon-color':
|
|
206
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
207
|
-
'with-trailing-icon-pressed-trailing-icon-color':
|
|
208
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
209
161
|
'with-trailing-icon-selected-dragged-trailing-icon-color':
|
|
210
162
|
map.get($deps, 'md-sys-color', 'primary'),
|
|
211
163
|
'with-trailing-icon-selected-focus-trailing-icon-color':
|
|
@@ -216,8 +168,6 @@ $_default: (
|
|
|
216
168
|
map.get($deps, 'md-sys-color', 'on-secondary-container'),
|
|
217
169
|
'with-trailing-icon-selected-trailing-icon-color':
|
|
218
170
|
map.get($deps, 'md-sys-color', 'on-secondary-container'),
|
|
219
|
-
'with-trailing-icon-trailing-icon-color':
|
|
220
|
-
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
221
171
|
'with-trailing-icon-trailing-icon-size':
|
|
222
172
|
if($exclude-hardcoded-values, null, 18px),
|
|
223
173
|
'with-trailing-icon-unselected-dragged-trailing-icon-color':
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
// User-configured context group "Audience": "3P"
|
|
11
11
|
//
|
|
12
12
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -31,12 +31,9 @@ $_default: (
|
|
|
31
31
|
|
|
32
32
|
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
33
33
|
@return (
|
|
34
|
-
'divider-color': map.get($deps, 'md-sys-color', 'outline'),
|
|
35
|
-
'divider-height': if($exclude-hardcoded-values, null, 1px),
|
|
36
34
|
'list-item-container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
37
35
|
'list-item-container-elevation':
|
|
38
36
|
map.get($deps, 'md-sys-elevation', 'level0'),
|
|
39
|
-
'list-item-container-height': if($exclude-hardcoded-values, null, 56px),
|
|
40
37
|
'list-item-container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
|
|
41
38
|
'list-item-disabled-label-text-color':
|
|
42
39
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
@@ -246,12 +243,6 @@ $_default: (
|
|
|
246
243
|
'list-item-two-line-container-height':
|
|
247
244
|
if($exclude-hardcoded-values, null, 72px),
|
|
248
245
|
'list-item-unselected-trailing-icon-color':
|
|
249
|
-
map.get($deps, 'md-sys-color', 'on-surface')
|
|
250
|
-
'md-comp-list-list-item-one-line-container-height':
|
|
251
|
-
if($exclude-hardcoded-values, null, 56px),
|
|
252
|
-
'md-comp-list-list-item-three-line-container-height':
|
|
253
|
-
if($exclude-hardcoded-values, null, 88px),
|
|
254
|
-
'md-comp-list-list-item-two-line-container-height':
|
|
255
|
-
if($exclude-hardcoded-values, null, 72px)
|
|
246
|
+
map.get($deps, 'md-sys-color', 'on-surface')
|
|
256
247
|
);
|
|
257
248
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -41,8 +41,6 @@ $_default: (
|
|
|
41
41
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
42
42
|
'container-surface-tint-layer-color':
|
|
43
43
|
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
44
|
-
'divider-color': map.get($deps, 'md-sys-color', 'surface-variant'),
|
|
45
|
-
'divider-height': if($exclude-hardcoded-values, null, 1px),
|
|
46
44
|
'list-item-container-height': if($exclude-hardcoded-values, null, 48px),
|
|
47
45
|
'list-item-disabled-label-text-color':
|
|
48
46
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -59,13 +59,9 @@ $_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
|
-
'badge-color': map.get($deps, 'md-sys-color', 'error'),
|
|
63
|
-
'badge-shape': if($exclude-hardcoded-values, null, 3px),
|
|
64
|
-
'badge-size': if($exclude-hardcoded-values, null, 6px),
|
|
65
62
|
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
66
63
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level2'),
|
|
67
64
|
'container-height': if($exclude-hardcoded-values, null, 80px),
|
|
68
|
-
'container-shadow-color': map.get($deps, 'md-sys-color', 'shadow'),
|
|
69
65
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
|
|
70
66
|
'container-surface-tint-layer-color':
|
|
71
67
|
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
@@ -112,9 +108,6 @@ $_default: (
|
|
|
112
108
|
),
|
|
113
109
|
'label-text-weight':
|
|
114
110
|
map.get($deps, 'md-sys-typescale', 'label-medium-weight'),
|
|
115
|
-
'large-badge-color': map.get($deps, 'md-sys-color', 'error'),
|
|
116
|
-
'large-badge-shape': if($exclude-hardcoded-values, null, 8px),
|
|
117
|
-
'large-badge-size': if($exclude-hardcoded-values, null, 16px),
|
|
118
111
|
'pressed-state-layer-opacity':
|
|
119
112
|
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity')
|
|
120
113
|
);
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
13
13
|
|
|
14
|
-
@use './md-ref-palette';
|
|
15
|
-
|
|
16
14
|
@use './md-sys-color';
|
|
17
15
|
|
|
18
16
|
@use './md-sys-elevation';
|
|
@@ -24,7 +22,6 @@
|
|
|
24
22
|
@use './md-sys-typescale';
|
|
25
23
|
|
|
26
24
|
$_default: (
|
|
27
|
-
'md-ref-palette': md-ref-palette.values(),
|
|
28
25
|
'md-sys-color': md-sys-color.values-light(),
|
|
29
26
|
'md-sys-elevation': md-sys-elevation.values(),
|
|
30
27
|
'md-sys-shape': md-sys-shape.values(),
|
|
@@ -70,7 +67,6 @@ $_default: (
|
|
|
70
67
|
'container-surface-tint-layer-color':
|
|
71
68
|
map.get($deps, 'md-sys-color', 'surface-tint'),
|
|
72
69
|
'container-width': if($exclude-hardcoded-values, null, 360px),
|
|
73
|
-
'divider-color': map.get($deps, 'md-sys-color', 'outline'),
|
|
74
70
|
'focus-state-layer-opacity':
|
|
75
71
|
map.get($deps, 'md-sys-state', 'focus-state-layer-opacity'),
|
|
76
72
|
'headline-color': map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
@@ -161,8 +157,6 @@ $_default: (
|
|
|
161
157
|
'modal-container-elevation': map.get($deps, 'md-sys-elevation', 'level1'),
|
|
162
158
|
'pressed-state-layer-opacity':
|
|
163
159
|
map.get($deps, 'md-sys-state', 'pressed-state-layer-opacity'),
|
|
164
|
-
'scrim-color': map.get($deps, 'md-ref-palette', 'neutral-variant20'),
|
|
165
|
-
'scrim-opacity': if($exclude-hardcoded-values, null, 0.4),
|
|
166
160
|
'standard-container-elevation': map.get($deps, 'md-sys-elevation', 'level0')
|
|
167
161
|
);
|
|
168
162
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -59,9 +59,6 @@ $_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
|
-
'badge-color': map.get($deps, 'md-sys-color', 'error'),
|
|
63
|
-
'badge-shape': if($exclude-hardcoded-values, null, 3px),
|
|
64
|
-
'badge-size': if($exclude-hardcoded-values, null, 6px),
|
|
65
62
|
'container-color': map.get($deps, 'md-sys-color', 'surface'),
|
|
66
63
|
'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
|
|
67
64
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-none'),
|
|
@@ -90,12 +87,6 @@ $_default: (
|
|
|
90
87
|
'inactive-pressed-state-layer-color':
|
|
91
88
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
92
89
|
'label-text-font': map.get($deps, 'md-sys-typescale', 'label-medium-font'),
|
|
93
|
-
'label-text-font-family':
|
|
94
|
-
map.get($deps, 'md-sys-typescale', 'label-medium-font'),
|
|
95
|
-
'label-text-font-size':
|
|
96
|
-
map.get($deps, 'md-sys-typescale', 'label-medium-size'),
|
|
97
|
-
'label-text-letter-spacing':
|
|
98
|
-
map.get($deps, 'md-sys-typescale', 'label-medium-tracking'),
|
|
99
90
|
'label-text-line-height':
|
|
100
91
|
map.get($deps, 'md-sys-typescale', 'label-medium-line-height'),
|
|
101
92
|
'label-text-size': map.get($deps, 'md-sys-typescale', 'label-medium-size'),
|
|
@@ -115,34 +106,6 @@ $_default: (
|
|
|
115
106
|
),
|
|
116
107
|
'label-text-weight':
|
|
117
108
|
map.get($deps, 'md-sys-typescale', 'label-medium-weight'),
|
|
118
|
-
'large-badge-label-color': map.get($deps, 'md-sys-color', 'on-error'),
|
|
119
|
-
'large-badge-label-font':
|
|
120
|
-
map.get($deps, 'md-sys-typescale', 'label-small-font'),
|
|
121
|
-
'large-badge-label-font-family':
|
|
122
|
-
map.get($deps, 'md-sys-typescale', 'label-small-font'),
|
|
123
|
-
'large-badge-label-line-height':
|
|
124
|
-
map.get($deps, 'md-sys-typescale', 'label-small-line-height'),
|
|
125
|
-
'large-badge-label-size':
|
|
126
|
-
map.get($deps, 'md-sys-typescale', 'label-small-size'),
|
|
127
|
-
'large-badge-label-tracking':
|
|
128
|
-
map.get($deps, 'md-sys-typescale', 'label-small-tracking'),
|
|
129
|
-
'large-badge-label-type':
|
|
130
|
-
if(
|
|
131
|
-
$exclude-hardcoded-values,
|
|
132
|
-
null,
|
|
133
|
-
/** Warning: risk of reduced fidelity from using this composite typography token. Tokens md.comp.navigation-rail.large-badge-label.tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
134
|
-
map.get($deps, 'md-sys-typescale', 'label-small-weight')
|
|
135
|
-
map.get($deps, 'md-sys-typescale', 'label-small-size') #{'/'} map.get(
|
|
136
|
-
$deps,
|
|
137
|
-
'md-sys-typescale',
|
|
138
|
-
'label-small-line-height'
|
|
139
|
-
) map.get($deps, 'md-sys-typescale', 'label-small-font')
|
|
140
|
-
),
|
|
141
|
-
'large-badge-label-weight':
|
|
142
|
-
map.get($deps, 'md-sys-typescale', 'label-small-weight'),
|
|
143
|
-
'large-badge-color': map.get($deps, 'md-sys-color', 'error'),
|
|
144
|
-
'large-badge-shape': if($exclude-hardcoded-values, null, 8px),
|
|
145
|
-
'large-badge-size': if($exclude-hardcoded-values, null, 16px),
|
|
146
109
|
'menu-focus-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
147
110
|
'menu-focus-state-layer-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
148
111
|
'menu-focus-state-layer-opacity':
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -73,7 +73,6 @@ $_default: (
|
|
|
73
73
|
'text-field-caret-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
74
74
|
'text-field-container-color':
|
|
75
75
|
map.get($deps, 'md-sys-color', 'surface-variant'),
|
|
76
|
-
'text-field-container-height': if($exclude-hardcoded-values, null, 56px),
|
|
77
76
|
'text-field-container-shape':
|
|
78
77
|
map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
79
78
|
'text-field-disabled-input-text-color':
|
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
13
13
|
|
|
14
14
|
@use './md-sys-color';
|
|
15
15
|
|
|
16
|
-
@use './md-sys-elevation';
|
|
17
|
-
|
|
18
16
|
@use './md-sys-shape';
|
|
19
17
|
|
|
20
18
|
@use './md-sys-state';
|
|
@@ -23,7 +21,6 @@
|
|
|
23
21
|
|
|
24
22
|
$_default: (
|
|
25
23
|
'md-sys-color': md-sys-color.values-light(),
|
|
26
|
-
'md-sys-elevation': md-sys-elevation.values(),
|
|
27
24
|
'md-sys-shape': md-sys-shape.values(),
|
|
28
25
|
'md-sys-state': md-sys-state.values(),
|
|
29
26
|
'md-sys-typescale': md-sys-typescale.values(),
|
|
@@ -31,7 +28,6 @@ $_default: (
|
|
|
31
28
|
|
|
32
29
|
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
33
30
|
@return (
|
|
34
|
-
'container-elevation': map.get($deps, 'md-sys-elevation', 'level0'),
|
|
35
31
|
'container-height': if($exclude-hardcoded-values, null, 40px),
|
|
36
32
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-full'),
|
|
37
33
|
'disabled-label-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -29,8 +29,6 @@ $_default: (
|
|
|
29
29
|
'container-size': if($exclude-hardcoded-values, null, 40px),
|
|
30
30
|
'disabled-icon-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
31
31
|
'disabled-icon-opacity': if($exclude-hardcoded-values, null, 0.38),
|
|
32
|
-
'disabled-outline-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
33
|
-
'disabled-outline-opacity': if($exclude-hardcoded-values, null, 0.12),
|
|
34
32
|
'disabled-selected-container-color':
|
|
35
33
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
36
34
|
'disabled-selected-container-opacity':
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -78,10 +78,8 @@ $_default: (
|
|
|
78
78
|
map.get($deps, 'md-sys-color', 'on-surface-variant'),
|
|
79
79
|
'menu-list-item-with-trailing-icon-trailing-icon-size':
|
|
80
80
|
if($exclude-hardcoded-values, null, 24px),
|
|
81
|
-
'text-field-caret-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
82
81
|
'text-field-container-color':
|
|
83
82
|
map.get($deps, 'md-sys-color', 'surface-variant'),
|
|
84
|
-
'text-field-container-height': if($exclude-hardcoded-values, null, 56px),
|
|
85
83
|
'text-field-container-shape':
|
|
86
84
|
map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
87
85
|
'text-field-disabled-input-text-color':
|
|
@@ -110,8 +108,6 @@ $_default: (
|
|
|
110
108
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
111
109
|
'text-field-disabled-trailing-icon-opacity':
|
|
112
110
|
if($exclude-hardcoded-values, null, 0.38),
|
|
113
|
-
'text-field-error-focus-caret-color':
|
|
114
|
-
map.get($deps, 'md-sys-color', 'error'),
|
|
115
111
|
'text-field-error-focus-input-text-color':
|
|
116
112
|
map.get($deps, 'md-sys-color', 'on-surface'),
|
|
117
113
|
'text-field-error-focus-label-text-color':
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright
|
|
2
|
+
// Copyright 2023 Google LLC
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
//
|
|
5
5
|
//
|
|
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.152
|
|
10
10
|
//
|
|
11
11
|
|
|
12
12
|
@use 'sass:map';
|
|
@@ -26,7 +26,6 @@ $_default: (
|
|
|
26
26
|
@function values($deps: $_default, $exclude-hardcoded-values: false) {
|
|
27
27
|
@return (
|
|
28
28
|
'caret-color': map.get($deps, 'md-sys-color', 'primary'),
|
|
29
|
-
'container-height': if($exclude-hardcoded-values, null, 56px),
|
|
30
29
|
'container-shape': map.get($deps, 'md-sys-shape', 'corner-extra-small'),
|
|
31
30
|
'disabled-input-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
|
|
32
31
|
'disabled-input-text-opacity': if($exclude-hardcoded-values, null, 0.38),
|