@material/web 2.4.2-nightly.8e14d5a.0 → 2.4.2-nightly.95013d6.0

package/labs/gb/components/splitbutton/_split-button-tokens.scss

@@ -0,0 +1,135 @@
+//
+// Copyright 2026 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@mixin root {
+  --between-space: 2px;
+}
+
+@mixin button {
+  --icon-size: 0;
+  --inner-corner-size: 0;
+  --outer-corner-size: calc(var(--container-height) / 2);
+  --leading-space: 0;
+  --trailing-space: 0;
+}
+
+@mixin button-xs {
+  --icon-size: 22px;
+  --inner-corner-size: var(--md-sys-shape-corner-xs);
+}
+
+@mixin button-xs-leading {
+  --leading-space: 12px;
+  --trailing-space: 10px;
+}
+
+@mixin button-xs-trailing {
+  --leading-space: 13px;
+  --trailing-space: 13px;
+}
+
+@mixin button-xs-hovered {
+  --inner-corner-size: var(--md-sys-shape-corner-sm);
+}
+
+@mixin button-xs-pressed {
+  --inner-corner-size: var(--md-sys-shape-corner-sm);
+}
+
+@mixin button-sm {
+  --icon-size: 22px;
+  --inner-corner-size: var(--md-sys-shape-corner-xs);
+}
+
+@mixin button-sm-leading {
+  --leading-space: 16px;
+  --trailing-space: 12px;
+}
+
+@mixin button-sm-trailing {
+  --leading-space: 13px;
+  --trailing-space: 13px;
+}
+
+@mixin button-sm-hovered {
+  --inner-corner-size: var(--md-sys-shape-corner-md);
+}
+
+@mixin button-sm-pressed {
+  --inner-corner-size: var(--md-sys-shape-corner-md);
+}
+
+@mixin button-md {
+  --icon-size: 26px;
+  --inner-corner-size: var(--md-sys-shape-corner-xs);
+}
+
+@mixin button-md-leading {
+  --leading-space: 24px;
+  --trailing-space: 24px;
+}
+
+@mixin button-md-trailing {
+  --leading-space: 15px;
+  --trailing-space: 15px;
+}
+
+@mixin button-md-hovered {
+  --inner-corner-size: var(--md-sys-shape-corner-md);
+}
+
+@mixin button-md-pressed {
+  --inner-corner-size: var(--md-sys-shape-corner-md);
+}
+
+@mixin button-lg {
+  --icon-size: 38px;
+  --inner-corner-size: var(--md-sys-shape-corner-sm);
+}
+
+@mixin button-lg-leading {
+  --leading-space: 48px;
+  --trailing-space: 48px;
+}
+
+@mixin button-lg-trailing {
+  --leading-space: 29px;
+  --trailing-space: 29px;
+}
+
+@mixin button-lg-hovered {
+  --inner-corner-size: var(--md-sys-shape-corner-lg-increased);
+}
+
+@mixin button-lg-pressed {
+  --inner-corner-size: var(--md-sys-shape-corner-lg-increased);
+}
+
+@mixin button-xl {
+  --icon-size: 50px;
+  --inner-corner-size: var(--md-sys-shape-corner-md);
+}
+
+@mixin button-xl-leading {
+  --leading-space: 64px;
+  --trailing-space: 64px;
+}
+
+@mixin button-xl-trailing {
+  --leading-space: 43px;
+  --trailing-space: 43px;
+}
+
+@mixin button-xl-hovered {
+  --inner-corner-size: var(--md-sys-shape-corner-lg-increased);
+}
+
+@mixin button-xl-pressed {
+  --inner-corner-size: var(--md-sys-shape-corner-lg-increased);
+}
+
+@mixin button-trailing-selected {
+  --inner-corner-size: calc(var(--container-height) / 2);
+}

package/labs/gb/components/splitbutton/md-split-button.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { CSSResultOrNative, LitElement } from 'lit';
+import { type SplitButtonColor, type SplitButtonSize } from './split-button.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        /** A Material Design split button component. */
+        'md-split-button': SplitButton;
+    }
+}
+/**
+ * A Material Design split button component.
+ */
+export declare class SplitButton extends LitElement {
+    static styles: CSSResultOrNative[];
+    color: SplitButtonColor;
+    size: SplitButtonSize;
+    selected: boolean;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private updateSlotFocusVisible;
+    private cleanupToggleListener?;
+    private handleTrailingSlotchange;
+}

package/labs/gb/components/splitbutton/md-split-button.js

@@ -0,0 +1,119 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { button } from '../button/button.js';
+import focusRingStyles from '../focus/focus-ring.css' with { type: 'css' }; // github-only
+// import focusRingStyles from '../focus/focus-ring.cssresult.js'; // google3-only
+import rippleStyles from '../ripple/ripple.css' with { type: 'css' }; // github-only
+// import rippleStyles from '../ripple/ripple.cssresult.js'; // google3-only
+import buttonStyles from '../button/button.css' with { type: 'css' }; // github-only
+// import buttonStyles from '../button/button.cssresult.js'; // google3-only
+import splitButtonStyles from './split-button.css' with { type: 'css' }; // github-only
+// import {styles as splitButtonStyles} from './split-button.cssresult.js'; // google3-only
+import { splitButton, } from './split-button.js';
+/**
+ * A Material Design split button component.
+ */
+let SplitButton = class SplitButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.color = 'filled';
+        this.size = 'sm';
+        this.selected = false;
+    }
+    render() {
+        const buttonConfig = {
+            color: this.color,
+            size: this.size,
+        };
+        return html `<div part="split-btn" class="${splitButton(this)}">
+      <slot
+        name="leading"
+        part="leading-btn"
+        class="${button(buttonConfig)}"
+        @focusin=${this.updateSlotFocusVisible}
+        @focusout=${this.updateSlotFocusVisible}>
+      </slot>
+      <slot
+        name="trailing"
+        part="trailing-btn"
+        class="${button(buttonConfig)}"
+        @focusin=${this.updateSlotFocusVisible}
+        @focusout=${this.updateSlotFocusVisible}
+        @slotchange=${this.handleTrailingSlotchange}>
+      </slot>
+      <slot></slot>
+    </div>`;
+    }
+    updateSlotFocusVisible(event) {
+        const slot = event.currentTarget;
+        const hasFocusVisible = slot
+            .assignedElements()
+            .some((el) => el.matches(':focus-visible,:has(:focus-visible)'));
+        slot.classList.toggle('focus-visible', hasFocusVisible);
+    }
+    handleTrailingSlotchange(event) {
+        this.cleanupToggleListener?.abort();
+        this.cleanupToggleListener = new AbortController();
+        const slot = event.target;
+        const trailingButton = slot
+            .assignedElements()
+            .find((el) => el.matches('button'));
+        if (!trailingButton?.popoverTargetElement)
+            return;
+        trailingButton.popoverTargetElement.addEventListener('toggle', (event) => {
+            this.selected = event.newState === 'open';
+        }, { signal: this.cleanupToggleListener.signal });
+    }
+};
+SplitButton.styles = [
+    focusRingStyles,
+    rippleStyles,
+    buttonStyles,
+    splitButtonStyles,
+    css `
+      :host {
+        display: inline-flex;
+      }
+      .split-btn {
+        flex: 1;
+      }
+      [name='leading'] {
+        display: contents;
+        &::slotted(button) {
+          all: inherit;
+          display: flex;
+        }
+      }
+      [name='trailing'] {
+        position: relative;
+        &::slotted(button) {
+          position: absolute;
+          inset: 0;
+          appearance: none;
+          background: none;
+          border: none;
+          outline: none;
+        }
+      }
+    `,
+];
+__decorate([
+    property()
+], SplitButton.prototype, "color", void 0);
+__decorate([
+    property()
+], SplitButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], SplitButton.prototype, "selected", void 0);
+SplitButton = __decorate([
+    customElement('md-split-button')
+], SplitButton);
+export { SplitButton };
+//# sourceMappingURL=md-split-button.js.map

