@material/web 2.4.2-nightly.5aab804.0 → 2.4.2-nightly.69624cd.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/button/internal/button.d.ts +0 -4
  2. package/button/internal/button.js.map +1 -1
  3. package/checkbox/internal/checkbox.d.ts +0 -2
  4. package/checkbox/internal/checkbox.js.map +1 -1
  5. package/icon/internal/icon.d.ts +1 -1
  6. package/icon/internal/icon.js +1 -1
  7. package/icon/internal/icon.js.map +1 -1
  8. package/iconbutton/internal/icon-button.d.ts +0 -4
  9. package/iconbutton/internal/icon-button.js.map +1 -1
  10. package/labs/behaviors/form-associated.d.ts +0 -22
  11. package/labs/behaviors/form-associated.js +0 -11
  12. package/labs/behaviors/form-associated.js.map +1 -1
  13. package/labs/gb/styles/icon/md-icon.css +1 -1
  14. package/labs/gb/styles/icon/md-icon.css.map +1 -1
  15. package/labs/gb/styles/icon/md-icon.cssresult.js +1 -1
  16. package/labs/gb/styles/icon/md-icon.cssresult.js.map +1 -1
  17. package/labs/gb/styles/icon/md-icon.d.ts +20 -0
  18. package/labs/gb/styles/icon/md-icon.js +24 -0
  19. package/labs/gb/styles/icon/md-icon.js.map +1 -0
  20. package/labs/gb/styles/icon/md-icon.scss +2 -1
  21. package/labs/gb/styles/m3.css +5 -2
  22. package/labs/gb/styles/m3.css.map +1 -1
  23. package/labs/gb/styles/m3.cssresult.js +5 -2
  24. package/labs/gb/styles/m3.cssresult.js.map +1 -1
  25. package/labs/gb/styles/m3.scss +1 -0
  26. package/labs/gb/styles/space/md-space-tokens.css +4 -0
  27. package/labs/gb/styles/space/md-space-tokens.css.map +1 -0
  28. package/labs/gb/styles/space/md-space-tokens.cssresult.d.ts +3 -0
  29. package/labs/gb/styles/space/md-space-tokens.cssresult.js +14 -0
  30. package/labs/gb/styles/space/md-space-tokens.cssresult.js.map +1 -0
  31. package/labs/gb/styles/space/md-space-tokens.scss +28 -0
  32. package/labs/gb/styles/tailwind.css +4 -0
  33. package/labs/gb/styles/tailwind.css.map +1 -0
  34. package/labs/gb/styles/tailwind.cssresult.d.ts +3 -0
  35. package/labs/gb/styles/tailwind.cssresult.js +14 -0
  36. package/labs/gb/styles/tailwind.cssresult.js.map +1 -0
  37. package/labs/gb/styles/tailwind.scss +244 -0
  38. package/labs/gb/styles/typography/internal/_typography-tokens.scss +85 -16
  39. package/labs/gb/styles/typography/md-typography-tokens.css +1 -1
  40. package/labs/gb/styles/typography/md-typography-tokens.css.map +1 -1
  41. package/labs/gb/styles/typography/md-typography-tokens.cssresult.js +1 -1
  42. package/labs/gb/styles/typography/md-typography-tokens.cssresult.js.map +1 -1
  43. package/package.json +5 -2
  44. package/radio/internal/radio.d.ts +0 -2
  45. package/radio/internal/radio.js.map +1 -1
  46. package/select/internal/select.d.ts +0 -2
  47. package/select/internal/select.js.map +1 -1
  48. package/slider/internal/slider.d.ts +0 -2
  49. package/slider/internal/slider.js.map +1 -1
  50. package/switch/internal/_switch.scss +1 -0
  51. package/switch/internal/switch-styles.css +1 -1
  52. package/switch/internal/switch-styles.css.map +1 -1
  53. package/switch/internal/switch-styles.cssresult.js +1 -1
  54. package/switch/internal/switch-styles.cssresult.js.map +1 -1
  55. package/switch/internal/switch.d.ts +0 -2
  56. package/switch/internal/switch.js.map +1 -1
package/labs/gb/styles/m3.cssresult.js CHANGED
@@ -17,7 +17,7 @@ export const styles = css `/*!
17
17
  */@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)}}/*!
18
18
  * Copyright 2026 Google LLC
19
19
  * SPDX-License-Identifier: Apache-2.0
20
- */@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}}/*!
20
+ */@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}}/*!
21
21
  * Copyright 2026 Google LLC
22
22
  * SPDX-License-Identifier: Apache-2.0
23
23
  */@layer md.sys.motion{:root{--md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}}/*!
@@ -26,7 +26,10 @@ export const styles = css `/*!
26
26
  */@layer md.sys.shape{:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-xs: 4px;--md-sys-shape-corner-sm: 8px;--md-sys-shape-corner-md: 12px;--md-sys-shape-corner-lg: 16px;--md-sys-shape-corner-lg-increased: 20px;--md-sys-shape-corner-xl: 28px;--md-sys-shape-corner-xl-increased: 32px;--md-sys-shape-corner-xxl: 48px;--md-sys-shape-corner-full: 50cqmin}}/*!
27
27
  * Copyright 2026 Google LLC
28
28
  * SPDX-License-Identifier: Apache-2.0
29
- */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem / 1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem / 2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem / 2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem / 2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem / 2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem / 3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem / 4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem}}
29
+ */@layer md.sys.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}/*!
30
+ * Copyright 2026 Google LLC
31
+ * SPDX-License-Identifier: Apache-2.0
32
+ */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-sm-axes: normal;--md-sys-typescale-emphasized-label-sm: var(--md-ref-typeface-weight-bold) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-sm-axes: "ROND" 100;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-md-axes: normal;--md-sys-typescale-emphasized-label-md: var(--md-ref-typeface-weight-bold) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-md-axes: "ROND" 100;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-label-lg-axes: normal;--md-sys-typescale-emphasized-label-lg: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-lg-axes: "ROND" 100;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-sm-axes: normal;--md-sys-typescale-emphasized-body-sm: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-sm-axes: "ROND" 100;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-md-axes: normal;--md-sys-typescale-emphasized-body-md: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-md-axes: "ROND" 100;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-body-lg-axes: normal;--md-sys-typescale-emphasized-body-lg: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-lg-axes: "ROND" 100;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-sm-axes: normal;--md-sys-typescale-emphasized-title-sm: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-sm-axes: "ROND" 100;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-md-axes: normal;--md-sys-typescale-emphasized-title-md: var(--md-ref-typeface-weight-bold) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-md-axes: "ROND" 100;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-title-lg-axes: normal;--md-sys-typescale-emphasized-title-lg: var(--md-ref-typeface-weight-medium) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-lg-axes: "ROND" 100;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-sm-axes: normal;--md-sys-typescale-emphasized-headline-sm: var(--md-ref-typeface-weight-medium) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-sm-axes: "ROND" 100;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-md-axes: normal;--md-sys-typescale-emphasized-headline-md: var(--md-ref-typeface-weight-medium) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-md-axes: "ROND" 100;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-headline-lg-axes: normal;--md-sys-typescale-emphasized-headline-lg: var(--md-ref-typeface-weight-medium) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-lg-axes: "ROND" 100;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-sm-axes: normal;--md-sys-typescale-emphasized-display-sm: var(--md-ref-typeface-weight-medium) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-sm-axes: "ROND" 100;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-md-axes: normal;--md-sys-typescale-emphasized-display-md: var(--md-ref-typeface-weight-medium) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-md-axes: "ROND" 100;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem;--md-sys-typescale-display-lg-axes: normal;--md-sys-typescale-emphasized-display-lg: var(--md-ref-typeface-weight-medium) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-lg-axes: "ROND" 100}}
30
33
  `;
31
34
  export default styles.styleSheet;
32
35
  //# sourceMappingURL=m3.cssresult.js.map
package/labs/gb/styles/m3.cssresult.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"m3.cssresult.js","sourceRoot":"","sources":["m3.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,oDAAoD;AACpD,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBxB,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/m3.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n *//*!\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 * 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 * 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{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 * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.motion{:root{--md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.shape{:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-xs: 4px;--md-sys-shape-corner-sm: 8px;--md-sys-shape-corner-md: 12px;--md-sys-shape-corner-lg: 16px;--md-sys-shape-corner-lg-increased: 20px;--md-sys-shape-corner-xl: 28px;--md-sys-shape-corner-xl-increased: 32px;--md-sys-shape-corner-xxl: 48px;--md-sys-shape-corner-full: 50cqmin}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem / 1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem / 2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem / 2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem / 2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem / 2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem / 3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem / 4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem}}\n`;\nexport default styles.styleSheet!;\n"]}
1
+ {"version":3,"file":"m3.cssresult.js","sourceRoot":"","sources":["m3.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,oDAAoD;AACpD,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBxB,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/m3.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n *//*!\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 * 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 * 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 * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.motion{:root{--md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.shape{:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-xs: 4px;--md-sys-shape-corner-sm: 8px;--md-sys-shape-corner-md: 12px;--md-sys-shape-corner-lg: 16px;--md-sys-shape-corner-lg-increased: 20px;--md-sys-shape-corner-xl: 28px;--md-sys-shape-corner-xl-increased: 32px;--md-sys-shape-corner-xxl: 48px;--md-sys-shape-corner-full: 50cqmin}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-sm-axes: normal;--md-sys-typescale-emphasized-label-sm: var(--md-ref-typeface-weight-bold) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-sm-axes: \"ROND\" 100;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-md-axes: normal;--md-sys-typescale-emphasized-label-md: var(--md-ref-typeface-weight-bold) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-md-axes: \"ROND\" 100;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-label-lg-axes: normal;--md-sys-typescale-emphasized-label-lg: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-lg-axes: \"ROND\" 100;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-sm-axes: normal;--md-sys-typescale-emphasized-body-sm: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-sm-axes: \"ROND\" 100;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-md-axes: normal;--md-sys-typescale-emphasized-body-md: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-md-axes: \"ROND\" 100;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-body-lg-axes: normal;--md-sys-typescale-emphasized-body-lg: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-lg-axes: \"ROND\" 100;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-sm-axes: normal;--md-sys-typescale-emphasized-title-sm: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-sm-axes: \"ROND\" 100;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-md-axes: normal;--md-sys-typescale-emphasized-title-md: var(--md-ref-typeface-weight-bold) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-md-axes: \"ROND\" 100;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-title-lg-axes: normal;--md-sys-typescale-emphasized-title-lg: var(--md-ref-typeface-weight-medium) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-lg-axes: \"ROND\" 100;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-sm-axes: normal;--md-sys-typescale-emphasized-headline-sm: var(--md-ref-typeface-weight-medium) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-sm-axes: \"ROND\" 100;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-md-axes: normal;--md-sys-typescale-emphasized-headline-md: var(--md-ref-typeface-weight-medium) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-md-axes: \"ROND\" 100;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-headline-lg-axes: normal;--md-sys-typescale-emphasized-headline-lg: var(--md-ref-typeface-weight-medium) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-lg-axes: \"ROND\" 100;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-sm-axes: normal;--md-sys-typescale-emphasized-display-sm: var(--md-ref-typeface-weight-medium) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-sm-axes: \"ROND\" 100;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-md-axes: normal;--md-sys-typescale-emphasized-display-md: var(--md-ref-typeface-weight-medium) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-md-axes: \"ROND\" 100;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem;--md-sys-typescale-display-lg-axes: normal;--md-sys-typescale-emphasized-display-lg: var(--md-ref-typeface-weight-medium) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-lg-axes: \"ROND\" 100}}\n`;\nexport default styles.styleSheet!;\n"]}
package/labs/gb/styles/m3.scss CHANGED
@@ -9,5 +9,6 @@
9
9
  @import 'icon/md-icon';
