@m3e/core 1.0.0-rc.2 → 1.0.0-rc.3

package/dist/src/shared/primitives/TextHighlightElement.d.ts

@@ -0,0 +1,81 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+/**
+ * Highlights text which matches a given search term.
+ *
+ * @description
+ * Highlights all text ranges in slotted content that match a given search term using the CSS Custom Highlight API.
+ *
+ * @example
+ * The following example illustrates highlighting "Lor".
+ * ```html
+ * <m3e-text-highlight term="Lor">
+ *  <p>
+ *    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+ *    ut labore et dolore magna aliqua.
+ *  </p>
+ * </m3e-text-highlight>
+ * ```
+ *
+ * @tag m3e-text-highlight
+ *
+ * @slot - Renders the content to highlight.
+ *
+ * @attr case-sensitive - A value indicating whether matching is case sensitive.
+ * @attr disabled - A value indicating whether text highlighting is disabled.
+ * @attr term - The term to highlight.
+ *
+ * @fires highlight - Emitted when content is highlighted.
+ *
+ * @cssprop --m3e-text-highlight-container-color - Background color applied to highlighted text ranges.
+ * @cssprop --m3e-text-highlight-color - Foreground color of highlighted text content.
+ * @cssprop --m3e-text-highlight-decoration - Optional text decoration (e.g., underline, line-through) for highlighted text.
+ * @cssprop --m3e-text-highlight-shadow - Optional text shadow for emphasis or contrast.
+ */
+export declare class M3eTextHighlightElement extends LitElement {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private static __nextId;
+    constructor();
+    /**
+     * A value indicating whether text highlighting is disabled.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * The term to highlight.
+     * @default ""
+     */
+    term: string;
+    /**
+     * A value indicating whether matching is case sensitive.
+     * @default false
+     */
+    caseSensitive: boolean;
+    /** A value indicating whether text highlighting is supported by the browser. */
+    get isSupported(): boolean;
+    /** The ranges that match the current term. */
+    get ranges(): readonly Range[];
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    protected updated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+interface M3eTextHighlightElementEventMap extends HTMLElementEventMap {
+    highlight: CustomEvent<readonly Range[]>;
+}
+export interface M3eTextHighlightElement {
+    addEventListener<K extends keyof M3eTextHighlightElementEventMap>(type: K, listener: (this: M3eTextHighlightElement, ev: M3eTextHighlightElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof M3eTextHighlightElementEventMap>(type: K, listener: (this: M3eTextHighlightElement, ev: M3eTextHighlightElementEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-text-highlight": M3eTextHighlightElement;
+    }
+}
+export {};
+//# sourceMappingURL=TextHighlightElement.d.ts.map

package/dist/src/shared/primitives/TextHighlightElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextHighlightElement.d.ts","sourceRoot":"","sources":["../../../../src/shared/primitives/TextHighlightElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAkB,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAKjG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,qBACa,uBAAwB,SAAQ,UAAU;;IACrD,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAIpC;IAEF,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAK;;IAwB5C;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACS,IAAI,SAAM;IAEtB;;;OAGG;IACuD,aAAa,UAAS;IAEhF,gFAAgF;IAChF,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,8CAA8C;IAC9C,IAAI,MAAM,IAAI,SAAS,KAAK,EAAE,CAE7B;IAED,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQzE,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY1E,kBAAkB;cACC,MAAM,IAAI,OAAO;CAqGrC;AAED,UAAU,+BAAgC,SAAQ,mBAAmB;IACnE,SAAS,EAAE,WAAW,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,CAAC,CAAC,SAAS,MAAM,+BAA+B,EAC9D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,EAAE,EAAE,+BAA+B,CAAC,CAAC,CAAC,KAAK,IAAI,EACzF,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,mBAAmB,CAAC,CAAC,SAAS,MAAM,+BAA+B,EACjE,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,EAAE,EAAE,+BAA+B,CAAC,CAAC,CAAC,KAAK,IAAI,EACzF,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;IAER,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;CACT;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}

package/dist/src/shared/primitives/TextOverflowElement.d.ts

@@ -0,0 +1,38 @@
+import { CSSResultGroup, LitElement } from "lit";
+/**
+ * An inline container which presents an ellipsis when content overflows.
+ *
+ * @description
+ * The `m3e-text-overflow` component truncates inline content with an ellipsis when it
+ * exceeds the available width. It's intended for use inside flex or otherwise
+ * constrained containers to preserve layout while providing predictable, single-line
+ * truncation behavior for long text.
+ *
+ * @example
+ * A typical usage inside a flex container where the heading and trailing actions are
+ * constrained, allowing the center text to truncate with an ellipsis.
+ *
+ * ```html
+ * <div style="display:flex;align-items:center;gap:12px;">
+ *   <m3e-icon name="menu"></m3e-icon>
+ *   <m3e-text-overflow>Very long title or breadcrumb that should truncate gracefully</m3e-text-overflow>
+ *   <m3e-icon name="more_vert"></m3e-icon>
+ * </div>
+ * ```
+ *
+ * @tag m3e-text-overflow
+ *
+ * @slot - Renders the content to truncate with an ellipsis.
+ */
+export declare class M3eTextOverflowElement extends LitElement {
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-text-overflow": M3eTextOverflowElement;
+    }
+}
+//# sourceMappingURL=TextOverflowElement.d.ts.map

package/dist/src/shared/primitives/TextOverflowElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextOverflowElement.d.ts","sourceRoot":"","sources":["../../../../src/shared/primitives/TextOverflowElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAepC;IAEF,kBAAkB;cACC,MAAM,IAAI,OAAO;CAGrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/dist/src/shared/primitives/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./CollapsibleElement";
+export * from "./ElevationElement";
+export * from "./ElevationLevel";
+export * from "./FocusRingElement";
+export * from "./PseudoCheckboxElement";
+export * from "./PseudoRadioElement";
+export * from "./RippleElement";
+export * from "./ScrollContainerElement";
+export * from "./ScrollDividers";
+export * from "./SlideElement";
+export * from "./StateLayerElement";
+export * from "./TextOverflowElement";
+export * from "./TextHighlightElement";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/shared/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}

package/dist/src/shared/tokens/ColorToken.d.ts

@@ -0,0 +1,96 @@
+/** Design tokens that control color. */
+export declare const ColorToken: {
+    /** High-emphasis fills, texts, and icons against surface. */
+    readonly primary: import("lit").CSSResult;
+    /** Text and icons against primary. */
+    readonly onPrimary: import("lit").CSSResult;
+    /** Standout fill color against surface, for key components. */
+    readonly primaryContainer: import("lit").CSSResult;
+    /** Text and icons against primary container. */
+    readonly onPrimaryContainer: import("lit").CSSResult;
+    /** High-emphasis fills, texts, and icons that maintain the same tone in light and dark themes. */
+    readonly primaryFixed: import("lit").CSSResult;
+    /** High-emphasis fills, texts, and icons that maintain the same stronger tone in light and dark themes. */
+    readonly primaryFixedDim: import("lit").CSSResult;
+    /** Text and icons against fixed primary. */
+    readonly onPrimaryFixed: import("lit").CSSResult;
+    /** Lower-emphasis text and icons against fixed primary. */
+    readonly onPrimaryFixedVariant: import("lit").CSSResult;
+    /** Less prominent fills, text, and icons against surface. */
+    readonly secondary: import("lit").CSSResult;
+    /** Text and icons against secondary. */
+    readonly onSecondary: import("lit").CSSResult;
+    /** Less prominent fill color against surface, for recessive components. */
+    readonly secondaryContainer: import("lit").CSSResult;
+    /** Text and icons against secondary container. */
+    readonly onSecondaryContainer: import("lit").CSSResult;
+    /** Less prominent fills, texts, and icons that maintain the same tone in light and dark themes. */
+    readonly secondaryFixed: import("lit").CSSResult;
+    /** Less prominent fills, texts, and icons that maintain the same stronger tone in light and dark themes. */
+    readonly secondaryFixedDim: import("lit").CSSResult;
+    /** Text and icons against fixed secondary. */
+    readonly onSecondaryFixed: import("lit").CSSResult;
+    /** Lower-emphasis text and icons against fixed secondary. */
+    readonly onSecondaryFixedVariant: import("lit").CSSResult;
+    /** Complementary fills, text, and icons against surface. */
+    readonly tertiary: import("lit").CSSResult;
+    /** Text and icons against tertiary. */
+    readonly onTertiary: import("lit").CSSResult;
+    /** Complementary container color against surface. */
+    readonly tertiaryContainer: import("lit").CSSResult;
+    /** Text and icons against tertiary container. */
+    readonly onTertiaryContainer: import("lit").CSSResult;
+    /** Complementary fills, texts, and icons that maintain the same tone in light and dark themes. */
+    readonly tertiaryFixed: import("lit").CSSResult;
+    /** Complementary fills, texts, and icons that maintain the same stronger tone in light and dark themes. */
+    readonly tertiaryFixedDim: import("lit").CSSResult;
+    /** Text and icons against fixed tertiary. */
+    readonly onTertiaryFixed: import("lit").CSSResult;
+    /** Lower-emphasis text and icons against fixed tertiary. */
+    readonly onTertiaryFixedVariant: import("lit").CSSResult;
+    /** Attention-grabbing color against surface for fills, icons, and text, indicating urgency. */
+    readonly error: import("lit").CSSResult;
+    /** Text and icons against error. */
+    readonly onError: import("lit").CSSResult;
+    /** Attention-grabbing fill color against surface. */
+    readonly errorContainer: import("lit").CSSResult;
+    /** Text and icons against error container. */
+    readonly onErrorContainer: import("lit").CSSResult;
+    /** Default color for backgrounds. */
+    readonly surface: import("lit").CSSResult;
+    /** Text and icons against any surface color. */
+    readonly onSurface: import("lit").CSSResult;
+    /** Lower-emphasis color for text and icons against any surface color. */
+    readonly onSurfaceVariant: import("lit").CSSResult;
+    /** Lowest-emphasis container color. */
+    readonly surfaceContainerLowest: import("lit").CSSResult;
+    /** Low-emphasis container color. */
+    readonly surfaceContainerLow: import("lit").CSSResult;
+    /** Default container color. */
+    readonly surfaceContainer: import("lit").CSSResult;
+    /** High-emphasis container color. */
+    readonly surfaceContainerHigh: import("lit").CSSResult;
+    /** Highest-emphasis container color. */
+    readonly surfaceContainerHighest: import("lit").CSSResult;
+    /** Dimmest surface color in light and dark themes. */
+    readonly surfaceDim: import("lit").CSSResult;
+    /** Brightest surface color in light and dark themes. */
+    readonly surfaceBright: import("lit").CSSResult;
+    /** Alternate surface color, can be used for active states. */
+    readonly surfaceVariant: import("lit").CSSResult;
+    /** Background fills for elements which contrast against surface. */
+    readonly inverseSurface: import("lit").CSSResult;
+    /** Text and icons against inverse surface. */
+    readonly inverseOnSurface: import("lit").CSSResult;
+    /** Primary text and icons against inverse surface. */
+    readonly inversePrimary: import("lit").CSSResult;
+    /** Important boundaries, such as a text field outline. */
+    readonly outline: import("lit").CSSResult;
+    /** Decorative elements, such as dividers. */
+    readonly outlineVariant: import("lit").CSSResult;
+    /** Elevation shadow color. */
+    readonly shadow: import("lit").CSSResult;
+    /** Backdrop which obscures underlying content. */
+    readonly scrim: import("lit").CSSResult;
+};
+//# sourceMappingURL=ColorToken.d.ts.map

package/dist/src/shared/tokens/ColorToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorToken.d.ts","sourceRoot":"","sources":["../../../../src/shared/tokens/ColorToken.ts"],"names":[],"mappings":"AAEA,wCAAwC;AACxC,eAAO,MAAM,UAAU;IACrB,6DAA6D;;IAG7D,sCAAsC;;IAGtC,+DAA+D;;IAG/D,gDAAgD;;IAGhD,kGAAkG;;IAGlG,2GAA2G;;IAG3G,4CAA4C;;IAG5C,2DAA2D;;IAG3D,6DAA6D;;IAG7D,wCAAwC;;IAGxC,2EAA2E;;IAG3E,kDAAkD;;IAGlD,mGAAmG;;IAGnG,4GAA4G;;IAG5G,8CAA8C;;IAG9C,6DAA6D;;IAG7D,4DAA4D;;IAG5D,uCAAuC;;IAGvC,qDAAqD;;IAGrD,iDAAiD;;IAGjD,kGAAkG;;IAGlG,2GAA2G;;IAG3G,6CAA6C;;IAG7C,4DAA4D;;IAG5D,+FAA+F;;IAG/F,oCAAoC;;IAGpC,qDAAqD;;IAGrD,8CAA8C;;IAG9C,qCAAqC;;IAGrC,gDAAgD;;IAGhD,yEAAyE;;IAGzE,uCAAuC;;IAGvC,oCAAoC;;IAGpC,+BAA+B;;IAG/B,qCAAqC;;IAGrC,wCAAwC;;IAGxC,sDAAsD;;IAGtD,wDAAwD;;IAGxD,8DAA8D;;IAG9D,oEAAoE;;IAGpE,8CAA8C;;IAG9C,sDAAsD;;IAGtD,0DAA0D;;IAG1D,6CAA6C;;IAG7C,8BAA8B;;IAG9B,kDAAkD;;CAE1C,CAAC"}

package/dist/src/shared/tokens/DensityToken.d.ts

@@ -0,0 +1,15 @@
+import { CSSResult } from "lit";
+/** Design tokens that control density. */
+export declare const DensityToken: {
+    /**
+     * Creates a CSS `calc` that calculates a dimension based on density.
+     * @param {number} minScale The minimum supported scale.
+     * @returns {CSSResult} A CSS `calc` used to calculate a dimension based on density.
+     */
+    readonly calc: (minScale: number) => CSSResult;
+    /** Base density multiplier. */
+    readonly scale: CSSResult;
+    /** Spatial unit used to scale component dimensions based on density. */
+    readonly size: CSSResult;
+};
+//# sourceMappingURL=DensityToken.d.ts.map

package/dist/src/shared/tokens/DensityToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DensityToken.d.ts","sourceRoot":"","sources":["../../../../src/shared/tokens/DensityToken.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAU3C,0CAA0C;AAC1C,eAAO,MAAM,YAAY;IAGvB;;;;OAIG;8BACY,MAAM,KAAG,SAAS;IAhBjC,+BAA+B;;IAG/B,wEAAwE;;CAgBhE,CAAC"}

package/dist/src/shared/tokens/DesignToken.d.ts

@@ -0,0 +1,366 @@
+/** Design tokens used to style components. */
+export declare const DesignToken: {
+    /** Design tokens that control color. */
+    readonly color: {
+        readonly primary: import("lit").CSSResult;
+        readonly onPrimary: import("lit").CSSResult;
+        readonly primaryContainer: import("lit").CSSResult;
+        readonly onPrimaryContainer: import("lit").CSSResult;
+        readonly primaryFixed: import("lit").CSSResult;
+        readonly primaryFixedDim: import("lit").CSSResult;
+        readonly onPrimaryFixed: import("lit").CSSResult;
+        readonly onPrimaryFixedVariant: import("lit").CSSResult;
+        readonly secondary: import("lit").CSSResult;
+        readonly onSecondary: import("lit").CSSResult;
+        readonly secondaryContainer: import("lit").CSSResult;
+        readonly onSecondaryContainer: import("lit").CSSResult;
+        readonly secondaryFixed: import("lit").CSSResult;
+        readonly secondaryFixedDim: import("lit").CSSResult;
+        readonly onSecondaryFixed: import("lit").CSSResult;
+        readonly onSecondaryFixedVariant: import("lit").CSSResult;
+        readonly tertiary: import("lit").CSSResult;
+        readonly onTertiary: import("lit").CSSResult;
+        readonly tertiaryContainer: import("lit").CSSResult;
+        readonly onTertiaryContainer: import("lit").CSSResult;
+        readonly tertiaryFixed: import("lit").CSSResult;
+        readonly tertiaryFixedDim: import("lit").CSSResult;
+        readonly onTertiaryFixed: import("lit").CSSResult;
+        readonly onTertiaryFixedVariant: import("lit").CSSResult;
+        readonly error: import("lit").CSSResult;
+        readonly onError: import("lit").CSSResult;
+        readonly errorContainer: import("lit").CSSResult;
+        readonly onErrorContainer: import("lit").CSSResult;
+        readonly surface: import("lit").CSSResult;
+        readonly onSurface: import("lit").CSSResult;
+        readonly onSurfaceVariant: import("lit").CSSResult;
+        readonly surfaceContainerLowest: import("lit").CSSResult;
+        readonly surfaceContainerLow: import("lit").CSSResult;
+        readonly surfaceContainer: import("lit").CSSResult;
+        readonly surfaceContainerHigh: import("lit").CSSResult;
+        readonly surfaceContainerHighest: import("lit").CSSResult;
+        readonly surfaceDim: import("lit").CSSResult;
+        readonly surfaceBright: import("lit").CSSResult;
+        readonly surfaceVariant: import("lit").CSSResult;
+        readonly inverseSurface: import("lit").CSSResult;
+        readonly inverseOnSurface: import("lit").CSSResult;
+        readonly inversePrimary: import("lit").CSSResult;
+        readonly outline: import("lit").CSSResult;
+        readonly outlineVariant: import("lit").CSSResult;
+        readonly shadow: import("lit").CSSResult;
+        readonly scrim: import("lit").CSSResult;
+    };
+    /** Design tokens that control elevation. */
+    readonly elevation: {
+        readonly level0: import("lit").CSSResult;
+        readonly level1: import("lit").CSSResult;
+        readonly level2: import("lit").CSSResult;
+        readonly level3: import("lit").CSSResult;
+        readonly level4: import("lit").CSSResult;
+        readonly level5: import("lit").CSSResult;
+    };
+    /** Design tokens that control motion. */
+    readonly motion: {
+        readonly easing: {
+            readonly emphasized: import("lit").CSSResult;
+            readonly emphasizedDecelerate: import("lit").CSSResult;
+            readonly emphasizedAccelerate: import("lit").CSSResult;
+            readonly standard: import("lit").CSSResult;
+            readonly standardDecelerate: import("lit").CSSResult;
+            readonly standardAccelerate: import("lit").CSSResult;
+        };
+        readonly duration: {
+            readonly short1: import("lit").CSSResult;
+            readonly short2: import("lit").CSSResult;
+            readonly short3: import("lit").CSSResult;
+            readonly short4: import("lit").CSSResult;
+            readonly medium1: import("lit").CSSResult;
+            readonly medium2: import("lit").CSSResult;
+            readonly medium3: import("lit").CSSResult;
+            readonly medium4: import("lit").CSSResult;
+            readonly long1: import("lit").CSSResult;
+            readonly long2: import("lit").CSSResult;
+            readonly long3: import("lit").CSSResult;
+            readonly long4: import("lit").CSSResult;
+            readonly extraLong1: import("lit").CSSResult;
+            readonly extraLong2: import("lit").CSSResult;
+            readonly extraLong3: import("lit").CSSResult;
+            readonly extraLong4: import("lit").CSSResult;
+        };
+        readonly spring: {
+            readonly fastSpatial: import("lit").CSSResult;
+            readonly defaultSpatial: import("lit").CSSResult;
+            readonly slowSpatial: import("lit").CSSResult;
+            readonly fastEffects: import("lit").CSSResult;
+            readonly defaultEffects: import("lit").CSSResult;
+            readonly slowEffects: import("lit").CSSResult;
+        };
+    };
+    /** Design tokens that control shape. */
+    readonly shape: {
+        readonly corner: {
+            readonly full: import("lit").CSSResult;
+            readonly extraLargeTop: import("lit").CSSResult;
+            readonly extraLarge: import("lit").CSSResult;
+            readonly extraLargeEnd: import("lit").CSSResult;
+            readonly extraLargeStart: import("lit").CSSResult;
+            readonly largeTop: import("lit").CSSResult;
+            readonly largeEnd: import("lit").CSSResult;
+            readonly largeStart: import("lit").CSSResult;
+            readonly large: import("lit").CSSResult;
+            readonly medium: import("lit").CSSResult;
+            readonly mediumTop: import("lit").CSSResult;
+            readonly mediumEnd: import("lit").CSSResult;
+            readonly mediumStart: import("lit").CSSResult;
+            readonly small: import("lit").CSSResult;
+            readonly smallTop: import("lit").CSSResult;
+            readonly smallEnd: import("lit").CSSResult;
+            readonly smallStart: import("lit").CSSResult;
+            readonly extraSmallTop: import("lit").CSSResult;
+            readonly extraSmall: import("lit").CSSResult;
+            readonly extraSmallEnd: import("lit").CSSResult;
+            readonly extraSmallStart: import("lit").CSSResult;
+            readonly extraSmallBottom: import("lit").CSSResult;
+            readonly none: import("lit").CSSResult;
+            readonly largeIncreased: import("lit").CSSResult;
+            readonly extraLargeIncreased: import("lit").CSSResult;
+            readonly extraExtraLarge: import("lit").CSSResult;
+            readonly value: {
+                readonly none: import("lit").CSSResult;
+                readonly extraSmall: import("lit").CSSResult;
+                readonly small: import("lit").CSSResult;
+                readonly medium: import("lit").CSSResult;
+                readonly large: import("lit").CSSResult;
+                readonly largeIncreased: import("lit").CSSResult;
+                readonly extraLarge: import("lit").CSSResult;
+                readonly extraLargeIncreased: import("lit").CSSResult;
+                readonly extraExtraLarge: import("lit").CSSResult;
+            };
+        };
+    };
+    /** Design tokens that control state layer. */
+    readonly state: {
+        readonly focusStateLayerOpacity: import("lit").CSSResult;
+        readonly hoverStateLayerOpacity: import("lit").CSSResult;
+        readonly pressedStateLayerOpacity: import("lit").CSSResult;
+    };
+    /** Design tokens that control typescale. */
+    readonly typescale: {
+        readonly standard: {
+            readonly display: {
+                readonly large: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly medium: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly small: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+            };
+            readonly headline: {
+                readonly large: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly medium: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly small: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+            };
+            readonly title: {
+                readonly large: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly medium: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly small: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+            };
+            readonly body: {
+                readonly large: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly medium: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly small: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+            };
+            readonly label: {
+                readonly large: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly medium: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly small: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+            };
+        };
+        readonly emphasized: {
+            readonly display: {
+                readonly large: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly medium: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly small: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+            };
+            readonly headline: {
+                readonly large: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly medium: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly small: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+            };
+            readonly title: {
+                readonly large: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly medium: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly small: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+            };
+            readonly body: {
+                readonly large: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly medium: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly small: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+            };
+            readonly label: {
+                readonly large: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly medium: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+                readonly small: {
+                    readonly fontSize: import("lit").CSSResult;
+                    readonly fontWeight: import("lit").CSSResult;
+                    readonly lineHeight: import("lit").CSSResult;
+                    readonly tracking: import("lit").CSSResult;
+                };
+            };
+        };
+    };
+    /** Design tokens that control scrollbars. */
+    readonly scrollbar: {
+        readonly width: import("lit").CSSResult;
+        readonly thinWidth: import("lit").CSSResult;
+        readonly color: import("lit").CSSResult;
+    };
+    /** Design tokens that control density. */
+    readonly density: {
+        readonly calc: (minScale: number) => import("lit").CSSResult;
+        readonly scale: import("lit").CSSResult;
+        readonly size: import("lit").CSSResult;
+    };
+};
+//# sourceMappingURL=DesignToken.d.ts.map

package/dist/src/shared/tokens/DesignToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignToken.d.ts","sourceRoot":"","sources":["../../../../src/shared/tokens/DesignToken.ts"],"names":[],"mappings":"AASA,8CAA8C;AAC9C,eAAO,MAAM,WAAW;IACtB,wCAAwC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGxC,4CAA4C;;;;;;;;;IAG5C,yCAAyC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGzC,wCAAwC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGxC,8CAA8C;;;;;;IAG9C,4CAA4C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAG5C,6CAA6C;;;;;;IAG7C,0CAA0C;;;;;;CAElC,CAAC"}

package/dist/src/shared/tokens/ElevationToken.d.ts

@@ -0,0 +1,16 @@
+/** Design tokens that control elevation. */
+export declare const ElevationToken: {
+    /** Level 0 elevation. */
+    readonly level0: import("lit").CSSResult;
+    /** Level 1 elevation. */
+    readonly level1: import("lit").CSSResult;
+    /** Level 2 elevation. */
+    readonly level2: import("lit").CSSResult;
+    /** Level 3 elevation. */
+    readonly level3: import("lit").CSSResult;
+    /** Level 4 elevation. */
+    readonly level4: import("lit").CSSResult;
+    /** Level 5 elevation. */
+    readonly level5: import("lit").CSSResult;
+};
+//# sourceMappingURL=ElevationToken.d.ts.map