package/labs/gb/components/splitbutton/md-split-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"md-split-button.js","sourceRoot":"","sources":["md-split-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,GAAG,EAAqB,IAAI,EAAE,UAAU,EAAC,MAAM,KAAK,CAAC;AAC7D,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAE3C,OAAO,eAAe,MAAM,yBAAyB,CAAC,OAAM,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,cAAc;AACxF,kFAAkF;AAClF,OAAO,YAAY,MAAM,sBAAsB,CAAC,OAAM,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,cAAc;AAClF,4EAA4E;AAC5E,OAAO,YAAY,MAAM,sBAAsB,CAAC,OAAM,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,cAAc;AAClF,4EAA4E;AAC5E,OAAO,iBAAiB,MAAM,oBAAoB,CAAC,OAAM,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,cAAc;AACrF,2FAA2F;AAE3F,OAAO,EACL,WAAW,GAGZ,MAAM,mBAAmB,CAAC;AAS3B;;GAEG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAkCO,UAAK,GAAqB,QAAQ,CAAC;QACnC,SAAI,GAAoB,IAAI,CAAC;QACd,aAAQ,GAAG,KAAK,CAAC;IAqD9C,CAAC;IAnDoB,MAAM;QACvB,MAAM,YAAY,GAAG;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;QAEF,OAAO,IAAI,CAAA,gCAAgC,WAAW,CAAC,IAAI,CAAC;;;;iBAI/C,MAAM,CAAC,YAAY,CAAC;mBAClB,IAAI,CAAC,sBAAsB;oBAC1B,IAAI,CAAC,sBAAsB;;;;;iBAK9B,MAAM,CAAC,YAAY,CAAC;mBAClB,IAAI,CAAC,sBAAsB;oBAC1B,IAAI,CAAC,sBAAsB;sBACzB,IAAI,CAAC,wBAAwB;;;WAGxC,CAAC;IACV,CAAC;IAEO,sBAAsB,CAAC,KAAY;QACzC,MAAM,IAAI,GAAG,KAAK,CAAC,aAAgC,CAAC;QACpD,MAAM,eAAe,GAAG,IAAI;aACzB,gBAAgB,EAAE;aAClB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,qCAAqC,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;IAC1D,CAAC;IAGO,wBAAwB,CAAC,KAAY;QAC3C,IAAI,CAAC,qBAAqB,EAAE,KAAK,EAAE,CAAC;QACpC,IAAI,CAAC,qBAAqB,GAAG,IAAI,eAAe,EAAE,CAAC;QACnD,MAAM,IAAI,GAAG,KAAK,CAAC,MAAyB,CAAC;QAC7C,MAAM,cAAc,GAAG,IAAI;aACxB,gBAAgB,EAAE;aAClB,IAAI,CAAC,CAAC,EAAE,EAA2B,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,cAAc,EAAE,oBAAoB;YAAE,OAAO;QAClD,cAAc,CAAC,oBAAoB,CAAC,gBAAgB,CAClD,QAAQ,EACR,CAAC,KAAY,EAAE,EAAE;YACf,IAAI,CAAC,QAAQ,GAAI,KAAqB,CAAC,QAAQ,KAAK,MAAM,CAAC;QAC7D,CAAC,EACD,EAAC,MAAM,EAAE,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAC,CAC5C,CAAC;IACJ,CAAC;;AAvFe,kBAAM,GAAwB;IAC5C,eAAe;IACf,YAAY;IACZ,YAAY;IACZ,iBAAiB;IACjB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBF;CACF,AA/BqB,CA+BpB;AAEU;IAAX,QAAQ,EAAE;0CAAoC;AACnC;IAAX,QAAQ,EAAE;yCAA8B;AACd;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;6CAAkB;AApCjC,WAAW;IADvB,aAAa,CAAC,iBAAiB,CAAC;GACpB,WAAW,CAyFvB","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {css, CSSResultOrNative, html, LitElement} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {button} from '../button/button.js';\n\nimport focusRingStyles from '../focus/focus-ring.css' with {type: 'css'}; // github-only\n// import focusRingStyles from '../focus/focus-ring.cssresult.js'; // google3-only\nimport rippleStyles from '../ripple/ripple.css' with {type: 'css'}; // github-only\n// import rippleStyles from '../ripple/ripple.cssresult.js'; // google3-only\nimport buttonStyles from '../button/button.css' with {type: 'css'}; // github-only\n// import buttonStyles from '../button/button.cssresult.js'; // google3-only\nimport splitButtonStyles from './split-button.css' with {type: 'css'}; // github-only\n// import {styles as splitButtonStyles} from './split-button.cssresult.js'; // google3-only\n\nimport {\n  splitButton,\n  type SplitButtonColor,\n  type SplitButtonSize,\n} from './split-button.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    /** A Material Design split button component. */\n    'md-split-button': SplitButton;\n  }\n}\n\n/**\n * A Material Design split button component.\n */\n@customElement('md-split-button')\nexport class SplitButton extends LitElement {\n  static override styles: CSSResultOrNative[] = [\n    focusRingStyles,\n    rippleStyles,\n    buttonStyles,\n    splitButtonStyles,\n    css`\n      :host {\n        display: inline-flex;\n      }\n      .split-btn {\n        flex: 1;\n      }\n      [name='leading'] {\n        display: contents;\n        &::slotted(button) {\n          all: inherit;\n          display: flex;\n        }\n      }\n      [name='trailing'] {\n        position: relative;\n        &::slotted(button) {\n          position: absolute;\n          inset: 0;\n          appearance: none;\n          background: none;\n          border: none;\n          outline: none;\n        }\n      }\n    `,\n  ];\n\n  @property() color: SplitButtonColor = 'filled';\n  @property() size: SplitButtonSize = 'sm';\n  @property({type: Boolean}) selected = false;\n\n  protected override render() {\n    const buttonConfig = {\n      color: this.color,\n      size: this.size,\n    };\n\n    return html`<div part=\"split-btn\" class=\"${splitButton(this)}\">\n      <slot\n        name=\"leading\"\n        part=\"leading-btn\"\n        class=\"${button(buttonConfig)}\"\n        @focusin=${this.updateSlotFocusVisible}\n        @focusout=${this.updateSlotFocusVisible}>\n      </slot>\n      <slot\n        name=\"trailing\"\n        part=\"trailing-btn\"\n        class=\"${button(buttonConfig)}\"\n        @focusin=${this.updateSlotFocusVisible}\n        @focusout=${this.updateSlotFocusVisible}\n        @slotchange=${this.handleTrailingSlotchange}>\n      </slot>\n      <slot></slot>\n    </div>`;\n  }\n\n  private updateSlotFocusVisible(event: Event) {\n    const slot = event.currentTarget as HTMLSlotElement;\n    const hasFocusVisible = slot\n      .assignedElements()\n      .some((el) => el.matches(':focus-visible,:has(:focus-visible)'));\n    slot.classList.toggle('focus-visible', hasFocusVisible);\n  }\n\n  private cleanupToggleListener?: AbortController;\n  private handleTrailingSlotchange(event: Event) {\n    this.cleanupToggleListener?.abort();\n    this.cleanupToggleListener = new AbortController();\n    const slot = event.target as HTMLSlotElement;\n    const trailingButton = slot\n      .assignedElements()\n      .find((el): el is HTMLButtonElement => el.matches('button'));\n    if (!trailingButton?.popoverTargetElement) return;\n    trailingButton.popoverTargetElement.addEventListener(\n      'toggle',\n      (event: Event) => {\n        this.selected = (event as ToggleEvent).newState === 'open';\n      },\n      {signal: this.cleanupToggleListener.signal},\n    );\n  }\n}\n"]}

