@material/web 2.4.2-nightly.a589695.0 → 2.4.2-nightly.b4af72e.0

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((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
+    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) {
+        const unadopted = stylesheets.filter((stylesheet) => !node.adoptedStyleSheets.includes(stylesheet));
+        if (!unadopted.length) {
+            // All styles are already adopted.
+            return true;
+        }
+        node.adoptedStyleSheets = Array.from(new Set([...node.adoptedStyleSheets, ...unadopted]));
+        return true;
+    }
+    return false;
+}
+//# 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,CAAC,EAAE,EAAE,CACpD,CAAC,YAAY,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAW,CAC/C,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,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAClC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAC9D,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;YACtB,kCAAkC;YAClC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAClC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,SAAS,CAAC,CAAC,CACpD,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {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((s) =>\n    s instanceof CSSStyleSheet ? s : s.styleSheet!,\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    const unadopted = stylesheets.filter(\n      (stylesheet) => !node.adoptedStyleSheets.includes(stylesheet),\n    );\n    if (!unadopted.length) {\n      // All styles are already adopted.\n      return true;\n    }\n    node.adoptedStyleSheets = Array.from(\n      new Set([...node.adoptedStyleSheets, ...unadopted]),\n    );\n    return true;\n  }\n  return false;\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,:host(.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,yBAEE,oBACA,mBACA,qBACA,gBACA,2BACA,0BACA,eACA,8BACA,8BACA,8BACA,gCACA,wBACE,4GAIF","file":"md-icon.css"}

package/labs/gb/styles/icon/md-icon.cssresult.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// Generated stylesheet for ./labs/gb/styles/icon/md-icon.css.
+import { css } from 'lit';
+export const styles = css `/*!
+ * 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,:host(.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}}
+`;
+export default styles.styleSheet;
+//# sourceMappingURL=md-icon.cssresult.js.map

package/labs/gb/styles/icon/md-icon.cssresult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-icon.cssresult.js","sourceRoot":"","sources":["md-icon.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,8DAA8D;AAC9D,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/icon/md-icon.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@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,:host(.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}}\n`;\nexport default styles.styleSheet!;\n"]}

package/labs/gb/styles/icon/md-icon.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { type CSSResultOrNative } from 'lit';
+import { Icon as IconBase } from '../../../../icon/internal/icon.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        /** A Material Design icon component. */
+        'md-gb-icon': Icon;
+    }
+}
+/**
+ * A Material Design icon component.
+ */
+export declare class Icon extends IconBase {
+    static styles: CSSResultOrNative[];
+    connectedCallback(): void;
+}

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

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { Icon as IconBase } from '../../../../icon/internal/icon.js';
+import { adoptStyles } from '../adopt-styles.js';
+import iconStyles from './md-icon.css' with { type: 'css' }; // github-only
+/**
+ * A Material Design icon component.
+ */
+let Icon = class Icon extends IconBase {
+    connectedCallback() {
+        super.connectedCallback();
+        // Adopt stylesheet to ensure global CSS @property variables are registered.
+        adoptStyles(this, iconStyles);
+        this.classList.add('md-icon');
+    }
+};
+Icon.styles = [iconStyles];
+Icon = __decorate([
+    customElement('md-gb-icon')
+], Icon);
+export { Icon };
+//# sourceMappingURL=md-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"md-icon.js","sourceRoot":"","sources":["md-icon.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAGH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAC,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAE/C,OAAO,UAAU,MAAM,eAAe,CAAC,OAAM,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,cAAc;AAUzE;;GAEG;AAEI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,QAAQ;IAGvB,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,4EAA4E;QAC5E,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAC9B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;;AAPe,WAAM,GAAwB,CAAC,UAAU,CAAC,AAApC,CAAqC;AADhD,IAAI;IADhB,aAAa,CAAC,YAAY,CAAC;GACf,IAAI,CAShB","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {type CSSResultOrNative} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport {Icon as IconBase} from '../../../../icon/internal/icon.js';\nimport {adoptStyles} from '../adopt-styles.js';\n\nimport iconStyles from './md-icon.css' with {type: 'css'}; // github-only\n// import iconStyles from './md-icon.cssresult.js'; // google3-only\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    /** A Material Design icon component. */\n    'md-gb-icon': Icon;\n  }\n}\n\n/**\n * A Material Design icon component.\n */\n@customElement('md-gb-icon')\nexport class Icon extends IconBase {\n  static override styles: CSSResultOrNative[] = [iconStyles];\n\n  override connectedCallback() {\n    super.connectedCallback();\n    // Adopt stylesheet to ensure global CSS @property variables are registered.\n    adoptStyles(this, iconStyles);\n    this.classList.add('md-icon');\n  }\n}\n"]}

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

@@ -0,0 +1,63 @@
+/*!
+ * 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,
+  :host(.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;
+  }
+}