igniteui-webcomponents 5.0.2 → 5.1.0

package/components/input/input-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-base.js","sourceRoot":"","sources":["../../../src/components/input/input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type TemplateResult, html, nothing } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { createCounter, partNameMap } from '../common/util.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport { styles } from './themes/input.base.css.js';\nimport { styles as shared } from './themes/shared/input.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcInputEventMap {\n  /* alternateName: inputOcurred */\n  igcInput: CustomEvent<string>;\n  /* blazorSuppress */\n  igcChange: CustomEvent<string>;\n  // For analyzer meta only:\n  /* skipWCPrefix */\n  focus: FocusEvent;\n  /* skipWCPrefix */\n  blur: FocusEvent;\n}\n\n@blazorDeepImport\n@themes(all, { exposeController: true })\nexport abstract class IgcInputBaseComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<IgcInputEventMap, Constructor<LitElement>>(LitElement)\n) {\n  protected static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  public static styles = [styles, shared];\n  private static readonly increment = createCounter();\n\n  protected inputId = `input-${IgcInputBaseComponent.increment()}`;\n\n  /* blazorSuppress */\n  /** The value attribute of the control. */\n  public abstract value: string | Date | null;\n\n  @query('input')\n  protected input!: HTMLInputElement;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected prefixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected suffixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'helper-text' })\n  protected helperText!: Array<HTMLElement>;\n\n  protected get _isMaterial() {\n    return getThemeController(this)?.theme === 'material';\n  }\n\n  /**\n   * Whether the control will have outlined appearance.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /**\n   * Makes the control a readonly field.\n   * @attr readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n  public readOnly = false;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The label for the control.\n   * @attr\n   */\n  @property()\n  public label!: string;\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the control. */\n  public override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the control. */\n  public override blur() {\n    this.input.blur();\n  }\n\n  protected abstract renderInput(): TemplateResult;\n\n  protected resolvePartNames(base: string) {\n    return {\n      [base]: true,\n      prefixed: this.prefixes.length > 0,\n      suffixed: this.suffixes.length > 0,\n      filled: !!this.value,\n    };\n  }\n\n  /** Sets the text selection range of the control */\n  public setSelectionRange(\n    start: number,\n    end: number,\n    direction: SelectionRangeDirection = 'none'\n  ) {\n    this.input.setSelectionRange(start, end, direction);\n  }\n\n  /** Replaces the selected text in the input. */\n  public setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    selectMode: RangeTextSelectMode = 'preserve'\n  ) {\n    this.input.setRangeText(replacement, start, end, selectMode);\n  }\n\n  private renderPrefix() {\n    return html`<div part=\"prefix\">\n      <slot name=\"prefix\"></slot>\n    </div>`;\n  }\n\n  private renderSuffix() {\n    return html`<div part=\"suffix\">\n      <slot name=\"suffix\"></slot>\n    </div>`;\n  }\n\n  private renderLabel() {\n    return this.label\n      ? html`<label part=\"label\" for=\"${this.inputId}\"> ${this.label} </label>`\n      : nothing;\n  }\n\n  private renderMaterial() {\n    return html`\n      <div\n        part=\"${partNameMap({\n          ...this.resolvePartNames('container'),\n          labelled: this.label,\n        })}\"\n      >\n        <div part=\"start\">${this.renderPrefix()}</div>\n        ${this.renderInput()}\n        <div part=\"notch\">${this.renderLabel()}</div>\n        <div part=\"filler\"></div>\n        <div part=\"end\">${this.renderSuffix()}</div>\n      </div>\n      <div part=\"helper-text\" .hidden=\"${this.helperText.length === 0}\">\n        <slot name=\"helper-text\"></slot>\n      </div>\n    `;\n  }\n\n  private renderStandard() {\n    return html`${this.renderLabel()}\n      <div part=\"${partNameMap(this.resolvePartNames('container'))}\">\n        ${this.renderPrefix()} ${this.renderInput()} ${this.renderSuffix()}\n      </div>\n      <div part=\"helper-text\" .hidden=\"${this.helperText.length === 0}\">\n        <slot name=\"helper-text\"></slot>\n      </div>`;\n  }\n\n  protected override render() {\n    return this._isMaterial ? this.renderMaterial() : this.renderStandard();\n  }\n}\n"]}
+{"version":3,"file":"input-base.js","sourceRoot":"","sources":["../../../src/components/input/input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type TemplateResult, html, nothing } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { createCounter, partNameMap } from '../common/util.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/input.base.css.js';\nimport { styles as shared } from './themes/shared/input.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcInputComponentEventMap {\n  /* alternateName: inputOcurred */\n  igcInput: CustomEvent<string>;\n  /* blazorSuppress */\n  igcChange: CustomEvent<string>;\n  // For analyzer meta only:\n  /* skipWCPrefix */\n  focus: FocusEvent;\n  /* skipWCPrefix */\n  blur: FocusEvent;\n}\n\n@blazorDeepImport\n@themes(all, { exposeController: true })\nexport abstract class IgcInputBaseComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<IgcInputComponentEventMap, Constructor<LitElement>>(\n    LitElement\n  )\n) {\n  protected static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  public static styles = [styles, shared];\n  private static readonly increment = createCounter();\n\n  protected inputId = `input-${IgcInputBaseComponent.increment()}`;\n\n  /* blazorSuppress */\n  /** The value attribute of the control. */\n  public abstract value: string | Date | null;\n\n  @query('input')\n  protected input!: HTMLInputElement;\n\n  @queryAssignedElements({ slot: 'helper-text' })\n  protected _helperText!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected prefixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected suffixes!: Array<HTMLElement>;\n\n  protected get _isMaterial() {\n    return getThemeController(this)?.theme === 'material';\n  }\n\n  /**\n   * Whether the control will have outlined appearance.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /**\n   * Makes the control a readonly field.\n   * @attr readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n  public readOnly = false;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The label for the control.\n   * @attr\n   */\n  @property()\n  public label!: string;\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the control. */\n  public override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the control. */\n  public override blur() {\n    this.input.blur();\n  }\n\n  protected abstract renderInput(): TemplateResult;\n\n  protected renderValidatorContainer(): TemplateResult {\n    return IgcValidationContainerComponent.create(this);\n  }\n\n  protected resolvePartNames(base: string) {\n    return {\n      [base]: true,\n      prefixed: this.prefixes.length > 0,\n      suffixed: this.suffixes.length > 0,\n      filled: !!this.value,\n    };\n  }\n\n  /** Sets the text selection range of the control */\n  public setSelectionRange(\n    start: number,\n    end: number,\n    direction: SelectionRangeDirection = 'none'\n  ) {\n    this.input.setSelectionRange(start, end, direction);\n  }\n\n  /** Replaces the selected text in the input. */\n  public setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    selectMode: RangeTextSelectMode = 'preserve'\n  ) {\n    this.input.setRangeText(replacement, start, end, selectMode);\n  }\n\n  private renderPrefix() {\n    return html`<div part=\"prefix\">\n      <slot name=\"prefix\"></slot>\n    </div>`;\n  }\n\n  private renderSuffix() {\n    return html`<div part=\"suffix\">\n      <slot name=\"suffix\"></slot>\n    </div>`;\n  }\n\n  private renderLabel() {\n    return this.label\n      ? html`<label part=\"label\" for=${this.inputId}> ${this.label} </label>`\n      : nothing;\n  }\n\n  private renderMaterial() {\n    return html`\n      <div\n        part=${partNameMap({\n          ...this.resolvePartNames('container'),\n          labelled: this.label,\n        })}\n      >\n        <div part=\"start\">${this.renderPrefix()}</div>\n        ${this.renderInput()}\n        <div part=\"notch\">${this.renderLabel()}</div>\n        <div part=\"filler\"></div>\n        <div part=\"end\">${this.renderSuffix()}</div>\n      </div>\n      ${this.renderValidatorContainer()}\n    `;\n  }\n\n  private renderStandard() {\n    return html`${this.renderLabel()}\n      <div part=${partNameMap(this.resolvePartNames('container'))}>\n        ${this.renderPrefix()} ${this.renderInput()} ${this.renderSuffix()}\n      </div>\n      ${this.renderValidatorContainer()}`;\n  }\n\n  protected override render() {\n    return this._isMaterial ? this.renderMaterial() : this.renderStandard();\n  }\n}\n"]}

package/components/input/input.d.ts

@@ -6,6 +6,16 @@ import { IgcInputBaseComponent } from './input-base.js';
  * @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.

package/components/input/input.js

@@ -4,13 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html } from 'lit';
+import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { partNameMap } from '../common/util.js';
+import { isEmpty, partNameMap } from '../common/util.js';
+import IgcValidationContainerComponent from '../validation-container/validation-container.js';
 import { IgcInputBaseComponent } from './input-base.js';
 import { numberValidators, stringValidators } from './validators.js';
 class IgcInputComponent extends IgcInputBaseComponent {
@@ -22,7 +23,7 @@ class IgcInputComponent extends IgcInputBaseComponent {
         this.tabIndex = 0;
     }
     static register() {
-        registerComponent(IgcInputComponent);
+        registerComponent(IgcInputComponent, IgcValidationContainerComponent);
     }
     get isStringType() {
         return this.type !== 'number';
@@ -93,6 +94,7 @@ class IgcInputComponent extends IgcInputBaseComponent {
         maxlength=${ifDefined(this.validateOnly ? undefined : this.maxLength)}
         step=${ifDefined(this.step)}
         aria-invalid=${this.invalid ? 'true' : 'false'}
+        aria-describedby=${ifDefined(isEmpty(this._helperText) ? nothing : 'helper-text')}
         @change=${this.handleChange}
         @input=${this.handleInput}
         @focus=${this.handleFocus}

package/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport type { RangeTextSelectMode } from '../types.js';\nimport { IgcInputBaseComponent } from './input-base.js';\nimport { numberValidators, stringValidators } from './validators.js';\n\n/**\n * @element igc-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcInputComponent extends IgcInputBaseComponent {\n  public static readonly tagName = 'igc-input';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcInputComponent);\n  }\n\n  private get isStringType() {\n    return this.type !== 'number';\n  }\n\n  protected override get __validators() {\n    return this.isStringType ? stringValidators : numberValidators;\n  }\n\n  protected _value = '';\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    this._value = value ?? '';\n    this._setFormValue(value ? value : null);\n    this._validate();\n  }\n\n  public get value() {\n    return this._value;\n  }\n\n  /* alternateName: displayType */\n  /**\n   * The type attribute of the control.\n   * @attr\n   */\n  @property({ reflect: true })\n  public type:\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'url' = 'text';\n\n  /**\n   * The input mode attribute of the control.\n   * See [relevant MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n   * @attr inputmode\n   */\n  @property({ attribute: 'inputmode' })\n  public override inputMode!: string;\n\n  /**\n   * The pattern attribute of the control.\n   * @attr\n   */\n  @property()\n  public pattern!: string;\n\n  /**\n   * The minimum string length required by the control.\n   * @attr minlength\n   */\n  @property({ type: Number, attribute: 'minlength' })\n  public minLength!: number;\n\n  /**\n   * The maximum string length of the control.\n   * @attr maxlength\n   */\n  @property({ type: Number, attribute: 'maxlength' })\n  public maxLength!: number;\n\n  /**\n   * The min attribute of the control.\n   * @attr\n   */\n  @property()\n  public min!: number | string;\n\n  /**\n   * The max attribute of the control.\n   * @attr\n   */\n  @property()\n  public max!: number | string;\n\n  /**\n   * The step attribute of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public step!: number;\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * The autocomplete attribute of the control.\n   * @attr\n   */\n  @property()\n  public autocomplete!: string;\n\n  /**\n   * Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property for\n   * string-type inputs or allows spin buttons to exceed the predefined `min/max` limits for number-type inputs.\n   *\n   * @attr validate-only\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'validate-only' })\n  public validateOnly = false;\n\n  /**\n   * @internal\n   */\n  @property({ type: Number })\n  public override tabIndex = 0;\n\n  @watch('min', { waitUntilFirstUpdate: true })\n  @watch('max', { waitUntilFirstUpdate: true })\n  @watch('minLength', { waitUntilFirstUpdate: true })\n  @watch('maxLength', { waitUntilFirstUpdate: true })\n  @watch('pattern', { waitUntilFirstUpdate: true })\n  @watch('step', { waitUntilFirstUpdate: true })\n  protected constraintsChanged() {\n    this._validate();\n  }\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the input. */\n  public override setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    selectMode: RangeTextSelectMode = 'preserve'\n  ) {\n    super.setRangeText(replacement, start, end, selectMode);\n    this.value = this.input.value;\n  }\n\n  /** Selects all text within the input. */\n  public select() {\n    return this.input.select();\n  }\n\n  /** Increments the numeric value of the input by one or more steps. */\n  public stepUp(n?: number) {\n    this.input.stepUp(n);\n    this.value = this.input.value;\n  }\n\n  /** Decrements the numeric value of the input by one or more steps. */\n  public stepDown(n?: number) {\n    this.input.stepDown(n);\n    this.value = this.input.value;\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  private handleChange() {\n    this.value = this.input.value;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected handleFocus(): void {\n    this._dirty = true;\n  }\n\n  protected handleBlur(): void {\n    this._validate();\n  }\n\n  protected renderInput() {\n    return html`\n      <input\n        id=${this.inputId}\n        part=${partNameMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        type=${ifDefined(this.type)}\n        pattern=${ifDefined(this.pattern)}\n        placeholder=${ifDefined(this.placeholder)}\n        .value=${live(this.value)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?autofocus=${this.autofocus}\n        tabindex=${this.tabIndex}\n        autocomplete=${ifDefined(this.autocomplete as any)}\n        inputmode=${ifDefined(this.inputMode)}\n        min=${ifDefined(this.validateOnly ? undefined : this.min)}\n        max=${ifDefined(this.validateOnly ? undefined : this.max)}\n        minlength=${ifDefined(this.minLength)}\n        maxlength=${ifDefined(this.validateOnly ? undefined : this.maxLength)}\n        step=${ifDefined(this.step)}\n        aria-invalid=${this.invalid ? 'true' : 'false'}\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n        @focus=${this.handleFocus}\n        @blur=${this.handleBlur}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-input': IgcInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { isEmpty, partNameMap } from '../common/util.js';\nimport type { RangeTextSelectMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { IgcInputBaseComponent } from './input-base.js';\nimport { numberValidators, stringValidators } from './validators.js';\n\n/**\n * @element igc-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot type-mismatch - Renders content when the a type url/email input pattern validation fails.\n * @slot pattern-mismatch - Renders content when the pattern validation fails.\n * @slot too-long - Renders content when the maxlength validation fails.\n * @slot too-short - Renders content when the minlength validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot step-mismatch - Renders content when the step validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcInputComponent extends IgcInputBaseComponent {\n  public static readonly tagName = 'igc-input';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcInputComponent, IgcValidationContainerComponent);\n  }\n\n  private get isStringType() {\n    return this.type !== 'number';\n  }\n\n  protected override get __validators() {\n    return this.isStringType ? stringValidators : numberValidators;\n  }\n\n  protected _value = '';\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    this._value = value ?? '';\n    this._setFormValue(value ? value : null);\n    this._validate();\n  }\n\n  public get value() {\n    return this._value;\n  }\n\n  /* alternateName: displayType */\n  /**\n   * The type attribute of the control.\n   * @attr\n   */\n  @property({ reflect: true })\n  public type:\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'url' = 'text';\n\n  /**\n   * The input mode attribute of the control.\n   * See [relevant MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)\n   * @attr inputmode\n   */\n  @property({ attribute: 'inputmode' })\n  public override inputMode!: string;\n\n  /**\n   * The pattern attribute of the control.\n   * @attr\n   */\n  @property()\n  public pattern!: string;\n\n  /**\n   * The minimum string length required by the control.\n   * @attr minlength\n   */\n  @property({ type: Number, attribute: 'minlength' })\n  public minLength!: number;\n\n  /**\n   * The maximum string length of the control.\n   * @attr maxlength\n   */\n  @property({ type: Number, attribute: 'maxlength' })\n  public maxLength!: number;\n\n  /**\n   * The min attribute of the control.\n   * @attr\n   */\n  @property()\n  public min!: number | string;\n\n  /**\n   * The max attribute of the control.\n   * @attr\n   */\n  @property()\n  public max!: number | string;\n\n  /**\n   * The step attribute of the control.\n   * @attr\n   */\n  @property({ type: Number })\n  public step!: number;\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * The autocomplete attribute of the control.\n   * @attr\n   */\n  @property()\n  public autocomplete!: string;\n\n  /**\n   * Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property for\n   * string-type inputs or allows spin buttons to exceed the predefined `min/max` limits for number-type inputs.\n   *\n   * @attr validate-only\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'validate-only' })\n  public validateOnly = false;\n\n  /**\n   * @internal\n   */\n  @property({ type: Number })\n  public override tabIndex = 0;\n\n  @watch('min', { waitUntilFirstUpdate: true })\n  @watch('max', { waitUntilFirstUpdate: true })\n  @watch('minLength', { waitUntilFirstUpdate: true })\n  @watch('maxLength', { waitUntilFirstUpdate: true })\n  @watch('pattern', { waitUntilFirstUpdate: true })\n  @watch('step', { waitUntilFirstUpdate: true })\n  protected constraintsChanged() {\n    this._validate();\n  }\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the input. */\n  public override setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    selectMode: RangeTextSelectMode = 'preserve'\n  ) {\n    super.setRangeText(replacement, start, end, selectMode);\n    this.value = this.input.value;\n  }\n\n  /** Selects all text within the input. */\n  public select() {\n    return this.input.select();\n  }\n\n  /** Increments the numeric value of the input by one or more steps. */\n  public stepUp(n?: number) {\n    this.input.stepUp(n);\n    this.value = this.input.value;\n  }\n\n  /** Decrements the numeric value of the input by one or more steps. */\n  public stepDown(n?: number) {\n    this.input.stepDown(n);\n    this.value = this.input.value;\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  private handleChange() {\n    this.value = this.input.value;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected handleFocus(): void {\n    this._dirty = true;\n  }\n\n  protected handleBlur(): void {\n    this._validate();\n  }\n\n  protected renderInput() {\n    return html`\n      <input\n        id=${this.inputId}\n        part=${partNameMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        type=${ifDefined(this.type)}\n        pattern=${ifDefined(this.pattern)}\n        placeholder=${ifDefined(this.placeholder)}\n        .value=${live(this.value)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?autofocus=${this.autofocus}\n        tabindex=${this.tabIndex}\n        autocomplete=${ifDefined(this.autocomplete as any)}\n        inputmode=${ifDefined(this.inputMode)}\n        min=${ifDefined(this.validateOnly ? undefined : this.min)}\n        max=${ifDefined(this.validateOnly ? undefined : this.max)}\n        minlength=${ifDefined(this.minLength)}\n        maxlength=${ifDefined(this.validateOnly ? undefined : this.maxLength)}\n        step=${ifDefined(this.step)}\n        aria-invalid=${this.invalid ? 'true' : 'false'}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n        @focus=${this.handleFocus}\n        @blur=${this.handleBlur}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-input': IgcInputComponent;\n  }\n}\n"]}

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, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-prefix-color: var(--ig-input-input-prefix-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-background: var(--ig-input-input-suffix-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-color: var(--ig-input-input-suffix-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-text-color: var(--ig-input-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsla(var(--ig-primary-500), 0.38));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-disabled-background: var(--ig-input-border-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--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, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-800) h s l/1));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background: var(--ig-input-input-suffix-background, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-800) h s l/1));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--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, hsl(from var(--ig-primary-500) h s l/1));--border-disabled-background: var(--ig-input-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-400) h s l/1));--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)))}`;
 //# 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,spDAAspD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-prefix-color: var(--ig-input-input-prefix-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-background: var(--ig-input-input-suffix-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-color: var(--ig-input-input-suffix-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-text-color: var(--ig-input-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsla(var(--ig-primary-500), 0.38));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-disabled-background: var(--ig-input-border-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--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,olDAAolD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-800) h s l/1));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background: var(--ig-input-input-suffix-background, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-800) h s l/1));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--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, hsl(from var(--ig-primary-500) h s l/1));--border-disabled-background: var(--ig-input-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-400) h s l/1));--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"]}

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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background: var(--ig-input-input-suffix-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsla(var(--ig-gray-700), var(--ig-gray-a)));--idle-text-color: var(--ig-input-idle-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--ig-input-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focused-border-color: var(--ig-input-focused-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-background: var(--ig-input-border-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-background: var(--ig-input-box-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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{--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, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background: var(--ig-input-input-suffix-background, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-900) h s l/1));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-900) h s l/1));--disabled-border-color: var(--ig-input-disabled-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-input-border-color, hsl(from var(--ig-gray-500) h s l/1));--hover-border-color: var(--ig-input-hover-border-color, hsl(from var(--ig-gray-700) h s l/1));--focused-border-color: var(--ig-input-focused-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-background: var(--ig-input-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--box-background: var(--ig-input-box-background, hsl(from var(--ig-gray-100) h s l/1));--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)))}`;
 //# 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,msFAAmsF,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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background: var(--ig-input-input-suffix-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsla(var(--ig-gray-700), var(--ig-gray-a)));--idle-text-color: var(--ig-input-idle-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--ig-input-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focused-border-color: var(--ig-input-focused-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-background: var(--ig-input-border-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-background: var(--ig-input-box-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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,ulFAAulF,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, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background: var(--ig-input-input-suffix-background, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-900) h s l/1));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-900) h s l/1));--disabled-border-color: var(--ig-input-disabled-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-input-border-color, hsl(from var(--ig-gray-500) h s l/1));--hover-border-color: var(--ig-input-hover-border-color, hsl(from var(--ig-gray-700) h s l/1));--focused-border-color: var(--ig-input-focused-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-background: var(--ig-input-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--box-background: var(--ig-input-box-background, hsl(from var(--ig-gray-100) h s l/1));--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"]}

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, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--input-prefix-color: var(--ig-input-input-prefix-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color: var(--ig-input-input-suffix-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--idle-text-color: var(--ig-input-idle-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--filled-text-color: var(--ig-input-filled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--focused-text-color: var(--ig-input-focused-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--disabled-text-color: var(--ig-input-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--idle-secondary-color: var(--ig-input-idle-secondary-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--focused-secondary-color: var(--ig-input-focused-secondary-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 40%, transparent));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-border-color: var(--ig-input-focused-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--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, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--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{--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, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--input-prefix-color: var(--ig-input-input-prefix-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color: var(--ig-input-input-suffix-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--idle-text-color: var(--ig-input-idle-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--filled-text-color: var(--ig-input-filled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--focused-text-color: var(--ig-input-focused-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--disabled-text-color: var(--ig-input-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--idle-secondary-color: var(--ig-input-idle-secondary-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--focused-secondary-color: var(--ig-input-focused-secondary-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 40%, transparent));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsl(from var(--ig-primary-400) h s l/1));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--hover-border-color: var(--ig-input-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--focused-border-color: var(--ig-input-focused-border-color, hsl(from var(--ig-primary-400) h s l/1));--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, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--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)))}`;
 //# 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,mgIAAmgI,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, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--input-prefix-color: var(--ig-input-input-prefix-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color: var(--ig-input-input-suffix-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--idle-text-color: var(--ig-input-idle-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--filled-text-color: var(--ig-input-filled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--focused-text-color: var(--ig-input-focused-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--disabled-text-color: var(--ig-input-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--idle-secondary-color: var(--ig-input-idle-secondary-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--focused-secondary-color: var(--ig-input-focused-secondary-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 40%, transparent));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-border-color: var(--ig-input-focused-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--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, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--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,2+HAA2+H,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, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--input-prefix-color: var(--ig-input-input-prefix-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color: var(--ig-input-input-suffix-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--idle-text-color: var(--ig-input-idle-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--filled-text-color: var(--ig-input-filled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--focused-text-color: var(--ig-input-focused-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--disabled-text-color: var(--ig-input-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--idle-secondary-color: var(--ig-input-idle-secondary-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--focused-secondary-color: var(--ig-input-focused-secondary-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 40%, transparent));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsl(from var(--ig-primary-400) h s l/1));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--hover-border-color: var(--ig-input-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--focused-border-color: var(--ig-input-focused-border-color, hsl(from var(--ig-primary-400) h s l/1));--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, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--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"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-input-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--box-background-focus: var(--ig-input-box-background-focus, hsla(var(--ig-gray-100), var(--ig-gray-a)))}`;
+export const styles = css `:host{--disabled-border-color: var(--ig-input-disabled-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-color: var(--ig-input-border-color, hsl(from var(--ig-gray-600) h s l/1));--box-background-focus: var(--ig-input-box-background-focus, hsl(from var(--ig-gray-100) h s l/1))}`;
 //# sourceMappingURL=input.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qTAAqT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-input-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--box-background-focus: var(--ig-input-box-background-focus, hsla(var(--ig-gray-100), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mSAAmS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-border-color: var(--ig-input-disabled-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-color: var(--ig-input-border-color, hsl(from var(--ig-gray-600) h s l/1));--box-background-focus: var(--ig-input-box-background-focus, hsl(from var(--ig-gray-100) h s l/1))}`;\n"]}

package/components/input/themes/input.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:flex;align-items:center}:host{position:relative;display:block;font-family:var(--ig-font-family);outline-style:none}::slotted(igc-icon){--component-size: var(--input-size) !important}[part=label]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=input]{width:100%;border:none;outline-style:none;font-family:var(--ig-font-family);z-index:1}[part^=container]{position:relative;display:grid}[part=prefix],[part=suffix]{display:none;overflow:hidden}:host([required]) [part=label]::after{content:"*"}[part=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host([disabled]){pointer-events:none}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:flex;align-items:center}:host{position:relative;display:block;font-family:var(--ig-font-family);outline-style:none}::slotted(igc-icon){--component-size: var(--input-size) !important}[part=label]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=input]{width:100%;border:none;outline-style:none;font-family:var(--ig-font-family);z-index:1}[part^=container]{position:relative;display:grid}[part=prefix],[part=suffix]{display:none;overflow:hidden}:host([required]) [part=label]::after{content:"*"}:host([disabled]){pointer-events:none}`;
 //# sourceMappingURL=input.base.css.js.map

package/components/input/themes/input.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../src/components/input/themes/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q1DAAq1D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:flex;align-items:center}:host{position:relative;display:block;font-family:var(--ig-font-family);outline-style:none}::slotted(igc-icon){--component-size: var(--input-size) !important}[part=label]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=input]{width:100%;border:none;outline-style:none;font-family:var(--ig-font-family);z-index:1}[part^=container]{position:relative;display:grid}[part=prefix],[part=suffix]{display:none;overflow:hidden}:host([required]) [part=label]::after{content:\"*\"}[part=helper-text]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}:host([disabled]){pointer-events:none}`;\n"]}
+{"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../src/components/input/themes/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y6CAAy6C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:flex;align-items:center}:host{position:relative;display:block;font-family:var(--ig-font-family);outline-style:none}::slotted(igc-icon){--component-size: var(--input-size) !important}[part=label]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=input]{width:100%;border:none;outline-style:none;font-family:var(--ig-font-family);z-index:1}[part^=container]{position:relative;display:grid}[part=prefix],[part=suffix]{display:none;overflow:hidden}:host([required]) [part=label]::after{content:\"*\"}:host([disabled]){pointer-events:none}`;\n"]}

package/components/input/themes/light/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, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-prefix-color: var(--ig-input-input-prefix-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-background: var(--ig-input-input-suffix-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-color: var(--ig-input-input-suffix-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-text-color: var(--ig-input-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsla(var(--ig-primary-500), 0.38));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-disabled-background: var(--ig-input-border-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--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, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-800) h s l/1));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background: var(--ig-input-input-suffix-background, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-800) h s l/1));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--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, hsl(from var(--ig-primary-500) h s l/1));--border-disabled-background: var(--ig-input-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-400) h s l/1));--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)))}`;
 //# sourceMappingURL=input.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,spDAAspD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-prefix-color: var(--ig-input-input-prefix-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-background: var(--ig-input-input-suffix-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-color: var(--ig-input-input-suffix-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-text-color: var(--ig-input-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsla(var(--ig-primary-500), 0.38));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-disabled-background: var(--ig-input-border-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--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/light/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,olDAAolD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-800) h s l/1));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background: var(--ig-input-input-suffix-background, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-800) h s l/1));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--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, hsl(from var(--ig-primary-500) h s l/1));--border-disabled-background: var(--ig-input-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-400) h s l/1));--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"]}

package/components/input/themes/light/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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background: var(--ig-input-input-suffix-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsla(var(--ig-gray-700), var(--ig-gray-a)));--idle-text-color: var(--ig-input-idle-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--ig-input-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-disabled-background: var(--ig-input-border-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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{--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, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background: var(--ig-input-input-suffix-background, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-900) h s l/1));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-900) h s l/1));--disabled-border-color: var(--ig-input-disabled-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-input-border-color, hsl(from var(--ig-gray-500) h s l/1));--hover-border-color: var(--ig-input-hover-border-color, hsl(from var(--ig-gray-700) h s l/1));--border-disabled-background: var(--ig-input-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--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)))}`;
 //# sourceMappingURL=input.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6/EAA6/E,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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background: var(--ig-input-input-suffix-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsla(var(--ig-gray-100), var(--ig-gray-a)));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsla(var(--ig-gray-700), var(--ig-gray-a)));--idle-text-color: var(--ig-input-idle-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--ig-input-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-disabled-background: var(--ig-input-border-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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/light/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,65EAA65E,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, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background: var(--ig-input-input-suffix-background, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-900) h s l/1));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-900) h s l/1));--disabled-border-color: var(--ig-input-disabled-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-input-border-color, hsl(from var(--ig-gray-500) h s l/1));--hover-border-color: var(--ig-input-hover-border-color, hsl(from var(--ig-gray-700) h s l/1));--border-disabled-background: var(--ig-input-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--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"]}

