@material/web 2.4.1 → 2.4.2-nightly.082faad.0

package/tokens/versions/v30_0/sass/_md-sys-motion.scss

@@ -0,0 +1,107 @@
+//
+// 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: sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 30.0.14
+// Configured context tags:
+//   audience: 3p
+//   font: static
+//   platform: web
+// Output format: sass_vars
+
+/// md.sys.motion.duration.extra-long1 (Duration)
+$duration-extra-long1: 700ms;
+/// md.sys.motion.duration.extra-long2 (Duration)
+$duration-extra-long2: 800ms;
+/// md.sys.motion.duration.extra-long3 (Duration)
+$duration-extra-long3: 900ms;
+/// md.sys.motion.duration.extra-long4 (Duration)
+$duration-extra-long4: 1000ms;
+/// md.sys.motion.duration.long1 (Duration)
+$duration-long1: 450ms;
+/// md.sys.motion.duration.long2 (Duration)
+$duration-long2: 500ms;
+/// md.sys.motion.duration.long3 (Duration)
+$duration-long3: 550ms;
+/// md.sys.motion.duration.long4 (Duration)
+$duration-long4: 600ms;
+/// md.sys.motion.duration.medium1 (Duration)
+$duration-medium1: 250ms;
+/// md.sys.motion.duration.medium2 (Duration)
+$duration-medium2: 300ms;
+/// md.sys.motion.duration.medium3 (Duration)
+$duration-medium3: 350ms;
+/// md.sys.motion.duration.medium4 (Duration)
+$duration-medium4: 400ms;
+/// md.sys.motion.duration.short1 (Duration)
+$duration-short1: 50ms;
+/// md.sys.motion.duration.short2 (Duration)
+$duration-short2: 100ms;
+/// md.sys.motion.duration.short3 (Duration)
+$duration-short3: 150ms;
+/// md.sys.motion.duration.short4 (Duration)
+$duration-short4: 200ms;
+/// md.sys.motion.easing.emphasized.accelerate (Easing)
+$easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
+/// md.sys.motion.easing.emphasized.decelerate (Easing)
+$easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
+/// md.sys.motion.easing.legacy (Easing)
+$easing-legacy: cubic-bezier(0.4, 0, 0.2, 1);
+/// md.sys.motion.easing.legacy.accelerate (Easing)
+$easing-legacy-accelerate: cubic-bezier(0.4, 0, 1, 1);
+/// md.sys.motion.easing.legacy.decelerate (Easing)
+$easing-legacy-decelerate: cubic-bezier(0, 0, 0.2, 1);
+/// md.sys.motion.easing.linear (Easing)
+$easing-linear: cubic-bezier(0, 0, 1, 1);
+/// md.sys.motion.easing.standard (Easing)
+$easing-standard: cubic-bezier(0.2, 0, 0, 1);
+/// md.sys.motion.easing.standard.accelerate (Easing)
+$easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
+/// md.sys.motion.easing.standard.decelerate (Easing)
+$easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
+/// md.sys.motion.path (Style)
+$path: /* Type "motion_path" is not supported. */ null;
+/// md.sys.motion.spring.default.effects
+$spring-default-effects: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.default.effects.damping (Spring)
+$spring-default-effects-damping: 1;
+/// md.sys.motion.spring.default.effects.stiffness (Spring)
+$spring-default-effects-stiffness: 1600;
+/// md.sys.motion.spring.default.spatial
+$spring-default-spatial: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.default.spatial.damping (Spring)
+$spring-default-spatial-damping: 0.9;
+/// md.sys.motion.spring.default.spatial.stiffness (Spring)
+$spring-default-spatial-stiffness: 700;
+/// md.sys.motion.spring.fast.effects
+$spring-fast-effects: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.fast.effects.damping (Spring)
+$spring-fast-effects-damping: 1;
+/// md.sys.motion.spring.fast.effects.stiffness (Spring)
+$spring-fast-effects-stiffness: 3800;
+/// md.sys.motion.spring.fast.spatial
+$spring-fast-spatial: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.fast.spatial.damping (Spring)
+$spring-fast-spatial-damping: 0.9;
+/// md.sys.motion.spring.fast.spatial.stiffness (Spring)
+$spring-fast-spatial-stiffness: 1400;
+/// md.sys.motion.spring.slow.effects
+$spring-slow-effects: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.slow.effects.damping (Spring)
+$spring-slow-effects-damping: 1;
+/// md.sys.motion.spring.slow.effects.stiffness (Spring)
+$spring-slow-effects-stiffness: 800;
+/// md.sys.motion.spring.slow.spatial
+$spring-slow-spatial: /* Type "custom_composite" is not supported. */ null;
+/// md.sys.motion.spring.slow.spatial.damping (Spring)
+$spring-slow-spatial-damping: 0.9;
+/// md.sys.motion.spring.slow.spatial.stiffness (Spring)
+$spring-slow-spatial-stiffness: 300;
+/// md.sys.motion.easing.emphasized (Easing)
+$easing-emphasized: $easing-standard;

