igniteui-webcomponents 5.3.0-beta.1 → 5.3.0-beta.3

package/components/expansion-panel/themes/expansion-panel.base.css.d.ts

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

package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.d.ts

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

package/components/expansion-panel/themes/light/expansion-panel.fluent.css.d.ts

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

package/components/expansion-panel/themes/light/expansion-panel.indigo.css.d.ts

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

package/components/expansion-panel/themes/light/expansion-panel.material.css.d.ts

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

package/components/expansion-panel/themes/light/expansion-panel.shared.css.d.ts

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

package/components/expansion-panel/themes/shared/expansion-panel.bootstrap.css.d.ts

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

package/components/expansion-panel/themes/shared/expansion-panel.common.css.d.ts

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

package/components/expansion-panel/themes/shared/expansion-panel.fluent.css.d.ts

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

package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.d.ts

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

package/components/expansion-panel/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/focus-trap/focus-trap.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+/**
+ *
+ * @element igc-focus-trap
+ *
+ * @slot - The content of the focus trap component
+ */
+export default class IgcFocusTrapComponent extends LitElement {
+    static readonly tagName = "igc-focus-trap";
+    static styles: import("lit").CSSResult;
+    static register(): void;
+    protected _focused: boolean;
+    /**
+     * Whether to manage focus state for the slotted children.
+     * @attr disabled
+     */
+    disabled: boolean;
+    /**
+     * Whether focus in currently inside the trap component.
+     */
+    get focused(): boolean;
+    /** An array of focusable elements including elements in Shadow roots */
+    get focusableElements(): HTMLElement[];
+    constructor();
+    private onFocusIn;
+    private onFocusOut;
+    focusFirstElement(): void;
+    focusLastElement(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-focus-trap': IgcFocusTrapComponent;
+    }
+}

package/components/icon/icon-references.d.ts

@@ -0,0 +1,28 @@
+/** READ BEFORE YOU MODIFY THIS FILE!
+ *
+ * Before you add/modify an icon reference, please think about the semantics of the icon you are adding/modifying.
+ *
+ * Icon aliases have sematic meaning depending on the context in which they are used.
+ * For instance, if your component handles toggling between expanded and collapsed states,
+ * you may want to use the already existing `expand` and `collapse` aliases that point to
+ * the `expand_more` and `expand_less` icons in the material font set.
+ *
+ * It may so happen, however, that the design of your component requires you to use the `chevron_right` for the
+ * expand icon and the `expand_more` for the collapse icon. In this case the `tree_expand` and `tree_collapse` aliases
+ * would be appropriate.
+ * This distinction is important when choosing which icon to use for your component as it will have an impact
+ * when a user decides to rewire the `expand`/`collapse` icons to some other icons.
+ *
+ * Likewise, modifying existing references should be handled with caution as many component in the framework already
+ * share icons that have equivalent semantic meaning. For example, the `Paginator`, `Grid Filtering Row`,
+ * and `Tabs` components in Ignite UI for Angular all use the `prev` and `next` icons for navigating between pages
+ * or lists of items. Changing the underlying target for those icons should be done in a way that suits all components.
+ *
+ * Keep in mind that icon aliases and their underlying names are shared between Ignite UI component frameworks
+ * and changing an alias name here should be reflected in the other frameworks as well.
+ *
+ * To get acquainted with which component uses what icon, please make sure to read the
+ * [docs](https://infragistics.com/products/ignite-ui-angular/Angular/components/icon-service#internal-usage).
+ */
+import type { IconReference } from './registry/types.js';
+export declare const iconReferences: IconReference[];

package/components/icon/icon-state.broadcast.d.ts

@@ -0,0 +1,14 @@
+import type { BroadcastIconsChangeMessage, IconMeta, IconsCollection, SvgIcon } from './registry/types.js';
+export declare class IconsStateBroadcast {
+    private channel;
+    private collections;
+    private refsCollection;
+    private static readonly origin;
+    constructor(collections: IconsCollection<SvgIcon>, refsCollection: IconsCollection<IconMeta>);
+    send(data: BroadcastIconsChangeMessage): void;
+    handleEvent({ data }: MessageEvent<BroadcastIconsChangeMessage>): void;
+    private create;
+    private dispose;
+    private getUserRefsCollection;
+    private getUserSetCollection;
+}

