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

package/labs/gb/components/ripple/ripple.scss

@@ -0,0 +1,103 @@
+/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+@layer md.sys;
+@layer md.comp.ripple {
+  @property --ripple-scale {
+    syntax: '<percentage>';
+    inherits: false;
+    initial-value: 0%;
+  }
+  @property --ripple-hover-opacity {
+    syntax: '<percentage>';
+    inherits: false;
+    initial-value: 0%;
+  }
+  @property --ripple-press-opacity {
+    syntax: '<percentage>';
+    inherits: false;
+    initial-value: 0%;
+  }
+  @property --ripple-x {
+    syntax: '<percentage>';
+    inherits: false;
+    initial-value: 50%;
+  }
+  @property --ripple-y {
+    syntax: '<percentage>';
+    inherits: false;
+    initial-value: 50%;
+  }
+
+  .ripple {
+    --ripple-color: currentColor;
+    --ripple-press-transition: --ripple-press-opacity 375ms linear;
+    --ripple-transition: --ripple-hover-opacity 15ms linear,
+      var(--ripple-press-transition);
+    --ripple-animation: ripple-release 375ms linear;
+    --ripple: radial-gradient(
+        hsl(from var(--ripple-color) h s l / var(--ripple-hover-opacity))
+      ),
+      radial-gradient(
+        circle at var(--ripple-x) var(--ripple-y),
+        hsl(from var(--ripple-color) h s l / var(--ripple-press-opacity))
+          var(--ripple-scale),
+        transparent calc(var(--ripple-scale) * 1.35)
+      );
+
+    background-image: var(--ripple);
+    transition: var(--ripple-transition);
+    animation: var(--ripple-animation), var(--focus-ring-animation, none);
+
+    // Ripples support the following DOM use cases:
+    // 1. `.ripple` and interactive element are the same.
+    // 2. `.ripple` is a parent of a child interactive `.ripple-target`.
+    // 3. `.ripple` is a child of a parent interactive `.ripple-target`.
+    // 4. `.ripple.ripple-host` is a within an interactive shadow DOM host.
+    //
+    // Pseudo class emulation is only needed for the `.ripple` element, not for
+    // the target or host elements.
+
+    &:is(:hover, .hover),
+    &:has(.ripple-target:hover),
+    .ripple-target:hover &,
+    :host(:hover) &.ripple-host {
+      --ripple-hover-opacity: 8%;
+    }
+
+    &:is(:active, .active),
+    &:has(.ripple-target:active),
+    .ripple-target:active &,
+    :host(:active) &.ripple-host {
+      --ripple-press-opacity: 10%;
+      --ripple-press-transition: --ripple-press-opacity 100ms linear;
+      --ripple-animation: ripple-press forwards 450ms cubic-bezier(0.2, 0, 0, 1);
+    }
+
+    &:is(:disabled, .disabled) {
+      --ripple: none;
+    }
+  }
+
+  @keyframes ripple-press {
+    from {
+      --ripple-scale: 20%;
+    }
+    to {
+      --ripple-scale: 100%;
+      --ripple-x: 50%;
+      --ripple-y: 50%;
+    }
+  }
+
+  @keyframes ripple-release {
+    from {
+      --ripple-scale: 100%;
+    }
+    to {
+      --ripple-scale: 100%;
+    }
+  }
+}

package/labs/gb/components/shared/pseudo-classes.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Cross-component classes for emulating pseudo-classes.
+ *
+ * All components that style with psuedo-classes for their DOM structure also
+ * support emulating these states.
+ *
+ * @example
+ * ```html
+ * <button class="ripple active">Pressed ripple</button>
+ * ```
+ */
+export declare const PSEUDO_CLASSES: {
+    active: string;
+    checked: string;
+    disabled: string;
+    focus: string;
+    focusVisible: string;
+    hover: string;
+    indeterminate: string;
+    invalid: string;
+};