package/components/input/themes/light/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));--input-prefix-color: var(--ig-input-input-prefix-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-suffix-color: var(--ig-input-input-suffix-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsla(var(--ig-gray-600), var(--ig-gray-a)));--idle-text-color: var(--ig-input-idle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--filled-text-color: var(--ig-input-filled-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--disabled-text-color: var(--ig-input-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsla(var(--ig-gray-900), 0.05));--hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-border-color: var(--ig-input-focused-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--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, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsla(var(--ig-gray-900), 0.2));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, hsla(var(--ig-gray-900), 0.05));--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{--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-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-600) h s l/1));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-600) h s l/1));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-600) h s l/1));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-800) h s l/1));--filled-text-color: var(--ig-input-filled-text-color, hsl(from var(--ig-gray-800) h s l/1));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsl(from var(--ig-gray-400) h s l/1));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsl(from var(--ig-gray-600) h s l/1));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsl(from var(--ig-primary-400) h s l/1));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--hover-border-color: var(--ig-input-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--focused-border-color: var(--ig-input-focused-border-color, hsl(from var(--ig-primary-400) h s l/1));--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-600) h s l/1));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-900) 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-900) h s l/0.05));--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)))}`;
 //# sourceMappingURL=input.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2lGAA2lG,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-color: var(--ig-input-input-prefix-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-suffix-color: var(--ig-input-input-suffix-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsla(var(--ig-gray-600), var(--ig-gray-a)));--idle-text-color: var(--ig-input-idle-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--filled-text-color: var(--ig-input-filled-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--disabled-text-color: var(--ig-input-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsla(var(--ig-gray-900), 0.05));--hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-border-color: var(--ig-input-focused-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--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, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsla(var(--ig-gray-900), 0.2));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, hsla(var(--ig-gray-900), 0.05));--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/light/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yhGAAyhG,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-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-600) h s l/1));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-600) h s l/1));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-600) h s l/1));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-800) h s l/1));--filled-text-color: var(--ig-input-filled-text-color, hsl(from var(--ig-gray-800) h s l/1));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsl(from var(--ig-gray-400) h s l/1));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsl(from var(--ig-gray-600) h s l/1));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsl(from var(--ig-primary-400) h s l/1));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--hover-border-color: var(--ig-input-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--focused-border-color: var(--ig-input-focused-border-color, hsl(from var(--ig-primary-400) h s l/1));--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-600) h s l/1));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-900) 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-900) h s l/0.05));--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"]}

package/components/input/themes/light/input.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-input-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)))}`;
+export const styles = css `:host{--disabled-border-color: var(--ig-input-disabled-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-color: var(--ig-input-border-color, hsl(from var(--ig-gray-600) h s l/1))}`;
 //# sourceMappingURL=input.material.css.js.map