package/components/icon/icon.d.ts

@@ -0,0 +1,47 @@
+import { LitElement } from 'lit';
+import type { IconMeta } from './registry/types.js';
+/**
+ * The icon component allows visualizing collections of pre-registered SVG icons.
+ *
+ * @element igc-icon
+ *
+ *
+ */
+export default class IgcIconComponent extends LitElement {
+    static readonly tagName = "igc-icon";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private __internals;
+    private svg;
+    /**
+     * The name of the icon glyph to draw.
+     * @attr
+     */
+    name: string;
+    /**
+     * The name of the registered collection for look up of icons.
+     * Defaults to `default`.
+     * @attr
+     */
+    collection: string;
+    /**
+     * Whether to flip the icon. Useful for RTL layouts.
+     * @attr
+     */
+    mirrored: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected iconChanged(prev: string, curr: string): void;
+    private iconLoaded;
+    private getIcon;
+    protected render(): import("lit-html").TemplateResult<1>;
+    protected registerIcon(name: string, url: string, collection?: string): Promise<void>;
+    protected registerIconFromText(name: string, iconText: string, collection?: string): void;
+    protected setIconRef(name: string, collection: string, icon: IconMeta): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-icon': IgcIconComponent;
+    }
+}

package/components/icon/icon.registry.d.ts

@@ -0,0 +1,24 @@
+import type { Theme } from '../../theming/types.js';
+import type { IconCallback, IconMeta, IconReferencePair, SvgIcon } from './registry/types.js';
+declare class IconsRegistry {
+    private parser;
+    private collections;
+    private references;
+    private listeners;
+    private theme;
+    private broadcast;
+    constructor();
+    register(name: string, iconText: string, collection?: string): void;
+    subscribe(callback: IconCallback): void;
+    unsubscribe(callback: IconCallback): void;
+    setRefsByTheme(theme: Theme): void;
+    setIconRef(options: IconReferencePair): void;
+    getIconRef(name: string, collection: string): IconMeta;
+    get(name: string, collection?: string): SvgIcon | undefined;
+    private notifyAll;
+}
+export declare function getIconRegistry(): IconsRegistry;
+export declare function registerIcon(name: string, url: string, collection?: string): Promise<void>;
+export declare function registerIconFromText(name: string, iconText: string, collection?: string): void;
+export declare function setIconRef(name: string, collection: string, icon: IconMeta): void;
+export {};

package/components/icon/internal-icons-lib.d.ts

@@ -0,0 +1,2 @@
+import type { SvgIcon } from './registry/types.js';
+export declare const internalIcons: Map<string, SvgIcon>;

package/components/icon/registry/default-map.d.ts

@@ -0,0 +1,12 @@
+export declare class DefaultMap<T, U> {
+    private _defaultValue;
+    private _map;
+    constructor(defaultValue: () => U);
+    getOrCreate(key: T): U;
+    get(key: T): U | undefined;
+    set(key: T, value: U): void;
+    has(key: T): boolean;
+    toMap(): Map<T, U>;
+    entries(): MapIterator<[T, U]>;
+}
+export declare function createIconDefaultMap<T, U>(): DefaultMap<T, Map<T, U>>;

package/components/icon/registry/parser.d.ts

@@ -0,0 +1,6 @@
+import type { SvgIcon } from './types.js';
+export declare class SvgIconParser {
+    private _parser;
+    constructor();
+    parse(svgString: string): SvgIcon;
+}

package/components/icon/registry/types.d.ts