package/labs/gb/components/splitbutton/split-button.css

@@ -0,0 +1,4 @@
+/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */@layer md.sys, md.comp.ripple, md.comp.focus-ring, md.comp.button;@layer md.comp.split-button{.split-btn{--between-space: 2px}.split-btn .btn{--icon-size: 0;--inner-corner-size: 0;--outer-corner-size: calc(var(--container-height) / 2);--leading-space: 0;--trailing-space: 0}.split-btn .btn-xs{--icon-size: 22px;--inner-corner-size: var(--md-sys-shape-corner-xs)}.split-btn .btn-xs:where(:nth-child(1 of .btn)){--leading-space: 12px;--trailing-space: 10px}.split-btn .btn-xs:where(:nth-last-child(1 of .btn)){--leading-space: 13px;--trailing-space: 13px}.split-btn .btn-xs:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-sm)}.split-btn .btn-xs:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-sm)}.split-btn .btn-sm{--icon-size: 22px;--inner-corner-size: var(--md-sys-shape-corner-xs)}.split-btn .btn-sm:where(:nth-child(1 of .btn)){--leading-space: 16px;--trailing-space: 12px}.split-btn .btn-sm:where(:nth-last-child(1 of .btn)){--leading-space: 13px;--trailing-space: 13px}.split-btn .btn-sm:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-sm:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-md{--icon-size: 26px;--inner-corner-size: var(--md-sys-shape-corner-xs)}.split-btn .btn-md:where(:nth-child(1 of .btn)){--leading-space: 24px;--trailing-space: 24px}.split-btn .btn-md:where(:nth-last-child(1 of .btn)){--leading-space: 15px;--trailing-space: 15px}.split-btn .btn-md:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-md:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-lg{--icon-size: 38px;--inner-corner-size: var(--md-sys-shape-corner-sm)}.split-btn .btn-lg:where(:nth-child(1 of .btn)){--leading-space: 48px;--trailing-space: 48px}.split-btn .btn-lg:where(:nth-last-child(1 of .btn)){--leading-space: 29px;--trailing-space: 29px}.split-btn .btn-lg:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn .btn-lg:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn .btn-xl{--icon-size: 50px;--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-xl:where(:nth-child(1 of .btn)){--leading-space: 64px;--trailing-space: 64px}.split-btn .btn-xl:where(:nth-last-child(1 of .btn)){--leading-space: 43px;--trailing-space: 43px}.split-btn .btn-xl:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn .btn-xl:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn:is(.split-btn-selected,:has(:popover-open)) :nth-last-child(1 of .btn){--inner-corner-size: calc(var(--container-height) / 2)}.split-btn{display:inline-flex;align-items:center;gap:var(--between-space)}.split-btn :nth-child(1 of .btn){border-start-start-radius:var(--outer-corner-size);border-end-start-radius:var(--outer-corner-size);border-start-end-radius:var(--inner-corner-size);border-end-end-radius:var(--inner-corner-size)}.split-btn :nth-last-child(1 of .btn){border-start-start-radius:var(--inner-corner-size);border-end-start-radius:var(--inner-corner-size);border-start-end-radius:var(--outer-corner-size);border-end-end-radius:var(--outer-corner-size)}.split-btn :nth-last-child(1 of .btn)::before{content:"arrow_drop_down";font:var(--md-icon-size) var(--md-icon-font);display:flex;align-items:center;aspect-ratio:1;width:var(--md-icon-size);overflow:hidden}.split-btn:is(.split-btn-selected,:has(:popover-open)) :nth-last-child(1 of .btn)::before{transform:rotate(180deg);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}}/*# sourceMappingURL=split-button.css.map */

package/labs/gb/components/splitbutton/split-button.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["split-button.scss","_split-button-tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GASA,kEACA,4BACE,WCLA,qBDQE,gBCJF,eACA,uBACA,uDACA,mBACA,oBDIE,qCCCF,mDDEI,gDCEJ,sBACA,uBDCI,qDCGJ,sBACA,+DAIA,6FAIA,mDDCE,mBCGF,kBACA,mDDDI,gDCKJ,sBACA,uBDFI,qDCMJ,sBACA,uBDHI,wCCOJ,mDDHI,0CCOJ,mDDFE,mBCMF,kBACA,mDDJI,gDCQJ,sBACA,uBDLI,qDCSJ,sBACA,uBDNI,wCCUJ,mDDNI,0CCUJ,mDDLE,mBCSF,kBACA,mDDPI,gDCWJ,sBACA,uBDRI,qDCYJ,sBACA,uBDTI,wCCaJ,6DDTI,0CCaJ,6DDRE,mBCYF,kBACA,mDDVI,gDCcJ,sBACA,uBDXI,qDCeJ,sBACA,uBDZI,wCCgBJ,6DDZI,0CCgBJ,6DDVI,kFCcJ,uDDPE,WACE,oBACA,mBACA,yBAGF,iCACE,mDACA,iDACA,iDACA,+CAGF,sCACE,mDACA,iDACA,iDACA,+CAEA,8CACE,0BACA,6CACA,aACA,mBACA,eACA,0BACA,gBAIJ,0FAEE,yBACA","file":"split-button.css"}

