@material/web 2.4.2-nightly.7619df0.0 → 2.4.2-nightly.7d7cbf4.0

package/tokens/versions/latest/sass/_md-outlined-icon-button.scss

@@ -0,0 +1,166 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// AUTOGENERATED. DO NOT MODIFY.
+// To modify this file, update the source template,
+// or run the compiler: go/carbon-service-code-gen-mwtc.
+// Source template: formats/sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 34.0.21
+// Configured context tags:
+//   audience: 3p
+//   font: static
+//   platform: web
+// Output format: sass_vars
+
+@use 'md-sys-color';
+@use 'md-sys-shape';
+@use 'md-sys-state';
+@use 'md-sys-state-focus-indicator';
+
+/// md.outlined-icon-button.container.height ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$container-height: 40px;
+/// md.outlined-icon-button.container.size ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated Deprecating in place of width and height tokens
+$container-size: 40px;
+/// md.outlined-icon-button.container.width ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$container-width: 40px;
+/// md.outlined-icon-button.disabled.icon.opacity ([Deprecated] Disabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$disabled-icon-opacity: 0.38;
+/// md.outlined-icon-button.disabled.outline.opacity ([Deprecated] Disabled / [Deprecated] Outline)
+///
+/// @deprecated As per spec the outlined icon buttons do use a different disabled style between selected and unselected. Use newly added "selected." and "unselected." tokens instead.
+$disabled-outline-opacity: 0.12;
+/// md.outlined-icon-button.disabled.selected.container.opacity ([Deprecated] Disabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$disabled-selected-container-opacity: 0.12;
+/// md.outlined-icon-button.disabled.unselected.outline.opacity ([Deprecated] Disabled / [Deprecated] Outline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$disabled-unselected-outline-opacity: 0.12;
+/// md.outlined-icon-button.icon.size ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$icon-size: 24px;
+/// md.outlined-icon-button.unselected.outline.width ([Deprecated] Enabled / [Deprecated] Outline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$unselected-outline-width: 1px;
+/// md.outlined-icon-button.container.shape ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$container-shape: md-sys-shape.$corner-full;
+/// md.outlined-icon-button.disabled.icon.color ([Deprecated] Disabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$disabled-icon-color: md-sys-color.$on-surface;
+/// md.outlined-icon-button.disabled.outline.color ([Deprecated] Disabled / [Deprecated] Outline)
+///
+/// @deprecated As per spec the outlined icon buttons do use a different disabled style between selected and unselected. Use newly added "selected." and "unselected." tokens instead.
+$disabled-outline-color: md-sys-color.$on-surface;
+/// md.outlined-icon-button.disabled.selected.container.color ([Deprecated] Disabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$disabled-selected-container-color: md-sys-color.$on-surface;
+/// md.outlined-icon-button.disabled.unselected.outline.color ([Deprecated] Disabled / [Deprecated] Outline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$disabled-unselected-outline-color: md-sys-color.$on-surface;
+/// md.outlined-icon-button.focus.indicator.color ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$focus-indicator-color: md-sys-color.$secondary;
+/// md.outlined-icon-button.focus.indicator.outline.offset ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$focus-indicator-outline-offset: md-sys-state-focus-indicator.$outer-offset;
+/// md.outlined-icon-button.focus.indicator.thickness ([Deprecated] Focused / [Deprecated] Focus indicator)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$focus-indicator-thickness: md-sys-state-focus-indicator.$thickness;
+/// md.outlined-icon-button.focus.state-layer.opacity ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$focus-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.outlined-icon-button.hover.state-layer.opacity ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$hover-state-layer-opacity: md-sys-state.$hover-state-layer-opacity;
+/// md.outlined-icon-button.pressed.state-layer.opacity ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$pressed-state-layer-opacity: md-sys-state.$pressed-state-layer-opacity;
+/// md.outlined-icon-button.selected.container.color ([Deprecated] Enabled / [Deprecated] Container)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$selected-container-color: md-sys-color.$inverse-surface;
+/// md.outlined-icon-button.selected.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$selected-focus-icon-color: md-sys-color.$inverse-on-surface;
+/// md.outlined-icon-button.selected.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$selected-focus-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.outlined-icon-button.selected.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$selected-hover-icon-color: md-sys-color.$inverse-on-surface;
+/// md.outlined-icon-button.selected.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$selected-hover-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.outlined-icon-button.selected.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$selected-icon-color: md-sys-color.$inverse-on-surface;
+/// md.outlined-icon-button.selected.pressed.icon.color ([Deprecated] Pressed (ripple) / Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$selected-pressed-icon-color: md-sys-color.$inverse-on-surface;
+/// md.outlined-icon-button.selected.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$selected-pressed-state-layer-color: md-sys-color.$inverse-on-surface;
+/// md.outlined-icon-button.unselected.focus.icon.color ([Deprecated] Focused / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$unselected-focus-icon-color: md-sys-color.$on-surface-variant;
+/// md.outlined-icon-button.unselected.focus.state-layer.color ([Deprecated] Focused / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$unselected-focus-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.outlined-icon-button.unselected.hover.icon.color ([Deprecated] Hovered / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$unselected-hover-icon-color: md-sys-color.$on-surface-variant;
+/// md.outlined-icon-button.unselected.hover.state-layer.color ([Deprecated] Hovered / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$unselected-hover-state-layer-color: md-sys-color.$on-surface-variant;
+/// md.outlined-icon-button.unselected.icon.color ([Deprecated] Enabled / [Deprecated] Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$unselected-icon-color: md-sys-color.$on-surface-variant;
+/// md.outlined-icon-button.unselected.outline.color ([Deprecated] Enabled / [Deprecated] Outline)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$unselected-outline-color: md-sys-color.$outline;
+/// md.outlined-icon-button.unselected.pressed.icon.color ([Deprecated] Pressed (ripple) / Icon)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$unselected-pressed-icon-color: md-sys-color.$on-surface;
+/// md.outlined-icon-button.unselected.pressed.state-layer.color ([Deprecated] Pressed (ripple) / [Deprecated] State layer)
+///
+/// @deprecated This token is deprecated. Use the corresponding token from either the md.comp.icon-button.outlined or md.comp.icon-button.(size) set instead.
+$unselected-pressed-state-layer-color: md-sys-color.$on-surface;