@@ -0,0 +1,35 @@
+import type { Theme } from '../../../theming/types.js';
+import type { DefaultMap } from './default-map.js';
+export type IconsCollection<T> = DefaultMap<string, Map<string, T>>;
+export type IconCallback = (name: string, collection: string) => void;
+export type IconThemeKey = Theme | 'default';
+export type SvgIcon = {
+    svg: string;
+    title?: string;
+};
+export type IconReference = {
+    alias: IconMeta;
+    target: Map<IconThemeKey, IconMeta>;
+};
+export type IconReferencePair = {
+    alias: IconMeta;
+    target: IconMeta;
+    overwrite: boolean;
+};
+export declare enum ActionType {
+    SyncState = 0,
+    RegisterIcon = 1,
+    UpdateIconReference = 2
+}
+/** @ignore */
+export interface BroadcastIconsChangeMessage {
+    actionType: ActionType;
+    collections?: Map<string, Map<string, SvgIcon>>;
+    references?: Map<string, Map<string, IconMeta>>;
+    origin?: string;
+}
+export interface IconMeta {
+    name: string;
+    collection: string;
+    external?: boolean;
+}

package/components/icon/themes/dark/icon.bootstrap.css.d.ts

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

package/components/icon/themes/dark/icon.fluent.css.d.ts

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

package/components/icon/themes/dark/icon.indigo.css.d.ts

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

package/components/icon/themes/dark/icon.material.css.d.ts

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

package/components/icon/themes/icon.base.css.d.ts

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

package/components/icon/themes/light/icon.bootstrap.css.d.ts

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

package/components/icon/themes/light/icon.fluent.css.d.ts

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

package/components/icon/themes/light/icon.indigo.css.d.ts

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

package/components/icon/themes/light/icon.material.css.d.ts

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

package/components/icon/themes/light/icon.shared.css.d.ts

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

package/components/icon/themes/shared/icon.bootstrap.css.d.ts

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

package/components/icon/themes/shared/icon.common.css.d.ts

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

package/components/icon/themes/shared/icon.fluent.css.d.ts

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

package/components/icon/themes/shared/icon.indigo.css.d.ts

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

package/components/icon/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/input/input-base.d.ts

@@ -0,0 +1,72 @@
+import { LitElement, type TemplateResult } from 'lit';
+import type { Constructor } from '../common/mixins/constructor.js';
+import type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';
+export interface IgcInputComponentEventMap {
+    igcInput: CustomEvent<string>;
+    igcChange: CustomEvent<string>;
+    focus: FocusEvent;
+    blur: FocusEvent;
+}
+declare const IgcInputBaseComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcInputComponentEventMap>> & Constructor<LitElement>;
+export declare abstract class IgcInputBaseComponent extends IgcInputBaseComponent_base {
+    protected static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: import("lit").CSSResult[];
+    private static readonly increment;
+    protected inputId: string;
+    /** The value attribute of the control. */
+    abstract value: string | Date | null;
+    protected input: HTMLInputElement;
+    protected _helperText: Array<HTMLElement>;
+    protected prefixes: Array<HTMLElement>;
+    protected suffixes: Array<HTMLElement>;
+    protected get _isMaterial(): boolean;
+    /**
+     * Whether the control will have outlined appearance.
+     * @attr
+     */
+    outlined: boolean;
+    /**
+     * Makes the control a readonly field.
+     * @attr readonly
+     */
+    readOnly: boolean;
+    /**
+     * The placeholder attribute of the control.
+     * @attr
+     */
+    placeholder: string;
+    /**
+     * The label for the control.
+     * @attr
+     */
+    label: string;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    /** Sets focus on the control. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the control. */
+    blur(): void;
+    protected abstract renderInput(): TemplateResult;
+    protected renderValidatorContainer(): TemplateResult;
+    protected resolvePartNames(base: string): {
+        [x: string]: boolean;
+        prefixed: boolean;
+        suffixed: boolean;
+        filled: boolean;
+    };
+    /** Sets the text selection range of the control */
+    setSelectionRange(start: number, end: number, direction?: SelectionRangeDirection): void;
+    /** Replaces the selected text in the input. */
+    setRangeText(replacement: string, start: number, end: number, selectMode?: RangeTextSelectMode): void;
+    private renderPrefix;
+    private renderSuffix;
+    private renderLabel;
+    private renderMaterial;
+    private renderStandard;
+    protected render(): TemplateResult<1>;
+}
+export {};