package/labs/gb/components/splitbutton/split-button.cssresult.d.ts

@@ -0,0 +1,3 @@
+export declare const styles: import("lit").CSSResult;
+declare const _default: CSSStyleSheet;
+export default _default;

package/labs/gb/components/splitbutton/split-button.cssresult.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// Generated stylesheet for ./labs/gb/components/splitbutton/split-button.css.
+import { css } from 'lit';
+export const styles = css `/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */@layer md.sys, md.comp.ripple, md.comp.focus-ring, md.comp.button;@layer md.comp.split-button{.split-btn{--between-space: 2px}.split-btn .btn{--icon-size: 0;--inner-corner-size: 0;--outer-corner-size: calc(var(--container-height) / 2);--leading-space: 0;--trailing-space: 0}.split-btn .btn-xs{--icon-size: 22px;--inner-corner-size: var(--md-sys-shape-corner-xs)}.split-btn .btn-xs:where(:nth-child(1 of .btn)){--leading-space: 12px;--trailing-space: 10px}.split-btn .btn-xs:where(:nth-last-child(1 of .btn)){--leading-space: 13px;--trailing-space: 13px}.split-btn .btn-xs:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-sm)}.split-btn .btn-xs:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-sm)}.split-btn .btn-sm{--icon-size: 22px;--inner-corner-size: var(--md-sys-shape-corner-xs)}.split-btn .btn-sm:where(:nth-child(1 of .btn)){--leading-space: 16px;--trailing-space: 12px}.split-btn .btn-sm:where(:nth-last-child(1 of .btn)){--leading-space: 13px;--trailing-space: 13px}.split-btn .btn-sm:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-sm:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-md{--icon-size: 26px;--inner-corner-size: var(--md-sys-shape-corner-xs)}.split-btn .btn-md:where(:nth-child(1 of .btn)){--leading-space: 24px;--trailing-space: 24px}.split-btn .btn-md:where(:nth-last-child(1 of .btn)){--leading-space: 15px;--trailing-space: 15px}.split-btn .btn-md:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-md:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-lg{--icon-size: 38px;--inner-corner-size: var(--md-sys-shape-corner-sm)}.split-btn .btn-lg:where(:nth-child(1 of .btn)){--leading-space: 48px;--trailing-space: 48px}.split-btn .btn-lg:where(:nth-last-child(1 of .btn)){--leading-space: 29px;--trailing-space: 29px}.split-btn .btn-lg:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn .btn-lg:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn .btn-xl{--icon-size: 50px;--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-xl:where(:nth-child(1 of .btn)){--leading-space: 64px;--trailing-space: 64px}.split-btn .btn-xl:where(:nth-last-child(1 of .btn)){--leading-space: 43px;--trailing-space: 43px}.split-btn .btn-xl:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn .btn-xl:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn:is(.split-btn-selected,:has(:popover-open)) :nth-last-child(1 of .btn){--inner-corner-size: calc(var(--container-height) / 2)}.split-btn{display:inline-flex;align-items:center;gap:var(--between-space)}.split-btn :nth-child(1 of .btn){border-start-start-radius:var(--outer-corner-size);border-end-start-radius:var(--outer-corner-size);border-start-end-radius:var(--inner-corner-size);border-end-end-radius:var(--inner-corner-size)}.split-btn :nth-last-child(1 of .btn){border-start-start-radius:var(--inner-corner-size);border-end-start-radius:var(--inner-corner-size);border-start-end-radius:var(--outer-corner-size);border-end-end-radius:var(--outer-corner-size)}.split-btn :nth-last-child(1 of .btn)::before{content:"arrow_drop_down";font:var(--md-icon-size) var(--md-icon-font);display:flex;align-items:center;aspect-ratio:1;width:var(--md-icon-size);overflow:hidden}.split-btn:is(.split-btn-selected,:has(:popover-open)) :nth-last-child(1 of .btn)::before{transform:rotate(180deg);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}}
+`;
+export default styles.styleSheet;
+//# sourceMappingURL=split-button.cssresult.js.map

package/labs/gb/components/splitbutton/split-button.cssresult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.cssresult.js","sourceRoot":"","sources":["split-button.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,8EAA8E;AAC9E,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/components/splitbutton/split-button.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, md.comp.ripple, md.comp.focus-ring, md.comp.button;@layer md.comp.split-button{.split-btn{--between-space: 2px}.split-btn .btn{--icon-size: 0;--inner-corner-size: 0;--outer-corner-size: calc(var(--container-height) / 2);--leading-space: 0;--trailing-space: 0}.split-btn .btn-xs{--icon-size: 22px;--inner-corner-size: var(--md-sys-shape-corner-xs)}.split-btn .btn-xs:where(:nth-child(1 of .btn)){--leading-space: 12px;--trailing-space: 10px}.split-btn .btn-xs:where(:nth-last-child(1 of .btn)){--leading-space: 13px;--trailing-space: 13px}.split-btn .btn-xs:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-sm)}.split-btn .btn-xs:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-sm)}.split-btn .btn-sm{--icon-size: 22px;--inner-corner-size: var(--md-sys-shape-corner-xs)}.split-btn .btn-sm:where(:nth-child(1 of .btn)){--leading-space: 16px;--trailing-space: 12px}.split-btn .btn-sm:where(:nth-last-child(1 of .btn)){--leading-space: 13px;--trailing-space: 13px}.split-btn .btn-sm:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-sm:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-md{--icon-size: 26px;--inner-corner-size: var(--md-sys-shape-corner-xs)}.split-btn .btn-md:where(:nth-child(1 of .btn)){--leading-space: 24px;--trailing-space: 24px}.split-btn .btn-md:where(:nth-last-child(1 of .btn)){--leading-space: 15px;--trailing-space: 15px}.split-btn .btn-md:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-md:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-lg{--icon-size: 38px;--inner-corner-size: var(--md-sys-shape-corner-sm)}.split-btn .btn-lg:where(:nth-child(1 of .btn)){--leading-space: 48px;--trailing-space: 48px}.split-btn .btn-lg:where(:nth-last-child(1 of .btn)){--leading-space: 29px;--trailing-space: 29px}.split-btn .btn-lg:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn .btn-lg:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn .btn-xl{--icon-size: 50px;--inner-corner-size: var(--md-sys-shape-corner-md)}.split-btn .btn-xl:where(:nth-child(1 of .btn)){--leading-space: 64px;--trailing-space: 64px}.split-btn .btn-xl:where(:nth-last-child(1 of .btn)){--leading-space: 43px;--trailing-space: 43px}.split-btn .btn-xl:where(:hover,.hover){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn .btn-xl:where(:active,.active){--inner-corner-size: var(--md-sys-shape-corner-lg-increased)}.split-btn:is(.split-btn-selected,:has(:popover-open)) :nth-last-child(1 of .btn){--inner-corner-size: calc(var(--container-height) / 2)}.split-btn{display:inline-flex;align-items:center;gap:var(--between-space)}.split-btn :nth-child(1 of .btn){border-start-start-radius:var(--outer-corner-size);border-end-start-radius:var(--outer-corner-size);border-start-end-radius:var(--inner-corner-size);border-end-end-radius:var(--inner-corner-size)}.split-btn :nth-last-child(1 of .btn){border-start-start-radius:var(--inner-corner-size);border-end-start-radius:var(--inner-corner-size);border-start-end-radius:var(--outer-corner-size);border-end-end-radius:var(--outer-corner-size)}.split-btn :nth-last-child(1 of .btn)::before{content:\"arrow_drop_down\";font:var(--md-icon-size) var(--md-icon-font);display:flex;align-items:center;aspect-ratio:1;width:var(--md-icon-size);overflow:hidden}.split-btn:is(.split-btn-selected,:has(:popover-open)) :nth-last-child(1 of .btn)::before{transform:rotate(180deg);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}}\n`;\nexport default styles.styleSheet!;\n"]}

