@m3e/web 2.0.0

package/dist/src/core/shared/primitives/StateLayerElement.d.ts

@@ -0,0 +1,83 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+declare const M3eStateLayerElement_base: import("../mixins/Constructor").Constructor<import("..").HtmlForMixin> & import("../mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * Provides focus and hover state layer treatment for an interactive element.
+ *
+ * @description
+ * The `m3e-state-layer` component is an absolute positioned element used to depict hover and focus overlays.
+ * The parenting element must be a relative positioned element.
+ *
+ * This element can be attached to an interactive element using the `for` attribute or programmatically using the `attach` method.
+ * The state layer is displayed when the interactive element is either hovered or focused.  This can be disabled using
+ * the `disabled` attribute.
+ *
+ * @example
+ * The following example illustrates attaching a state layer to an interactive element. In this example, the parenting div
+ * has relative positioning and is given an `id` referenced by `m3e-state-layer` using the `for` attribute.  Note that `#myDiv`
+ * is not used when specifying the attached element's identifier.  The `#` is inferred.
+ *
+ * ```html
+ * <div id="myDiv" tabindex="0" style="position: relative;">
+ *  <m3e-state-layer for="myDiv"></m3e-state-layer>
+ * <div>
+ * ```
+ *
+ * @tag m3e-state-layer
+ *
+ * @attr disabled - Whether hover and focus events will not trigger the state layer. State layers can still be controlled manually using the `show` and `hide` methods.
+ * @attr disable-hover - Whether hover events will not trigger the state layer. State layers can still be controlled manually using the `show` and `hide` methods.
+ *
+ * @cssprop --m3e-state-layer-duration - Duration of state layer changes.
+ * @cssprop --m3e-state-layer-easing - Easing curve of state layer changes.
+ * @cssprop --m3e-state-layer-focus-color - Color on hover.
+ * @cssprop --m3e-state-layer-focus-opacity - Opacity on focus.
+ * @cssprop --m3e-state-layer-hover-color - Color on hover.
+ * @cssprop --m3e-state-layer-hover-opacity - Opacity on hover.
+ */
+export declare class M3eStateLayerElement extends M3eStateLayerElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private readonly _layer?;
+    /**
+     * Whether hover and focus events will not trigger the state layer. State layers can still
+     * be controlled manually using the `show` and `hide` methods.
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Whether hover events will not trigger the state layer. State layers can still
+     * be controlled manually using the `show` and `hide` methods.
+     * @default false
+     */
+    disableHover: boolean;
+    /**
+     * Launches a manual state layer.
+     * @param {"hover" | "focused"} state The state of the layer to show.
+     */
+    show(state: "hover" | "focused"): void;
+    /**
+     * Hides the state layer.
+     * @param {"hover" | "focused"} state The state of the layer to hide.
+     */
+    hide(state: "hover" | "focused"): void;
+    /** @inheritdoc */
+    attach(control: HTMLElement): void;
+    /** @inheritdoc */
+    detach(): void;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected updated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-state-layer": M3eStateLayerElement;
+    }
+}
+export {};
+//# sourceMappingURL=StateLayerElement.d.ts.map

package/dist/src/core/shared/primitives/StateLayerElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateLayerElement.d.ts","sourceRoot":"","sources":["../../../../../src/core/shared/primitives/StateLayerElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;;AAQvF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBACa,oBAAqB,SAAQ,yBAAiC;;IACzE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAkCpC;IAcF,eAAe,CAAkB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAc;IAEvE;;;;OAIG;IACyC,QAAQ,UAAS;IAE7D;;;;OAIG;IACqE,YAAY,UAAS;IAE7F;;;OAGG;IACH,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAItC;;;OAGG;IACH,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI;IAItC,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAM3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAQvB,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAOrC,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY1E,kBAAkB;cACC,MAAM,IAAI,OAAO;CAyBrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/dist/src/core/shared/primitives/StateLayerToken.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Component design tokens that control the `M3eStateLayerElement`.
+ * @internal
+ */
+export declare const StateLayerToken: {
+    readonly hoverColor: import("lit").CSSResult;
+    readonly hoverOpacity: import("lit").CSSResult;
+    readonly focusColor: import("lit").CSSResult;
+    readonly focusOpacity: import("lit").CSSResult;
+    readonly duration: import("lit").CSSResult;
+    readonly easing: import("lit").CSSResult;
+};
+//# sourceMappingURL=StateLayerToken.d.ts.map

package/dist/src/core/shared/primitives/StateLayerToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateLayerToken.d.ts","sourceRoot":"","sources":["../../../../../src/core/shared/primitives/StateLayerToken.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC"}

package/dist/src/core/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/core/shared/primitives/TextHighlightElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextHighlightElement.d.ts","sourceRoot":"","sources":["../../../../../src/core/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/core/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/core/shared/primitives/TextOverflowElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextOverflowElement.d.ts","sourceRoot":"","sources":["../../../../../src/core/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/core/shared/primitives/index.d.ts

@@ -0,0 +1,15 @@
+export * from "./ActionElementBase";
+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/core/shared/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/shared/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,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/core/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/core/shared/tokens/ColorToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorToken.d.ts","sourceRoot":"","sources":["../../../../../src/core/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/core/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/core/shared/tokens/DensityToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DensityToken.d.ts","sourceRoot":"","sources":["../../../../../src/core/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"}