package/labs/gb/components/shared/pseudo-classes.js

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Cross-component classes for emulating pseudo-classes.
+ *
+ * All components that style with psuedo-classes for their DOM structure also
+ * support emulating these states.
+ *
+ * @example
+ * ```html
+ * <button class="ripple active">Pressed ripple</button>
+ * ```
+ */
+export const PSEUDO_CLASSES = {
+    active: 'active',
+    checked: 'checked',
+    disabled: 'disabled',
+    focus: 'focus',
+    focusVisible: 'focus-visible',
+    hover: 'hover',
+    indeterminate: 'indeterminate',
+    invalid: 'invalid',
+};
+//# sourceMappingURL=pseudo-classes.js.map

package/labs/gb/components/shared/pseudo-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pseudo-classes.js","sourceRoot":"","sources":["pseudo-classes.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,OAAO,EAAE,SAAS;CACnB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * Cross-component classes for emulating pseudo-classes.\n *\n * All components that style with psuedo-classes for their DOM structure also\n * support emulating these states.\n *\n * @example\n * ```html\n * <button class=\"ripple active\">Pressed ripple</button>\n * ```\n */\nexport const PSEUDO_CLASSES = {\n  active: 'active',\n  checked: 'checked',\n  disabled: 'disabled',\n  focus: 'focus',\n  focusVisible: 'focus-visible',\n  hover: 'hover',\n  indeterminate: 'indeterminate',\n  invalid: 'invalid',\n};\n"]}

package/labs/gb/styles/adopt-styles.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { type CSSResultOrNative } from 'lit';
+/**
+ * Owner types that can adopt stylesheets using `adoptStyles()`.
+ */
+export type AdoptStylesOwner = DocumentOrShadowRoot | Element;
+/**
+ * Adopts the given stylesheets to the provided document or shadow root owner.
+ *
+ * @example
+ * ```ts
+ * import globalStylesheet from './stylesheet.css' with {type: 'css'};
+ *
+ * adoptStyles(document, globalStylesheet);
+ * ```
+ *
+ * If an element is provided, the styles are adopted to the element's owner
+ * document. If the element is within a shadow root, the styles are also adopted
+ * to the host shadow root.
+ *
+ * @example
+ * ```ts
+ * import hostClasses from './stylesheet.css' with {type: 'css'};
+ *
+ * class LightDomElement extends HTMLElement {
+ *   connectedCallback() {
+ *     adoptStyles(this, hostClasses);
+ *     this.classList.add('host-class');
+ *   }
+ * }
+ * ```
+ *
+ * @param owner The owner document, shadow root, or element to adopt the
+ *     styles to.
+ * @param styles The styles to adopt.
+ */
+export declare function adoptStyles(owner: AdoptStylesOwner | null | undefined, styles: CSSResultOrNative | CSSResultOrNative[]): void;

package/labs/gb/styles/adopt-styles.js

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Adopts the given stylesheets to the provided document or shadow root owner.
+ *
+ * @example
+ * ```ts
+ * import globalStylesheet from './stylesheet.css' with {type: 'css'};
+ *
+ * adoptStyles(document, globalStylesheet);
+ * ```
+ *
+ * If an element is provided, the styles are adopted to the element's owner
+ * document. If the element is within a shadow root, the styles are also adopted
+ * to the host shadow root.
+ *
+ * @example
+ * ```ts
+ * import hostClasses from './stylesheet.css' with {type: 'css'};
+ *
+ * class LightDomElement extends HTMLElement {
+ *   connectedCallback() {
+ *     adoptStyles(this, hostClasses);
+ *     this.classList.add('host-class');
+ *   }
+ * }
+ * ```
+ *
+ * @param owner The owner document, shadow root, or element to adopt the
+ *     styles to.
+ * @param styles The styles to adopt.
+ */
+export function adoptStyles(owner, styles) {
+    if (!owner)
+        return;
+    styles = Array.isArray(styles) ? styles : [styles];
+    const stylesheets = styles.map((cssResultOrNative) => isCSSResult(cssResultOrNative)
+        ? cssResultOrNative.styleSheet
+        : cssResultOrNative);
+    if (adopt(owner, stylesheets)) {
+        // Styles adopted directly on the owner document or shadow root.
+        return;
+    }
+    // When provided an element, adopt styles to the element's document and host
+    // shadow root, if present.
+    adopt(owner.ownerDocument, stylesheets);
+    adopt(owner.getRootNode(), stylesheets);
+}
+function adopt(node, stylesheets) {
+    if (node && 'adoptedStyleSheets' in node) {
+        node.adoptedStyleSheets = Array.from(new Set([...node.adoptedStyleSheets, ...stylesheets]));
+        return true;
+    }
+    return false;
+}
+function isCSSResult(style) {
+    return 'styleSheet' in style;
+}
+//# sourceMappingURL=adopt-styles.js.map

