@maicol07/material-web 2.2.0 → 2.5.0
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/button/internal/_shared.scss +2 -2
- package/button/internal/_touch-target.scss +1 -1
- package/labs/gb/components/appbar/_app-bar-tokens.scss +136 -0
- package/labs/gb/components/appbar/app-bar.scss +167 -0
- package/labs/gb/components/badge/_badge-tokens.scss +18 -0
- package/labs/gb/components/badge/badge.scss +49 -0
- package/labs/gb/components/button/_button-tokens.scss +200 -0
- package/labs/gb/components/button/button.scss +130 -0
- package/labs/gb/components/card/_card-tokens.scss +56 -0
- package/labs/gb/components/card/card.scss +74 -0
- package/labs/gb/components/checkbox/_checkbox-tokens.scss +66 -0
- package/labs/gb/components/checkbox/checkbox.scss +105 -0
- package/labs/gb/components/chip/_chip-tokens.scss +167 -0
- package/labs/gb/components/chip/chip.scss +99 -0
- package/labs/gb/components/divider/_divider-tokens.scss +11 -0
- package/labs/gb/components/divider/divider.scss +31 -0
- package/labs/gb/components/fab/_fab-tokens.scss +89 -0
- package/labs/gb/components/fab/fab.scss +78 -0
- package/labs/gb/components/focus/focus-ring.scss +91 -0
- package/labs/gb/components/iconbutton/_icon-button-tokens.scss +213 -0
- package/labs/gb/components/iconbutton/icon-button.scss +160 -0
- package/labs/gb/components/list/_list-tokens.scss +103 -0
- package/labs/gb/components/list/list.scss +217 -0
- package/labs/gb/components/menu/_menu-tokens.scss +161 -0
- package/labs/gb/components/menu/menu.scss +174 -0
- package/labs/gb/components/radio/_radio-tokens.scss +39 -0
- package/labs/gb/components/radio/radio.scss +74 -0
- package/labs/gb/components/ripple/ripple.scss +103 -0
- package/labs/gb/components/splitbutton/_split-button-tokens.scss +139 -0
- package/labs/gb/components/splitbutton/split-button.scss +164 -0
- package/labs/gb/components/switch/_switch-tokens.scss +58 -0
- package/labs/gb/components/switch/switch.scss +109 -0
- package/labs/gb/styles/color/internal/_color-tokens.scss +95 -0
- package/labs/gb/styles/color/md-color-tokens-full.scss +17 -0
- package/labs/gb/styles/color/md-color-tokens.scss +15 -0
- package/labs/gb/styles/elevation/md-elevation-tokens.scss +25 -0
- package/labs/gb/styles/icon/md-icon.scss +63 -0
- package/labs/gb/styles/m3.scss +14 -0
- package/labs/gb/styles/motion/md-motion-tokens-easing.scss +35 -0
- package/labs/gb/styles/shape/md-shape-tokens.scss +23 -0
- package/labs/gb/styles/space/md-space-tokens.scss +28 -0
- package/labs/gb/styles/tailwind.scss +349 -0
- package/labs/gb/styles/typography/internal/_typography-tokens.scss +149 -0
- package/labs/gb/styles/typography/md-typography-tokens.scss +14 -0
- package/list/internal/listitem/_list-item.scss +3 -0
- package/menu/internal/menuitem/_menu-item.scss +4 -1
- package/package.json +145 -27
- package/sass/ext/_assert.scss +82 -0
- package/sass/ext/_list_ext.scss +114 -0
- package/sass/ext/_map_ext.scss +222 -0
- package/sass/ext/_string_ext.scss +153 -0
- package/sass/ext/_throw.scss +83 -0
- package/sass/ext/_type.scss +66 -0
- package/{internal/sass → sass/ext}/_var.scss +86 -96
- package/sass/ext/tests.scss +18 -0
- package/slider/internal/_slider.scss +1 -0
- package/switch/internal/_switch.scss +1 -0
- package/tabs/internal/_tab.scss +0 -1
- package/tokens/_index.scss +57 -57
- package/tokens/_md-comp-assist-chip.scss +8 -8
- package/tokens/_md-comp-badge.scss +4 -4
- package/tokens/_md-comp-checkbox.scss +6 -6
- package/tokens/_md-comp-circular-progress.scss +4 -4
- package/tokens/_md-comp-dialog.scss +8 -8
- package/tokens/_md-comp-divider.scss +3 -3
- package/tokens/_md-comp-elevated-button.scss +8 -8
- package/tokens/_md-comp-elevated-card.scss +6 -6
- package/tokens/_md-comp-elevation.scss +3 -3
- package/tokens/_md-comp-fab-branded.scss +10 -10
- package/tokens/_md-comp-fab.scss +17 -17
- package/tokens/_md-comp-filled-button.scss +8 -8
- package/tokens/_md-comp-filled-card.scss +6 -6
- package/tokens/_md-comp-filled-field.scss +7 -7
- package/tokens/_md-comp-filled-icon-button.scss +6 -6
- package/tokens/_md-comp-filled-select.scss +8 -8
- package/tokens/_md-comp-filled-text-field.scss +7 -7
- package/tokens/_md-comp-filled-tonal-button.scss +8 -8
- package/tokens/_md-comp-filled-tonal-icon-button.scss +6 -6
- package/tokens/_md-comp-filter-chip.scss +8 -8
- package/tokens/_md-comp-focus-ring.scss +5 -5
- package/tokens/_md-comp-full-screen-dialog.scss +6 -6
- package/tokens/_md-comp-icon-button.scss +5 -5
- package/tokens/_md-comp-icon.scss +1 -1
- package/tokens/_md-comp-input-chip.scss +8 -8
- package/tokens/_md-comp-item.scss +4 -4
- package/tokens/_md-comp-linear-progress.scss +4 -4
- package/tokens/_md-comp-list-item.scss +5 -5
- package/tokens/_md-comp-list.scss +3 -3
- package/tokens/_md-comp-menu-item.scss +8 -8
- package/tokens/_md-comp-menu.scss +5 -5
- package/tokens/_md-comp-navigation-bar.scss +6 -6
- package/tokens/_md-comp-navigation-drawer.scss +6 -6
- package/tokens/_md-comp-outlined-button.scss +7 -7
- package/tokens/_md-comp-outlined-card.scss +6 -6
- package/tokens/_md-comp-outlined-field.scss +7 -7
- package/tokens/_md-comp-outlined-icon-button.scss +6 -6
- package/tokens/_md-comp-outlined-segmented-button.scss +7 -7
- package/tokens/_md-comp-outlined-select.scss +8 -8
- package/tokens/_md-comp-outlined-text-field.scss +6 -6
- package/tokens/_md-comp-primary-tab.scss +8 -8
- package/tokens/_md-comp-radio.scss +4 -4
- package/tokens/_md-comp-ripple.scss +4 -4
- package/tokens/_md-comp-secondary-tab.scss +8 -8
- package/tokens/_md-comp-slider.scss +7 -7
- package/tokens/_md-comp-suggestion-chip.scss +8 -8
- package/tokens/_md-comp-switch.scss +6 -6
- package/tokens/_md-comp-test-table.scss +2 -2
- package/tokens/_md-comp-text-button.scss +7 -7
- package/tokens/_md-ref-palette.scss +2 -2
- package/tokens/_md-ref-typeface.scss +2 -2
- package/tokens/_md-sys-color.scss +3 -3
- package/tokens/_md-sys-elevation.scss +1 -1
- package/tokens/_md-sys-motion.scss +1 -1
- package/tokens/_md-sys-shape.scss +2 -2
- package/tokens/_md-sys-state.scss +1 -1
- package/tokens/_md-sys-typescale.scss +3 -3
- package/tokens/v0_192/_index.scss +3 -102
- package/tokens/v0_192/_md-comp-assist-chip.scss +1 -106
- package/tokens/v0_192/_md-comp-badge.scss +1 -56
- package/tokens/v0_192/_md-comp-banner.scss +1 -71
- package/tokens/v0_192/_md-comp-bottom-app-bar.scss +1 -31
- package/tokens/v0_192/_md-comp-carousel-item.scss +1 -61
- package/tokens/v0_192/_md-comp-checkbox.scss +1 -124
- package/tokens/v0_192/_md-comp-circular-progress-indicator.scss +1 -36
- package/tokens/v0_192/_md-comp-data-table.scss +1 -94
- package/tokens/v0_192/_md-comp-date-input-modal.scss +1 -85
- package/tokens/v0_192/_md-comp-date-picker-docked.scss +1 -242
- package/tokens/v0_192/_md-comp-date-picker-modal.scss +1 -301
- package/tokens/v0_192/_md-comp-dialog.scss +1 -119
- package/tokens/v0_192/_md-comp-divider.scss +1 -23
- package/tokens/v0_192/_md-comp-elevated-button.scss +1 -87
- package/tokens/v0_192/_md-comp-elevated-card.scss +1 -55
- package/tokens/v0_192/_md-comp-extended-fab-branded.scss +1 -84
- package/tokens/v0_192/_md-comp-extended-fab-primary.scss +1 -92
- package/tokens/v0_192/_md-comp-extended-fab-secondary.scss +1 -93
- package/tokens/v0_192/_md-comp-extended-fab-surface.scss +1 -88
- package/tokens/v0_192/_md-comp-extended-fab-tertiary.scss +1 -93
- package/tokens/v0_192/_md-comp-fab-branded-large.scss +1 -58
- package/tokens/v0_192/_md-comp-fab-branded.scss +1 -58
- package/tokens/v0_192/_md-comp-fab-primary-large.scss +1 -63
- package/tokens/v0_192/_md-comp-fab-primary-small.scss +1 -63
- package/tokens/v0_192/_md-comp-fab-primary.scss +1 -63
- package/tokens/v0_192/_md-comp-fab-secondary-large.scss +1 -64
- package/tokens/v0_192/_md-comp-fab-secondary-small.scss +1 -64
- package/tokens/v0_192/_md-comp-fab-secondary.scss +1 -64
- package/tokens/v0_192/_md-comp-fab-surface-large.scss +1 -62
- package/tokens/v0_192/_md-comp-fab-surface-small.scss +1 -62
- package/tokens/v0_192/_md-comp-fab-surface.scss +1 -62
- package/tokens/v0_192/_md-comp-fab-tertiary-large.scss +1 -64
- package/tokens/v0_192/_md-comp-fab-tertiary-small.scss +1 -64
- package/tokens/v0_192/_md-comp-fab-tertiary.scss +1 -64
- package/tokens/v0_192/_md-comp-filled-autocomplete.scss +1 -234
- package/tokens/v0_192/_md-comp-filled-button.scss +1 -87
- package/tokens/v0_192/_md-comp-filled-card.scss +1 -57
- package/tokens/v0_192/_md-comp-filled-icon-button.scss +1 -78
- package/tokens/v0_192/_md-comp-filled-menu-button.scss +1 -96
- package/tokens/v0_192/_md-comp-filled-select.scss +1 -268
- package/tokens/v0_192/_md-comp-filled-text-field.scss +1 -188
- package/tokens/v0_192/_md-comp-filled-tonal-button.scss +1 -97
- package/tokens/v0_192/_md-comp-filled-tonal-icon-button.scss +1 -85
- package/tokens/v0_192/_md-comp-filter-chip.scss +1 -205
- package/tokens/v0_192/_md-comp-full-screen-dialog.scss +1 -109
- package/tokens/v0_192/_md-comp-icon-button.scss +1 -69
- package/tokens/v0_192/_md-comp-input-chip.scss +1 -182
- package/tokens/v0_192/_md-comp-linear-progress-indicator.scss +1 -38
- package/tokens/v0_192/_md-comp-list.scss +1 -250
- package/tokens/v0_192/_md-comp-menu.scss +1 -39
- package/tokens/v0_192/_md-comp-navigation-bar.scss +1 -110
- package/tokens/v0_192/_md-comp-navigation-drawer.scss +1 -160
- package/tokens/v0_192/_md-comp-navigation-rail.scss +1 -114
- package/tokens/v0_192/_md-comp-outlined-autocomplete.scss +1 -224
- package/tokens/v0_192/_md-comp-outlined-button.scss +1 -82
- package/tokens/v0_192/_md-comp-outlined-card.scss +1 -61
- package/tokens/v0_192/_md-comp-outlined-icon-button.scss +1 -78
- package/tokens/v0_192/_md-comp-outlined-menu-button.scss +1 -92
- package/tokens/v0_192/_md-comp-outlined-segmented-button.scss +1 -110
- package/tokens/v0_192/_md-comp-outlined-select.scss +1 -258
- package/tokens/v0_192/_md-comp-outlined-text-field.scss +1 -169
- package/tokens/v0_192/_md-comp-plain-tooltip.scss +1 -53
- package/tokens/v0_192/_md-comp-primary-navigation-tab.scss +1 -119
- package/tokens/v0_192/_md-comp-radio-button.scss +1 -66
- package/tokens/v0_192/_md-comp-rich-tooltip.scss +1 -117
- package/tokens/v0_192/_md-comp-scrim.scss +1 -23
- package/tokens/v0_192/_md-comp-search-bar.scss +1 -95
- package/tokens/v0_192/_md-comp-search-view.scss +1 -89
- package/tokens/v0_192/_md-comp-secondary-navigation-tab.scss +1 -82
- package/tokens/v0_192/_md-comp-sheet-bottom.scss +1 -41
- package/tokens/v0_192/_md-comp-sheet-floating.scss +1 -30
- package/tokens/v0_192/_md-comp-sheet-side.scss +1 -89
- package/tokens/v0_192/_md-comp-slider.scss +1 -113
- package/tokens/v0_192/_md-comp-snackbar.scss +1 -125
- package/tokens/v0_192/_md-comp-standard-menu-button.scss +1 -96
- package/tokens/v0_192/_md-comp-suggestion-chip.scss +1 -122
- package/tokens/v0_192/_md-comp-switch.scss +1 -136
- package/tokens/v0_192/_md-comp-text-button.scss +1 -75
- package/tokens/v0_192/_md-comp-time-input.scss +1 -215
- package/tokens/v0_192/_md-comp-time-picker.scss +1 -262
- package/tokens/v0_192/_md-comp-top-app-bar-large.scss +1 -59
- package/tokens/v0_192/_md-comp-top-app-bar-medium.scss +1 -59
- package/tokens/v0_192/_md-comp-top-app-bar-small-centered.scss +1 -66
- package/tokens/v0_192/_md-comp-top-app-bar-small.scss +1 -62
- package/tokens/v0_192/_md-ref-palette.scss +1 -104
- package/tokens/v0_192/_md-ref-typeface.scss +1 -18
- package/tokens/v0_192/_md-sys-color.scss +1 -130
- package/tokens/v0_192/_md-sys-elevation.scss +1 -19
- package/tokens/v0_192/_md-sys-motion.scss +1 -50
- package/tokens/v0_192/_md-sys-shape.scss +1 -28
- package/tokens/v0_192/_md-sys-state.scss +1 -17
- package/tokens/v0_192/_md-sys-typescale.scss +1 -281
- package/tokens/versions/latest/sass/_index.scss +241 -0
- package/tokens/versions/latest/sass/_md-comp-app-bar-large-flexible.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-app-bar-large.scss +35 -0
- package/tokens/versions/latest/sass/_md-comp-app-bar-medium-flexible.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-app-bar-medium.scss +35 -0
- package/tokens/versions/latest/sass/_md-comp-app-bar-small.scss +42 -0
- package/tokens/versions/latest/sass/_md-comp-app-bar.scss +59 -0
- package/tokens/versions/latest/sass/_md-comp-assist-chip.scss +134 -0
- package/tokens/versions/latest/sass/_md-comp-badge.scss +53 -0
- package/tokens/versions/latest/sass/_md-comp-banner.scss +147 -0
- package/tokens/versions/latest/sass/_md-comp-banners-basic.scss +86 -0
- package/tokens/versions/latest/sass/_md-comp-banners-rich.scss +89 -0
- package/tokens/versions/latest/sass/_md-comp-banners.scss +43 -0
- package/tokens/versions/latest/sass/_md-comp-bottom-app-bar.scss +37 -0
- package/tokens/versions/latest/sass/_md-comp-button-elevated.scss +125 -0
- package/tokens/versions/latest/sass/_md-comp-button-filled.scss +125 -0
- package/tokens/versions/latest/sass/_md-comp-button-group-connected-large.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-button-group-connected-medium.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-button-group-connected-small.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-button-group-connected-xlarge.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-button-group-connected-xsmall.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-button-group-standard-large.scss +29 -0
- package/tokens/versions/latest/sass/_md-comp-button-group-standard-medium.scss +29 -0
- package/tokens/versions/latest/sass/_md-comp-button-group-standard-small.scss +29 -0
- package/tokens/versions/latest/sass/_md-comp-button-group-standard-xlarge.scss +29 -0
- package/tokens/versions/latest/sass/_md-comp-button-group-standard-xsmall.scss +29 -0
- package/tokens/versions/latest/sass/_md-comp-button-large.scss +51 -0
- package/tokens/versions/latest/sass/_md-comp-button-medium.scss +51 -0
- package/tokens/versions/latest/sass/_md-comp-button-outlined.scss +124 -0
- package/tokens/versions/latest/sass/_md-comp-button-small.scss +51 -0
- package/tokens/versions/latest/sass/_md-comp-button-text.scss +60 -0
- package/tokens/versions/latest/sass/_md-comp-button-tonal.scss +125 -0
- package/tokens/versions/latest/sass/_md-comp-button-xlarge.scss +51 -0
- package/tokens/versions/latest/sass/_md-comp-button-xsmall.scss +51 -0
- package/tokens/versions/latest/sass/_md-comp-button.scss +163 -0
- package/tokens/versions/latest/sass/_md-comp-carousel-item.scss +79 -0
- package/tokens/versions/latest/sass/_md-comp-checkbox.scss +216 -0
- package/tokens/versions/latest/sass/_md-comp-circular-progress-indicator.scss +52 -0
- package/tokens/versions/latest/sass/_md-comp-data-table.scss +110 -0
- package/tokens/versions/latest/sass/_md-comp-date-input-modal.scss +80 -0
- package/tokens/versions/latest/sass/_md-comp-date-picker-docked.scss +241 -0
- package/tokens/versions/latest/sass/_md-comp-date-picker-modal.scss +295 -0
- package/tokens/versions/latest/sass/_md-comp-dialog.scss +157 -0
- package/tokens/versions/latest/sass/_md-comp-divider.scss +23 -0
- package/tokens/versions/latest/sass/_md-comp-drag-handle.scss +54 -0
- package/tokens/versions/latest/sass/_md-comp-elevated-button.scss +190 -0
- package/tokens/versions/latest/sass/_md-comp-elevated-card.scss +75 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-branded.scss +100 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-large.scss +36 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-medium.scss +36 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-primary-container.scss +61 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-primary.scss +174 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-secondary-container.scss +61 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-secondary.scss +174 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-small.scss +36 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-surface.scss +108 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-tertiary-container.scss +61 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab-tertiary.scss +174 -0
- package/tokens/versions/latest/sass/_md-comp-extended-fab.scss +36 -0
- package/tokens/versions/latest/sass/_md-comp-fab-branded-large.scss +127 -0
- package/tokens/versions/latest/sass/_md-comp-fab-branded.scss +75 -0
- package/tokens/versions/latest/sass/_md-comp-fab-large.scss +27 -0
- package/tokens/versions/latest/sass/_md-comp-fab-medium.scss +27 -0
- package/tokens/versions/latest/sass/_md-comp-fab-menu-primary-close-button.scss +51 -0
- package/tokens/versions/latest/sass/_md-comp-fab-menu-primary-container.scss +59 -0
- package/tokens/versions/latest/sass/_md-comp-fab-menu-secondary-close-button.scss +51 -0
- package/tokens/versions/latest/sass/_md-comp-fab-menu-secondary-container.scss +59 -0
- package/tokens/versions/latest/sass/_md-comp-fab-menu-tertiary-close-button.scss +51 -0
- package/tokens/versions/latest/sass/_md-comp-fab-menu-tertiary-container.scss +59 -0
- package/tokens/versions/latest/sass/_md-comp-fab-menu.scss +53 -0
- package/tokens/versions/latest/sass/_md-comp-fab-primary-container.scss +53 -0
- package/tokens/versions/latest/sass/_md-comp-fab-primary-large.scss +131 -0
- package/tokens/versions/latest/sass/_md-comp-fab-primary-small.scss +131 -0
- package/tokens/versions/latest/sass/_md-comp-fab-primary.scss +131 -0
- package/tokens/versions/latest/sass/_md-comp-fab-secondary-container.scss +53 -0
- package/tokens/versions/latest/sass/_md-comp-fab-secondary-large.scss +131 -0
- package/tokens/versions/latest/sass/_md-comp-fab-secondary-small.scss +131 -0
- package/tokens/versions/latest/sass/_md-comp-fab-secondary.scss +131 -0
- package/tokens/versions/latest/sass/_md-comp-fab-small.scss +27 -0
- package/tokens/versions/latest/sass/_md-comp-fab-surface-large.scss +139 -0
- package/tokens/versions/latest/sass/_md-comp-fab-surface.scss +83 -0
- package/tokens/versions/latest/sass/_md-comp-fab-tertiary-container.scss +53 -0
- package/tokens/versions/latest/sass/_md-comp-fab-tertiary-large.scss +131 -0
- package/tokens/versions/latest/sass/_md-comp-fab-tertiary-small.scss +131 -0
- package/tokens/versions/latest/sass/_md-comp-fab-tertiary.scss +131 -0
- package/tokens/versions/latest/sass/_md-comp-fab.scss +27 -0
- package/tokens/versions/latest/sass/_md-comp-filled-autocomplete.scss +279 -0
- package/tokens/versions/latest/sass/_md-comp-filled-button.scss +206 -0
- package/tokens/versions/latest/sass/_md-comp-filled-card.scss +75 -0
- package/tokens/versions/latest/sass/_md-comp-filled-icon-button.scss +178 -0
- package/tokens/versions/latest/sass/_md-comp-filled-menu-button.scss +118 -0
- package/tokens/versions/latest/sass/_md-comp-filled-select.scss +269 -0
- package/tokens/versions/latest/sass/_md-comp-filled-text-field.scss +221 -0
- package/tokens/versions/latest/sass/_md-comp-filled-tonal-button.scss +186 -0
- package/tokens/versions/latest/sass/_md-comp-filled-tonal-icon-button.scss +178 -0
- package/tokens/versions/latest/sass/_md-comp-filter-chip.scss +276 -0
- package/tokens/versions/latest/sass/_md-comp-full-screen-dialog.scss +199 -0
- package/tokens/versions/latest/sass/_md-comp-icon-button-filled.scss +82 -0
- package/tokens/versions/latest/sass/_md-comp-icon-button-large.scss +52 -0
- package/tokens/versions/latest/sass/_md-comp-icon-button-medium.scss +52 -0
- package/tokens/versions/latest/sass/_md-comp-icon-button-outlined.scss +86 -0
- package/tokens/versions/latest/sass/_md-comp-icon-button-small.scss +52 -0
- package/tokens/versions/latest/sass/_md-comp-icon-button-standard.scss +72 -0
- package/tokens/versions/latest/sass/_md-comp-icon-button-tonal.scss +82 -0
- package/tokens/versions/latest/sass/_md-comp-icon-button-xlarge.scss +52 -0
- package/tokens/versions/latest/sass/_md-comp-icon-button-xsmall.scss +52 -0
- package/tokens/versions/latest/sass/_md-comp-icon-button.scss +193 -0
- package/tokens/versions/latest/sass/_md-comp-input-chip.scss +300 -0
- package/tokens/versions/latest/sass/_md-comp-linear-progress-indicator.scss +60 -0
- package/tokens/versions/latest/sass/_md-comp-list-expand.scss +36 -0
- package/tokens/versions/latest/sass/_md-comp-list-reorder.scss +45 -0
- package/tokens/versions/latest/sass/_md-comp-list-reveal.scss +50 -0
- package/tokens/versions/latest/sass/_md-comp-list.scss +408 -0
- package/tokens/versions/latest/sass/_md-comp-loading-indicator.scss +38 -0
- package/tokens/versions/latest/sass/_md-comp-menu.scss +218 -0
- package/tokens/versions/latest/sass/_md-comp-menus-standard.scss +188 -0
- package/tokens/versions/latest/sass/_md-comp-menus-vibrant.scss +160 -0
- package/tokens/versions/latest/sass/_md-comp-menus.scss +141 -0
- package/tokens/versions/latest/sass/_md-comp-nav-bar-item-horizontal.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-nav-bar-item-vertical.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-nav-bar.scss +68 -0
- package/tokens/versions/latest/sass/_md-comp-nav-rail-collapsed.scss +35 -0
- package/tokens/versions/latest/sass/_md-comp-nav-rail-expanded.scss +47 -0
- package/tokens/versions/latest/sass/_md-comp-nav-rail-item-horizontal.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-nav-rail-item-vertical.scss +33 -0
- package/tokens/versions/latest/sass/_md-comp-nav-rail-item.scss +39 -0
- package/tokens/versions/latest/sass/_md-comp-nav-rail.scss +48 -0
- package/tokens/versions/latest/sass/_md-comp-navigation-bar.scss +150 -0
- package/tokens/versions/latest/sass/_md-comp-navigation-drawer.scss +187 -0
- package/tokens/versions/latest/sass/_md-comp-navigation-rail.scss +233 -0
- package/tokens/versions/latest/sass/_md-comp-outlined-autocomplete.scss +275 -0
- package/tokens/versions/latest/sass/_md-comp-outlined-button.scss +182 -0
- package/tokens/versions/latest/sass/_md-comp-outlined-card.scss +87 -0
- package/tokens/versions/latest/sass/_md-comp-outlined-menu-button.scss +117 -0
- package/tokens/versions/latest/sass/_md-comp-outlined-segmented-button.scss +121 -0
- package/tokens/versions/latest/sass/_md-comp-outlined-select.scss +266 -0
- package/tokens/versions/latest/sass/_md-comp-outlined-text-field.scss +216 -0
- package/tokens/versions/latest/sass/_md-comp-plain-tooltip.scss +45 -0
- package/tokens/versions/latest/sass/_md-comp-primary-navigation-tab.scss +130 -0
- package/tokens/versions/latest/sass/_md-comp-progress-indicator-circular.scss +47 -0
- package/tokens/versions/latest/sass/_md-comp-progress-indicator-linear.scss +65 -0
- package/tokens/versions/latest/sass/_md-comp-progress-indicator.scss +48 -0
- package/tokens/versions/latest/sass/_md-comp-radio-button.scss +72 -0
- package/tokens/versions/latest/sass/_md-comp-rich-tooltip.scss +113 -0
- package/tokens/versions/latest/sass/_md-comp-scrim.scss +23 -0
- package/tokens/versions/latest/sass/_md-comp-search-bar.scss +137 -0
- package/tokens/versions/latest/sass/_md-comp-search-view.scss +108 -0
- package/tokens/versions/latest/sass/_md-comp-secondary-navigation-tab.scss +104 -0
- package/tokens/versions/latest/sass/_md-comp-sheet-bottom.scss +52 -0
- package/tokens/versions/latest/sass/_md-comp-sheet-floating.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-sheet-side.scss +96 -0
- package/tokens/versions/latest/sass/_md-comp-slider-large.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-slider-medium.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-slider-small.scss +27 -0
- package/tokens/versions/latest/sass/_md-comp-slider-xlarge.scss +31 -0
- package/tokens/versions/latest/sass/_md-comp-slider-xsmall.scss +27 -0
- package/tokens/versions/latest/sass/_md-comp-slider.scss +307 -0
- package/tokens/versions/latest/sass/_md-comp-snackbar.scss +115 -0
- package/tokens/versions/latest/sass/_md-comp-split-button-large.scss +43 -0
- package/tokens/versions/latest/sass/_md-comp-split-button-medium.scss +43 -0
- package/tokens/versions/latest/sass/_md-comp-split-button-small.scss +43 -0
- package/tokens/versions/latest/sass/_md-comp-split-button-xlarge.scss +43 -0
- package/tokens/versions/latest/sass/_md-comp-split-button-xsmall.scss +45 -0
- package/tokens/versions/latest/sass/_md-comp-standard-menu-button.scss +103 -0
- package/tokens/versions/latest/sass/_md-comp-suggestion-chip.scss +134 -0
- package/tokens/versions/latest/sass/_md-comp-switch.scss +191 -0
- package/tokens/versions/latest/sass/_md-comp-text-button.scss +154 -0
- package/tokens/versions/latest/sass/_md-comp-time-input.scss +206 -0
- package/tokens/versions/latest/sass/_md-comp-time-picker.scss +257 -0
- package/tokens/versions/latest/sass/_md-comp-toolbar-docked.scss +36 -0
- package/tokens/versions/latest/sass/_md-comp-toolbar-floating-fab.scss +51 -0
- package/tokens/versions/latest/sass/_md-comp-toolbar-floating.scss +75 -0
- package/tokens/versions/latest/sass/_md-comp-toolbar-standard.scss +87 -0
- package/tokens/versions/latest/sass/_md-comp-toolbar-vibrant.scss +87 -0
- package/tokens/versions/latest/sass/_md-comp-top-app-bar-large.scss +92 -0
- package/tokens/versions/latest/sass/_md-comp-top-app-bar-medium.scss +92 -0
- package/tokens/versions/latest/sass/_md-comp-top-app-bar-small-centered.scss +112 -0
- package/tokens/versions/latest/sass/_md-comp-top-app-bar-small.scss +104 -0
- package/tokens/versions/latest/sass/_md-fab-surface-small.scss +139 -0
- package/tokens/versions/latest/sass/_md-outlined-icon-button.scss +166 -0
- package/tokens/versions/latest/sass/_md-ref-palette.scss +495 -0
- package/tokens/versions/latest/sass/_md-ref-typeface.scss +27 -0
- package/tokens/versions/latest/sass/_md-sys-color.scss +209 -0
- package/tokens/versions/latest/sass/_md-sys-color__dark.scss +209 -0
- package/tokens/versions/latest/sass/_md-sys-color__dark__high-contrast.scss +209 -0
- package/tokens/versions/latest/sass/_md-sys-color__dark__medium-contrast.scss +209 -0
- package/tokens/versions/latest/sass/_md-sys-color__high-contrast.scss +209 -0
- package/tokens/versions/latest/sass/_md-sys-color__medium-contrast.scss +209 -0
- package/tokens/versions/latest/sass/_md-sys-elevation.scss +35 -0
- package/tokens/versions/latest/sass/_md-sys-motion.scss +107 -0
- package/tokens/versions/latest/sass/_md-sys-shape.scss +67 -0
- package/tokens/versions/latest/sass/_md-sys-state-focus-indicator.scss +23 -0
- package/tokens/versions/latest/sass/_md-sys-state.scss +27 -0
- package/tokens/versions/latest/sass/_md-sys-typescale-emphasized.scss +559 -0
- package/tokens/versions/latest/sass/_md-sys-typescale.scss +571 -0
- package/tokens/versions/v0_192/_index.scss +107 -0
- package/tokens/versions/v0_192/_md-comp-assist-chip.scss +111 -0
- package/tokens/versions/v0_192/_md-comp-badge.scss +61 -0
- package/tokens/versions/v0_192/_md-comp-banner.scss +76 -0
- package/tokens/versions/v0_192/_md-comp-bottom-app-bar.scss +36 -0
- package/tokens/versions/v0_192/_md-comp-carousel-item.scss +66 -0
- package/tokens/versions/v0_192/_md-comp-checkbox.scss +129 -0
- package/tokens/versions/v0_192/_md-comp-circular-progress-indicator.scss +41 -0
- package/tokens/versions/v0_192/_md-comp-data-table.scss +99 -0
- package/tokens/versions/v0_192/_md-comp-date-input-modal.scss +90 -0
- package/tokens/versions/v0_192/_md-comp-date-picker-docked.scss +247 -0
- package/tokens/versions/v0_192/_md-comp-date-picker-modal.scss +306 -0
- package/tokens/versions/v0_192/_md-comp-dialog.scss +124 -0
- package/tokens/versions/v0_192/_md-comp-divider.scss +28 -0
- package/tokens/versions/v0_192/_md-comp-elevated-button.scss +92 -0
- package/tokens/versions/v0_192/_md-comp-elevated-card.scss +60 -0
- package/tokens/versions/v0_192/_md-comp-extended-fab-branded.scss +89 -0
- package/tokens/versions/v0_192/_md-comp-extended-fab-primary.scss +97 -0
- package/tokens/versions/v0_192/_md-comp-extended-fab-secondary.scss +98 -0
- package/tokens/versions/v0_192/_md-comp-extended-fab-surface.scss +93 -0
- package/tokens/versions/v0_192/_md-comp-extended-fab-tertiary.scss +98 -0
- package/tokens/versions/v0_192/_md-comp-fab-branded-large.scss +63 -0
- package/tokens/versions/v0_192/_md-comp-fab-branded.scss +63 -0
- package/tokens/versions/v0_192/_md-comp-fab-primary-large.scss +68 -0
- package/tokens/versions/v0_192/_md-comp-fab-primary-small.scss +68 -0
- package/tokens/versions/v0_192/_md-comp-fab-primary.scss +68 -0
- package/tokens/versions/v0_192/_md-comp-fab-secondary-large.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-fab-secondary-small.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-fab-secondary.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-fab-surface-large.scss +67 -0
- package/tokens/versions/v0_192/_md-comp-fab-surface-small.scss +67 -0
- package/tokens/versions/v0_192/_md-comp-fab-surface.scss +67 -0
- package/tokens/versions/v0_192/_md-comp-fab-tertiary-large.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-fab-tertiary-small.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-fab-tertiary.scss +69 -0
- package/tokens/versions/v0_192/_md-comp-filled-autocomplete.scss +239 -0
- package/tokens/versions/v0_192/_md-comp-filled-button.scss +92 -0
- package/tokens/versions/v0_192/_md-comp-filled-card.scss +62 -0
- package/tokens/versions/v0_192/_md-comp-filled-icon-button.scss +83 -0
- package/tokens/versions/v0_192/_md-comp-filled-menu-button.scss +101 -0
- package/tokens/versions/v0_192/_md-comp-filled-select.scss +273 -0
- package/tokens/versions/v0_192/_md-comp-filled-text-field.scss +193 -0
- package/tokens/versions/v0_192/_md-comp-filled-tonal-button.scss +102 -0
- package/tokens/versions/v0_192/_md-comp-filled-tonal-icon-button.scss +90 -0
- package/tokens/versions/v0_192/_md-comp-filter-chip.scss +210 -0
- package/tokens/versions/v0_192/_md-comp-full-screen-dialog.scss +114 -0
- package/tokens/versions/v0_192/_md-comp-icon-button.scss +74 -0
- package/tokens/versions/v0_192/_md-comp-input-chip.scss +187 -0
- package/tokens/versions/v0_192/_md-comp-linear-progress-indicator.scss +43 -0
- package/tokens/versions/v0_192/_md-comp-list.scss +255 -0
- package/tokens/versions/v0_192/_md-comp-menu.scss +44 -0
- package/tokens/versions/v0_192/_md-comp-navigation-bar.scss +115 -0
- package/tokens/versions/v0_192/_md-comp-navigation-drawer.scss +165 -0
- package/tokens/versions/v0_192/_md-comp-navigation-rail.scss +119 -0
- package/tokens/versions/v0_192/_md-comp-outlined-autocomplete.scss +229 -0
- package/tokens/versions/v0_192/_md-comp-outlined-button.scss +87 -0
- package/tokens/versions/v0_192/_md-comp-outlined-card.scss +66 -0
- package/tokens/versions/v0_192/_md-comp-outlined-icon-button.scss +83 -0
- package/tokens/versions/v0_192/_md-comp-outlined-menu-button.scss +97 -0
- package/tokens/versions/v0_192/_md-comp-outlined-segmented-button.scss +115 -0
- package/tokens/versions/v0_192/_md-comp-outlined-select.scss +263 -0
- package/tokens/versions/v0_192/_md-comp-outlined-text-field.scss +174 -0
- package/tokens/versions/v0_192/_md-comp-plain-tooltip.scss +58 -0
- package/tokens/versions/v0_192/_md-comp-primary-navigation-tab.scss +124 -0
- package/tokens/versions/v0_192/_md-comp-radio-button.scss +71 -0
- package/tokens/versions/v0_192/_md-comp-rich-tooltip.scss +122 -0
- package/tokens/versions/v0_192/_md-comp-scrim.scss +28 -0
- package/tokens/versions/v0_192/_md-comp-search-bar.scss +100 -0
- package/tokens/versions/v0_192/_md-comp-search-view.scss +94 -0
- package/tokens/versions/v0_192/_md-comp-secondary-navigation-tab.scss +87 -0
- package/tokens/versions/v0_192/_md-comp-sheet-bottom.scss +46 -0
- package/tokens/versions/v0_192/_md-comp-sheet-floating.scss +35 -0
- package/tokens/versions/v0_192/_md-comp-sheet-side.scss +94 -0
- package/tokens/versions/v0_192/_md-comp-slider.scss +118 -0
- package/tokens/versions/v0_192/_md-comp-snackbar.scss +130 -0
- package/tokens/versions/v0_192/_md-comp-standard-menu-button.scss +101 -0
- package/tokens/versions/v0_192/_md-comp-suggestion-chip.scss +127 -0
- package/tokens/versions/v0_192/_md-comp-switch.scss +141 -0
- package/tokens/versions/v0_192/_md-comp-text-button.scss +80 -0
- package/tokens/versions/v0_192/_md-comp-time-input.scss +220 -0
- package/tokens/versions/v0_192/_md-comp-time-picker.scss +267 -0
- package/tokens/versions/v0_192/_md-comp-top-app-bar-large.scss +64 -0
- package/tokens/versions/v0_192/_md-comp-top-app-bar-medium.scss +64 -0
- package/tokens/versions/v0_192/_md-comp-top-app-bar-small-centered.scss +71 -0
- package/tokens/versions/v0_192/_md-comp-top-app-bar-small.scss +67 -0
- package/tokens/versions/v0_192/_md-ref-palette.scss +109 -0
- package/tokens/versions/v0_192/_md-ref-typeface.scss +23 -0
- package/tokens/versions/v0_192/_md-sys-color.scss +135 -0
- package/tokens/versions/v0_192/_md-sys-elevation.scss +24 -0
- package/tokens/versions/v0_192/_md-sys-motion.scss +55 -0
- package/tokens/versions/v0_192/_md-sys-shape.scss +33 -0
- package/tokens/versions/v0_192/_md-sys-state.scss +22 -0
- package/tokens/versions/v0_192/_md-sys-typescale.scss +286 -0
- package/tokens/versions/v0_192/index.test.scss +584 -0
- package/tokens/versions/v0_192/lib.test.scss +663 -0
- package/types/command-event.d.ts +22 -0
- package/types/css-imports.d.ts +12 -0
- package/types/popover.d.ts +22 -0
- package/internal/sass/_string-ext.scss +0 -195
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2026 Google LLC
|
|
3
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
//
|
|
5
|
+
// AUTOGENERATED. DO NOT MODIFY.
|
|
6
|
+
// To modify this file, update the source template,
|
|
7
|
+
// or run the compiler: go/carbon-service-code-gen-mwtc.
|
|
8
|
+
// Source template: formats/sassvars/contextualtokenset.scss.tmpl
|
|
9
|
+
|
|
10
|
+
// Design system: Google Material 3
|
|
11
|
+
// Version: 34.0.21
|
|
12
|
+
// Configured context tags:
|
|
13
|
+
// audience: 3p
|
|
14
|
+
// font: static
|
|
15
|
+
// platform: web
|
|
16
|
+
// Output format: sass_vars
|
|
17
|
+
|
|
18
|
+
@use 'md-sys-color';
|
|
19
|
+
@use 'md-sys-elevation';
|
|
20
|
+
@use 'md-sys-shape';
|
|
21
|
+
@use 'md-sys-state';
|
|
22
|
+
@use 'md-sys-state-focus-indicator';
|
|
23
|
+
|
|
24
|
+
/// md.comp.fab.surface.large.container.height ([Deprecated] Enabled / [Deprecated] Container)
|
|
25
|
+
///
|
|
26
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
27
|
+
$container-height: 96px;
|
|
28
|
+
/// md.comp.fab.surface.large.container.width ([Deprecated] Enabled / [Deprecated] Container)
|
|
29
|
+
///
|
|
30
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
31
|
+
$container-width: 96px;
|
|
32
|
+
/// md.comp.fab.surface.large.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
|
|
33
|
+
///
|
|
34
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
35
|
+
$icon-size: 36px;
|
|
36
|
+
/// md.comp.fab.surface.large.container.color ([Deprecated] Enabled / [Deprecated] Container)
|
|
37
|
+
///
|
|
38
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
39
|
+
$container-color: md-sys-color.$surface-container-high;
|
|
40
|
+
/// md.comp.fab.surface.large.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
|
|
41
|
+
///
|
|
42
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
43
|
+
$container-elevation: md-sys-elevation.$level3;
|
|
44
|
+
/// md.comp.fab.surface.large.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
|
|
45
|
+
///
|
|
46
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
47
|
+
$container-shadow-color: md-sys-color.$shadow;
|
|
48
|
+
/// md.comp.fab.surface.large.container.shape ([Deprecated] Enabled / [Deprecated] Container)
|
|
49
|
+
///
|
|
50
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
51
|
+
$container-shape: md-sys-shape.$corner-extra-large;
|
|
52
|
+
/// md.comp.fab.surface.large.container.surface-tint-layer.color ([Deprecated] Enabled / [Deprecated] Container)
|
|
53
|
+
///
|
|
54
|
+
/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
|
|
55
|
+
$container-surface-tint-layer-color: md-sys-color.$surface-tint;
|
|
56
|
+
/// md.comp.fab.surface.large.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
|
|
57
|
+
///
|
|
58
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
59
|
+
$focus-container-elevation: md-sys-elevation.$level3;
|
|
60
|
+
/// md.comp.fab.surface.large.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
|
|
61
|
+
///
|
|
62
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
63
|
+
$focus-icon-color: md-sys-color.$primary;
|
|
64
|
+
/// md.comp.fab.surface.large.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
|
|
65
|
+
///
|
|
66
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
67
|
+
$focus-indicator-color: md-sys-color.$secondary;
|
|
68
|
+
/// md.comp.fab.surface.large.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
|
|
69
|
+
///
|
|
70
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
71
|
+
$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
|
|
72
|
+
/// md.comp.fab.surface.large.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
|
|
73
|
+
///
|
|
74
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
75
|
+
$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
|
|
76
|
+
/// md.comp.fab.surface.large.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
|
|
77
|
+
///
|
|
78
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
79
|
+
$focus-state-layer-color: md-sys-color.$primary;
|
|
80
|
+
/// md.comp.fab.surface.large.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
|
|
81
|
+
///
|
|
82
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
83
|
+
$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
|
|
84
|
+
/// md.comp.fab.surface.large.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
|
|
85
|
+
///
|
|
86
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
87
|
+
$hover-container-elevation: md-sys-elevation.$level4;
|
|
88
|
+
/// md.comp.fab.surface.large.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
|
|
89
|
+
///
|
|
90
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
91
|
+
$hover-icon-color: md-sys-color.$primary;
|
|
92
|
+
/// md.comp.fab.surface.large.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
|
|
93
|
+
///
|
|
94
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
95
|
+
$hover-state-layer-color: md-sys-color.$primary;
|
|
96
|
+
/// md.comp.fab.surface.large.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
|
|
97
|
+
///
|
|
98
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
99
|
+
$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
|
|
100
|
+
/// md.comp.fab.surface.large.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
|
|
101
|
+
///
|
|
102
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
103
|
+
$icon-color: md-sys-color.$primary;
|
|
104
|
+
/// md.comp.fab.surface.large.lowered.container.color ([Deprecated] Enabled / [Deprecated] Container)
|
|
105
|
+
///
|
|
106
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
107
|
+
$lowered-container-color: md-sys-color.$surface-container-low;
|
|
108
|
+
/// md.comp.fab.surface.large.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
|
|
109
|
+
///
|
|
110
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
111
|
+
$lowered-container-elevation: md-sys-elevation.$level1;
|
|
112
|
+
/// md.comp.fab.surface.large.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
|
|
113
|
+
///
|
|
114
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
115
|
+
$lowered-focus-container-elevation: md-sys-elevation.$level1;
|
|
116
|
+
/// md.comp.fab.surface.large.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
|
|
117
|
+
///
|
|
118
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
119
|
+
$lowered-hover-container-elevation: md-sys-elevation.$level2;
|
|
120
|
+
/// md.comp.fab.surface.large.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
|
|
121
|
+
///
|
|
122
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
123
|
+
$lowered-pressed-container-elevation: md-sys-elevation.$level1;
|
|
124
|
+
/// md.comp.fab.surface.large.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
|
|
125
|
+
///
|
|
126
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
127
|
+
$pressed-container-elevation: md-sys-elevation.$level3;
|
|
128
|
+
/// md.comp.fab.surface.large.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
|
|
129
|
+
///
|
|
130
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
131
|
+
$pressed-icon-color: md-sys-color.$primary;
|
|
132
|
+
/// md.comp.fab.surface.large.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
|
|
133
|
+
///
|
|
134
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
135
|
+
$pressed-state-layer-color: md-sys-color.$primary;
|
|
136
|
+
/// md.comp.fab.surface.large.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
|
|
137
|
+
///
|
|
138
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and surface fab `md.comp.fab.surface` token sets instead.
|
|
139
|
+
$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2026 Google LLC
|
|
3
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
//
|
|
5
|
+
// AUTOGENERATED. DO NOT MODIFY.
|
|
6
|
+
// To modify this file, update the source template,
|
|
7
|
+
// or run the compiler: go/carbon-service-code-gen-mwtc.
|
|
8
|
+
// Source template: formats/sassvars/contextualtokenset.scss.tmpl
|
|
9
|
+
|
|
10
|
+
// Design system: Google Material 3
|
|
11
|
+
// Version: 34.0.21
|
|
12
|
+
// Configured context tags:
|
|
13
|
+
// audience: 3p
|
|
14
|
+
// font: static
|
|
15
|
+
// platform: web
|
|
16
|
+
// Output format: sass_vars
|
|
17
|
+
|
|
18
|
+
@use 'md-sys-color';
|
|
19
|
+
@use 'md-sys-elevation';
|
|
20
|
+
@use 'md-sys-shape';
|
|
21
|
+
@use 'md-sys-state';
|
|
22
|
+
@use 'md-sys-state-focus-indicator';
|
|
23
|
+
|
|
24
|
+
/// md.comp.fab.surface.container.height (Enabled / Container)
|
|
25
|
+
$container-height: 56px;
|
|
26
|
+
/// md.comp.fab.surface.container.width (Enabled / Container)
|
|
27
|
+
$container-width: 56px;
|
|
28
|
+
/// md.comp.fab.surface.icon.size (Enabled / Icon)
|
|
29
|
+
$icon-size: 24px;
|
|
30
|
+
/// md.comp.fab.surface.container.color (Enabled / Container)
|
|
31
|
+
$container-color: md-sys-color.$surface-container-high;
|
|
32
|
+
/// md.comp.fab.surface.container.elevation (Enabled / Container)
|
|
33
|
+
$container-elevation: md-sys-elevation.$level3;
|
|
34
|
+
/// md.comp.fab.surface.container.shadow-color (Enabled / Container)
|
|
35
|
+
$container-shadow-color: md-sys-color.$shadow;
|
|
36
|
+
/// md.comp.fab.surface.container.shape (Enabled / Container)
|
|
37
|
+
$container-shape: md-sys-shape.$corner-large;
|
|
38
|
+
/// md.comp.fab.surface.container.surface-tint-layer.color (Enabled / Container)
|
|
39
|
+
///
|
|
40
|
+
/// @deprecated Deprecated as part of the update from opacity based surfaces to tonal surfaces. Surfaces no longer use surface-tint layers for tinting, please use the desired surface role directly as the container color.
|
|
41
|
+
$container-surface-tint-layer-color: md-sys-color.$surface-tint;
|
|
42
|
+
/// md.comp.fab.surface.focus.container.elevation (Focused / Container)
|
|
43
|
+
$focus-container-elevation: md-sys-elevation.$level3;
|
|
44
|
+
/// md.comp.fab.surface.focus.icon.color (Focused / Icon)
|
|
45
|
+
$focus-icon-color: md-sys-color.$primary;
|
|
46
|
+
/// md.comp.fab.surface.focus.indicator.color (Focused / Focus indicator)
|
|
47
|
+
$focus-indicator-color: md-sys-color.$secondary;
|
|
48
|
+
/// md.comp.fab.surface.focus.indicator.outline.offset (Focused / Focus indicator)
|
|
49
|
+
$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
|
|
50
|
+
/// md.comp.fab.surface.focus.indicator.thickness (Focused / Focus indicator)
|
|
51
|
+
$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
|
|
52
|
+
/// md.comp.fab.surface.focus.state-layer.color (Focused / State layer)
|
|
53
|
+
$focus-state-layer-color: md-sys-color.$primary;
|
|
54
|
+
/// md.comp.fab.surface.focus.state-layer.opacity (Focused / State layer)
|
|
55
|
+
$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
|
|
56
|
+
/// md.comp.fab.surface.hover.container.elevation (Hovered / Container)
|
|
57
|
+
$hover-container-elevation: md-sys-elevation.$level4;
|
|
58
|
+
/// md.comp.fab.surface.hover.icon.color (Hovered / Icon)
|
|
59
|
+
$hover-icon-color: md-sys-color.$primary;
|
|
60
|
+
/// md.comp.fab.surface.hover.state-layer.color (Hovered / State layer)
|
|
61
|
+
$hover-state-layer-color: md-sys-color.$primary;
|
|
62
|
+
/// md.comp.fab.surface.hover.state-layer.opacity (Hovered / State layer)
|
|
63
|
+
$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
|
|
64
|
+
/// md.comp.fab.surface.icon.color (Enabled / Icon)
|
|
65
|
+
$icon-color: md-sys-color.$primary;
|
|
66
|
+
/// md.comp.fab.surface.lowered.container.color (Enabled / Container)
|
|
67
|
+
$lowered-container-color: md-sys-color.$surface-container-low;
|
|
68
|
+
/// md.comp.fab.surface.lowered.container.elevation (Enabled / Container)
|
|
69
|
+
$lowered-container-elevation: md-sys-elevation.$level1;
|
|
70
|
+
/// md.comp.fab.surface.lowered.focus.container.elevation (Focused / Container)
|
|
71
|
+
$lowered-focus-container-elevation: md-sys-elevation.$level1;
|
|
72
|
+
/// md.comp.fab.surface.lowered.hover.container.elevation (Hovered / Container)
|
|
73
|
+
$lowered-hover-container-elevation: md-sys-elevation.$level2;
|
|
74
|
+
/// md.comp.fab.surface.lowered.pressed.container.elevation (Pressed (ripple) / Container)
|
|
75
|
+
$lowered-pressed-container-elevation: md-sys-elevation.$level1;
|
|
76
|
+
/// md.comp.fab.surface.pressed.container.elevation (Pressed (ripple) / Container)
|
|
77
|
+
$pressed-container-elevation: md-sys-elevation.$level3;
|
|
78
|
+
/// md.comp.fab.surface.pressed.icon.color (Pressed (ripple) / Icon)
|
|
79
|
+
$pressed-icon-color: md-sys-color.$primary;
|
|
80
|
+
/// md.comp.fab.surface.pressed.state-layer.color (Pressed (ripple) / State layer)
|
|
81
|
+
$pressed-state-layer-color: md-sys-color.$primary;
|
|
82
|
+
/// md.comp.fab.surface.pressed.state-layer.opacity (Pressed (ripple) / State layer)
|
|
83
|
+
$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2026 Google LLC
|
|
3
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
//
|
|
5
|
+
// AUTOGENERATED. DO NOT MODIFY.
|
|
6
|
+
// To modify this file, update the source template,
|
|
7
|
+
// or run the compiler: go/carbon-service-code-gen-mwtc.
|
|
8
|
+
// Source template: formats/sassvars/contextualtokenset.scss.tmpl
|
|
9
|
+
|
|
10
|
+
// Design system: Google Material 3
|
|
11
|
+
// Version: 34.0.21
|
|
12
|
+
// Configured context tags:
|
|
13
|
+
// audience: 3p
|
|
14
|
+
// font: static
|
|
15
|
+
// platform: web
|
|
16
|
+
// Output format: sass_vars
|
|
17
|
+
|
|
18
|
+
@use 'md-sys-color';
|
|
19
|
+
@use 'md-sys-elevation';
|
|
20
|
+
@use 'md-sys-state';
|
|
21
|
+
|
|
22
|
+
/// md.comp.fab.tertiary-container.container.color (Enabled)
|
|
23
|
+
$container-color: md-sys-color.$tertiary-container;
|
|
24
|
+
/// md.comp.fab.tertiary-container.container.elevation (Enabled)
|
|
25
|
+
$container-elevation: md-sys-elevation.$level3;
|
|
26
|
+
/// md.comp.fab.tertiary-container.container.shadow-color (Enabled)
|
|
27
|
+
$container-shadow-color: md-sys-color.$shadow;
|
|
28
|
+
/// md.comp.fab.tertiary-container.focused.container.elevation (Focused)
|
|
29
|
+
$focused-container-elevation: md-sys-elevation.$level3;
|
|
30
|
+
/// md.comp.fab.tertiary-container.focused.icon.color (Focused)
|
|
31
|
+
$focused-icon-color: md-sys-color.$on-tertiary-container;
|
|
32
|
+
/// md.comp.fab.tertiary-container.focused.state-layer.color (Focused)
|
|
33
|
+
$focused-state-layer-color: md-sys-color.$on-tertiary-container;
|
|
34
|
+
/// md.comp.fab.tertiary-container.focused.state-layer.opacity (Focused)
|
|
35
|
+
$focused-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
|
|
36
|
+
/// md.comp.fab.tertiary-container.hovered.container.elevation (Hovered)
|
|
37
|
+
$hovered-container-elevation: md-sys-elevation.$level4;
|
|
38
|
+
/// md.comp.fab.tertiary-container.hovered.icon.color (Hovered)
|
|
39
|
+
$hovered-icon-color: md-sys-color.$on-tertiary-container;
|
|
40
|
+
/// md.comp.fab.tertiary-container.hovered.state-layer.color (Hovered)
|
|
41
|
+
$hovered-state-layer-color: md-sys-color.$on-tertiary-container;
|
|
42
|
+
/// md.comp.fab.tertiary-container.hovered.state-layer.opacity (Hovered)
|
|
43
|
+
$hovered-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
|
|
44
|
+
/// md.comp.fab.tertiary-container.icon.color (Enabled)
|
|
45
|
+
$icon-color: md-sys-color.$on-tertiary-container;
|
|
46
|
+
/// md.comp.fab.tertiary-container.pressed.container.elevation (Pressed)
|
|
47
|
+
$pressed-container-elevation: md-sys-elevation.$level3;
|
|
48
|
+
/// md.comp.fab.tertiary-container.pressed.icon.color (Pressed)
|
|
49
|
+
$pressed-icon-color: md-sys-color.$on-tertiary-container;
|
|
50
|
+
/// md.comp.fab.tertiary-container.pressed.state-layer.color (Pressed)
|
|
51
|
+
$pressed-state-layer-color: md-sys-color.$on-tertiary-container;
|
|
52
|
+
/// md.comp.fab.tertiary-container.pressed.state-layer.opacity (Pressed)
|
|
53
|
+
$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2026 Google LLC
|
|
3
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
//
|
|
5
|
+
// AUTOGENERATED. DO NOT MODIFY.
|
|
6
|
+
// To modify this file, update the source template,
|
|
7
|
+
// or run the compiler: go/carbon-service-code-gen-mwtc.
|
|
8
|
+
// Source template: formats/sassvars/contextualtokenset.scss.tmpl
|
|
9
|
+
|
|
10
|
+
// Design system: Google Material 3
|
|
11
|
+
// Version: 34.0.21
|
|
12
|
+
// Configured context tags:
|
|
13
|
+
// audience: 3p
|
|
14
|
+
// font: static
|
|
15
|
+
// platform: web
|
|
16
|
+
// Output format: sass_vars
|
|
17
|
+
|
|
18
|
+
@use 'md-sys-color';
|
|
19
|
+
@use 'md-sys-elevation';
|
|
20
|
+
@use 'md-sys-shape';
|
|
21
|
+
@use 'md-sys-state';
|
|
22
|
+
@use 'md-sys-state-focus-indicator';
|
|
23
|
+
|
|
24
|
+
/// md.comp.fab.tertiary.large.container.height ([Deprecated] Enabled / [Deprecated] Container)
|
|
25
|
+
///
|
|
26
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
27
|
+
$container-height: 96px;
|
|
28
|
+
/// md.comp.fab.tertiary.large.container.width ([Deprecated] Enabled / [Deprecated] Container)
|
|
29
|
+
///
|
|
30
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
31
|
+
$container-width: 96px;
|
|
32
|
+
/// md.comp.fab.tertiary.large.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
|
|
33
|
+
///
|
|
34
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
35
|
+
$icon-size: 36px;
|
|
36
|
+
/// md.comp.fab.tertiary.large.container.color ([Deprecated] Enabled / [Deprecated] Container)
|
|
37
|
+
///
|
|
38
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
39
|
+
$container-color: md-sys-color.$tertiary-container;
|
|
40
|
+
/// md.comp.fab.tertiary.large.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
|
|
41
|
+
///
|
|
42
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
43
|
+
$container-elevation: md-sys-elevation.$level3;
|
|
44
|
+
/// md.comp.fab.tertiary.large.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
|
|
45
|
+
///
|
|
46
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
47
|
+
$container-shadow-color: md-sys-color.$shadow;
|
|
48
|
+
/// md.comp.fab.tertiary.large.container.shape ([Deprecated] Enabled / [Deprecated] Container)
|
|
49
|
+
///
|
|
50
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
51
|
+
$container-shape: md-sys-shape.$corner-extra-large;
|
|
52
|
+
/// md.comp.fab.tertiary.large.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
|
|
53
|
+
///
|
|
54
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
55
|
+
$focus-container-elevation: md-sys-elevation.$level3;
|
|
56
|
+
/// md.comp.fab.tertiary.large.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
|
|
57
|
+
///
|
|
58
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
59
|
+
$focus-icon-color: md-sys-color.$on-tertiary-container;
|
|
60
|
+
/// md.comp.fab.tertiary.large.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
|
|
61
|
+
///
|
|
62
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
63
|
+
$focus-indicator-color: md-sys-color.$secondary;
|
|
64
|
+
/// md.comp.fab.tertiary.large.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
|
|
65
|
+
///
|
|
66
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
67
|
+
$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
|
|
68
|
+
/// md.comp.fab.tertiary.large.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
|
|
69
|
+
///
|
|
70
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
71
|
+
$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
|
|
72
|
+
/// md.comp.fab.tertiary.large.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
|
|
73
|
+
///
|
|
74
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
75
|
+
$focus-state-layer-color: md-sys-color.$on-tertiary-container;
|
|
76
|
+
/// md.comp.fab.tertiary.large.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
|
|
77
|
+
///
|
|
78
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
79
|
+
$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
|
|
80
|
+
/// md.comp.fab.tertiary.large.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
|
|
81
|
+
///
|
|
82
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
83
|
+
$hover-container-elevation: md-sys-elevation.$level4;
|
|
84
|
+
/// md.comp.fab.tertiary.large.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
|
|
85
|
+
///
|
|
86
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
87
|
+
$hover-icon-color: md-sys-color.$on-tertiary-container;
|
|
88
|
+
/// md.comp.fab.tertiary.large.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
|
|
89
|
+
///
|
|
90
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
91
|
+
$hover-state-layer-color: md-sys-color.$on-tertiary-container;
|
|
92
|
+
/// md.comp.fab.tertiary.large.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
|
|
93
|
+
///
|
|
94
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
95
|
+
$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
|
|
96
|
+
/// md.comp.fab.tertiary.large.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
|
|
97
|
+
///
|
|
98
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
99
|
+
$icon-color: md-sys-color.$on-tertiary-container;
|
|
100
|
+
/// md.comp.fab.tertiary.large.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
|
|
101
|
+
///
|
|
102
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
103
|
+
$lowered-container-elevation: md-sys-elevation.$level1;
|
|
104
|
+
/// md.comp.fab.tertiary.large.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
|
|
105
|
+
///
|
|
106
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
107
|
+
$lowered-focus-container-elevation: md-sys-elevation.$level1;
|
|
108
|
+
/// md.comp.fab.tertiary.large.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
|
|
109
|
+
///
|
|
110
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
111
|
+
$lowered-hover-container-elevation: md-sys-elevation.$level2;
|
|
112
|
+
/// md.comp.fab.tertiary.large.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
|
|
113
|
+
///
|
|
114
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
115
|
+
$lowered-pressed-container-elevation: md-sys-elevation.$level1;
|
|
116
|
+
/// md.comp.fab.tertiary.large.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
|
|
117
|
+
///
|
|
118
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
119
|
+
$pressed-container-elevation: md-sys-elevation.$level3;
|
|
120
|
+
/// md.comp.fab.tertiary.large.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
|
|
121
|
+
///
|
|
122
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
123
|
+
$pressed-icon-color: md-sys-color.$on-tertiary-container;
|
|
124
|
+
/// md.comp.fab.tertiary.large.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
|
|
125
|
+
///
|
|
126
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
127
|
+
$pressed-state-layer-color: md-sys-color.$on-tertiary-container;
|
|
128
|
+
/// md.comp.fab.tertiary.large.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
|
|
129
|
+
///
|
|
130
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the large fab size `md.comp.fab.large` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
131
|
+
$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2026 Google LLC
|
|
3
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
//
|
|
5
|
+
// AUTOGENERATED. DO NOT MODIFY.
|
|
6
|
+
// To modify this file, update the source template,
|
|
7
|
+
// or run the compiler: go/carbon-service-code-gen-mwtc.
|
|
8
|
+
// Source template: formats/sassvars/contextualtokenset.scss.tmpl
|
|
9
|
+
|
|
10
|
+
// Design system: Google Material 3
|
|
11
|
+
// Version: 34.0.21
|
|
12
|
+
// Configured context tags:
|
|
13
|
+
// audience: 3p
|
|
14
|
+
// font: static
|
|
15
|
+
// platform: web
|
|
16
|
+
// Output format: sass_vars
|
|
17
|
+
|
|
18
|
+
@use 'md-sys-color';
|
|
19
|
+
@use 'md-sys-elevation';
|
|
20
|
+
@use 'md-sys-shape';
|
|
21
|
+
@use 'md-sys-state';
|
|
22
|
+
@use 'md-sys-state-focus-indicator';
|
|
23
|
+
|
|
24
|
+
/// md.comp.fab.tertiary.small.container.height ([Deprecated] Enabled / [Deprecated] Container)
|
|
25
|
+
///
|
|
26
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
27
|
+
$container-height: 40px;
|
|
28
|
+
/// md.comp.fab.tertiary.small.container.width ([Deprecated] Enabled / [Deprecated] Container)
|
|
29
|
+
///
|
|
30
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
31
|
+
$container-width: 40px;
|
|
32
|
+
/// md.comp.fab.tertiary.small.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
|
|
33
|
+
///
|
|
34
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
35
|
+
$icon-size: 24px;
|
|
36
|
+
/// md.comp.fab.tertiary.small.container.color ([Deprecated] Enabled / [Deprecated] Container)
|
|
37
|
+
///
|
|
38
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
39
|
+
$container-color: md-sys-color.$tertiary-container;
|
|
40
|
+
/// md.comp.fab.tertiary.small.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
|
|
41
|
+
///
|
|
42
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
43
|
+
$container-elevation: md-sys-elevation.$level3;
|
|
44
|
+
/// md.comp.fab.tertiary.small.container.shadow-color ([Deprecated] Enabled / [Deprecated] Container)
|
|
45
|
+
///
|
|
46
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
47
|
+
$container-shadow-color: md-sys-color.$shadow;
|
|
48
|
+
/// md.comp.fab.tertiary.small.container.shape ([Deprecated] Enabled / [Deprecated] Container)
|
|
49
|
+
///
|
|
50
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
51
|
+
$container-shape: md-sys-shape.$corner-medium;
|
|
52
|
+
/// md.comp.fab.tertiary.small.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
|
|
53
|
+
///
|
|
54
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
55
|
+
$focus-container-elevation: md-sys-elevation.$level3;
|
|
56
|
+
/// md.comp.fab.tertiary.small.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
|
|
57
|
+
///
|
|
58
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
59
|
+
$focus-icon-color: md-sys-color.$on-tertiary-container;
|
|
60
|
+
/// md.comp.fab.tertiary.small.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
|
|
61
|
+
///
|
|
62
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
63
|
+
$focus-indicator-color: md-sys-color.$secondary;
|
|
64
|
+
/// md.comp.fab.tertiary.small.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
|
|
65
|
+
///
|
|
66
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
67
|
+
$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
|
|
68
|
+
/// md.comp.fab.tertiary.small.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
|
|
69
|
+
///
|
|
70
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
71
|
+
$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
|
|
72
|
+
/// md.comp.fab.tertiary.small.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
|
|
73
|
+
///
|
|
74
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
75
|
+
$focus-state-layer-color: md-sys-color.$on-tertiary-container;
|
|
76
|
+
/// md.comp.fab.tertiary.small.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
|
|
77
|
+
///
|
|
78
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
79
|
+
$focus-state-layer-opacity: md-sys-state.$focus-state-layer-opacity;
|
|
80
|
+
/// md.comp.fab.tertiary.small.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
|
|
81
|
+
///
|
|
82
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
83
|
+
$hover-container-elevation: md-sys-elevation.$level4;
|
|
84
|
+
/// md.comp.fab.tertiary.small.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
|
|
85
|
+
///
|
|
86
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
87
|
+
$hover-icon-color: md-sys-color.$on-tertiary-container;
|
|
88
|
+
/// md.comp.fab.tertiary.small.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
|
|
89
|
+
///
|
|
90
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
91
|
+
$hover-state-layer-color: md-sys-color.$on-tertiary-container;
|
|
92
|
+
/// md.comp.fab.tertiary.small.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
|
|
93
|
+
///
|
|
94
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
95
|
+
$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
|
|
96
|
+
/// md.comp.fab.tertiary.small.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
|
|
97
|
+
///
|
|
98
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
99
|
+
$icon-color: md-sys-color.$on-tertiary-container;
|
|
100
|
+
/// md.comp.fab.tertiary.small.lowered.container.elevation ([Deprecated] Enabled / [Deprecated] Container)
|
|
101
|
+
///
|
|
102
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
103
|
+
$lowered-container-elevation: md-sys-elevation.$level1;
|
|
104
|
+
/// md.comp.fab.tertiary.small.lowered.focus.container.elevation ([Deprecated] Focused / [Deprecated] Container)
|
|
105
|
+
///
|
|
106
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
107
|
+
$lowered-focus-container-elevation: md-sys-elevation.$level1;
|
|
108
|
+
/// md.comp.fab.tertiary.small.lowered.hover.container.elevation ([Deprecated] Hovered / [Deprecated] Container)
|
|
109
|
+
///
|
|
110
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
111
|
+
$lowered-hover-container-elevation: md-sys-elevation.$level2;
|
|
112
|
+
/// md.comp.fab.tertiary.small.lowered.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
|
|
113
|
+
///
|
|
114
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
115
|
+
$lowered-pressed-container-elevation: md-sys-elevation.$level1;
|
|
116
|
+
/// md.comp.fab.tertiary.small.pressed.container.elevation ([Deprecated] Pressed (ripple) / [Deprecated] Container)
|
|
117
|
+
///
|
|
118
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
119
|
+
$pressed-container-elevation: md-sys-elevation.$level3;
|
|
120
|
+
/// md.comp.fab.tertiary.small.pressed.icon.color ([Deprecated] Pressed (ripple) / [Deprecated] Icon)
|
|
121
|
+
///
|
|
122
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
123
|
+
$pressed-icon-color: md-sys-color.$on-tertiary-container;
|
|
124
|
+
/// md.comp.fab.tertiary.small.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
|
|
125
|
+
///
|
|
126
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
127
|
+
$pressed-state-layer-color: md-sys-color.$on-tertiary-container;
|
|
128
|
+
/// md.comp.fab.tertiary.small.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
|
|
129
|
+
///
|
|
130
|
+
/// @deprecated This token is deprecated. Use the corresponding token from the expressive small fab `md.comp.fab` or baseline small fab `md.comp.fab.small` and tonal tertiary container fab `md.comp.fab.tertiary-container` token sets instead.
|
|
131
|
+
$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
|