package/labs/gb/components/splitbutton/split-button.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { type ClassInfo } from 'lit/directives/class-map.js';
+/** Split Button color configuration types. */
+export type SplitButtonColor = 'filled' | 'elevated' | 'tonal' | 'outlined';
+/** Split Button size configuration types. */
+export type SplitButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** Split Button classes. */
+export declare const SPLIT_BUTTON_CLASSES: {
+    readonly splitButton: "split-btn";
+    readonly splitButtonSelected: "split-btn-selected";
+};
+/** The state provided to the `splitButtonClasses()` function. */
+export interface SplitButtonClassesState {
+    /** Whether the split trailing button is selected. */
+    selected?: boolean;
+}
+/**
+ * Returns the split button classes to apply to an element based on the given
+ * state.
+ *
+ * @param state The state of the split button.
+ * @return An object of class names and truthy values if they apply.
+ */
+export declare function splitButtonClasses({ selected, }?: SplitButtonClassesState): ClassInfo;
+/**
+ * A Lit directive that adds split button styling and functionality to its
+ * element.
+ *
+ * @example
+ * ```ts
+ * html`
+ *   <div class="${splitButton()}">
+ *     <button class="${button({color: 'filled'})}">Label</button>
+ *     <button class="${button({color: 'filled'})}" popovertarget="menu"></button>
+ *     <md-menu id="menu">
+ *       <md-menu-item>Option 1</md-menu-item>
+ *       <md-menu-item>Option 2</md-menu-item>
+ *     </md-menu>
+ *   </div>
+ * `;
+ * ```
+ */
+export declare const splitButton: (state?: SplitButtonClassesState & import("@material/web/labs/gb/components/shared/directives.js").AdditionalClasses) => import("lit-html/directive.js").DirectiveResult;

package/labs/gb/components/splitbutton/split-button.js

@@ -0,0 +1,46 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { createClassMapDirective } from '@material/web/labs/gb/components/shared/directives.js';
+/** Split Button classes. */
+export const SPLIT_BUTTON_CLASSES = {
+    splitButton: 'split-btn',
+    splitButtonSelected: 'split-btn-selected',
+};
+/**
+ * Returns the split button classes to apply to an element based on the given
+ * state.
+ *
+ * @param state The state of the split button.
+ * @return An object of class names and truthy values if they apply.
+ */
+export function splitButtonClasses({ selected = false, } = {}) {
+    return {
+        [SPLIT_BUTTON_CLASSES.splitButton]: true,
+        [SPLIT_BUTTON_CLASSES.splitButtonSelected]: selected,
+    };
+}
+/**
+ * A Lit directive that adds split button styling and functionality to its
+ * element.
+ *
+ * @example
+ * ```ts
+ * html`
+ *   <div class="${splitButton()}">
+ *     <button class="${button({color: 'filled'})}">Label</button>
+ *     <button class="${button({color: 'filled'})}" popovertarget="menu"></button>
+ *     <md-menu id="menu">
+ *       <md-menu-item>Option 1</md-menu-item>
+ *       <md-menu-item>Option 2</md-menu-item>
+ *     </md-menu>
+ *   </div>
+ * `;
+ * ```
+ */
+export const splitButton = createClassMapDirective({
+    getClasses: splitButtonClasses,
+});
+//# sourceMappingURL=split-button.js.map

package/labs/gb/components/splitbutton/split-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.js","sourceRoot":"","sources":["split-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,uBAAuB,EAAC,MAAM,uDAAuD,CAAC;AAS9F,4BAA4B;AAC5B,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,WAAW,EAAE,WAAW;IACxB,mBAAmB,EAAE,oBAAoB;CACjC,CAAC;AAQX;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,GAAG,KAAK,MACW,EAAE;IAC7B,OAAO;QACL,CAAC,oBAAoB,CAAC,WAAW,CAAC,EAAE,IAAI;QACxC,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,EAAE,QAAQ;KACrD,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAAC;IACjD,UAAU,EAAE,kBAAkB;CAC/B,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {createClassMapDirective} from '@material/web/labs/gb/components/shared/directives.js';\nimport {type ClassInfo} from 'lit/directives/class-map.js';\n\n/** Split Button color configuration types. */\nexport type SplitButtonColor = 'filled' | 'elevated' | 'tonal' | 'outlined';\n\n/** Split Button size configuration types. */\nexport type SplitButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Split Button classes. */\nexport const SPLIT_BUTTON_CLASSES = {\n  splitButton: 'split-btn',\n  splitButtonSelected: 'split-btn-selected',\n} as const;\n\n/** The state provided to the `splitButtonClasses()` function. */\nexport interface SplitButtonClassesState {\n  /** Whether the split trailing button is selected. */\n  selected?: boolean;\n}\n\n/**\n * Returns the split button classes to apply to an element based on the given\n * state.\n *\n * @param state The state of the split button.\n * @return An object of class names and truthy values if they apply.\n */\nexport function splitButtonClasses({\n  selected = false,\n}: SplitButtonClassesState = {}): ClassInfo {\n  return {\n    [SPLIT_BUTTON_CLASSES.splitButton]: true,\n    [SPLIT_BUTTON_CLASSES.splitButtonSelected]: selected,\n  };\n}\n\n/**\n * A Lit directive that adds split button styling and functionality to its\n * element.\n *\n * @example\n * ```ts\n * html`\n *   <div class=\"${splitButton()}\">\n *     <button class=\"${button({color: 'filled'})}\">Label</button>\n *     <button class=\"${button({color: 'filled'})}\" popovertarget=\"menu\"></button>\n *     <md-menu id=\"menu\">\n *       <md-menu-item>Option 1</md-menu-item>\n *       <md-menu-item>Option 2</md-menu-item>\n *     </md-menu>\n *   </div>\n * `;\n * ```\n */\nexport const splitButton = createClassMapDirective({\n  getClasses: splitButtonClasses,\n});\n"]}