package/labs/gb/styles/adopt-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adopt-styles.js","sourceRoot":"","sources":["adopt-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,WAAW,CACzB,KAA0C,EAC1C,MAA+C;IAE/C,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,WAAW,GAAoB,MAAM,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,EAAE,CACpE,WAAW,CAAC,iBAAiB,CAAC;QAC5B,CAAC,CAAC,iBAAiB,CAAC,UAAW;QAC/B,CAAC,CAAC,iBAAiB,CACtB,CAAC;IAEF,IAAI,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC;QAC9B,gEAAgE;QAChE,OAAO;IACT,CAAC;IAED,4EAA4E;IAC5E,2BAA2B;IAC3B,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,WAAW,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,KAAK,CACZ,IAAwC,EACxC,WAA4B;IAE5B,IAAI,IAAI,IAAI,oBAAoB,IAAI,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAClC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,WAAW,CAAC,CAAC,CACtD,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,WAAW,CAAC,KAAwB;IAC3C,OAAO,YAAY,IAAI,KAAK,CAAC;AAC/B,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {type CSSResult, type CSSResultOrNative} from 'lit';\n\n/**\n * Owner types that can adopt stylesheets using `adoptStyles()`.\n */\nexport type AdoptStylesOwner = DocumentOrShadowRoot | Element;\n\n/**\n * Adopts the given stylesheets to the provided document or shadow root owner.\n *\n * @example\n * ```ts\n * import globalStylesheet from './stylesheet.css' with {type: 'css'};\n *\n * adoptStyles(document, globalStylesheet);\n * ```\n *\n * If an element is provided, the styles are adopted to the element's owner\n * document. If the element is within a shadow root, the styles are also adopted\n * to the host shadow root.\n *\n * @example\n * ```ts\n * import hostClasses from './stylesheet.css' with {type: 'css'};\n *\n * class LightDomElement extends HTMLElement {\n *   connectedCallback() {\n *     adoptStyles(this, hostClasses);\n *     this.classList.add('host-class');\n *   }\n * }\n * ```\n *\n * @param owner The owner document, shadow root, or element to adopt the\n *     styles to.\n * @param styles The styles to adopt.\n */\nexport function adoptStyles(\n  owner: AdoptStylesOwner | null | undefined,\n  styles: CSSResultOrNative | CSSResultOrNative[],\n): void {\n  if (!owner) return;\n\n  styles = Array.isArray(styles) ? styles : [styles];\n  const stylesheets: CSSStyleSheet[] = styles.map((cssResultOrNative) =>\n    isCSSResult(cssResultOrNative)\n      ? cssResultOrNative.styleSheet!\n      : cssResultOrNative,\n  );\n\n  if (adopt(owner, stylesheets)) {\n    // Styles adopted directly on the owner document or shadow root.\n    return;\n  }\n\n  // When provided an element, adopt styles to the element's document and host\n  // shadow root, if present.\n  adopt(owner.ownerDocument, stylesheets);\n  adopt(owner.getRootNode(), stylesheets);\n}\n\nfunction adopt(\n  node: DocumentOrShadowRoot | Node | null,\n  stylesheets: CSSStyleSheet[],\n): node is DocumentOrShadowRoot {\n  if (node && 'adoptedStyleSheets' in node) {\n    node.adoptedStyleSheets = Array.from(\n      new Set([...node.adoptedStyleSheets, ...stylesheets]),\n    );\n    return true;\n  }\n  return false;\n}\n\nfunction isCSSResult(style: CSSResultOrNative): style is CSSResult {\n  return 'styleSheet' in style;\n}\n"]}

package/labs/gb/styles/color/internal/_color-tokens.scss

@@ -0,0 +1,95 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start by_regex='(.+) prefix_order=sass:
+@use 'sass:meta';
+@use '../../../../../sass/ext/map_ext';
+@use '../../../../../tokens/versions/latest/sass/md-ref-palette';
+@use '../../../../../tokens/versions/latest/sass/md-sys-color';
+@use '../../../../../tokens/versions/latest/sass/md-sys-color-meta';
+@use '../../../../../tokens/versions/latest/sass/md-sys-color__dark';
+@use '../../../../../tokens/versions/latest/sass/md-sys-color__dark-meta';
+// go/keep-sorted end
+
+@mixin emit-custom-properties(
+  $light-vars: meta.module-variables(md-sys-color),
+  $light-meta: meta.module-variables(md-sys-color-meta),
+  $dark-vars: meta.module-variables(md-sys-color__dark),
+  $dark-meta: meta.module-variables(md-sys-color__dark-meta),
+  $include-palette: false,
+  $palette-vars: meta.module-variables(md-ref-palette),
+) {
+  $color-tokens: (
+    'primary',
+    'on-primary',
+    'primary-container',
+    'on-primary-container',
+    'primary-fixed',
+    'primary-fixed-dim',
+    'on-primary-fixed',
+    'on-primary-fixed-variant',
+    'secondary',
+    'on-secondary',
+    'secondary-container',
+    'on-secondary-container',
+    'secondary-fixed',
+    'secondary-fixed-dim',
+    'on-secondary-fixed',
+    'on-secondary-fixed-variant',
+    'tertiary',
+    'on-tertiary',
+    'tertiary-container',
+    'on-tertiary-container',
+    'tertiary-fixed',
+    'tertiary-fixed-dim',
+    'on-tertiary-fixed',
+    'on-tertiary-fixed-variant',
+    'error',
+    'on-error',
+    'error-container',
+    'on-error-container',
+    'surface',
+    'surface-dim',
+    'surface-bright',
+    'surface-container-lowest',
+    'surface-container-low',
+    'surface-container',
+    'surface-container-high',
+    'surface-container-highest',
+    'on-surface',
+    'on-surface-variant',
+    'outline',
+    'outline-variant',
+    'inverse-surface',
+    'inverse-on-surface',
+    'inverse-primary',
+    'scrim',
+    'shadow',
+  );
+
+  @each $name in $color-tokens {
+    $light: map_ext.get-strict($light-vars, $name);
+    $dark: map_ext.get-strict($dark-vars, $name);
+
+    @if $include-palette {
+      // Change value to reference palette variables.
+      $light: map_ext.get-strict($light-meta, '#{$name}--resolved');
+      $dark: map_ext.get-strict($dark-meta, '#{$name}--resolved');
+    }
+
+    $value: $light;
+    @if $light != $dark {
+      $value: light-dark($light, $dark);
+    }
+
+    --md-sys-color-#{$name}: #{$value};
+  }
+
+  @if $include-palette {
+    @each $name, $value in $palette-vars {
+      --md-ref-palette-#{$name}: #{$value};
+    }
+  }
+}

package/labs/gb/styles/color/md-color-tokens-full.css

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

package/labs/gb/styles/color/md-color-tokens-full.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["md-color-tokens-full.scss","internal/_color-tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GASA,oBACE,MACE,wBC2EA,wwIAKE","file":"md-color-tokens-full.css"}

package/labs/gb/styles/color/md-color-tokens-full.cssresult.js

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

package/labs/gb/styles/color/md-color-tokens-full.cssresult.js.map

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

package/labs/gb/styles/color/md-color-tokens-full.scss

@@ -0,0 +1,17 @@
+/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+// go/keep-sorted start by_regex='(.+) prefix_order=sass:
+@use 'internal/color-tokens';
+// go/keep-sorted end
+
+@layer md.sys.color {
+  :root {
+    color-scheme: light dark;
+    @include color-tokens.emit-custom-properties(
+      $include-palette: true,
+    );
+  }
+}

package/labs/gb/styles/color/md-color-tokens.css

@@ -0,0 +1,4 @@
+/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */@layer md.sys.color{:root{color-scheme:light dark;--md-sys-color-primary: light-dark(#6750a4, #d0bcff);--md-sys-color-on-primary: light-dark(#fff, #381e72);--md-sys-color-primary-container: light-dark(#eaddff, #4f378b);--md-sys-color-on-primary-container: light-dark(#4f378b, #eaddff);--md-sys-color-primary-fixed: #eaddff;--md-sys-color-primary-fixed-dim: #d0bcff;--md-sys-color-on-primary-fixed: #21005d;--md-sys-color-on-primary-fixed-variant: #4f378b;--md-sys-color-secondary: light-dark(#625b71, #ccc2dc);--md-sys-color-on-secondary: light-dark(#fff, #332d41);--md-sys-color-secondary-container: light-dark(#e8def8, #4a4458);--md-sys-color-on-secondary-container: light-dark(#4a4458, #e8def8);--md-sys-color-secondary-fixed: #e8def8;--md-sys-color-secondary-fixed-dim: #ccc2dc;--md-sys-color-on-secondary-fixed: #1d192b;--md-sys-color-on-secondary-fixed-variant: #4a4458;--md-sys-color-tertiary: light-dark(#7d5260, #efb8c8);--md-sys-color-on-tertiary: light-dark(#fff, #492532);--md-sys-color-tertiary-container: light-dark(#ffd8e4, #633b48);--md-sys-color-on-tertiary-container: light-dark(#633b48, #ffd8e4);--md-sys-color-tertiary-fixed: #ffd8e4;--md-sys-color-tertiary-fixed-dim: #efb8c8;--md-sys-color-on-tertiary-fixed: #31111d;--md-sys-color-on-tertiary-fixed-variant: #633b48;--md-sys-color-error: light-dark(#b3261e, #f2b8b5);--md-sys-color-on-error: light-dark(#fff, #601410);--md-sys-color-error-container: light-dark(#f9dedc, #8c1d18);--md-sys-color-on-error-container: light-dark(#8c1d18, #f9dedc);--md-sys-color-surface: light-dark(#fef7ff, #141218);--md-sys-color-surface-dim: light-dark(#ded8e1, #141218);--md-sys-color-surface-bright: light-dark(#fef7ff, #3b383e);--md-sys-color-surface-container-lowest: light-dark(#fff, #0f0d13);--md-sys-color-surface-container-low: light-dark(#f7f2fa, #1d1b20);--md-sys-color-surface-container: light-dark(#f3edf7, #211f26);--md-sys-color-surface-container-high: light-dark(#ece6f0, #2b2930);--md-sys-color-surface-container-highest: light-dark(#e6e0e9, #36343b);--md-sys-color-on-surface: light-dark(#1d1b20, #e6e0e9);--md-sys-color-on-surface-variant: light-dark(#49454f, #cac4d0);--md-sys-color-outline: light-dark(#79747e, #938f99);--md-sys-color-outline-variant: light-dark(#cac4d0, #49454f);--md-sys-color-inverse-surface: light-dark(#322f35, #e6e0e9);--md-sys-color-inverse-on-surface: light-dark(#f5eff7, #322f35);--md-sys-color-inverse-primary: light-dark(#d0bcff, #6750a4);--md-sys-color-scrim: #000;--md-sys-color-shadow: #000}}/*# sourceMappingURL=md-color-tokens.css.map */

package/labs/gb/styles/color/md-color-tokens.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["md-color-tokens.scss","internal/_color-tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GASA,oBACE,MACE,wBC2EA","file":"md-color-tokens.css"}

package/labs/gb/styles/color/md-color-tokens.cssresult.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// Generated stylesheet for ./labs/gb/styles/color/md-color-tokens.css.
+import { css } from 'lit';
+export const styles = css `/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */@layer md.sys.color{:root{color-scheme:light dark;--md-sys-color-primary: light-dark(#6750a4, #d0bcff);--md-sys-color-on-primary: light-dark(#fff, #381e72);--md-sys-color-primary-container: light-dark(#eaddff, #4f378b);--md-sys-color-on-primary-container: light-dark(#4f378b, #eaddff);--md-sys-color-primary-fixed: #eaddff;--md-sys-color-primary-fixed-dim: #d0bcff;--md-sys-color-on-primary-fixed: #21005d;--md-sys-color-on-primary-fixed-variant: #4f378b;--md-sys-color-secondary: light-dark(#625b71, #ccc2dc);--md-sys-color-on-secondary: light-dark(#fff, #332d41);--md-sys-color-secondary-container: light-dark(#e8def8, #4a4458);--md-sys-color-on-secondary-container: light-dark(#4a4458, #e8def8);--md-sys-color-secondary-fixed: #e8def8;--md-sys-color-secondary-fixed-dim: #ccc2dc;--md-sys-color-on-secondary-fixed: #1d192b;--md-sys-color-on-secondary-fixed-variant: #4a4458;--md-sys-color-tertiary: light-dark(#7d5260, #efb8c8);--md-sys-color-on-tertiary: light-dark(#fff, #492532);--md-sys-color-tertiary-container: light-dark(#ffd8e4, #633b48);--md-sys-color-on-tertiary-container: light-dark(#633b48, #ffd8e4);--md-sys-color-tertiary-fixed: #ffd8e4;--md-sys-color-tertiary-fixed-dim: #efb8c8;--md-sys-color-on-tertiary-fixed: #31111d;--md-sys-color-on-tertiary-fixed-variant: #633b48;--md-sys-color-error: light-dark(#b3261e, #f2b8b5);--md-sys-color-on-error: light-dark(#fff, #601410);--md-sys-color-error-container: light-dark(#f9dedc, #8c1d18);--md-sys-color-on-error-container: light-dark(#8c1d18, #f9dedc);--md-sys-color-surface: light-dark(#fef7ff, #141218);--md-sys-color-surface-dim: light-dark(#ded8e1, #141218);--md-sys-color-surface-bright: light-dark(#fef7ff, #3b383e);--md-sys-color-surface-container-lowest: light-dark(#fff, #0f0d13);--md-sys-color-surface-container-low: light-dark(#f7f2fa, #1d1b20);--md-sys-color-surface-container: light-dark(#f3edf7, #211f26);--md-sys-color-surface-container-high: light-dark(#ece6f0, #2b2930);--md-sys-color-surface-container-highest: light-dark(#e6e0e9, #36343b);--md-sys-color-on-surface: light-dark(#1d1b20, #e6e0e9);--md-sys-color-on-surface-variant: light-dark(#49454f, #cac4d0);--md-sys-color-outline: light-dark(#79747e, #938f99);--md-sys-color-outline-variant: light-dark(#cac4d0, #49454f);--md-sys-color-inverse-surface: light-dark(#322f35, #e6e0e9);--md-sys-color-inverse-on-surface: light-dark(#f5eff7, #322f35);--md-sys-color-inverse-primary: light-dark(#d0bcff, #6750a4);--md-sys-color-scrim: #000;--md-sys-color-shadow: #000}}
+`;
+export default styles.styleSheet;
+//# sourceMappingURL=md-color-tokens.cssresult.js.map

package/labs/gb/styles/color/md-color-tokens.cssresult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-color-tokens.cssresult.js","sourceRoot":"","sources":["md-color-tokens.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,uEAAuE;AACvE,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/gb/styles/color/md-color-tokens.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.color{:root{color-scheme:light dark;--md-sys-color-primary: light-dark(#6750a4, #d0bcff);--md-sys-color-on-primary: light-dark(#fff, #381e72);--md-sys-color-primary-container: light-dark(#eaddff, #4f378b);--md-sys-color-on-primary-container: light-dark(#4f378b, #eaddff);--md-sys-color-primary-fixed: #eaddff;--md-sys-color-primary-fixed-dim: #d0bcff;--md-sys-color-on-primary-fixed: #21005d;--md-sys-color-on-primary-fixed-variant: #4f378b;--md-sys-color-secondary: light-dark(#625b71, #ccc2dc);--md-sys-color-on-secondary: light-dark(#fff, #332d41);--md-sys-color-secondary-container: light-dark(#e8def8, #4a4458);--md-sys-color-on-secondary-container: light-dark(#4a4458, #e8def8);--md-sys-color-secondary-fixed: #e8def8;--md-sys-color-secondary-fixed-dim: #ccc2dc;--md-sys-color-on-secondary-fixed: #1d192b;--md-sys-color-on-secondary-fixed-variant: #4a4458;--md-sys-color-tertiary: light-dark(#7d5260, #efb8c8);--md-sys-color-on-tertiary: light-dark(#fff, #492532);--md-sys-color-tertiary-container: light-dark(#ffd8e4, #633b48);--md-sys-color-on-tertiary-container: light-dark(#633b48, #ffd8e4);--md-sys-color-tertiary-fixed: #ffd8e4;--md-sys-color-tertiary-fixed-dim: #efb8c8;--md-sys-color-on-tertiary-fixed: #31111d;--md-sys-color-on-tertiary-fixed-variant: #633b48;--md-sys-color-error: light-dark(#b3261e, #f2b8b5);--md-sys-color-on-error: light-dark(#fff, #601410);--md-sys-color-error-container: light-dark(#f9dedc, #8c1d18);--md-sys-color-on-error-container: light-dark(#8c1d18, #f9dedc);--md-sys-color-surface: light-dark(#fef7ff, #141218);--md-sys-color-surface-dim: light-dark(#ded8e1, #141218);--md-sys-color-surface-bright: light-dark(#fef7ff, #3b383e);--md-sys-color-surface-container-lowest: light-dark(#fff, #0f0d13);--md-sys-color-surface-container-low: light-dark(#f7f2fa, #1d1b20);--md-sys-color-surface-container: light-dark(#f3edf7, #211f26);--md-sys-color-surface-container-high: light-dark(#ece6f0, #2b2930);--md-sys-color-surface-container-highest: light-dark(#e6e0e9, #36343b);--md-sys-color-on-surface: light-dark(#1d1b20, #e6e0e9);--md-sys-color-on-surface-variant: light-dark(#49454f, #cac4d0);--md-sys-color-outline: light-dark(#79747e, #938f99);--md-sys-color-outline-variant: light-dark(#cac4d0, #49454f);--md-sys-color-inverse-surface: light-dark(#322f35, #e6e0e9);--md-sys-color-inverse-on-surface: light-dark(#f5eff7, #322f35);--md-sys-color-inverse-primary: light-dark(#d0bcff, #6750a4);--md-sys-color-scrim: #000;--md-sys-color-shadow: #000}}\n`;\nexport default styles.styleSheet!;\n"]}

package/labs/gb/styles/color/md-color-tokens.scss

@@ -0,0 +1,15 @@
+/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+// go/keep-sorted start by_regex='(.+) prefix_order=sass:
+@use 'internal/color-tokens';
+// go/keep-sorted end
+
+@layer md.sys.color {
+  :root {
+    color-scheme: light dark;
+    @include color-tokens.emit-custom-properties;
+  }
+}

package/labs/gb/styles/elevation/md-elevation-tokens.css

@@ -0,0 +1,4 @@
+/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */@layer md.sys.elevation{:root{--md-sys-elevation-shadow-0: none;--md-sys-elevation-shadow-1: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 1px 3px 1px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-2: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 2px 6px 2px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-3: 0 1px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 4px 8px 3px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-4: 0 2px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 6px 10px 4px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-5: 0 4px 4px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 8px 12px 6px hsl(from var(--md-sys-color-shadow) h s l / 0.15)}}/*# sourceMappingURL=md-elevation-tokens.css.map */

package/labs/gb/styles/elevation/md-elevation-tokens.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["md-elevation-tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAKA,wBACE,MACE,kCACA,2JAGA,2JAGA,2JAGA,4JAGA","file":"md-elevation-tokens.css"}

package/labs/gb/styles/elevation/md-elevation-tokens.cssresult.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// Generated stylesheet for ./labs/gb/styles/elevation/md-elevation-tokens.css.
+import { css } from 'lit';
+export const styles = css `/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */@layer md.sys.elevation{:root{--md-sys-elevation-shadow-0: none;--md-sys-elevation-shadow-1: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 1px 3px 1px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-2: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 2px 6px 2px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-3: 0 1px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 4px 8px 3px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-4: 0 2px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 6px 10px 4px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-5: 0 4px 4px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 8px 12px 6px hsl(from var(--md-sys-color-shadow) h s l / 0.15)}}
+`;
+export default styles.styleSheet;
+//# sourceMappingURL=md-elevation-tokens.cssresult.js.map

package/labs/gb/styles/elevation/md-elevation-tokens.cssresult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-elevation-tokens.cssresult.js","sourceRoot":"","sources":["md-elevation-tokens.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,+EAA+E;AAC/E,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/gb/styles/elevation/md-elevation-tokens.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.elevation{:root{--md-sys-elevation-shadow-0: none;--md-sys-elevation-shadow-1: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 1px 3px 1px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-2: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 2px 6px 2px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-3: 0 1px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 4px 8px 3px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-4: 0 2px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 6px 10px 4px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-5: 0 4px 4px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 8px 12px 6px hsl(from var(--md-sys-color-shadow) h s l / 0.15)}}\n`;\nexport default styles.styleSheet!;\n"]}

package/labs/gb/styles/elevation/md-elevation-tokens.scss

@@ -0,0 +1,25 @@
+/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+@layer md.sys.elevation {
+  :root {
+    --md-sys-elevation-shadow-0: none;
+    --md-sys-elevation-shadow-1:
+      0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3),
+      0 1px 3px 1px hsl(from var(--md-sys-color-shadow) h s l / 0.15);
+    --md-sys-elevation-shadow-2:
+      0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3),
+      0 2px 6px 2px hsl(from var(--md-sys-color-shadow) h s l / 0.15);
+    --md-sys-elevation-shadow-3:
+      0 1px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3),
+      0 4px 8px 3px hsl(from var(--md-sys-color-shadow) h s l / 0.15);
+    --md-sys-elevation-shadow-4:
+      0 2px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3),
+      0 6px 10px 4px hsl(from var(--md-sys-color-shadow) h s l / 0.15);
+    --md-sys-elevation-shadow-5:
+      0 4px 4px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3),
+      0 8px 12px 6px hsl(from var(--md-sys-color-shadow) h s l / 0.15);
+  }
+}

package/labs/gb/styles/icon/md-icon.css

@@ -0,0 +1,4 @@
+/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */@property --md-icon-font{syntax:"<string>#";inherits:true;initial-value:"Material Symbols"}@property --md-icon-color{syntax:"<color>";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:"<length-percentage>";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:"<number>";inherits:true;initial-value:24}@property --md-icon-wght{syntax:"<number>";inherits:true;initial-value:400}@property --md-icon-fill{syntax:"<number>";inherits:true;initial-value:0}@property --md-icon-grad{syntax:"<number>";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon{display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:"opsz" var(--md-icon-opsz),"wght" var(--md-icon-wght),"FILL" var(--md-icon-fill),"GRAD" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}/*# sourceMappingURL=md-icon.css.map */

package/labs/gb/styles/icon/md-icon.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["md-icon.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAKA,yBACE,mBACA,cACA,iCAEF,0BACE,iBACA,cACA,2BAEF,yBACE,6BACA,cACA,mBAEF,yBACE,kBACA,cACA,iBAEF,yBACE,kBACA,cACA,kBAEF,yBACE,kBACA,cACA,gBAEF,yBACE,kBACA,cACA,gBAGF,mBACE,SACE,oBACA,mBACA,qBACA,gBACA,2BACA,0BACA,eACA,8BACA,8BACA,8BACA,gCACA,wBACE,4GAIF","file":"md-icon.css"}