package/components/input/input.d.ts

@@ -0,0 +1,135 @@
+import { type FormValue } from '../common/mixins/forms/form-value.js';
+import type { RangeTextSelectMode } from '../types.js';
+import { IgcInputBaseComponent } from './input-base.js';
+/**
+ * @element igc-input
+ *
+ * @slot prefix - Renders content before the input.
+ * @slot suffix - Renders content after input.
+ * @slot helper-text - Renders content below the input.
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot type-mismatch - Renders content when the a type url/email input pattern validation fails.
+ * @slot pattern-mismatch - Renders content when the pattern validation fails.
+ * @slot too-long - Renders content when the maxlength validation fails.
+ * @slot too-short - Renders content when the minlength validation fails.
+ * @slot range-overflow - Renders content when the max validation fails.
+ * @slot range-underflow - Renders content when the min validation fails.
+ * @slot step-mismatch - Renders content when the step validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
+ *
+ * @fires igcInput - Emitted when the control input receives user input.
+ * @fires igcChange - Emitted when the control's checked state changes.
+ *
+ * @csspart container - The main wrapper that holds all main input elements.
+ * @csspart input - The native input element.
+ * @csspart label - The native label element.
+ * @csspart prefix - The prefix wrapper.
+ * @csspart suffix - The suffix wrapper.
+ * @csspart helper-text - The helper text wrapper.
+ */
+export default class IgcInputComponent extends IgcInputBaseComponent {
+    static readonly tagName = "igc-input";
+    static register(): void;
+    protected _formValue: FormValue<string>;
+    protected get __validators(): import("../common/validators.js").Validator<IgcInputComponent>[];
+    private _min?;
+    private _max?;
+    private _minLength?;
+    private _maxLength?;
+    private _pattern?;
+    private _step?;
+    /**
+     * The value of the control.
+     * @attr
+     */
+    set value(value: string);
+    get value(): string;
+    /**
+     * The type attribute of the control.
+     * @attr
+     */
+    type: 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';
+    /**
+     * The input mode attribute of the control.
+     * See [relevant MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+     * @attr inputmode
+     */
+    inputMode: string;
+    /**
+     * The pattern attribute of the control.
+     * @attr
+     */
+    set pattern(value: string | undefined);
+    get pattern(): string | undefined;
+    /**
+     * The minimum string length required by the control.
+     * @attr minlength
+     */
+    set minLength(value: number | undefined);
+    get minLength(): number | undefined;
+    /**
+     * The maximum string length of the control.
+     * @attr maxlength
+     */
+    set maxLength(value: number | undefined);
+    get maxLength(): number | undefined;
+    /**
+     * The min attribute of the control.
+     * @attr
+     */
+    set min(value: number | undefined);
+    get min(): number | undefined;
+    /**
+     * The max attribute of the control.
+     * @attr
+     */
+    set max(value: number | undefined);
+    get max(): number | undefined;
+    /**
+     * The step attribute of the control.
+     * @attr
+     */
+    set step(value: number | undefined);
+    get step(): number | undefined;
+    /**
+     * The autofocus attribute of the control.
+     * @attr
+     */
+    autofocus: boolean;
+    /**
+     * The autocomplete attribute of the control.
+     * @attr
+     */
+    autocomplete: string;
+    /**
+     * Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property for
+     * string-type inputs or allows spin buttons to exceed the predefined `min/max` limits for number-type inputs.
+     *
+     * @attr validate-only
+     */
+    validateOnly: boolean;
+    /**
+     * @internal
+     */
+    tabIndex: number;
+    constructor();
+    /** Replaces the selected text in the input. */
+    setRangeText(replacement: string, start: number, end: number, selectMode?: RangeTextSelectMode): void;
+    /** Selects all text within the input. */
+    select(): void;
+    /** Increments the numeric value of the input by one or more steps. */
+    stepUp(n?: number): void;
+    /** Decrements the numeric value of the input by one or more steps. */
+    stepDown(n?: number): void;
+    private handleInput;
+    private handleChange;
+    protected handleFocus(): void;
+    protected handleBlur(): void;
+    protected renderInput(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-input': IgcInputComponent;
+    }
+}