package/labs/gb/components/splitbutton/split-button.scss

@@ -0,0 +1,164 @@
+/*!
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+// go/keep-sorted start by_regex='(.+) prefix_order=sass:
+@use 'split-button-tokens';
+// go/keep-sorted end
+
+@layer md.sys, md.comp.ripple, md.comp.focus-ring, md.comp.button;
+@layer md.comp.split-button {
+  .split-btn {
+    @include split-button-tokens.root;
+
+    .btn {
+      @include split-button-tokens.button;
+    }
+
+    .btn-xs {
+      @include split-button-tokens.button-xs;
+
+      &:where(:nth-child(1 of .btn)) {
+        @include split-button-tokens.button-xs-leading;
+      }
+
+      &:where(:nth-last-child(1 of .btn)) {
+        @include split-button-tokens.button-xs-trailing;
+      }
+
+      &:where(:hover, .hover) {
+        @include split-button-tokens.button-xs-hovered;
+      }
+
+      &:where(:active, .active) {
+        @include split-button-tokens.button-xs-pressed;
+      }
+    }
+
+    .btn-sm {
+      @include split-button-tokens.button-sm;
+
+      &:where(:nth-child(1 of .btn)) {
+        @include split-button-tokens.button-sm-leading;
+      }
+
+      &:where(:nth-last-child(1 of .btn)) {
+        @include split-button-tokens.button-sm-trailing;
+      }
+
+      &:where(:hover, .hover) {
+        @include split-button-tokens.button-sm-hovered;
+      }
+
+      &:where(:active, .active) {
+        @include split-button-tokens.button-sm-pressed;
+      }
+    }
+
+    .btn-md {
+      @include split-button-tokens.button-md;
+
+      &:where(:nth-child(1 of .btn)) {
+        @include split-button-tokens.button-md-leading;
+      }
+
+      &:where(:nth-last-child(1 of .btn)) {
+        @include split-button-tokens.button-md-trailing;
+      }
+
+      &:where(:hover, .hover) {
+        @include split-button-tokens.button-md-hovered;
+      }
+
+      &:where(:active, .active) {
+        @include split-button-tokens.button-md-pressed;
+      }
+    }
+
+    .btn-lg {
+      @include split-button-tokens.button-lg;
+
+      &:where(:nth-child(1 of .btn)) {
+        @include split-button-tokens.button-lg-leading;
+      }
+
+      &:where(:nth-last-child(1 of .btn)) {
+        @include split-button-tokens.button-lg-trailing;
+      }
+
+      &:where(:hover, .hover) {
+        @include split-button-tokens.button-lg-hovered;
+      }
+
+      &:where(:active, .active) {
+        @include split-button-tokens.button-lg-pressed;
+      }
+    }
+
+    .btn-xl {
+      @include split-button-tokens.button-xl;
+
+      &:where(:nth-child(1 of .btn)) {
+        @include split-button-tokens.button-xl-leading;
+      }
+
+      &:where(:nth-last-child(1 of .btn)) {
+        @include split-button-tokens.button-xl-trailing;
+      }
+
+      &:where(:hover, .hover) {
+        @include split-button-tokens.button-xl-hovered;
+      }
+
+      &:where(:active, .active) {
+        @include split-button-tokens.button-xl-pressed;
+      }
+    }
+
+    &:is(.split-btn-selected, :has(:popover-open)) {
+      :nth-last-child(1 of .btn) {
+        @include split-button-tokens.button-trailing-selected;
+      }
+    }
+  }
+
+  .split-btn {
+    & {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--between-space);
+    }
+
+    :nth-child(1 of .btn) {
+      border-start-start-radius: var(--outer-corner-size);
+      border-end-start-radius: var(--outer-corner-size);
+      border-start-end-radius: var(--inner-corner-size);
+      border-end-end-radius: var(--inner-corner-size);
+    }
+
+    :nth-last-child(1 of .btn) {
+      border-start-start-radius: var(--inner-corner-size);
+      border-end-start-radius: var(--inner-corner-size);
+      border-start-end-radius: var(--outer-corner-size);
+      border-end-end-radius: var(--outer-corner-size);
+
+      &::before {
+        content: 'arrow_drop_down';
+        font: var(--md-icon-size) var(--md-icon-font);
+        display: flex;
+        align-items: center;
+        aspect-ratio: 1;
+        width: var(--md-icon-size);
+        overflow: hidden;
+      }
+    }
+
+    &:is(.split-btn-selected, :has(:popover-open))
+      :nth-last-child(1 of .btn)::before {
+      transform: rotate(180deg);
+      transition: transform var(--md-sys-motion-duration-short4)
+        var(--md-sys-motion-easing-standard);
+    }
+  }
+}

package/labs/gb/styles/tailwind.css

@@ -1,4 +1,4 @@
 /*!
  * Copyright 2026 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */@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)}@utility list-item{display:flex}/*# sourceMappingURL=tailwind.css.map */