package/tokens/versions/v30_0/sass/_md-sys-shape.scss

@@ -0,0 +1,67 @@
+//
+// 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: sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 30.0.14
+// Configured context tags:
+//   audience: 3p
+//   font: static
+//   platform: web
+// Output format: sass_vars
+
+/// md.sys.shape.corner-value.extra-extra-large
+$corner-value-extra-extra-large: 48px;
+/// md.sys.shape.corner-value.extra-large
+$corner-value-extra-large: 28px;
+/// md.sys.shape.corner-value.extra-large-increased
+$corner-value-extra-large-increased: 32px;
+/// md.sys.shape.corner-value.extra-small
+$corner-value-extra-small: 4px;
+/// md.sys.shape.corner-value.large
+$corner-value-large: 16px;
+/// md.sys.shape.corner-value.large-increased
+$corner-value-large-increased: 20px;
+/// md.sys.shape.corner-value.medium
+$corner-value-medium: 12px;
+/// md.sys.shape.corner-value.none
+$corner-value-none: 0px;
+/// md.sys.shape.corner-value.small
+$corner-value-small: 8px;
+/// md.sys.shape.corner.extra-extra-large
+$corner-extra-extra-large: 48px;
+/// md.sys.shape.corner.extra-large
+$corner-extra-large: 28px;
+/// md.sys.shape.corner.extra-large-increased
+$corner-extra-large-increased: 32px;
+/// md.sys.shape.corner.extra-large.top
+$corner-extra-large-top: 28px 28px 0px 0px;
+/// md.sys.shape.corner.extra-small
+$corner-extra-small: 4px;
+/// md.sys.shape.corner.extra-small.top
+$corner-extra-small-top: 4px 4px 0px 0px;
+/// md.sys.shape.corner.full
+///
+/// Use for: Badge, Buttons, Icon buttons, Sliders, Switches, Search bar
+$corner-full: 9999px;
+/// md.sys.shape.corner.large
+$corner-large: 16px;
+/// md.sys.shape.corner.large-increased
+$corner-large-increased: 20px;
+/// md.sys.shape.corner.large.end
+$corner-large-end: 0px 16px 16px 0px;
+/// md.sys.shape.corner.large.start
+$corner-large-start: 16px 0px 0px 16px;
+/// md.sys.shape.corner.large.top
+$corner-large-top: 16px 16px 0px 0px;
+/// md.sys.shape.corner.medium
+$corner-medium: 12px;
+/// md.sys.shape.corner.none
+$corner-none: 0px;
+/// md.sys.shape.corner.small
+$corner-small: 8px;

package/tokens/versions/v30_0/sass/_md-sys-state-focus-indicator.scss

@@ -0,0 +1,23 @@
+//
+// 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: sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 30.0.14
+// Configured context tags:
+//   audience: 3p
+//   font: static
+//   platform: web
+// Output format: sass_vars
+
+/// md.sys.state.focus-indicator.inner-offset
+$inner-offset: -3px;
+/// md.sys.state.focus-indicator.outer-offset
+$outer-offset: 2px;
+/// md.sys.state.focus-indicator.thickness
+$thickness: 3px;

package/tokens/versions/v30_0/sass/_md-sys-state.scss

@@ -0,0 +1,27 @@
+//
+// 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: sassvars/contextualtokenset.scss.tmpl
+
+// Design system: Google Material 3
+// Version: 30.0.14
+// Configured context tags:
+//   audience: 3p
+//   font: static
+//   platform: web
+// Output format: sass_vars
+
+/// md.sys.state.disabled.state-layer-opacity
+$disabled-state-layer-opacity: 0.38;
+/// md.sys.state.dragged.state-layer-opacity
+$dragged-state-layer-opacity: 0.16;
+/// md.sys.state.focus.state-layer-opacity
+$focus-state-layer-opacity: 0.1;
+/// md.sys.state.hover.state-layer-opacity
+$hover-state-layer-opacity: 0.08;
+/// md.sys.state.pressed.state-layer-opacity
+$pressed-state-layer-opacity: 0.1;