package/components/input/themes/light/input.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4MAA4M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-input-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gMAAgM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-border-color: var(--ig-input-disabled-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-color: var(--ig-input-border-color, hsl(from var(--ig-gray-600) h s l/1))}`;\n"]}

package/components/input/themes/light/input.shared.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-1));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-input-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background: var(--ig-input-input-prefix-background, transparent);--input-prefix-color: var(--ig-input-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background: var(--ig-input-input-suffix-background, transparent);--input-suffix-color: var(--ig-input-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-text-color: var(--ig-input-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-text-color: var(--ig-input-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-text-color: var(--ig-input-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-text-color: var(--ig-input-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-secondary-color: var(--ig-input-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color: var(--ig-input-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-border-color: var(--ig-input-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-background: var(--ig-input-border-background, transparent);--border-disabled-background: var(--ig-input-border-disabled-background, transparent);--search-background: var(--ig-input-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--search-disabled-background: var(--ig-input-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--success-secondary-color: var(--ig-input-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));--warning-secondary-color: var(--ig-input-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--error-secondary-color: var(--ig-input-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--placeholder-color: var(--ig-input-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--box-background: var(--ig-input-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-hover: var(--ig-input-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-focus: var(--ig-input-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-disabled-background: var(--ig-input-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-input-success-shadow-color, hsla(var(--ig-success-500), 0.38));--error-shadow-color: var(--ig-input-error-shadow-color, hsla(var(--ig-error-500), 0.38));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-input-default-size, 2)}`;
+export const styles = css `:host{--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-input-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background: var(--ig-input-input-prefix-background, transparent);--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-900) h s l/1));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-900) h s l/1));--input-suffix-background: var(--ig-input-input-suffix-background, transparent);--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-900) h s l/1));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-900) h s l/1));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-700) h s l/1));--filled-text-color: var(--ig-input-filled-text-color, hsl(from var(--ig-gray-900) h s l/1));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, hsl(from var(--ig-gray-900) h s l/1));--focused-text-color: var(--ig-input-focused-text-color, hsl(from var(--ig-gray-900) h s l/1));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-700) h s l/1));--filled-secondary-color: var(--ig-input-filled-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/1));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsl(from var(--ig-gray-500) h s l/1));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsl(from var(--ig-gray-800) h s l/1));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsl(from var(--ig-primary-500) h s l/1));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, hsl(from var(--ig-primary-500) h s l/0.12));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsl(from var(--ig-gray-500) h s l/1));--disabled-border-color: var(--ig-input-disabled-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color: var(--ig-input-border-color, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-input-hover-border-color, hsl(from var(--ig-gray-900) h s l/1));--focused-border-color: var(--ig-input-focused-border-color, hsl(from var(--ig-primary-500) h s l/1));--border-background: var(--ig-input-border-background, transparent);--border-disabled-background: var(--ig-input-border-disabled-background, transparent);--search-background: var(--ig-input-search-background, hsl(from var(--ig-gray-50) h s l/1));--search-disabled-background: var(--ig-input-search-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--success-secondary-color: var(--ig-input-success-secondary-color, hsl(from var(--ig-success-500) h s l/1));--warning-secondary-color: var(--ig-input-warning-secondary-color, hsl(from var(--ig-warn-500) h s l/1));--error-secondary-color: var(--ig-input-error-secondary-color, hsl(from var(--ig-error-500) h s l/1));--placeholder-color: var(--ig-input-placeholder-color, hsl(from var(--ig-gray-700) h s l/1));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-500) h s l/1));--box-background: var(--ig-input-box-background, hsl(from var(--ig-gray-200) h s l/1));--box-background-hover: var(--ig-input-box-background-hover, hsl(from var(--ig-gray-200) h s l/1));--box-background-focus: var(--ig-input-box-background-focus, hsl(from var(--ig-gray-300) h s l/1));--box-disabled-background: var(--ig-input-box-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-input-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-input-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-input-default-size, 2)}`;
 //# sourceMappingURL=input.shared.css.js.map