+ */@layer theme, base, md, components, utilities;@theme{--spacing: calc(var(--md-sys-space-unit) / 2)}@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-s0: var(--md-sys-space-0);--spacing-s25: var(--md-sys-space-25);--spacing-s50: var(--md-sys-space-50);--spacing-s75: var(--md-sys-space-75);--spacing-s100: var(--md-sys-space-100);--spacing-s125: var(--md-sys-space-125);--spacing-s150: var(--md-sys-space-150);--spacing-s175: var(--md-sys-space-175);--spacing-s200: var(--md-sys-space-200);--spacing-s250: var(--md-sys-space-250);--spacing-s300: var(--md-sys-space-300);--spacing-s400: var(--md-sys-space-400);--spacing-s450: var(--md-sys-space-450);--spacing-s500: var(--md-sys-space-500);--spacing-s600: var(--md-sys-space-600);--spacing-s700: var(--md-sys-space-700);--spacing-s800: var(--md-sys-space-800);--spacing-s900: var(--md-sys-space-900);--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)}@utility p-*{padding:--value(--spacing-*)}@utility px-*{padding-inline:--value(--spacing-*)}@utility py-*{padding-block:--value(--spacing-*)}@utility pl-*{padding-inline-start:--value(--spacing-*)}@utility ps-*{padding-inline-start:--value(--spacing-*)}@utility pe-*{padding-inline-end:--value(--spacing-*)}@utility pr-*{padding-inline-end:--value(--spacing-*)}@utility pt-*{padding-block-start:--value(--spacing-*)}@utility pbs-*{padding-block-start:--value(--spacing-*)}@utility pb-*{padding-block-end:--value(--spacing-*)}@utility pbe-*{padding-block-end:--value(--spacing-*)}@utility m-*{margin:--value(--spacing-*)}@utility mx-*{margin-inline:--value(--spacing-*)}@utility my-*{margin-block:--value(--spacing-*)}@utility ml-*{margin-inline-start:--value(--spacing-*)}@utility ms-*{margin-inline-start:--value(--spacing-*)}@utility me-*{margin-inline-end:--value(--spacing-*)}@utility mr-*{margin-inline-end:--value(--spacing-*)}@utility mt-*{margin-block-start:--value(--spacing-*)}@utility mbs-*{margin-block-start:--value(--spacing-*)}@utility mb-*{margin-block-end:--value(--spacing-*)}@utility mbe-*{margin-block-end:--value(--spacing-*)}@utility gap-*{gap:--value(--spacing-*)}@utility gap-x-*{column-gap:--value(--spacing-*)}@utility gap-y-*{row-gap:--value(--spacing-*)}@utility list-item{display:flex}/*# sourceMappingURL=tailwind.css.map */

package/labs/gb/styles/tailwind.css.map

@@ -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,+DAKF,mBACE","file":"tailwind.css"}
+{"version":3,"sourceRoot":"","sources":["tailwind.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAQA,8CAEA,OACE,8CAGF,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,oCACA,sCACA,sCACA,sCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAGA,uBACA,uBACA,wBACA,wBACA,0BAIF,qBACE,4BACA,+CACA,oDAEF,gCACE,uCACA,+CACA,+DAIF,aACE,6BAEF,cACE,oCAEF,cACE,mCAEF,cACE,0CAEF,cACE,0CAEF,cACE,wCAEF,cACE,wCAEF,cACE,yCAEF,eACE,yCAEF,cACE,uCAEF,eACE,uCAEF,aACE,4BAEF,cACE,mCAEF,cACE,kCAEF,cACE,yCAEF,cACE,yCAEF,cACE,uCAEF,cACE,uCAEF,cACE,wCAEF,eACE,wCAEF,cACE,sCAEF,eACE,sCAEF,eACE,yBAEF,iBACE,gCAEF,iBACE,6BAKF,mBACE","file":"tailwind.css"}

package/labs/gb/styles/tailwind.cssresult.js

@@ -8,7 +8,7 @@ import { css } from 'lit';
 export const styles = css `/*!
  * Copyright 2026 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */@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)}@utility list-item{display:flex}
+ */@layer theme, base, md, components, utilities;@theme{--spacing: calc(var(--md-sys-space-unit) / 2)}@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-s0: var(--md-sys-space-0);--spacing-s25: var(--md-sys-space-25);--spacing-s50: var(--md-sys-space-50);--spacing-s75: var(--md-sys-space-75);--spacing-s100: var(--md-sys-space-100);--spacing-s125: var(--md-sys-space-125);--spacing-s150: var(--md-sys-space-150);--spacing-s175: var(--md-sys-space-175);--spacing-s200: var(--md-sys-space-200);--spacing-s250: var(--md-sys-space-250);--spacing-s300: var(--md-sys-space-300);--spacing-s400: var(--md-sys-space-400);--spacing-s450: var(--md-sys-space-450);--spacing-s500: var(--md-sys-space-500);--spacing-s600: var(--md-sys-space-600);--spacing-s700: var(--md-sys-space-700);--spacing-s800: var(--md-sys-space-800);--spacing-s900: var(--md-sys-space-900);--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)}@utility p-*{padding:--value(--spacing-*)}@utility px-*{padding-inline:--value(--spacing-*)}@utility py-*{padding-block:--value(--spacing-*)}@utility pl-*{padding-inline-start:--value(--spacing-*)}@utility ps-*{padding-inline-start:--value(--spacing-*)}@utility pe-*{padding-inline-end:--value(--spacing-*)}@utility pr-*{padding-inline-end:--value(--spacing-*)}@utility pt-*{padding-block-start:--value(--spacing-*)}@utility pbs-*{padding-block-start:--value(--spacing-*)}@utility pb-*{padding-block-end:--value(--spacing-*)}@utility pbe-*{padding-block-end:--value(--spacing-*)}@utility m-*{margin:--value(--spacing-*)}@utility mx-*{margin-inline:--value(--spacing-*)}@utility my-*{margin-block:--value(--spacing-*)}@utility ml-*{margin-inline-start:--value(--spacing-*)}@utility ms-*{margin-inline-start:--value(--spacing-*)}@utility me-*{margin-inline-end:--value(--spacing-*)}@utility mr-*{margin-inline-end:--value(--spacing-*)}@utility mt-*{margin-block-start:--value(--spacing-*)}@utility mbs-*{margin-block-start:--value(--spacing-*)}@utility mb-*{margin-block-end:--value(--spacing-*)}@utility mbe-*{margin-block-end:--value(--spacing-*)}@utility gap-*{gap:--value(--spacing-*)}@utility gap-x-*{column-gap:--value(--spacing-*)}@utility gap-y-*{row-gap:--value(--spacing-*)}@utility list-item{display:flex}
 `;
 export default styles.styleSheet;
 //# sourceMappingURL=tailwind.cssresult.js.map

package/labs/gb/styles/tailwind.cssresult.js.map

@@ -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)}@utility list-item{display:flex}\n`;\nexport default styles.styleSheet!;\n"]}
+{"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{--spacing: calc(var(--md-sys-space-unit) / 2)}@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-s0: var(--md-sys-space-0);--spacing-s25: var(--md-sys-space-25);--spacing-s50: var(--md-sys-space-50);--spacing-s75: var(--md-sys-space-75);--spacing-s100: var(--md-sys-space-100);--spacing-s125: var(--md-sys-space-125);--spacing-s150: var(--md-sys-space-150);--spacing-s175: var(--md-sys-space-175);--spacing-s200: var(--md-sys-space-200);--spacing-s250: var(--md-sys-space-250);--spacing-s300: var(--md-sys-space-300);--spacing-s400: var(--md-sys-space-400);--spacing-s450: var(--md-sys-space-450);--spacing-s500: var(--md-sys-space-500);--spacing-s600: var(--md-sys-space-600);--spacing-s700: var(--md-sys-space-700);--spacing-s800: var(--md-sys-space-800);--spacing-s900: var(--md-sys-space-900);--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)}@utility p-*{padding:--value(--spacing-*)}@utility px-*{padding-inline:--value(--spacing-*)}@utility py-*{padding-block:--value(--spacing-*)}@utility pl-*{padding-inline-start:--value(--spacing-*)}@utility ps-*{padding-inline-start:--value(--spacing-*)}@utility pe-*{padding-inline-end:--value(--spacing-*)}@utility pr-*{padding-inline-end:--value(--spacing-*)}@utility pt-*{padding-block-start:--value(--spacing-*)}@utility pbs-*{padding-block-start:--value(--spacing-*)}@utility pb-*{padding-block-end:--value(--spacing-*)}@utility pbe-*{padding-block-end:--value(--spacing-*)}@utility m-*{margin:--value(--spacing-*)}@utility mx-*{margin-inline:--value(--spacing-*)}@utility my-*{margin-block:--value(--spacing-*)}@utility ml-*{margin-inline-start:--value(--spacing-*)}@utility ms-*{margin-inline-start:--value(--spacing-*)}@utility me-*{margin-inline-end:--value(--spacing-*)}@utility mr-*{margin-inline-end:--value(--spacing-*)}@utility mt-*{margin-block-start:--value(--spacing-*)}@utility mbs-*{margin-block-start:--value(--spacing-*)}@utility mb-*{margin-block-end:--value(--spacing-*)}@utility mbe-*{margin-block-end:--value(--spacing-*)}@utility gap-*{gap:--value(--spacing-*)}@utility gap-x-*{column-gap:--value(--spacing-*)}@utility gap-y-*{row-gap:--value(--spacing-*)}@utility list-item{display:flex}\n`;\nexport default styles.styleSheet!;\n"]}