10
10
  @import 'motion/md-motion-tokens-easing';
11
11
  @import 'shape/md-shape-tokens';
12
+ @import 'space/md-space-tokens';
12
13
  @import 'typography/md-typography-tokens';
13
14
  // go/keep-sorted end
package/labs/gb/styles/space/md-space-tokens.css ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Copyright 2026 Google LLC
3
+ * SPDX-License-Identifier: Apache-2.0
4
+ */@layer md.sys.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}/*# sourceMappingURL=md-space-tokens.css.map */
package/labs/gb/styles/space/md-space-tokens.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["md-space-tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAKA,oBACE,MACE,yBACA,qDACA,yDACA,wDACA,yDACA,6CACA,0DACA,yDACA,0DACA,uDACA,yDACA,uDACA,uDACA,yDACA,uDACA,uDACA,uDACA,uDACA","file":"md-space-tokens.css"}
package/labs/gb/styles/space/md-space-tokens.cssresult.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const styles: import("lit").CSSResult;
2
+ declare const _default: CSSStyleSheet;
3
+ export default _default;
package/labs/gb/styles/space/md-space-tokens.cssresult.js ADDED
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2026 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ // Generated stylesheet for ./labs/gb/styles/space/md-space-tokens.css.
7
+ import { css } from 'lit';
8
+ export const styles = css `/*!
9
+ * Copyright 2026 Google LLC
10
+ * SPDX-License-Identifier: Apache-2.0
11
+ */@layer md.sys.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}
12
+ `;
13
+ export default styles.styleSheet;
14
+ //# sourceMappingURL=md-space-tokens.cssresult.js.map
package/labs/gb/styles/space/md-space-tokens.cssresult.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"md-space-tokens.cssresult.js","sourceRoot":"","sources":["md-space-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/space/md-space-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.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}\n`;\nexport default styles.styleSheet!;\n"]}
package/labs/gb/styles/space/md-space-tokens.scss ADDED
@@ -0,0 +1,28 @@
1
+ /*!
2
+ * Copyright 2026 Google LLC
3
+ * SPDX-License-Identifier: Apache-2.0
4
+ */
5
+
6
+ @layer md.sys.space {
7
+ :root {
8
+ --md-sys-space-unit: 8px;
9
+ --md-sys-space-0: calc(var(--md-sys-space-unit) * 0);
10
+ --md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);
11
+ --md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);
12
+ --md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);
13
+ --md-sys-space-100: var(--md-sys-space-unit);
14
+ --md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);
15
+ --md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);
16
+ --md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);
17
+ --md-sys-space-200: calc(var(--md-sys-space-unit) * 2);
18
+ --md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);
19
+ --md-sys-space-300: calc(var(--md-sys-space-unit) * 3);
20
+ --md-sys-space-400: calc(var(--md-sys-space-unit) * 4);
21
+ --md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);
22
+ --md-sys-space-500: calc(var(--md-sys-space-unit) * 5);
23
+ --md-sys-space-600: calc(var(--md-sys-space-unit) * 6);
24
+ --md-sys-space-700: calc(var(--md-sys-space-unit) * 7);
25
+ --md-sys-space-800: calc(var(--md-sys-space-unit) * 8);
26
+ --md-sys-space-900: calc(var(--md-sys-space-unit) * 9);
27
+ }
28
+ }
package/labs/gb/styles/tailwind.css ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Copyright 2026 Google LLC
3
+ * SPDX-License-Identifier: Apache-2.0
4
+ */@layer theme, base, md, components, utilities;@theme inline{--color-*:initial;--color-primary: var(--md-sys-color-primary);--color-on-primary: var(--md-sys-color-on-primary);--color-primary-container: var(--md-sys-color-primary-container);--color-on-primary-container: var(--md-sys-color-on-primary-container);--color-primary-fixed: var(--md-sys-color-primary-fixed);--color-primary-fixed-dim: var(--md-sys-color-primary-fixed-dim);--color-on-primary-fixed: var(--md-sys-color-on-primary-fixed);--color-on-primary-fixed-variant: var( --md-sys-color-on-primary-fixed-variant );--color-secondary: var(--md-sys-color-secondary);--color-on-secondary: var(--md-sys-color-on-secondary);--color-secondary-container: var(--md-sys-color-secondary-container);--color-on-secondary-container: var(--md-sys-color-on-secondary-container);--color-secondary-fixed: var(--md-sys-color-secondary-fixed);--color-secondary-fixed-dim: var(--md-sys-color-secondary-fixed-dim);--color-on-secondary-fixed: var(--md-sys-color-on-secondary-fixed);--color-on-secondary-fixed-variant: var( --md-sys-color-on-secondary-fixed-variant );--color-tertiary: var(--md-sys-color-tertiary);--color-on-tertiary: var(--md-sys-color-on-tertiary);--color-tertiary-container: var(--md-sys-color-tertiary-container);--color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);--color-tertiary-fixed: var(--md-sys-color-tertiary-fixed);--color-tertiary-fixed-dim: var(--md-sys-color-tertiary-fixed-dim);--color-on-tertiary-fixed: var(--md-sys-color-on-tertiary-fixed);--color-on-tertiary-fixed-variant: var( --md-sys-color-on-tertiary-fixed-variant );--color-error: var(--md-sys-color-error);--color-on-error: var(--md-sys-color-on-error);--color-error-container: var(--md-sys-color-error-container);--color-on-error-container: var(--md-sys-color-on-error-container);--color-surface: var(--md-sys-color-surface);--color-surface-dim: var(--md-sys-color-surface-dim);--color-surface-bright: var(--md-sys-color-surface-bright);--color-surface-container-lowest: var( --md-sys-color-surface-container-lowest );--color-surface-container-low: var(--md-sys-color-surface-container-low);--color-surface-container: var(--md-sys-color-surface-container);--color-surface-container-high: var(--md-sys-color-surface-container-high);--color-surface-container-highest: var( --md-sys-color-surface-container-highest );--color-on-surface: var(--md-sys-color-on-surface);--color-on-surface-variant: var(--md-sys-color-on-surface-variant);--color-outline: var(--md-sys-color-outline);--color-outline-variant: var(--md-sys-color-outline-variant);--color-inverse-surface: var(--md-sys-color-inverse-surface);--color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);--color-inverse-primary: var(--md-sys-color-inverse-primary);--color-scrim: var(--md-sys-color-scrim);--color-shadow: var(--md-sys-color-shadow);--font-*:initial;--font-brand: var(--md-ref-typeface-brand);--font-plain: var(--md-ref-typeface-plain);--font-weight-normal: var(--md-ref-typeface-weight-regular);--font-weight-medium: var(--md-ref-typeface-weight-medium);--font-weight-bold: var(--md-ref-typeface-weight-bold);--text-*:initial;--tracking-*:initial;--leading-*:initial;--typescale-label-sm: var(--md-sys-typescale-label-sm);--typescale-label-sm-tracking: var(--md-sys-typescale-label-sm-tracking);--typescale-label-sm-axes: var(--md-sys-typescale-label-sm-axes);--typescale-label-md: var(--md-sys-typescale-label-md);--typescale-label-md-tracking: var(--md-sys-typescale-label-md-tracking);--typescale-label-md-axes: var(--md-sys-typescale-label-md-axes);--typescale-label-lg: var(--md-sys-typescale-label-lg);--typescale-label-lg-tracking: var(--md-sys-typescale-label-lg-tracking);--typescale-label-lg-axes: var(--md-sys-typescale-label-lg-axes);--typescale-body-sm: var(--md-sys-typescale-body-sm);--typescale-body-sm-tracking: var(--md-sys-typescale-body-sm-tracking);--typescale-body-sm-axes: var(--md-sys-typescale-body-sm-axes);--typescale-body-md: var(--md-sys-typescale-body-md);--typescale-body-md-tracking: var(--md-sys-typescale-body-md-tracking);--typescale-body-md-axes: var(--md-sys-typescale-body-md-axes);--typescale-body-lg: var(--md-sys-typescale-body-lg);--typescale-body-lg-tracking: var(--md-sys-typescale-body-lg-tracking);--typescale-body-lg-axes: var(--md-sys-typescale-body-lg-axes);--typescale-title-sm: var(--md-sys-typescale-title-sm);--typescale-title-sm-tracking: var(--md-sys-typescale-title-sm-tracking);--typescale-title-sm-axes: var(--md-sys-typescale-title-sm-axes);--typescale-title-md: var(--md-sys-typescale-title-md);--typescale-title-md-tracking: var(--md-sys-typescale-title-md-tracking);--typescale-title-md-axes: var(--md-sys-typescale-title-md-axes);--typescale-title-lg: var(--md-sys-typescale-title-lg);--typescale-title-lg-tracking: var(--md-sys-typescale-title-lg-tracking);--typescale-title-lg-axes: var(--md-sys-typescale-title-lg-axes);--typescale-headline-sm: var(--md-sys-typescale-headline-sm);--typescale-headline-sm-tracking: var( --md-sys-typescale-headline-sm-tracking );--typescale-headline-sm-axes: var(--md-sys-typescale-headline-sm-axes);--typescale-headline-md: var(--md-sys-typescale-headline-md);--typescale-headline-md-tracking: var( --md-sys-typescale-headline-md-tracking );--typescale-headline-md-axes: var(--md-sys-typescale-headline-md-axes);--typescale-headline-lg: var(--md-sys-typescale-headline-lg);--typescale-headline-lg-tracking: var( --md-sys-typescale-headline-lg-tracking );--typescale-headline-lg-axes: var(--md-sys-typescale-headline-lg-axes);--typescale-display-sm: var(--md-sys-typescale-display-sm);--typescale-display-sm-tracking: var(--md-sys-typescale-display-sm-tracking);--typescale-display-sm-axes: var(--md-sys-typescale-display-sm-axes);--typescale-display-md: var(--md-sys-typescale-display-md);--typescale-display-md-tracking: var(--md-sys-typescale-display-md-tracking);--typescale-display-md-axes: var(--md-sys-typescale-display-md-axes);--typescale-display-lg: var(--md-sys-typescale-display-lg);--typescale-display-lg-tracking: var(--md-sys-typescale-display-lg-tracking);--typescale-display-lg-axes: var(--md-sys-typescale-display-lg-axes);--typescale-emphasized-label-sm: var(--md-sys-typescale-emphasized-label-sm);--typescale-emphasized-label-sm-axes: var( --md-sys-typescale-emphasized-label-sm-axes );--typescale-emphasized-label-md: var(--md-sys-typescale-emphasized-label-md);--typescale-emphasized-label-md-axes: var( --md-sys-typescale-emphasized-label-md-axes );--typescale-emphasized-label-lg: var(--md-sys-typescale-emphasized-label-lg);--typescale-emphasized-label-lg-axes: var( --md-sys-typescale-emphasized-label-lg-axes );--typescale-emphasized-body-sm: var(--md-sys-typescale-emphasized-body-sm);--typescale-emphasized-body-sm-axes: var( --md-sys-typescale-emphasized-body-sm-axes );--typescale-emphasized-body-md: var(--md-sys-typescale-emphasized-body-md);--typescale-emphasized-body-md-axes: var( --md-sys-typescale-emphasized-body-md-axes );--typescale-emphasized-body-lg: var(--md-sys-typescale-emphasized-body-lg);--typescale-emphasized-body-lg-axes: var( --md-sys-typescale-emphasized-body-lg-axes );--typescale-emphasized-title-sm: var(--md-sys-typescale-emphasized-title-sm);--typescale-emphasized-title-sm-axes: var( --md-sys-typescale-emphasized-title-sm-axes );--typescale-emphasized-title-md: var(--md-sys-typescale-emphasized-title-md);--typescale-emphasized-title-md-axes: var( --md-sys-typescale-emphasized-title-md-axes );--typescale-emphasized-title-lg: var(--md-sys-typescale-emphasized-title-lg);--typescale-emphasized-title-lg-axes: var( --md-sys-typescale-emphasized-title-lg-axes );--typescale-emphasized-headline-sm: var( --md-sys-typescale-emphasized-headline-sm );--typescale-emphasized-headline-sm-axes: var( --md-sys-typescale-emphasized-headline-sm-axes );--typescale-emphasized-headline-md: var( --md-sys-typescale-emphasized-headline-md );--typescale-emphasized-headline-md-axes: var( --md-sys-typescale-emphasized-headline-md-axes );--typescale-emphasized-headline-lg: var( --md-sys-typescale-emphasized-headline-lg );--typescale-emphasized-headline-lg-axes: var( --md-sys-typescale-emphasized-headline-lg-axes );--typescale-emphasized-display-sm: var( --md-sys-typescale-emphasized-display-sm );--typescale-emphasized-display-sm-axes: var( --md-sys-typescale-emphasized-display-sm-axes );--typescale-emphasized-display-md: var( --md-sys-typescale-emphasized-display-md );--typescale-emphasized-display-md-axes: var( --md-sys-typescale-emphasized-display-md-axes );--typescale-emphasized-display-lg: var( --md-sys-typescale-emphasized-display-lg );--typescale-emphasized-display-lg-axes: var( --md-sys-typescale-emphasized-display-lg-axes );--radius-xs: var(--md-sys-shape-corner-xs);--radius-sm: var(--md-sys-shape-corner-sm);--radius-md: var(--md-sys-shape-corner-md);--radius-lg: var(--md-sys-shape-corner-lg);--radius-xl: var(--md-sys-shape-corner-lg-increased);--radius-2xl: var(--md-sys-shape-corner-xl);--radius-3xl: var(--md-sys-shape-corner-xl-increased);--radius-4xl: var(--md-sys-shape-corner-xxl);--shadow-2xs: initial;--shadow-xs: var(--md-sys-elevation-shadow-1);--shadow-sm: var(--md-sys-elevation-shadow-2);--shadow-md: var(--md-sys-elevation-shadow-3);--shadow-lg: var(--md-sys-elevation-shadow-4);--shadow-xl: var(--md-sys-elevation-shadow-5);--shadow-2xl: initial;--spacing: var(--md-sys-space-unit);--breakpoint-sm: 600px;--breakpoint-md: 840px;--breakpoint-lg: 1200px;--breakpoint-xl: 1600px;--breakpoint-2xl: initial}@utility typescale-*{font:--value(--typescale-*);letter-spacing:--value(--typescale-*-tracking);font-variation-settings:--value(--typescale-*-axes)}@utility typescale-emphasized-*{font:--value(--typescale-emphasized-*);letter-spacing:--value(--typescale-*-tracking);font-variation-settings:--value(--typescale-emphasized-*-axes)}/*# sourceMappingURL=tailwind.css.map */
package/labs/gb/styles/tailwind.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["tailwind.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAQA,8CACA,cAEE,kBACA,6CACA,mDACA,iEACA,uEACA,yDACA,iEACA,+DACA,iFAGA,iDACA,uDACA,qEACA,2EACA,6DACA,qEACA,mEACA,qFAGA,+CACA,qDACA,mEACA,yEACA,2DACA,mEACA,iEACA,mFAGA,yCACA,+CACA,6DACA,mEACA,6CACA,qDACA,2DACA,iFAGA,yEACA,iEACA,2EACA,mFAGA,mDACA,mEACA,6CACA,6DACA,6DACA,mEACA,6DACA,yCACA,2CAGA,iBACA,2CACA,2CACA,4DACA,2DACA,uDACA,iBACA,qBACA,oBAEA,uDACA,yEACA,iEACA,uDACA,yEACA,iEACA,uDACA,yEACA,iEACA,qDACA,uEACA,+DACA,qDACA,uEACA,+DACA,qDACA,uEACA,+DACA,uDACA,yEACA,iEACA,uDACA,yEACA,iEACA,uDACA,yEACA,iEACA,6DACA,iFAGA,uEACA,6DACA,iFAGA,uEACA,6DACA,iFAGA,uEACA,2DACA,6EACA,qEACA,2DACA,6EACA,qEACA,2DACA,6EACA,qEACA,6EACA,yFAGA,6EACA,yFAGA,6EACA,yFAGA,2EACA,uFAGA,2EACA,uFAGA,2EACA,uFAGA,6EACA,yFAGA,6EACA,yFAGA,6EACA,yFAGA,qFAGA,+FAGA,qFAGA,+FAGA,qFAGA,+FAGA,mFAGA,6FAGA,mFAGA,6FAGA,mFAGA,6FAKA,2CACA,2CACA,2CACA,2CACA,qDACA,4CACA,sDACA,6CAGA,sBACA,8CACA,8CACA,8CACA,8CACA,8CACA,sBAGA,oCAGA,uBACA,uBACA,wBACA,wBACA,0BAIF,qBACE,4BACA,+CACA,oDAEF,gCACE,uCACA,+CACA","file":"tailwind.css"}
package/labs/gb/styles/tailwind.cssresult.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const styles: import("lit").CSSResult;
2
+ declare const _default: CSSStyleSheet;
3
+ export default _default;
package/labs/gb/styles/tailwind.cssresult.js ADDED
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2026 Google LLC
4
+ * SPDX-License-Identifier: Apache-2.0
5
+ */
6
+ // Generated stylesheet for ./labs/gb/styles/tailwind.css.
7
+ import { css } from 'lit';
8
+ export const styles = css `/*!
9
+ * Copyright 2026 Google LLC
10
+ * SPDX-License-Identifier: Apache-2.0
11
+ */@layer theme, base, md, components, utilities;@theme inline{--color-*:initial;--color-primary: var(--md-sys-color-primary);--color-on-primary: var(--md-sys-color-on-primary);--color-primary-container: var(--md-sys-color-primary-container);--color-on-primary-container: var(--md-sys-color-on-primary-container);--color-primary-fixed: var(--md-sys-color-primary-fixed);--color-primary-fixed-dim: var(--md-sys-color-primary-fixed-dim);--color-on-primary-fixed: var(--md-sys-color-on-primary-fixed);--color-on-primary-fixed-variant: var( --md-sys-color-on-primary-fixed-variant );--color-secondary: var(--md-sys-color-secondary);--color-on-secondary: var(--md-sys-color-on-secondary);--color-secondary-container: var(--md-sys-color-secondary-container);--color-on-secondary-container: var(--md-sys-color-on-secondary-container);--color-secondary-fixed: var(--md-sys-color-secondary-fixed);--color-secondary-fixed-dim: var(--md-sys-color-secondary-fixed-dim);--color-on-secondary-fixed: var(--md-sys-color-on-secondary-fixed);--color-on-secondary-fixed-variant: var( --md-sys-color-on-secondary-fixed-variant );--color-tertiary: var(--md-sys-color-tertiary);--color-on-tertiary: var(--md-sys-color-on-tertiary);--color-tertiary-container: var(--md-sys-color-tertiary-container);--color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);--color-tertiary-fixed: var(--md-sys-color-tertiary-fixed);--color-tertiary-fixed-dim: var(--md-sys-color-tertiary-fixed-dim);--color-on-tertiary-fixed: var(--md-sys-color-on-tertiary-fixed);--color-on-tertiary-fixed-variant: var( --md-sys-color-on-tertiary-fixed-variant );--color-error: var(--md-sys-color-error);--color-on-error: var(--md-sys-color-on-error);--color-error-container: var(--md-sys-color-error-container);--color-on-error-container: var(--md-sys-color-on-error-container);--color-surface: var(--md-sys-color-surface);--color-surface-dim: var(--md-sys-color-surface-dim);--color-surface-bright: var(--md-sys-color-surface-bright);--color-surface-container-lowest: var( --md-sys-color-surface-container-lowest );--color-surface-container-low: var(--md-sys-color-surface-container-low);--color-surface-container: var(--md-sys-color-surface-container);--color-surface-container-high: var(--md-sys-color-surface-container-high);--color-surface-container-highest: var( --md-sys-color-surface-container-highest );--color-on-surface: var(--md-sys-color-on-surface);--color-on-surface-variant: var(--md-sys-color-on-surface-variant);--color-outline: var(--md-sys-color-outline);--color-outline-variant: var(--md-sys-color-outline-variant);--color-inverse-surface: var(--md-sys-color-inverse-surface);--color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);--color-inverse-primary: var(--md-sys-color-inverse-primary);--color-scrim: var(--md-sys-color-scrim);--color-shadow: var(--md-sys-color-shadow);--font-*:initial;--font-brand: var(--md-ref-typeface-brand);--font-plain: var(--md-ref-typeface-plain);--font-weight-normal: var(--md-ref-typeface-weight-regular);--font-weight-medium: var(--md-ref-typeface-weight-medium);--font-weight-bold: var(--md-ref-typeface-weight-bold);--text-*:initial;--tracking-*:initial;--leading-*:initial;--typescale-label-sm: var(--md-sys-typescale-label-sm);--typescale-label-sm-tracking: var(--md-sys-typescale-label-sm-tracking);--typescale-label-sm-axes: var(--md-sys-typescale-label-sm-axes);--typescale-label-md: var(--md-sys-typescale-label-md);--typescale-label-md-tracking: var(--md-sys-typescale-label-md-tracking);--typescale-label-md-axes: var(--md-sys-typescale-label-md-axes);--typescale-label-lg: var(--md-sys-typescale-label-lg);--typescale-label-lg-tracking: var(--md-sys-typescale-label-lg-tracking);--typescale-label-lg-axes: var(--md-sys-typescale-label-lg-axes);--typescale-body-sm: var(--md-sys-typescale-body-sm);--typescale-body-sm-tracking: var(--md-sys-typescale-body-sm-tracking);--typescale-body-sm-axes: var(--md-sys-typescale-body-sm-axes);--typescale-body-md: var(--md-sys-typescale-body-md);--typescale-body-md-tracking: var(--md-sys-typescale-body-md-tracking);--typescale-body-md-axes: var(--md-sys-typescale-body-md-axes);--typescale-body-lg: var(--md-sys-typescale-body-lg);--typescale-body-lg-tracking: var(--md-sys-typescale-body-lg-tracking);--typescale-body-lg-axes: var(--md-sys-typescale-body-lg-axes);--typescale-title-sm: var(--md-sys-typescale-title-sm);--typescale-title-sm-tracking: var(--md-sys-typescale-title-sm-tracking);--typescale-title-sm-axes: var(--md-sys-typescale-title-sm-axes);--typescale-title-md: var(--md-sys-typescale-title-md);--typescale-title-md-tracking: var(--md-sys-typescale-title-md-tracking);--typescale-title-md-axes: var(--md-sys-typescale-title-md-axes);--typescale-title-lg: var(--md-sys-typescale-title-lg);--typescale-title-lg-tracking: var(--md-sys-typescale-title-lg-tracking);--typescale-title-lg-axes: var(--md-sys-typescale-title-lg-axes);--typescale-headline-sm: var(--md-sys-typescale-headline-sm);--typescale-headline-sm-tracking: var( --md-sys-typescale-headline-sm-tracking );--typescale-headline-sm-axes: var(--md-sys-typescale-headline-sm-axes);--typescale-headline-md: var(--md-sys-typescale-headline-md);--typescale-headline-md-tracking: var( --md-sys-typescale-headline-md-tracking );--typescale-headline-md-axes: var(--md-sys-typescale-headline-md-axes);--typescale-headline-lg: var(--md-sys-typescale-headline-lg);--typescale-headline-lg-tracking: var( --md-sys-typescale-headline-lg-tracking );--typescale-headline-lg-axes: var(--md-sys-typescale-headline-lg-axes);--typescale-display-sm: var(--md-sys-typescale-display-sm);--typescale-display-sm-tracking: var(--md-sys-typescale-display-sm-tracking);--typescale-display-sm-axes: var(--md-sys-typescale-display-sm-axes);--typescale-display-md: var(--md-sys-typescale-display-md);--typescale-display-md-tracking: var(--md-sys-typescale-display-md-tracking);--typescale-display-md-axes: var(--md-sys-typescale-display-md-axes);--typescale-display-lg: var(--md-sys-typescale-display-lg);--typescale-display-lg-tracking: var(--md-sys-typescale-display-lg-tracking);--typescale-display-lg-axes: var(--md-sys-typescale-display-lg-axes);--typescale-emphasized-label-sm: var(--md-sys-typescale-emphasized-label-sm);--typescale-emphasized-label-sm-axes: var( --md-sys-typescale-emphasized-label-sm-axes );--typescale-emphasized-label-md: var(--md-sys-typescale-emphasized-label-md);--typescale-emphasized-label-md-axes: var( --md-sys-typescale-emphasized-label-md-axes );--typescale-emphasized-label-lg: var(--md-sys-typescale-emphasized-label-lg);--typescale-emphasized-label-lg-axes: var( --md-sys-typescale-emphasized-label-lg-axes );--typescale-emphasized-body-sm: var(--md-sys-typescale-emphasized-body-sm);--typescale-emphasized-body-sm-axes: var( --md-sys-typescale-emphasized-body-sm-axes );--typescale-emphasized-body-md: var(--md-sys-typescale-emphasized-body-md);--typescale-emphasized-body-md-axes: var( --md-sys-typescale-emphasized-body-md-axes );--typescale-emphasized-body-lg: var(--md-sys-typescale-emphasized-body-lg);--typescale-emphasized-body-lg-axes: var( --md-sys-typescale-emphasized-body-lg-axes );--typescale-emphasized-title-sm: var(--md-sys-typescale-emphasized-title-sm);--typescale-emphasized-title-sm-axes: var( --md-sys-typescale-emphasized-title-sm-axes );--typescale-emphasized-title-md: var(--md-sys-typescale-emphasized-title-md);--typescale-emphasized-title-md-axes: var( --md-sys-typescale-emphasized-title-md-axes );--typescale-emphasized-title-lg: var(--md-sys-typescale-emphasized-title-lg);--typescale-emphasized-title-lg-axes: var( --md-sys-typescale-emphasized-title-lg-axes );--typescale-emphasized-headline-sm: var( --md-sys-typescale-emphasized-headline-sm );--typescale-emphasized-headline-sm-axes: var( --md-sys-typescale-emphasized-headline-sm-axes );--typescale-emphasized-headline-md: var( --md-sys-typescale-emphasized-headline-md );--typescale-emphasized-headline-md-axes: var( --md-sys-typescale-emphasized-headline-md-axes );--typescale-emphasized-headline-lg: var( --md-sys-typescale-emphasized-headline-lg );--typescale-emphasized-headline-lg-axes: var( --md-sys-typescale-emphasized-headline-lg-axes );--typescale-emphasized-display-sm: var( --md-sys-typescale-emphasized-display-sm );--typescale-emphasized-display-sm-axes: var( --md-sys-typescale-emphasized-display-sm-axes );--typescale-emphasized-display-md: var( --md-sys-typescale-emphasized-display-md );--typescale-emphasized-display-md-axes: var( --md-sys-typescale-emphasized-display-md-axes );--typescale-emphasized-display-lg: var( --md-sys-typescale-emphasized-display-lg );--typescale-emphasized-display-lg-axes: var( --md-sys-typescale-emphasized-display-lg-axes );--radius-xs: var(--md-sys-shape-corner-xs);--radius-sm: var(--md-sys-shape-corner-sm);--radius-md: var(--md-sys-shape-corner-md);--radius-lg: var(--md-sys-shape-corner-lg);--radius-xl: var(--md-sys-shape-corner-lg-increased);--radius-2xl: var(--md-sys-shape-corner-xl);--radius-3xl: var(--md-sys-shape-corner-xl-increased);--radius-4xl: var(--md-sys-shape-corner-xxl);--shadow-2xs: initial;--shadow-xs: var(--md-sys-elevation-shadow-1);--shadow-sm: var(--md-sys-elevation-shadow-2);--shadow-md: var(--md-sys-elevation-shadow-3);--shadow-lg: var(--md-sys-elevation-shadow-4);--shadow-xl: var(--md-sys-elevation-shadow-5);--shadow-2xl: initial;--spacing: var(--md-sys-space-unit);--breakpoint-sm: 600px;--breakpoint-md: 840px;--breakpoint-lg: 1200px;--breakpoint-xl: 1600px;--breakpoint-2xl: initial}@utility typescale-*{font:--value(--typescale-*);letter-spacing:--value(--typescale-*-tracking);font-variation-settings:--value(--typescale-*-axes)}@utility typescale-emphasized-*{font:--value(--typescale-emphasized-*);letter-spacing:--value(--typescale-*-tracking);font-variation-settings:--value(--typescale-emphasized-*-axes)}
12
+ `;
13
+ export default styles.styleSheet;
14
+ //# sourceMappingURL=tailwind.cssresult.js.map
package/labs/gb/styles/tailwind.cssresult.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tailwind.cssresult.js","sourceRoot":"","sources":["tailwind.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,0DAA0D;AAC1D,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/tailwind.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer theme, base, md, components, utilities;@theme inline{--color-*:initial;--color-primary: var(--md-sys-color-primary);--color-on-primary: var(--md-sys-color-on-primary);--color-primary-container: var(--md-sys-color-primary-container);--color-on-primary-container: var(--md-sys-color-on-primary-container);--color-primary-fixed: var(--md-sys-color-primary-fixed);--color-primary-fixed-dim: var(--md-sys-color-primary-fixed-dim);--color-on-primary-fixed: var(--md-sys-color-on-primary-fixed);--color-on-primary-fixed-variant: var( --md-sys-color-on-primary-fixed-variant );--color-secondary: var(--md-sys-color-secondary);--color-on-secondary: var(--md-sys-color-on-secondary);--color-secondary-container: var(--md-sys-color-secondary-container);--color-on-secondary-container: var(--md-sys-color-on-secondary-container);--color-secondary-fixed: var(--md-sys-color-secondary-fixed);--color-secondary-fixed-dim: var(--md-sys-color-secondary-fixed-dim);--color-on-secondary-fixed: var(--md-sys-color-on-secondary-fixed);--color-on-secondary-fixed-variant: var( --md-sys-color-on-secondary-fixed-variant );--color-tertiary: var(--md-sys-color-tertiary);--color-on-tertiary: var(--md-sys-color-on-tertiary);--color-tertiary-container: var(--md-sys-color-tertiary-container);--color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);--color-tertiary-fixed: var(--md-sys-color-tertiary-fixed);--color-tertiary-fixed-dim: var(--md-sys-color-tertiary-fixed-dim);--color-on-tertiary-fixed: var(--md-sys-color-on-tertiary-fixed);--color-on-tertiary-fixed-variant: var( --md-sys-color-on-tertiary-fixed-variant );--color-error: var(--md-sys-color-error);--color-on-error: var(--md-sys-color-on-error);--color-error-container: var(--md-sys-color-error-container);--color-on-error-container: var(--md-sys-color-on-error-container);--color-surface: var(--md-sys-color-surface);--color-surface-dim: var(--md-sys-color-surface-dim);--color-surface-bright: var(--md-sys-color-surface-bright);--color-surface-container-lowest: var( --md-sys-color-surface-container-lowest );--color-surface-container-low: var(--md-sys-color-surface-container-low);--color-surface-container: var(--md-sys-color-surface-container);--color-surface-container-high: var(--md-sys-color-surface-container-high);--color-surface-container-highest: var( --md-sys-color-surface-container-highest );--color-on-surface: var(--md-sys-color-on-surface);--color-on-surface-variant: var(--md-sys-color-on-surface-variant);--color-outline: var(--md-sys-color-outline);--color-outline-variant: var(--md-sys-color-outline-variant);--color-inverse-surface: var(--md-sys-color-inverse-surface);--color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);--color-inverse-primary: var(--md-sys-color-inverse-primary);--color-scrim: var(--md-sys-color-scrim);--color-shadow: var(--md-sys-color-shadow);--font-*:initial;--font-brand: var(--md-ref-typeface-brand);--font-plain: var(--md-ref-typeface-plain);--font-weight-normal: var(--md-ref-typeface-weight-regular);--font-weight-medium: var(--md-ref-typeface-weight-medium);--font-weight-bold: var(--md-ref-typeface-weight-bold);--text-*:initial;--tracking-*:initial;--leading-*:initial;--typescale-label-sm: var(--md-sys-typescale-label-sm);--typescale-label-sm-tracking: var(--md-sys-typescale-label-sm-tracking);--typescale-label-sm-axes: var(--md-sys-typescale-label-sm-axes);--typescale-label-md: var(--md-sys-typescale-label-md);--typescale-label-md-tracking: var(--md-sys-typescale-label-md-tracking);--typescale-label-md-axes: var(--md-sys-typescale-label-md-axes);--typescale-label-lg: var(--md-sys-typescale-label-lg);--typescale-label-lg-tracking: var(--md-sys-typescale-label-lg-tracking);--typescale-label-lg-axes: var(--md-sys-typescale-label-lg-axes);--typescale-body-sm: var(--md-sys-typescale-body-sm);--typescale-body-sm-tracking: var(--md-sys-typescale-body-sm-tracking);--typescale-body-sm-axes: var(--md-sys-typescale-body-sm-axes);--typescale-body-md: var(--md-sys-typescale-body-md);--typescale-body-md-tracking: var(--md-sys-typescale-body-md-tracking);--typescale-body-md-axes: var(--md-sys-typescale-body-md-axes);--typescale-body-lg: var(--md-sys-typescale-body-lg);--typescale-body-lg-tracking: var(--md-sys-typescale-body-lg-tracking);--typescale-body-lg-axes: var(--md-sys-typescale-body-lg-axes);--typescale-title-sm: var(--md-sys-typescale-title-sm);--typescale-title-sm-tracking: var(--md-sys-typescale-title-sm-tracking);--typescale-title-sm-axes: var(--md-sys-typescale-title-sm-axes);--typescale-title-md: var(--md-sys-typescale-title-md);--typescale-title-md-tracking: var(--md-sys-typescale-title-md-tracking);--typescale-title-md-axes: var(--md-sys-typescale-title-md-axes);--typescale-title-lg: var(--md-sys-typescale-title-lg);--typescale-title-lg-tracking: var(--md-sys-typescale-title-lg-tracking);--typescale-title-lg-axes: var(--md-sys-typescale-title-lg-axes);--typescale-headline-sm: var(--md-sys-typescale-headline-sm);--typescale-headline-sm-tracking: var( --md-sys-typescale-headline-sm-tracking );--typescale-headline-sm-axes: var(--md-sys-typescale-headline-sm-axes);--typescale-headline-md: var(--md-sys-typescale-headline-md);--typescale-headline-md-tracking: var( --md-sys-typescale-headline-md-tracking );--typescale-headline-md-axes: var(--md-sys-typescale-headline-md-axes);--typescale-headline-lg: var(--md-sys-typescale-headline-lg);--typescale-headline-lg-tracking: var( --md-sys-typescale-headline-lg-tracking );--typescale-headline-lg-axes: var(--md-sys-typescale-headline-lg-axes);--typescale-display-sm: var(--md-sys-typescale-display-sm);--typescale-display-sm-tracking: var(--md-sys-typescale-display-sm-tracking);--typescale-display-sm-axes: var(--md-sys-typescale-display-sm-axes);--typescale-display-md: var(--md-sys-typescale-display-md);--typescale-display-md-tracking: var(--md-sys-typescale-display-md-tracking);--typescale-display-md-axes: var(--md-sys-typescale-display-md-axes);--typescale-display-lg: var(--md-sys-typescale-display-lg);--typescale-display-lg-tracking: var(--md-sys-typescale-display-lg-tracking);--typescale-display-lg-axes: var(--md-sys-typescale-display-lg-axes);--typescale-emphasized-label-sm: var(--md-sys-typescale-emphasized-label-sm);--typescale-emphasized-label-sm-axes: var( --md-sys-typescale-emphasized-label-sm-axes );--typescale-emphasized-label-md: var(--md-sys-typescale-emphasized-label-md);--typescale-emphasized-label-md-axes: var( --md-sys-typescale-emphasized-label-md-axes );--typescale-emphasized-label-lg: var(--md-sys-typescale-emphasized-label-lg);--typescale-emphasized-label-lg-axes: var( --md-sys-typescale-emphasized-label-lg-axes );--typescale-emphasized-body-sm: var(--md-sys-typescale-emphasized-body-sm);--typescale-emphasized-body-sm-axes: var( --md-sys-typescale-emphasized-body-sm-axes );--typescale-emphasized-body-md: var(--md-sys-typescale-emphasized-body-md);--typescale-emphasized-body-md-axes: var( --md-sys-typescale-emphasized-body-md-axes );--typescale-emphasized-body-lg: var(--md-sys-typescale-emphasized-body-lg);--typescale-emphasized-body-lg-axes: var( --md-sys-typescale-emphasized-body-lg-axes );--typescale-emphasized-title-sm: var(--md-sys-typescale-emphasized-title-sm);--typescale-emphasized-title-sm-axes: var( --md-sys-typescale-emphasized-title-sm-axes );--typescale-emphasized-title-md: var(--md-sys-typescale-emphasized-title-md);--typescale-emphasized-title-md-axes: var( --md-sys-typescale-emphasized-title-md-axes );--typescale-emphasized-title-lg: var(--md-sys-typescale-emphasized-title-lg);--typescale-emphasized-title-lg-axes: var( --md-sys-typescale-emphasized-title-lg-axes );--typescale-emphasized-headline-sm: var( --md-sys-typescale-emphasized-headline-sm );--typescale-emphasized-headline-sm-axes: var( --md-sys-typescale-emphasized-headline-sm-axes );--typescale-emphasized-headline-md: var( --md-sys-typescale-emphasized-headline-md );--typescale-emphasized-headline-md-axes: var( --md-sys-typescale-emphasized-headline-md-axes );--typescale-emphasized-headline-lg: var( --md-sys-typescale-emphasized-headline-lg );--typescale-emphasized-headline-lg-axes: var( --md-sys-typescale-emphasized-headline-lg-axes );--typescale-emphasized-display-sm: var( --md-sys-typescale-emphasized-display-sm );--typescale-emphasized-display-sm-axes: var( --md-sys-typescale-emphasized-display-sm-axes );--typescale-emphasized-display-md: var( --md-sys-typescale-emphasized-display-md );--typescale-emphasized-display-md-axes: var( --md-sys-typescale-emphasized-display-md-axes );--typescale-emphasized-display-lg: var( --md-sys-typescale-emphasized-display-lg );--typescale-emphasized-display-lg-axes: var( --md-sys-typescale-emphasized-display-lg-axes );--radius-xs: var(--md-sys-shape-corner-xs);--radius-sm: var(--md-sys-shape-corner-sm);--radius-md: var(--md-sys-shape-corner-md);--radius-lg: var(--md-sys-shape-corner-lg);--radius-xl: var(--md-sys-shape-corner-lg-increased);--radius-2xl: var(--md-sys-shape-corner-xl);--radius-3xl: var(--md-sys-shape-corner-xl-increased);--radius-4xl: var(--md-sys-shape-corner-xxl);--shadow-2xs: initial;--shadow-xs: var(--md-sys-elevation-shadow-1);--shadow-sm: var(--md-sys-elevation-shadow-2);--shadow-md: var(--md-sys-elevation-shadow-3);--shadow-lg: var(--md-sys-elevation-shadow-4);--shadow-xl: var(--md-sys-elevation-shadow-5);--shadow-2xl: initial;--spacing: var(--md-sys-space-unit);--breakpoint-sm: 600px;--breakpoint-md: 840px;--breakpoint-lg: 1200px;--breakpoint-xl: 1600px;--breakpoint-2xl: initial}@utility typescale-*{font:--value(--typescale-*);letter-spacing:--value(--typescale-*-tracking);font-variation-settings:--value(--typescale-*-axes)}@utility typescale-emphasized-*{font:--value(--typescale-emphasized-*);letter-spacing:--value(--typescale-*-tracking);font-variation-settings:--value(--typescale-emphasized-*-axes)}\n`;\nexport default styles.styleSheet!;\n"]}
package/labs/gb/styles/tailwind.scss ADDED
@@ -0,0 +1,244 @@
1
+ /*!
2
+ * Copyright 2026 Google LLC
3
+ * SPDX-License-Identifier: Apache-2.0
4
+ */
5
+
6
+ // stylelint-disable scss/at-rule-no-unknown -- Uses TailwindCSS at-rules.
7
+
8
+ // Cascade `md` layer between `base` reset styles and `utilities` for overrides.
9
+ @layer theme, base, md, components, utilities;
10
+ @theme inline {
11
+ // Color
12
+ #{'--color-*'}: initial; // Do not use Tailwind's default color utilities.
13
+ --color-primary: var(--md-sys-color-primary);
14
+ --color-on-primary: var(--md-sys-color-on-primary);
15
+ --color-primary-container: var(--md-sys-color-primary-container);
16
+ --color-on-primary-container: var(--md-sys-color-on-primary-container);
17
+ --color-primary-fixed: var(--md-sys-color-primary-fixed);
18
+ --color-primary-fixed-dim: var(--md-sys-color-primary-fixed-dim);
19
+ --color-on-primary-fixed: var(--md-sys-color-on-primary-fixed);
20
+ --color-on-primary-fixed-variant: var(
21
+ --md-sys-color-on-primary-fixed-variant
22
+ );
23
+ --color-secondary: var(--md-sys-color-secondary);
24
+ --color-on-secondary: var(--md-sys-color-on-secondary);
25
+ --color-secondary-container: var(--md-sys-color-secondary-container);
26
+ --color-on-secondary-container: var(--md-sys-color-on-secondary-container);
27
+ --color-secondary-fixed: var(--md-sys-color-secondary-fixed);
28
+ --color-secondary-fixed-dim: var(--md-sys-color-secondary-fixed-dim);
29
+ --color-on-secondary-fixed: var(--md-sys-color-on-secondary-fixed);
30
+ --color-on-secondary-fixed-variant: var(
31
+ --md-sys-color-on-secondary-fixed-variant
32
+ );
33
+ --color-tertiary: var(--md-sys-color-tertiary);
34
+ --color-on-tertiary: var(--md-sys-color-on-tertiary);
35
+ --color-tertiary-container: var(--md-sys-color-tertiary-container);
36
+ --color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);
37
+ --color-tertiary-fixed: var(--md-sys-color-tertiary-fixed);
38
+ --color-tertiary-fixed-dim: var(--md-sys-color-tertiary-fixed-dim);
39
+ --color-on-tertiary-fixed: var(--md-sys-color-on-tertiary-fixed);
40
+ --color-on-tertiary-fixed-variant: var(
41
+ --md-sys-color-on-tertiary-fixed-variant
42
+ );
43
+ --color-error: var(--md-sys-color-error);
44
+ --color-on-error: var(--md-sys-color-on-error);
45
+ --color-error-container: var(--md-sys-color-error-container);
46
+ --color-on-error-container: var(--md-sys-color-on-error-container);
47
+ --color-surface: var(--md-sys-color-surface);
48
+ --color-surface-dim: var(--md-sys-color-surface-dim);
49
+ --color-surface-bright: var(--md-sys-color-surface-bright);
50
+ --color-surface-container-lowest: var(
51
+ --md-sys-color-surface-container-lowest
52
+ );
53
+ --color-surface-container-low: var(--md-sys-color-surface-container-low);
54
+ --color-surface-container: var(--md-sys-color-surface-container);
55
+ --color-surface-container-high: var(--md-sys-color-surface-container-high);
56
+ --color-surface-container-highest: var(
57
+ --md-sys-color-surface-container-highest
58
+ );
59
+ --color-on-surface: var(--md-sys-color-on-surface);
60
+ --color-on-surface-variant: var(--md-sys-color-on-surface-variant);
61
+ --color-outline: var(--md-sys-color-outline);
62
+ --color-outline-variant: var(--md-sys-color-outline-variant);
63
+ --color-inverse-surface: var(--md-sys-color-inverse-surface);
64
+ --color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);
65
+ --color-inverse-primary: var(--md-sys-color-inverse-primary);
66
+ --color-scrim: var(--md-sys-color-scrim);
67
+ --color-shadow: var(--md-sys-color-shadow);
68
+
69
+ // Typography
70
+ #{'--font-*'}: initial; // Do not use Tailwind's default font utilities.
71
+ --font-brand: var(--md-ref-typeface-brand);
72
+ --font-plain: var(--md-ref-typeface-plain);
73
+ --font-weight-normal: var(--md-ref-typeface-weight-regular);
74
+ --font-weight-medium: var(--md-ref-typeface-weight-medium);
75
+ --font-weight-bold: var(--md-ref-typeface-weight-bold);
76
+ #{'--text-*'}: initial; // Do not use Tailwind's default text utilities.
77
+ #{'--tracking-*'}: initial;
78
+ #{'--leading-*'}: initial;
79
+ // Use the `typescale-<name>-<size>` utility to apply typography tokens.
80
+ --typescale-label-sm: var(--md-sys-typescale-label-sm);
81
+ --typescale-label-sm-tracking: var(--md-sys-typescale-label-sm-tracking);
82
+ --typescale-label-sm-axes: var(--md-sys-typescale-label-sm-axes);
83
+ --typescale-label-md: var(--md-sys-typescale-label-md);
84
+ --typescale-label-md-tracking: var(--md-sys-typescale-label-md-tracking);
85
+ --typescale-label-md-axes: var(--md-sys-typescale-label-md-axes);
86
+ --typescale-label-lg: var(--md-sys-typescale-label-lg);
87
+ --typescale-label-lg-tracking: var(--md-sys-typescale-label-lg-tracking);
88
+ --typescale-label-lg-axes: var(--md-sys-typescale-label-lg-axes);
89
+ --typescale-body-sm: var(--md-sys-typescale-body-sm);
90
+ --typescale-body-sm-tracking: var(--md-sys-typescale-body-sm-tracking);
91
+ --typescale-body-sm-axes: var(--md-sys-typescale-body-sm-axes);
92
+ --typescale-body-md: var(--md-sys-typescale-body-md);
93
+ --typescale-body-md-tracking: var(--md-sys-typescale-body-md-tracking);
94
+ --typescale-body-md-axes: var(--md-sys-typescale-body-md-axes);
95
+ --typescale-body-lg: var(--md-sys-typescale-body-lg);
96
+ --typescale-body-lg-tracking: var(--md-sys-typescale-body-lg-tracking);
97
+ --typescale-body-lg-axes: var(--md-sys-typescale-body-lg-axes);
98
+ --typescale-title-sm: var(--md-sys-typescale-title-sm);
99
+ --typescale-title-sm-tracking: var(--md-sys-typescale-title-sm-tracking);
100
+ --typescale-title-sm-axes: var(--md-sys-typescale-title-sm-axes);
101
+ --typescale-title-md: var(--md-sys-typescale-title-md);
102
+ --typescale-title-md-tracking: var(--md-sys-typescale-title-md-tracking);
103
+ --typescale-title-md-axes: var(--md-sys-typescale-title-md-axes);
104
+ --typescale-title-lg: var(--md-sys-typescale-title-lg);
105
+ --typescale-title-lg-tracking: var(--md-sys-typescale-title-lg-tracking);
106
+ --typescale-title-lg-axes: var(--md-sys-typescale-title-lg-axes);
107
+ --typescale-headline-sm: var(--md-sys-typescale-headline-sm);
108
+ --typescale-headline-sm-tracking: var(
109
+ --md-sys-typescale-headline-sm-tracking
110
+ );
111
+ --typescale-headline-sm-axes: var(--md-sys-typescale-headline-sm-axes);
112
+ --typescale-headline-md: var(--md-sys-typescale-headline-md);
113
+ --typescale-headline-md-tracking: var(
114
+ --md-sys-typescale-headline-md-tracking
115
+ );
116
+ --typescale-headline-md-axes: var(--md-sys-typescale-headline-md-axes);
117
+ --typescale-headline-lg: var(--md-sys-typescale-headline-lg);
118
+ --typescale-headline-lg-tracking: var(
119
+ --md-sys-typescale-headline-lg-tracking
120
+ );
121
+ --typescale-headline-lg-axes: var(--md-sys-typescale-headline-lg-axes);
122
+ --typescale-display-sm: var(--md-sys-typescale-display-sm);
123
+ --typescale-display-sm-tracking: var(--md-sys-typescale-display-sm-tracking);
124
+ --typescale-display-sm-axes: var(--md-sys-typescale-display-sm-axes);
125
+ --typescale-display-md: var(--md-sys-typescale-display-md);
126
+ --typescale-display-md-tracking: var(--md-sys-typescale-display-md-tracking);
127
+ --typescale-display-md-axes: var(--md-sys-typescale-display-md-axes);
128
+ --typescale-display-lg: var(--md-sys-typescale-display-lg);
129
+ --typescale-display-lg-tracking: var(--md-sys-typescale-display-lg-tracking);
130
+ --typescale-display-lg-axes: var(--md-sys-typescale-display-lg-axes);
131
+ --typescale-emphasized-label-sm: var(--md-sys-typescale-emphasized-label-sm);
132
+ --typescale-emphasized-label-sm-axes: var(
133
+ --md-sys-typescale-emphasized-label-sm-axes
134
+ );
135
+ --typescale-emphasized-label-md: var(--md-sys-typescale-emphasized-label-md);
136
+ --typescale-emphasized-label-md-axes: var(
137
+ --md-sys-typescale-emphasized-label-md-axes
138
+ );
139
+ --typescale-emphasized-label-lg: var(--md-sys-typescale-emphasized-label-lg);
140
+ --typescale-emphasized-label-lg-axes: var(
141
+ --md-sys-typescale-emphasized-label-lg-axes
142
+ );
143
+ --typescale-emphasized-body-sm: var(--md-sys-typescale-emphasized-body-sm);
144
+ --typescale-emphasized-body-sm-axes: var(
145
+ --md-sys-typescale-emphasized-body-sm-axes
146
+ );
147
+ --typescale-emphasized-body-md: var(--md-sys-typescale-emphasized-body-md);
148
+ --typescale-emphasized-body-md-axes: var(
149
+ --md-sys-typescale-emphasized-body-md-axes
150
+ );
151
+ --typescale-emphasized-body-lg: var(--md-sys-typescale-emphasized-body-lg);
152
+ --typescale-emphasized-body-lg-axes: var(
153
+ --md-sys-typescale-emphasized-body-lg-axes
154
+ );
155
+ --typescale-emphasized-title-sm: var(--md-sys-typescale-emphasized-title-sm);
156
+ --typescale-emphasized-title-sm-axes: var(
157
+ --md-sys-typescale-emphasized-title-sm-axes
158
+ );
159
+ --typescale-emphasized-title-md: var(--md-sys-typescale-emphasized-title-md);
160
+ --typescale-emphasized-title-md-axes: var(
161
+ --md-sys-typescale-emphasized-title-md-axes
162
+ );
163
+ --typescale-emphasized-title-lg: var(--md-sys-typescale-emphasized-title-lg);
164
+ --typescale-emphasized-title-lg-axes: var(
165
+ --md-sys-typescale-emphasized-title-lg-axes
166
+ );
167
+ --typescale-emphasized-headline-sm: var(
168
+ --md-sys-typescale-emphasized-headline-sm
169
+ );
170
+ --typescale-emphasized-headline-sm-axes: var(
171
+ --md-sys-typescale-emphasized-headline-sm-axes
172
+ );
173
+ --typescale-emphasized-headline-md: var(
174
+ --md-sys-typescale-emphasized-headline-md
175
+ );
176
+ --typescale-emphasized-headline-md-axes: var(
177
+ --md-sys-typescale-emphasized-headline-md-axes
178
+ );
179
+ --typescale-emphasized-headline-lg: var(
180
+ --md-sys-typescale-emphasized-headline-lg
181
+ );
182
+ --typescale-emphasized-headline-lg-axes: var(
183
+ --md-sys-typescale-emphasized-headline-lg-axes
184
+ );
185
+ --typescale-emphasized-display-sm: var(
186
+ --md-sys-typescale-emphasized-display-sm
187
+ );
188
+ --typescale-emphasized-display-sm-axes: var(
189
+ --md-sys-typescale-emphasized-display-sm-axes
190
+ );
191
+ --typescale-emphasized-display-md: var(
192
+ --md-sys-typescale-emphasized-display-md
193
+ );
194
+ --typescale-emphasized-display-md-axes: var(
195
+ --md-sys-typescale-emphasized-display-md-axes
196
+ );
197
+ --typescale-emphasized-display-lg: var(
198
+ --md-sys-typescale-emphasized-display-lg
199
+ );
200
+ --typescale-emphasized-display-lg-axes: var(
201
+ --md-sys-typescale-emphasized-display-lg-axes
202
+ );
203
+
204
+ // Shape
205
+ --radius-xs: var(--md-sys-shape-corner-xs);
206
+ --radius-sm: var(--md-sys-shape-corner-sm);
207
+ --radius-md: var(--md-sys-shape-corner-md);
208
+ --radius-lg: var(--md-sys-shape-corner-lg);
209
+ --radius-xl: var(--md-sys-shape-corner-lg-increased);
210
+ --radius-2xl: var(--md-sys-shape-corner-xl);
211
+ --radius-3xl: var(--md-sys-shape-corner-xl-increased);
212
+ --radius-4xl: var(--md-sys-shape-corner-xxl);
213
+
214
+ // Elevation
215
+ --shadow-2xs: initial; // Material does not have a 2xs shadow.
216
+ --shadow-xs: var(--md-sys-elevation-shadow-1);
217
+ --shadow-sm: var(--md-sys-elevation-shadow-2);
218
+ --shadow-md: var(--md-sys-elevation-shadow-3);
219
+ --shadow-lg: var(--md-sys-elevation-shadow-4);
220
+ --shadow-xl: var(--md-sys-elevation-shadow-5);
221
+ --shadow-2xl: initial; // Material does not have a 2xl shadow.
222
+
223
+ // Space
224
+ --spacing: var(--md-sys-space-unit);
225
+
226
+ // Breakpoints
227
+ --breakpoint-sm: 600px; // medium
228
+ --breakpoint-md: 840px; // expanded
229
+ --breakpoint-lg: 1200px; // large
230
+ --breakpoint-xl: 1600px; // extra-large
231
+ --breakpoint-2xl: initial; // Material does not have a 2xl breakpoint.
232
+ }
233
+
234
+ // Use the `typescale-<name>-<size>` utility to apply typography tokens.
235
+ @utility typescale-* {
236
+ font: #{'--value(--typescale-*)'};
237
+ letter-spacing: #{'--value(--typescale-*-tracking)'};
238
+ font-variation-settings: #{'--value(--typescale-*-axes)'};
239
+ }
240
+ @utility typescale-emphasized-* {
241
+ font: #{'--value(--typescale-emphasized-*)'};
242
+ letter-spacing: #{'--value(--typescale-*-tracking)'};
243
+ font-variation-settings: #{'--value(--typescale-emphasized-*-axes)'};
244
+ }