package/components/input/themes/light/input.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,igLAAigL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-input-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background: var(--ig-input-input-prefix-background, transparent);--input-prefix-color: var(--ig-input-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background: var(--ig-input-input-suffix-background, transparent);--input-suffix-color: var(--ig-input-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-text-color: var(--ig-input-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-text-color: var(--ig-input-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-text-color: var(--ig-input-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-text-color: var(--ig-input-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--filled-secondary-color: var(--ig-input-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color: var(--ig-input-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focused-border-color: var(--ig-input-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-background: var(--ig-input-border-background, transparent);--border-disabled-background: var(--ig-input-border-disabled-background, transparent);--search-background: var(--ig-input-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--search-disabled-background: var(--ig-input-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--success-secondary-color: var(--ig-input-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));--warning-secondary-color: var(--ig-input-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--error-secondary-color: var(--ig-input-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--placeholder-color: var(--ig-input-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--box-background: var(--ig-input-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-hover: var(--ig-input-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--box-background-focus: var(--ig-input-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--box-disabled-background: var(--ig-input-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-input-success-shadow-color, hsla(var(--ig-success-500), 0.38));--error-shadow-color: var(--ig-input-error-shadow-color, hsla(var(--ig-error-500), 0.38));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-input-default-size, 2)}`;\n"]}
+{"version":3,"file":"input.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6zKAA6zK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-input-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background: var(--ig-input-input-prefix-background, transparent);--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-900) h s l/1));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-900) h s l/1));--input-suffix-background: var(--ig-input-input-suffix-background, transparent);--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-900) h s l/1));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-900) h s l/1));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-700) h s l/1));--filled-text-color: var(--ig-input-filled-text-color, hsl(from var(--ig-gray-900) h s l/1));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, hsl(from var(--ig-gray-900) h s l/1));--focused-text-color: var(--ig-input-focused-text-color, hsl(from var(--ig-gray-900) h s l/1));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-700) h s l/1));--filled-secondary-color: var(--ig-input-filled-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/1));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsl(from var(--ig-gray-500) h s l/1));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsl(from var(--ig-gray-800) h s l/1));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsl(from var(--ig-primary-500) h s l/1));--interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, hsl(from var(--ig-primary-500) h s l/0.12));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsl(from var(--ig-gray-500) h s l/1));--disabled-border-color: var(--ig-input-disabled-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color: var(--ig-input-border-color, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-input-hover-border-color, hsl(from var(--ig-gray-900) h s l/1));--focused-border-color: var(--ig-input-focused-border-color, hsl(from var(--ig-primary-500) h s l/1));--border-background: var(--ig-input-border-background, transparent);--border-disabled-background: var(--ig-input-border-disabled-background, transparent);--search-background: var(--ig-input-search-background, hsl(from var(--ig-gray-50) h s l/1));--search-disabled-background: var(--ig-input-search-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--success-secondary-color: var(--ig-input-success-secondary-color, hsl(from var(--ig-success-500) h s l/1));--warning-secondary-color: var(--ig-input-warning-secondary-color, hsl(from var(--ig-warn-500) h s l/1));--error-secondary-color: var(--ig-input-error-secondary-color, hsl(from var(--ig-error-500) h s l/1));--placeholder-color: var(--ig-input-placeholder-color, hsl(from var(--ig-gray-700) h s l/1));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-500) h s l/1));--box-background: var(--ig-input-box-background, hsl(from var(--ig-gray-200) h s l/1));--box-background-hover: var(--ig-input-box-background-hover, hsl(from var(--ig-gray-200) h s l/1));--box-background-focus: var(--ig-input-box-background-focus, hsl(from var(--ig-gray-300) h s l/1));--box-disabled-background: var(--ig-input-box-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-input-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-input-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-input-default-size, 2)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem))}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{border-radius:var(--border-border-radius);font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*="input prefixed"]{border-start-start-radius:0;border-end-start-radius:0}[part*="input suffixed"]{border-start-end-radius:0;border-end-end-radius:0}[part*="input prefixed suffixed"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}[part=helper-text]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-top:.25rem}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([disabled])[invalid]) [part~=input],:host(:not([disabled])[invalid]:focus-within) [part~=input]{border-color:var(--error-secondary-color);box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=helper-text],:host(:disabled) [part=label],:host([disabled]) [part=helper-text],:host([disabled]) [part=label]{color:var(--disabled-text-color)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{border-radius:var(--border-border-radius);font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*="input prefixed"]{border-start-start-radius:0;border-end-start-radius:0}[part*="input suffixed"]{border-start-end-radius:0;border-end-end-radius:0}[part*="input prefixed suffixed"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%;padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([disabled])[invalid]) [part~=input],:host(:not([disabled])[invalid]:focus-within) [part~=input]{border-color:var(--error-secondary-color);box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
 //# sourceMappingURL=input.bootstrap.css.js.map