package/labs/gb/styles/tailwind.scss

@@ -7,6 +7,11 @@
 
 // Cascade `md` layer between `base` reset styles and `utilities` for overrides.
 @layer theme, base, md, components, utilities;
+// Non-inline theme to preserve Tailwind's default 4px spacing convention.
+@theme {
+  --spacing: calc(var(--md-sys-space-unit) / 2);
+}
+// Inline theme to replace Tailwind's default custom properties.
 @theme inline {
   // Color
   #{'--color-*'}: initial; // Do not use Tailwind's default color utilities.
@@ -221,7 +226,24 @@
   --shadow-2xl: initial; // Material does not have a 2xl shadow.
 
   // Space
-  --spacing: var(--md-sys-space-unit);
+  --spacing-s0: var(--md-sys-space-0);
+  --spacing-s25: var(--md-sys-space-25);
+  --spacing-s50: var(--md-sys-space-50);
+  --spacing-s75: var(--md-sys-space-75);
+  --spacing-s100: var(--md-sys-space-100);
+  --spacing-s125: var(--md-sys-space-125);
+  --spacing-s150: var(--md-sys-space-150);
+  --spacing-s175: var(--md-sys-space-175);
+  --spacing-s200: var(--md-sys-space-200);
+  --spacing-s250: var(--md-sys-space-250);
+  --spacing-s300: var(--md-sys-space-300);
+  --spacing-s400: var(--md-sys-space-400);
+  --spacing-s450: var(--md-sys-space-450);
+  --spacing-s500: var(--md-sys-space-500);
+  --spacing-s600: var(--md-sys-space-600);
+  --spacing-s700: var(--md-sys-space-700);
+  --spacing-s800: var(--md-sys-space-800);
+  --spacing-s900: var(--md-sys-space-900);
 
   // Breakpoints
   --breakpoint-sm: 600px; // medium
@@ -243,6 +265,83 @@
   font-variation-settings: #{'--value(--typescale-emphasized-*-axes)'};
 }
 
+// Add Material spacing utilities for padding, margin, and gap.
+@utility p-* {
+  padding: #{'--value(--spacing-*)'};
+}
+@utility px-* {
+  padding-inline: #{'--value(--spacing-*)'};
+}
+@utility py-* {
+  padding-block: #{'--value(--spacing-*)'};
+}
+@utility pl-* {
+  padding-inline-start: #{'--value(--spacing-*)'};
+}
+@utility ps-* {
+  padding-inline-start: #{'--value(--spacing-*)'};
+}
+@utility pe-* {
+  padding-inline-end: #{'--value(--spacing-*)'};
+}
+@utility pr-* {
+  padding-inline-end: #{'--value(--spacing-*)'};
+}
+@utility pt-* {
+  padding-block-start: #{'--value(--spacing-*)'};
+}
+@utility pbs-* {
+  padding-block-start: #{'--value(--spacing-*)'};
+}
+@utility pb-* {
+  padding-block-end: #{'--value(--spacing-*)'};
+}
+@utility pbe-* {
+  padding-block-end: #{'--value(--spacing-*)'};
+}
+@utility m-* {
+  margin: #{'--value(--spacing-*)'};
+}
+@utility mx-* {
+  margin-inline: #{'--value(--spacing-*)'};
+}
+@utility my-* {
+  margin-block: #{'--value(--spacing-*)'};
+}
+@utility ml-* {
+  margin-inline-start: #{'--value(--spacing-*)'};
+}
+@utility ms-* {
+  margin-inline-start: #{'--value(--spacing-*)'};
+}
+@utility me-* {
+  margin-inline-end: #{'--value(--spacing-*)'};
+}
+@utility mr-* {
+  margin-inline-end: #{'--value(--spacing-*)'};
+}
+@utility mt-* {
+  margin-block-start: #{'--value(--spacing-*)'};
+}
+@utility mbs-* {
+  margin-block-start: #{'--value(--spacing-*)'};
+}
+@utility mb-* {
+  margin-block-end: #{'--value(--spacing-*)'};
+}
+@utility mbe-* {
+  margin-block-end: #{'--value(--spacing-*)'};
+}
+@utility gap-* {
+  gap: #{'--value(--spacing-*)'};
+}
+@utility gap-x-* {
+  column-gap: #{'--value(--spacing-*)'};
+}
+@utility gap-y-* {
+  row-gap: #{'--value(--spacing-*)'};
+}
+
 // Override Tailwind's default `display: list-item` utility, which clashes
 // with the `.list-item` component class.
 @utility list-item {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@material/web",
-  "version": "2.4.2-nightly.8e14d5a.0",
+  "version": "2.4.2-nightly.95013d6.0",
   "publishConfig": {
     "access": "public"
   },