package/tokens/versions/latest/sass/_md-ref-palette-meta.scss

@@ -0,0 +1,244 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+// Auto-generated token metadata.
+$black--resolved: #000;
+$blue-variant0--resolved: #000;
+$blue-variant10--resolved: #001f2d;
+$blue-variant100--resolved: #fff;
+$blue-variant20--resolved: #003549;
+$blue-variant30--resolved: #004d68;
+$blue-variant40--resolved: #006788;
+$blue-variant50--resolved: #0081a8;
+$blue-variant60--resolved: #009dc9;
+$blue-variant70--resolved: #00bbea;
+$blue-variant80--resolved: #67d4ff;
+$blue-variant90--resolved: #bde9ff;
+$blue-variant95--resolved: #e0f4ff;
+$blue-variant98--resolved: #f4faff;
+$blue0--resolved: #000;
+$blue10--resolved: #001944;
+$blue100--resolved: #fff;
+$blue20--resolved: #012c6f;
+$blue30--resolved: #04409f;
+$blue40--resolved: #1157ce;
+$blue50--resolved: #3271ea;
+$blue60--resolved: #4e8ff8;
+$blue70--resolved: #76acff;
+$blue80--resolved: #a1c9ff;
+$blue90--resolved: #d0e4ff;
+$blue95--resolved: #e7f2ff;
+$blue98--resolved: #f5faff;
+$cyan0--resolved: #000;
+$cyan10--resolved: #001f26;
+$cyan100--resolved: #fff;
+$cyan20--resolved: #003641;
+$cyan30--resolved: #004e5d;
+$cyan40--resolved: #00687c;
+$cyan50--resolved: #00839b;
+$cyan60--resolved: #009ebb;
+$cyan70--resolved: #00bbdf;
+$cyan80--resolved: #60d5f3;
+$cyan90--resolved: #acedff;
+$cyan95--resolved: #d8f6ff;
+$cyan98--resolved: #f0fbff;
+$error0--resolved: #000;
+$error10--resolved: #410e0b;
+$error100--resolved: #fff;
+$error20--resolved: #601410;
+$error30--resolved: #8c1d18;
+$error40--resolved: #b3261e;
+$error50--resolved: #dc362e;
+$error60--resolved: #e46962;
+$error70--resolved: #ec928e;
+$error80--resolved: #f2b8b5;
+$error90--resolved: #f9dedc;
+$error95--resolved: #fceeee;
+$error98--resolved: #fff8f7;
+$error99--resolved: #fffbf9;
+$green0--resolved: #000;
+$green10--resolved: #002110;
+$green100--resolved: #fff;
+$green20--resolved: #00381f;
+$green30--resolved: #00522c;
+$green40--resolved: #006c35;
+$green50--resolved: #128937;
+$green60--resolved: #1aa64a;
+$green70--resolved: #44c265;
+$green80--resolved: #80da88;
+$green90--resolved: #beefbb;
+$green95--resolved: #ddf8d8;
+$green98--resolved: #f2fcef;
+$grey-variant0--resolved: #000;
+$grey-variant10--resolved: #191d1c;
+$grey-variant100--resolved: #fff;
+$grey-variant20--resolved: #2d312f;
+$grey-variant30--resolved: #444746;
+$grey-variant40--resolved: #5c5f5e;
+$grey-variant50--resolved: #747775;
+$grey-variant60--resolved: #8e918f;
+$grey-variant70--resolved: #a9acaa;
+$grey-variant80--resolved: #c4c7c5;
+$grey-variant90--resolved: #e1e3e1;
+$grey-variant95--resolved: #eff2ef;
+$grey-variant98--resolved: #f7faf7;
+$grey0--resolved: #000;
+$grey10--resolved: #1b1b1c;
+$grey100--resolved: #fff;
+$grey20--resolved: #303030;
+$grey30--resolved: #474747;
+$grey40--resolved: #5e5e5e;
+$grey50--resolved: #777;
+$grey60--resolved: #919191;
+$grey70--resolved: #ababab;
+$grey80--resolved: #c7c7c7;
+$grey90--resolved: #e3e3e3;
+$grey95--resolved: #f2f2f2;
+$grey98--resolved: #f9f9f9;
+$neutral-variant0--resolved: #000;
+$neutral-variant10--resolved: #1d1a22;
+$neutral-variant100--resolved: #fff;
+$neutral-variant20--resolved: #322f37;
+$neutral-variant30--resolved: #49454f;
+$neutral-variant40--resolved: #605d66;
+$neutral-variant50--resolved: #79747e;
+$neutral-variant60--resolved: #938f99;
+$neutral-variant70--resolved: #aea9b4;
+$neutral-variant80--resolved: #cac4d0;
+$neutral-variant90--resolved: #e7e0ec;
+$neutral-variant95--resolved: #f5eefa;
+$neutral-variant98--resolved: #fdf7ff;
+$neutral-variant99--resolved: #fffbfe;
+$neutral0--resolved: #000;
+$neutral10--resolved: #1d1b20;
+$neutral100--resolved: #fff;
+$neutral12--resolved: #211f26;
+$neutral17--resolved: #2b2930;
+$neutral20--resolved: #322f35;
+$neutral22--resolved: #36343b;
+$neutral24--resolved: #3b383e;
+$neutral30--resolved: #48464c;
+$neutral4--resolved: #0f0d13;
+$neutral40--resolved: #605d64;
+$neutral50--resolved: #79767d;
+$neutral6--resolved: #141218;
+$neutral60--resolved: #938f96;
+$neutral70--resolved: #aea9b1;
+$neutral80--resolved: #cac5cd;
+$neutral87--resolved: #ded8e1;
+$neutral90--resolved: #e6e0e9;
+$neutral92--resolved: #ece6f0;
+$neutral94--resolved: #f3edf7;
+$neutral95--resolved: #f5eff7;
+$neutral96--resolved: #f7f2fa;
+$neutral98--resolved: #fef7ff;
+$neutral99--resolved: #fffbff;
+$orange0--resolved: #000;
+$orange10--resolved: #321200;
+$orange100--resolved: #fff;
+$orange20--resolved: #522302;
+$orange30--resolved: #753403;
+$orange40--resolved: #9a4600;
+$orange50--resolved: #c05a01;
+$orange60--resolved: #e86e00;
+$orange70--resolved: #ff8d41;
+$orange80--resolved: #ffb683;
+$orange90--resolved: #ffdcc3;
+$orange95--resolved: #ffede1;
+$orange98--resolved: #fff8f4;
+$pink0--resolved: #000;
+$pink10--resolved: #3d0023;
+$pink100--resolved: #fff;
+$pink20--resolved: #620438;
+$pink30--resolved: #8d0053;
+$pink40--resolved: #b60d6e;
+$pink50--resolved: #dc258d;
+$pink60--resolved: #f94aab;
+$pink70--resolved: #ff7dd2;
+$pink80--resolved: #ffaee4;
+$pink90--resolved: #ffd8ef;
+$pink95--resolved: #ffecf6;
+$pink98--resolved: #fff7fc;
+$primary0--resolved: #000;
+$primary10--resolved: #21005d;
+$primary100--resolved: #fff;
+$primary20--resolved: #381e72;
+$primary30--resolved: #4f378b;
+$primary40--resolved: #6750a4;
+$primary50--resolved: #7f67be;
+$primary60--resolved: #9a82db;
+$primary70--resolved: #b69df8;
+$primary80--resolved: #d0bcff;
+$primary90--resolved: #eaddff;
+$primary95--resolved: #f6edff;
+$primary98--resolved: #fef7ff;
+$primary99--resolved: #fffbfe;
+$purple0--resolved: #000;
+$purple10--resolved: #280255;
+$purple100--resolved: #fff;
+$purple20--resolved: #400b84;
+$purple30--resolved: #5629a4;
+$purple40--resolved: #7438d2;
+$purple50--resolved: #9254ea;
+$purple60--resolved: #ad72ff;
+$purple70--resolved: #c597ff;
+$purple80--resolved: #d9bafd;
+$purple90--resolved: #eedcfe;
+$purple95--resolved: #f7ecfe;
+$purple98--resolved: #fdf8ff;
+$red0--resolved: #000;
+$red10--resolved: #3a0907;
+$red100--resolved: #fff;
+$red20--resolved: #60150f;
+$red30--resolved: #8a1a16;
+$red40--resolved: #b3251e;
+$red50--resolved: #db372d;
+$red60--resolved: #f55e57;
+$red70--resolved: #ff8983;
+$red80--resolved: #ffb3ae;
+$red90--resolved: #ffdadc;
+$red95--resolved: #ffecee;
+$red98--resolved: #fff8f8;
+$secondary0--resolved: #000;
+$secondary10--resolved: #1d192b;
+$secondary100--resolved: #fff;
+$secondary20--resolved: #332d41;
+$secondary30--resolved: #4a4458;
+$secondary40--resolved: #625b71;
+$secondary50--resolved: #7a7289;
+$secondary60--resolved: #958da5;
+$secondary70--resolved: #b0a7c0;
+$secondary80--resolved: #ccc2dc;
+$secondary90--resolved: #e8def8;
+$secondary95--resolved: #f6edff;
+$secondary98--resolved: #fef7ff;
+$secondary99--resolved: #fffbfe;
+$tertiary0--resolved: #000;
+$tertiary10--resolved: #31111d;
+$tertiary100--resolved: #fff;
+$tertiary20--resolved: #492532;
+$tertiary30--resolved: #633b48;
+$tertiary40--resolved: #7d5260;
+$tertiary50--resolved: #986977;
+$tertiary60--resolved: #b58392;
+$tertiary70--resolved: #d29dac;
+$tertiary80--resolved: #efb8c8;
+$tertiary90--resolved: #ffd8e4;
+$tertiary95--resolved: #ffecf1;
+$tertiary98--resolved: #fff8f8;
+$tertiary99--resolved: #fffbfa;
+$white--resolved: #fff;
+$yellow0--resolved: #000;
+$yellow10--resolved: #2f1400;
+$yellow100--resolved: #fff;
+$yellow20--resolved: #4d2600;
+$yellow30--resolved: #6d3a01;
+$yellow40--resolved: #8f4e06;
+$yellow50--resolved: #b16300;
+$yellow60--resolved: #d37b00;
+$yellow70--resolved: #ef9800;
+$yellow80--resolved: #fcbd00;
+$yellow90--resolved: #ffe07c;
+$yellow95--resolved: #fff2b4;
+$yellow98--resolved: #fffade;