package/components/input/themes/dark/input.bootstrap.css.d.ts

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

package/components/input/themes/dark/input.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)))}`;
+export const styles = css `:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0))}`;
 //# sourceMappingURL=input.bootstrap.css.js.map

package/components/input/themes/dark/input.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,43CAA43C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)))}`;\n"]}
+{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8oDAA8oD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0))}`;\n"]}

package/components/input/themes/dark/input.fluent.css.d.ts

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

package/components/input/themes/dark/input.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-100));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-100));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-input-idle-text-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-input-idle-secondary-color, var(--ig-gray-900));--disabled-border-color: var(--ig-input-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-input-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-700));--focused-border-color: var(--ig-input-focused-border-color, var(--ig-gray-500));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--box-background: var(--ig-input-box-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)))}`;
+export const styles = css `:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-100));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-100));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-input-idle-text-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-input-idle-secondary-color, var(--ig-gray-900));--disabled-border-color: var(--ig-input-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-input-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-700));--focused-border-color: var(--ig-input-focused-border-color, var(--ig-gray-500));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--box-background: var(--ig-input-box-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0))}`;
 //# sourceMappingURL=input.fluent.css.js.map

package/components/input/themes/dark/input.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mxEAAmxE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-100));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-100));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-input-idle-text-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-input-idle-secondary-color, var(--ig-gray-900));--disabled-border-color: var(--ig-input-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-input-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-700));--focused-border-color: var(--ig-input-focused-border-color, var(--ig-gray-500));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--box-background: var(--ig-input-box-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)))}`;\n"]}
+{"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i3EAAi3E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-100));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-100));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-input-idle-text-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-input-idle-secondary-color, var(--ig-gray-900));--disabled-border-color: var(--ig-input-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-input-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-700));--focused-border-color: var(--ig-input-focused-border-color, var(--ig-gray-500));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--box-background: var(--ig-input-box-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0))}`;\n"]}

package/components/input/themes/dark/input.indigo.css.d.ts

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

package/components/input/themes/dark/input.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-input-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-input-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-input-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-input-focused-border-color, var(--ig-primary-400));--search-background: var(--ig-input-search-background, transparent);--search-disabled-background: var(--ig-input-search-disabled-background, transparent);--placeholder-color: var(--ig-input-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-input-box-disabled-background, transparent);--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)))}`;
+export const styles = css `:host{--helper-text-color: var(--ig-input-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-input-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-input-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-input-focused-border-color, var(--ig-primary-400));--search-disabled-background: var(--ig-input-search-disabled-background, transparent);--placeholder-color: var(--ig-input-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-input-box-disabled-background, transparent);--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0))}`;
 //# sourceMappingURL=input.indigo.css.js.map

package/components/input/themes/dark/input.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,khHAAkhH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-input-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-input-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-input-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-input-focused-border-color, var(--ig-primary-400));--search-background: var(--ig-input-search-background, transparent);--search-disabled-background: var(--ig-input-search-disabled-background, transparent);--placeholder-color: var(--ig-input-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-input-box-disabled-background, transparent);--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)))}`;\n"]}
+{"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4iHAA4iH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--helper-text-color: var(--ig-input-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-input-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-input-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-input-focused-border-color, var(--ig-primary-400));--search-disabled-background: var(--ig-input-search-disabled-background, transparent);--placeholder-color: var(--ig-input-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-input-box-disabled-background, transparent);--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0))}`;\n"]}

package/components/input/themes/dark/input.material.css.d.ts

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