igniteui-webcomponents 6.5.1 → 7.0.0

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

@@ -12,6 +12,8 @@ export declare abstract class IgcMaskInputBaseComponent extends IgcInputBaseComp
     protected _focused: boolean;
     protected _maskedValue: string;
     protected get _inputSelection(): MaskSelection;
+    /** Indicates whether the current mask value is empty. */
+    protected get _isEmptyMask(): boolean;
     /**
      * Makes the control a readonly field.
      *

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

@@ -24,6 +24,9 @@ let IgcMaskInputBaseComponent = class IgcMaskInputBaseComponent extends IgcInput
             end: this._input?.selectionEnd || 0,
         };
     }
+    get _isEmptyMask() {
+        return this._maskedValue === this._parser.emptyMask;
+    }
     set mask(value) {
         this._parser.mask = value;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"mask-input-base.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { property, state } from 'lit/decorators.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { IgcInputBaseComponent } from '../input/input-base.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport { MaskParser } from './mask-parser.js';\n\nexport type MaskSelection = {\n  start: number;\n  end: number;\n};\n\n@blazorDeepImport\nexport abstract class IgcMaskInputBaseComponent extends IgcInputBaseComponent {\n  //#region Internal state and properties\n\n  protected readonly _parser = new MaskParser();\n\n  protected _maskSelection: MaskSelection = { start: 0, end: 0 };\n  protected _compositionStart = 0;\n\n  @state()\n  protected _focused = false;\n\n  @state()\n  protected _maskedValue = '';\n\n  protected get _inputSelection(): MaskSelection {\n    return {\n      start: this._input?.selectionStart || 0,\n      end: this._input?.selectionEnd || 0,\n    };\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Makes the control a readonly field.\n   *\n   * @attr readonly\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public readOnly = false;\n\n  /**\n   * The masked pattern of the component.\n   *\n   * @attr\n   * @default 'CCCCCCCCCC'\n   */\n  @property()\n  public set mask(value: string) {\n    this._parser.mask = value;\n  }\n\n  public get mask(): string {\n    return this._parser.mask;\n  }\n\n  /**\n   * The prompt symbol to use for unfilled parts of the mask pattern.\n   *\n   * @attr\n   * @default '_'\n   */\n  @property()\n  public set prompt(value: string) {\n    this._parser.prompt = value;\n  }\n\n  public get prompt(): string {\n    return this._parser.prompt;\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected async _handleInput({\n    inputType,\n    isComposing,\n  }: InputEvent): Promise<void> {\n    const value = this._input?.value ?? '';\n    const { start, end } = this._maskSelection;\n    const deletePosition = this._parser.getNextNonLiteralPosition(end) + 1;\n    this._setTouchedState();\n\n    switch (inputType) {\n      case 'deleteContentForward':\n        this._updateInput('', { start, end: deletePosition });\n        await this.updateComplete;\n        return this._input?.setSelectionRange(deletePosition, deletePosition);\n\n      case 'deleteContentBackward':\n        if (isComposing) return;\n        return this._updateInput('', {\n          start: this._parser.getPreviousNonLiteralPosition(\n            this._inputSelection.start + 1\n          ),\n          end,\n        });\n\n      case 'deleteByCut':\n        return this._updateInput('', this._maskSelection);\n\n      case 'insertText':\n        return this._updateInput(\n          value.substring(start, this._inputSelection.end),\n          this._maskSelection\n        );\n\n      case 'insertFromPaste':\n        return this._updateInput(\n          value.substring(start, this._inputSelection.end),\n          {\n            start,\n            end: this._inputSelection.start,\n          }\n        );\n\n      case 'insertFromDrop':\n        return this._updateInput(\n          value.substring(this._inputSelection.start, this._inputSelection.end),\n          { ...this._inputSelection }\n        );\n\n      // Potential browser auto-fill behavior\n      case undefined:\n      case '':\n        return this._updateInput(\n          this._parser.parse(value.substring(start, this._inputSelection.end)),\n          {\n            start,\n            end: this._inputSelection.end,\n          }\n        );\n    }\n  }\n\n  protected _setMaskSelection(): void {\n    this._maskSelection = this._inputSelection;\n  }\n\n  protected _handleCompositionStart(): void {\n    this._compositionStart = this._inputSelection.start;\n  }\n\n  protected _handleCompositionEnd({ data }: CompositionEvent): void {\n    this._updateInput(data, {\n      start: this._compositionStart,\n      end: this._inputSelection.end,\n    });\n  }\n\n  protected _handleClick(): void {\n    const { selectionStart: start, selectionEnd: end } = this._input ?? {\n      selectionStart: 0,\n      selectionEnd: 0,\n    };\n\n    // Clicking at the end of the input field will select the entire mask\n    if (start === end && start === this._maskedValue.length) {\n      this.select();\n    }\n  }\n\n  //#endregion\n\n  //#region Internal methods\n\n  protected abstract _updateSetRangeTextValue(): void;\n  protected abstract _updateInput(text: string, range: MaskSelection): void;\n\n  //#endregion\n\n  //#region Public methods\n\n  /* blazorSuppress */\n  /** Sets the text selection range of the control */\n  public setSelectionRange(\n    start?: number,\n    end?: number,\n    direction: SelectionRangeDirection = 'none'\n  ): void {\n    this._input?.setSelectionRange(start ?? null, end ?? null, direction);\n    this._maskSelection = { start: start ?? 0, end: end ?? 0 };\n  }\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the control and re-applies the mask */\n  public setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: RangeTextSelectMode\n  ): void {\n    const current = this._inputSelection;\n    const _start = start ?? current.start;\n    const _end = end ?? current.end;\n\n    const result = this._parser.replace(\n      this._maskedValue || this._parser.emptyMask,\n      replacement,\n      _start,\n      _end\n    );\n    this._maskedValue = this._parser.apply(this._parser.parse(result.value));\n    this._updateSetRangeTextValue();\n\n    this.updateComplete.then(() => {\n      switch (selectMode) {\n        case 'select':\n          this.setSelectionRange(_start, _end);\n          break;\n        case 'start':\n          this.setSelectionRange(_start, _start);\n          break;\n        case 'end':\n          this.setSelectionRange(_end, _end);\n          break;\n        default:\n          this.setSelectionRange(current.start, current.end);\n      }\n    });\n  }\n\n  //#endregion\n}\n"]}
+{"version":3,"file":"mask-input-base.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { property, state } from 'lit/decorators.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { IgcInputBaseComponent } from '../input/input-base.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport { MaskParser } from './mask-parser.js';\n\nexport type MaskSelection = {\n  start: number;\n  end: number;\n};\n\n@blazorDeepImport\nexport abstract class IgcMaskInputBaseComponent extends IgcInputBaseComponent {\n  //#region Internal state and properties\n\n  protected readonly _parser = new MaskParser();\n\n  protected _maskSelection: MaskSelection = { start: 0, end: 0 };\n  protected _compositionStart = 0;\n\n  @state()\n  protected _focused = false;\n\n  @state()\n  protected _maskedValue = '';\n\n  protected get _inputSelection(): MaskSelection {\n    return {\n      start: this._input?.selectionStart || 0,\n      end: this._input?.selectionEnd || 0,\n    };\n  }\n\n  /** Indicates whether the current mask value is empty. */\n  protected get _isEmptyMask(): boolean {\n    return this._maskedValue === this._parser.emptyMask;\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Makes the control a readonly field.\n   *\n   * @attr readonly\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public readOnly = false;\n\n  /**\n   * The masked pattern of the component.\n   *\n   * @attr\n   * @default 'CCCCCCCCCC'\n   */\n  @property()\n  public set mask(value: string) {\n    this._parser.mask = value;\n  }\n\n  public get mask(): string {\n    return this._parser.mask;\n  }\n\n  /**\n   * The prompt symbol to use for unfilled parts of the mask pattern.\n   *\n   * @attr\n   * @default '_'\n   */\n  @property()\n  public set prompt(value: string) {\n    this._parser.prompt = value;\n  }\n\n  public get prompt(): string {\n    return this._parser.prompt;\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected async _handleInput({\n    inputType,\n    isComposing,\n  }: InputEvent): Promise<void> {\n    const value = this._input?.value ?? '';\n    const { start, end } = this._maskSelection;\n    const deletePosition = this._parser.getNextNonLiteralPosition(end) + 1;\n    this._setTouchedState();\n\n    switch (inputType) {\n      case 'deleteContentForward':\n        this._updateInput('', { start, end: deletePosition });\n        await this.updateComplete;\n        return this._input?.setSelectionRange(deletePosition, deletePosition);\n\n      case 'deleteContentBackward':\n        if (isComposing) return;\n        return this._updateInput('', {\n          start: this._parser.getPreviousNonLiteralPosition(\n            this._inputSelection.start + 1\n          ),\n          end,\n        });\n\n      case 'deleteByCut':\n        return this._updateInput('', this._maskSelection);\n\n      case 'insertText':\n        return this._updateInput(\n          value.substring(start, this._inputSelection.end),\n          this._maskSelection\n        );\n\n      case 'insertFromPaste':\n        return this._updateInput(\n          value.substring(start, this._inputSelection.end),\n          {\n            start,\n            end: this._inputSelection.start,\n          }\n        );\n\n      case 'insertFromDrop':\n        return this._updateInput(\n          value.substring(this._inputSelection.start, this._inputSelection.end),\n          { ...this._inputSelection }\n        );\n\n      // Potential browser auto-fill behavior\n      case undefined:\n      case '':\n        return this._updateInput(\n          this._parser.parse(value.substring(start, this._inputSelection.end)),\n          {\n            start,\n            end: this._inputSelection.end,\n          }\n        );\n    }\n  }\n\n  protected _setMaskSelection(): void {\n    this._maskSelection = this._inputSelection;\n  }\n\n  protected _handleCompositionStart(): void {\n    this._compositionStart = this._inputSelection.start;\n  }\n\n  protected _handleCompositionEnd({ data }: CompositionEvent): void {\n    this._updateInput(data, {\n      start: this._compositionStart,\n      end: this._inputSelection.end,\n    });\n  }\n\n  protected _handleClick(): void {\n    const { selectionStart: start, selectionEnd: end } = this._input ?? {\n      selectionStart: 0,\n      selectionEnd: 0,\n    };\n\n    // Clicking at the end of the input field will select the entire mask\n    if (start === end && start === this._maskedValue.length) {\n      this.select();\n    }\n  }\n\n  //#endregion\n\n  //#region Internal methods\n\n  protected abstract _updateSetRangeTextValue(): void;\n  protected abstract _updateInput(text: string, range: MaskSelection): void;\n\n  //#endregion\n\n  //#region Public methods\n\n  /* blazorSuppress */\n  /** Sets the text selection range of the control */\n  public setSelectionRange(\n    start?: number,\n    end?: number,\n    direction: SelectionRangeDirection = 'none'\n  ): void {\n    this._input?.setSelectionRange(start ?? null, end ?? null, direction);\n    this._maskSelection = { start: start ?? 0, end: end ?? 0 };\n  }\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the control and re-applies the mask */\n  public setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: RangeTextSelectMode\n  ): void {\n    const current = this._inputSelection;\n    const _start = start ?? current.start;\n    const _end = end ?? current.end;\n\n    const result = this._parser.replace(\n      this._maskedValue || this._parser.emptyMask,\n      replacement,\n      _start,\n      _end\n    );\n    this._maskedValue = this._parser.apply(this._parser.parse(result.value));\n    this._updateSetRangeTextValue();\n\n    this.updateComplete.then(() => {\n      switch (selectMode) {\n        case 'select':\n          this.setSelectionRange(_start, _end);\n          break;\n        case 'start':\n          this.setSelectionRange(_start, _start);\n          break;\n        case 'end':\n          this.setSelectionRange(_end, _end);\n          break;\n        default:\n          this.setSelectionRange(current.start, current.end);\n      }\n    });\n  }\n\n  //#endregion\n}\n"]}

package/components/mask-input/mask-input.js

@@ -129,7 +129,7 @@ export default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
         this.value = this._parser.parse(this._maskedValue);
     }
     _updateMaskedValue() {
-        if (this._maskedValue === this._parser.emptyMask) {
+        if (this._isEmptyMask) {
             this._maskedValue = '';
         }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-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';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf } from '../common/util.js';\nimport { styles } from '../input/themes/input.base.css.js';\nimport { styles as shared } from '../input/themes/shared/input.common.css.js';\nimport { all } from '../input/themes/themes.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskSelection,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'value-missing',\n  'bad-input',\n  'custom-error',\n  'invalid'\n);\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern 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 receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\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 IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n  public static readonly tagName = 'igc-mask-input';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  //#region Internal attributes and properties\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected override readonly _themes = addThemingController(this, all);\n\n  protected override readonly _slots = addSlotController(this, {\n    slots: Slots,\n  });\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: '',\n    transformers: {\n      setFormValue: (value) =>\n        this._isRawMode ? value || null : this._maskedValue || null,\n    },\n  });\n\n  protected get _isRawMode(): boolean {\n    return this.valueMode === 'raw';\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw`: Returns clean input (e.g. \"5551234567\")\n   * - `withFormatting`: Returns with mask formatting (e.g. \"(555) 123-4567\")\n   *\n   * Empty values always return an empty string, regardless of the value mode.\n   * @attr value-mode\n   * @default 'raw'\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: MaskInputValueMode = 'raw';\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the input.\n   *\n   * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n   *\n   * @attr\n   */\n  @property()\n  public set value(string: string) {\n    const value = string ?? '';\n    this._maskedValue = this._parser.apply(value);\n    this._updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  public get value(): string {\n    const value = this._formValue.value;\n\n    if (this._isRawMode) {\n      return value;\n    }\n    return value ? this._maskedValue : value;\n  }\n\n  /**\n   * The masked pattern of the component.\n   *\n   * @attr\n   * @default 'CCCCCCCCCC'\n   */\n  @property()\n  public override set mask(value: string) {\n    super.mask = value;\n    if (this.value) {\n      this._maskedValue = this._parser.apply(this._formValue.value);\n    }\n  }\n\n  public override get mask(): string {\n    return super.mask;\n  }\n\n  /**\n   * The prompt symbol to use for unfilled parts of the mask pattern.\n   *\n   * @attr\n   * @default '_'\n   */\n  @property()\n  public override set prompt(value: string) {\n    super.prompt = value;\n    if (this.value) {\n      this._maskedValue = this._parser.apply(this._formValue.value);\n    }\n  }\n\n  public override get prompt(): string {\n    return super.prompt;\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected _handleDragEnter(): void {\n    if (!this._focused && !this._formValue.value) {\n      this._maskedValue = this._parser.emptyMask;\n    }\n  }\n\n  protected _handleDragLeave(): void {\n    if (!this._focused) {\n      this._updateMaskedValue();\n    }\n  }\n\n  protected async _handleFocus(): Promise<void> {\n    this._focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    if (!this._formValue.value) {\n      // In case of empty value, select the whole mask\n      this._maskedValue = this._parser.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected override _handleBlur(): void {\n    this._focused = false;\n    this._updateMaskedValue();\n    super._handleBlur();\n  }\n\n  protected _handleChange(): void {\n    this._setTouchedState();\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  //#endregion\n\n  //#region Internal methods\n\n  protected override _restoreDefaultValue(): void {\n    const value = this.defaultValue as string;\n\n    this._maskedValue = this._parser.apply(value);\n    this._updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  protected async _updateInput(\n    text: string,\n    { start, end }: MaskSelection\n  ): Promise<void> {\n    const result = this._parser.replace(this._maskedValue, text, start, end);\n\n    this._maskedValue = result.value;\n    this._formValue.setValueAndFormState(this._parser.parse(this._maskedValue));\n    this.requestUpdate();\n\n    if (start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n\n    await this.updateComplete;\n    this._input?.setSelectionRange(result.end, result.end);\n  }\n\n  protected override _updateSetRangeTextValue(): void {\n    this.value = this._parser.parse(this._maskedValue);\n  }\n\n  private _updateMaskedValue(): void {\n    if (this._maskedValue === this._parser.emptyMask) {\n      this._maskedValue = '';\n    }\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /* blazorSuppress */\n  /** Returns whether the current masked input is valid according to the mask pattern. */\n  public isValidMaskPattern(): boolean {\n    return this._parser.isValidString(this._maskedValue);\n  }\n\n  //#endregion\n\n  protected override _renderInput() {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n    const hasHelperText = this._slots.hasAssignedElements('helper-text');\n\n    return html`\n      <input\n        id=${this._inputId}\n        type=\"text\"\n        part=${partMap(this._resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this._maskedValue)}\n        .placeholder=${this.placeholder ?? this._parser.escapedMask}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        ?autofocus=${this.autofocus}\n        inputmode=${ifDefined(this.inputMode)}\n        tabindex=${bindIf(hasNegativeTabIndex, -1)}\n        aria-describedby=${bindIf(hasHelperText, 'helper-text')}\n        @dragenter=${this._handleDragEnter}\n        @dragleave=${this._handleDragLeave}\n        @dragstart=${this._setMaskSelection}\n        @blur=${this._handleBlur}\n        @focus=${this._handleFocus}\n        @cut=${this._setMaskSelection}\n        @change=${this._handleChange}\n        @click=${this._handleClick}\n        @compositionstart=${this._handleCompositionStart}\n        @compositionend=${this._handleCompositionEnd}\n        @input=${this._handleInput}\n        @keydown=${this._setMaskSelection}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-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';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { bindIf } from '../common/util.js';\nimport { styles } from '../input/themes/input.base.css.js';\nimport { styles as shared } from '../input/themes/shared/input.common.css.js';\nimport { all } from '../input/themes/themes.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskSelection,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'value-missing',\n  'bad-input',\n  'custom-error',\n  'invalid'\n);\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern 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 receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\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 IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n  public static readonly tagName = 'igc-mask-input';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  //#region Internal attributes and properties\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected override readonly _themes = addThemingController(this, all);\n\n  protected override readonly _slots = addSlotController(this, {\n    slots: Slots,\n  });\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: '',\n    transformers: {\n      setFormValue: (value) =>\n        this._isRawMode ? value || null : this._maskedValue || null,\n    },\n  });\n\n  protected get _isRawMode(): boolean {\n    return this.valueMode === 'raw';\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw`: Returns clean input (e.g. \"5551234567\")\n   * - `withFormatting`: Returns with mask formatting (e.g. \"(555) 123-4567\")\n   *\n   * Empty values always return an empty string, regardless of the value mode.\n   * @attr value-mode\n   * @default 'raw'\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: MaskInputValueMode = 'raw';\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the input.\n   *\n   * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n   *\n   * @attr\n   */\n  @property()\n  public set value(string: string) {\n    const value = string ?? '';\n    this._maskedValue = this._parser.apply(value);\n    this._updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  public get value(): string {\n    const value = this._formValue.value;\n\n    if (this._isRawMode) {\n      return value;\n    }\n    return value ? this._maskedValue : value;\n  }\n\n  /**\n   * The masked pattern of the component.\n   *\n   * @attr\n   * @default 'CCCCCCCCCC'\n   */\n  @property()\n  public override set mask(value: string) {\n    super.mask = value;\n    if (this.value) {\n      this._maskedValue = this._parser.apply(this._formValue.value);\n    }\n  }\n\n  public override get mask(): string {\n    return super.mask;\n  }\n\n  /**\n   * The prompt symbol to use for unfilled parts of the mask pattern.\n   *\n   * @attr\n   * @default '_'\n   */\n  @property()\n  public override set prompt(value: string) {\n    super.prompt = value;\n    if (this.value) {\n      this._maskedValue = this._parser.apply(this._formValue.value);\n    }\n  }\n\n  public override get prompt(): string {\n    return super.prompt;\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected _handleDragEnter(): void {\n    if (!this._focused && !this._formValue.value) {\n      this._maskedValue = this._parser.emptyMask;\n    }\n  }\n\n  protected _handleDragLeave(): void {\n    if (!this._focused) {\n      this._updateMaskedValue();\n    }\n  }\n\n  protected async _handleFocus(): Promise<void> {\n    this._focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    if (!this._formValue.value) {\n      // In case of empty value, select the whole mask\n      this._maskedValue = this._parser.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected override _handleBlur(): void {\n    this._focused = false;\n    this._updateMaskedValue();\n    super._handleBlur();\n  }\n\n  protected _handleChange(): void {\n    this._setTouchedState();\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  //#endregion\n\n  //#region Internal methods\n\n  protected override _restoreDefaultValue(): void {\n    const value = this.defaultValue as string;\n\n    this._maskedValue = this._parser.apply(value);\n    this._updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n  }\n\n  protected async _updateInput(\n    text: string,\n    { start, end }: MaskSelection\n  ): Promise<void> {\n    const result = this._parser.replace(this._maskedValue, text, start, end);\n\n    this._maskedValue = result.value;\n    this._formValue.setValueAndFormState(this._parser.parse(this._maskedValue));\n    this.requestUpdate();\n\n    if (start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n\n    await this.updateComplete;\n    this._input?.setSelectionRange(result.end, result.end);\n  }\n\n  protected override _updateSetRangeTextValue(): void {\n    this.value = this._parser.parse(this._maskedValue);\n  }\n\n  private _updateMaskedValue(): void {\n    if (this._isEmptyMask) {\n      this._maskedValue = '';\n    }\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /* blazorSuppress */\n  /** Returns whether the current masked input is valid according to the mask pattern. */\n  public isValidMaskPattern(): boolean {\n    return this._parser.isValidString(this._maskedValue);\n  }\n\n  //#endregion\n\n  protected override _renderInput() {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n    const hasHelperText = this._slots.hasAssignedElements('helper-text');\n\n    return html`\n      <input\n        id=${this._inputId}\n        type=\"text\"\n        part=${partMap(this._resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this._maskedValue)}\n        .placeholder=${this.placeholder ?? this._parser.escapedMask}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        ?autofocus=${this.autofocus}\n        inputmode=${ifDefined(this.inputMode)}\n        tabindex=${bindIf(hasNegativeTabIndex, -1)}\n        aria-describedby=${bindIf(hasHelperText, 'helper-text')}\n        @dragenter=${this._handleDragEnter}\n        @dragleave=${this._handleDragLeave}\n        @dragstart=${this._setMaskSelection}\n        @blur=${this._handleBlur}\n        @focus=${this._handleFocus}\n        @cut=${this._setMaskSelection}\n        @change=${this._handleChange}\n        @click=${this._handleClick}\n        @compositionstart=${this._handleCompositionStart}\n        @compositionend=${this._handleCompositionEnd}\n        @input=${this._handleInput}\n        @keydown=${this._setMaskSelection}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}

package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.8));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-900));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-900));--ig-theme: bootstrap;--ig-theme: bootstrap}`;
+export const styles = css `:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.8));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-900));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-900));--ig-theme: bootstrap;--ig-theme-variant: dark;--ig-theme: bootstrap;--ig-theme-variant: dark}`;
 //# sourceMappingURL=nav-drawer.bootstrap.css.js.map

package/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0jCAA0jC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.8));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-900));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-900));--ig-theme: bootstrap;--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"nav-drawer.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4mCAA4mC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.8));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-900));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-900));--ig-theme: bootstrap;--ig-theme-variant: dark;--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n"]}

package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-100));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.12));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-gray-300) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-50));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-200));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-primary-200));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800));--ig-theme: fluent;--ig-theme: fluent}`;
+export const styles = css `:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-100));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.12));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-gray-300) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-50));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-200));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-primary-200));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800));--ig-theme: fluent;--ig-theme-variant: dark;--ig-theme: fluent;--ig-theme-variant: dark}`;
 //# sourceMappingURL=nav-drawer.fluent.css.js.map

package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,++BAA++B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-100));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.12));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-gray-300) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-50));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-200));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-primary-200));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800));--ig-theme: fluent;--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iiCAAiiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-100));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.12));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-gray-300) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-50));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-200));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-primary-200));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800));--ig-theme: fluent;--ig-theme-variant: dark;--ig-theme: fluent;--ig-theme-variant: dark}`;\n"]}

package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-100));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-nav-drawer-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-400) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-100));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-200));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-50-contrast));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--ig-theme: indigo}`;
+export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-100));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-nav-drawer-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-400) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-100));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-200));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-50-contrast));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--ig-theme-variant: dark;--ig-theme: indigo;--ig-theme-variant: dark}`;
 //# sourceMappingURL=nav-drawer.indigo.css.js.map

package/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i6CAAi6C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-100));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-nav-drawer-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-400) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-100));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-200));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-50-contrast));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m9CAAm9C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-100));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-nav-drawer-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-400) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-100));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-200));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-50-contrast));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--ig-theme-variant: dark;--ig-theme: indigo;--ig-theme-variant: dark}`;\n"]}

package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-300));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700));--ig-theme: material;--ig-theme: material}`;
+export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-300));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700));--ig-theme: material;--ig-theme-variant: dark;--ig-theme: material;--ig-theme-variant: dark}`;
 //# sourceMappingURL=nav-drawer.material.css.js.map

package/components/nav-drawer/themes/dark/container/nav-drawer.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qoCAAqoC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-300));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700));--ig-theme: material;--ig-theme: material}`;\n"]}
+{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,urCAAurC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-300));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700));--ig-theme: material;--ig-theme-variant: dark;--ig-theme: material;--ig-theme-variant: dark}`;\n"]}

package/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-200));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-200));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54))}`;
+export const styles = css `:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-200));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-200));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--ig-theme-variant: dark;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme-variant: light}`;
 //# sourceMappingURL=nav-drawer.shared.css.js.map

package/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qiBAAqiB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-200));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-200));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54))}`;\n"]}
+{"version":3,"file":"nav-drawer.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qlBAAqlB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-200));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-200));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--ig-theme-variant: dark;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme-variant: light}`;\n"]}

package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.8));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-900));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-900));--ig-theme: bootstrap;--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: bootstrap}`;
+export const styles = css `:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.8));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-900));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-900));--ig-theme: bootstrap;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: bootstrap;--ig-theme-variant: light}`;
 //# sourceMappingURL=nav-drawer.bootstrap.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6pCAA6pC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.8));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-900));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-900));--ig-theme: bootstrap;--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"nav-drawer.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8sCAA8sC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-200) h s l/0.8));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-900-contrast));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-900));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-900));--ig-theme: bootstrap;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n"]}

package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-600));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-100));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-gray-200));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-700));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-200));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-primary-500));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800));--ig-theme: fluent;--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: fluent}`;
+export const styles = css `:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-600));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-100));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-gray-200));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-700));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-200));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-primary-500));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800));--ig-theme: fluent;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: fluent;--ig-theme-variant: light}`;
 //# sourceMappingURL=nav-drawer.fluent.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yiCAAyiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-600));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-100));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-gray-200));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-700));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-200));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-primary-500));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800));--ig-theme: fluent;--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0lCAA0lC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-600));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-100));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-gray-200));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-700));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-200));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-primary-500));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800));--ig-theme: fluent;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: fluent;--ig-theme-variant: light}`;\n"]}

package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-600));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-300) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-700));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: indigo}`;
+export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-600));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-300) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-700));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: indigo;--ig-theme-variant: light}`;
 //# sourceMappingURL=nav-drawer.indigo.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q3CAAq3C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-600));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-300) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-700));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s6CAAs6C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-600));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-300) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-700));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: indigo;--ig-theme-variant: light}`;\n"]}

package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-500));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-800));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-800));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700));--ig-theme: material;--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: material}`;
+export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-500));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-800));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-800));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700));--ig-theme: material;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: material;--ig-theme-variant: light}`;
 //# sourceMappingURL=nav-drawer.material.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wuCAAwuC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-500));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-800));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-800));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700));--ig-theme: material;--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: material}`;\n"]}
+{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yxCAAyxC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-500));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-900));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-200));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-900));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-500) h s l/0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-800));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-800));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-700));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-700));--ig-theme: material;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: material;--ig-theme-variant: light}`;\n"]}

package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-400));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-400));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54))}`;
+export const styles = css `:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-400));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-400));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme-variant: light}`;
 //# sourceMappingURL=nav-drawer.shared.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qiBAAqiB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-400));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-400));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54))}`;\n"]}
+{"version":3,"file":"nav-drawer.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,slBAAslB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-400));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-400));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme-variant: light}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-gray-300));--ig-theme: bootstrap}`;
+export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-gray-300));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
 //# sourceMappingURL=navbar.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,odAAod,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-gray-300));--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6eAA6e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-gray-300));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-900));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500));--ig-theme: fluent}`;
+export const styles = css `:host{--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-900));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500));--ig-theme: fluent;--ig-theme-variant: dark}`;
 //# sourceMappingURL=navbar.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kTAAkT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-900));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500));--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2UAA2U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-900));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500));--ig-theme: fluent;--ig-theme-variant: dark}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-100-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-100-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-primary-200));--ig-theme: indigo}`;
+export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-800));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-100-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-primary-200));--ig-theme: indigo;--ig-theme-variant: dark}`;
 //# sourceMappingURL=navbar.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+dAA+d,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-100-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-100-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-primary-200));--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+eAA+e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-800));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-100-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-primary-200));--ig-theme: indigo;--ig-theme-variant: dark}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-navbar-background, var(--ig-primary-800));--text-color: var(--ig-navbar-text-color, var(--ig-primary-800-contrast));--ig-theme: material}`;
+export const styles = css `:host{--background: var(--ig-navbar-background, var(--ig-primary-800));--text-color: var(--ig-navbar-text-color, var(--ig-primary-800-contrast));--ig-theme: material;--ig-theme-variant: dark}`;
 //# sourceMappingURL=navbar.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wKAAwK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-navbar-background, var(--ig-primary-800));--text-color: var(--ig-navbar-text-color, var(--ig-primary-800-contrast));--ig-theme: material}`;\n"]}
+{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iMAAiM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-navbar-background, var(--ig-primary-800));--text-color: var(--ig-navbar-text-color, var(--ig-primary-800-contrast));--ig-theme: material;--ig-theme-variant: dark}`;\n"]}

package/components/navbar/themes/light/navbar.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-gray-300));--ig-theme: bootstrap}`;
+export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-gray-300));--ig-theme: bootstrap;--ig-theme-variant: light}`;
 //# sourceMappingURL=navbar.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,odAAod,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-gray-300));--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8eAA8e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));--border-color: var(--ig-navbar-border-color, var(--ig-gray-300));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n"]}

package/components/navbar/themes/light/navbar.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-900));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500));--ig-theme: fluent}`;
+export const styles = css `:host{--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-900));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500));--ig-theme: fluent;--ig-theme-variant: light}`;
 //# sourceMappingURL=navbar.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kTAAkT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-900));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500));--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4UAA4U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-900));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500));--ig-theme: fluent;--ig-theme-variant: light}`;\n"]}

package/components/navbar/themes/light/navbar.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-800));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-gray-600));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-700));--border-color: var(--ig-navbar-border-color, var(--ig-primary-500));--ig-theme: indigo}`;
+export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-800));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-gray-600));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-700));--border-color: var(--ig-navbar-border-color, var(--ig-primary-500));--ig-theme: indigo;--ig-theme-variant: light}`;
 //# sourceMappingURL=navbar.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gbAAgb,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-800));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-gray-600));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-700));--border-color: var(--ig-navbar-border-color, var(--ig-primary-500));--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0cAA0c,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, var(--ig-surface-500));--text-color: var(--ig-navbar-text-color, var(--ig-gray-800));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-gray-600));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-700));--border-color: var(--ig-navbar-border-color, var(--ig-primary-500));--ig-theme: indigo;--ig-theme-variant: light}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ig-theme: material}`;
+export const styles = css `:host{--ig-theme: material;--ig-theme-variant: light}`;
 //# sourceMappingURL=navbar.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}
+{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uDAAuD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material;--ig-theme-variant: light}`;\n"]}

package/components/navbar/themes/light/navbar.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));--background: var(--ig-navbar-background, var(--ig-primary-400));--text-color: var(--ig-navbar-text-color, var(--ig-primary-400-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-gray-900));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-900));--border-color: var(--ig-navbar-border-color, transparent)}`;
+export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));--background: var(--ig-navbar-background, var(--ig-primary-400));--text-color: var(--ig-navbar-text-color, var(--ig-primary-400-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-gray-900));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-900));--border-color: var(--ig-navbar-border-color, transparent);--ig-theme-variant: light}`;
 //# sourceMappingURL=navbar.shared.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+ZAA+Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));--background: var(--ig-navbar-background, var(--ig-primary-400));--text-color: var(--ig-navbar-text-color, var(--ig-primary-400-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-gray-900));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-900));--border-color: var(--ig-navbar-border-color, transparent)}`;\n"]}
+{"version":3,"file":"navbar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ybAAyb,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));--background: var(--ig-navbar-background, var(--ig-primary-400));--text-color: var(--ig-navbar-text-color, var(--ig-primary-400-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-gray-900));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-gray-900));--border-color: var(--ig-navbar-border-color, transparent);--ig-theme-variant: light}`;\n"]}

package/components/popover/themes/light/popover.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, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:contents}:popover-open{position:absolute;overflow:visible;isolation:isolate;height:-moz-fit-content;height:fit-content;inset:unset;border:none;padding:0}`;
+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, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:contents}:popover-open{position:absolute;overflow:visible;isolation:isolate;height:-moz-fit-content;height:fit-content;inset:unset;border:none;padding:0;background:rgba(0,0,0,0)}`;
 //# sourceMappingURL=popover.base.css.js.map

package/components/popover/themes/light/popover.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.base.css.js","sourceRoot":"","sources":["../../../../../src/components/popover/themes/light/popover.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,inCAAinC,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, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:contents}:popover-open{position:absolute;overflow:visible;isolation:isolate;height:-moz-fit-content;height:fit-content;inset:unset;border:none;padding:0}`;\n"]}
+{"version":3,"file":"popover.base.css.js","sourceRoot":"","sources":["../../../../../src/components/popover/themes/light/popover.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0oCAA0oC,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, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:contents}:popover-open{position:absolute;overflow:visible;isolation:isolate;height:-moz-fit-content;height:fit-content;inset:unset;border:none;padding:0;background:rgba(0,0,0,0)}`;\n"]}

package/components/progress/themes/circular/dark/circular.progress.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--fill-color-default: var(--ig-circular-progress-fill-color-default, var(--ig-primary-500));--fill-color-danger: var(--ig-circular-progress-fill-color-danger, var(--ig-error-500));--fill-color-warning: var(--ig-circular-progress-fill-color-warning, var(--ig-warn-500));--fill-color-info: var(--ig-circular-progress-fill-color-info, var(--ig-info-500));--fill-color-success: var(--ig-circular-progress-fill-color-success, var(--ig-success-500));--text-color: var(--ig-circular-progress-text-color, var(--ig-gray-700));--diameter: var(--ig-circular-progress-diameter, 3.375rem);--track-border-radius: var(--ig-circular-progress-track-border-radius, 0rem);--ig-theme: bootstrap}`;
+export const styles = css `:host{--fill-color-default: var(--ig-circular-bar-fill-color-default, var(--ig-primary-500));--fill-color-danger: var(--ig-circular-bar-fill-color-danger, var(--ig-error-500));--fill-color-warning: var(--ig-circular-bar-fill-color-warning, var(--ig-warn-500));--fill-color-info: var(--ig-circular-bar-fill-color-info, var(--ig-info-500));--fill-color-success: var(--ig-circular-bar-fill-color-success, var(--ig-success-500));--text-color: var(--ig-circular-bar-text-color, var(--ig-gray-700));--diameter: var(--ig-circular-bar-diameter, 3.375rem);--track-border-radius: var(--ig-circular-bar-track-border-radius, 0rem);--ig-theme: bootstrap;--ig-theme-variant: dark}`;
 //# sourceMappingURL=circular.progress.bootstrap.css.js.map

package/components/progress/themes/circular/dark/circular.progress.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/circular/dark/circular.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2qBAA2qB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color-default: var(--ig-circular-progress-fill-color-default, var(--ig-primary-500));--fill-color-danger: var(--ig-circular-progress-fill-color-danger, var(--ig-error-500));--fill-color-warning: var(--ig-circular-progress-fill-color-warning, var(--ig-warn-500));--fill-color-info: var(--ig-circular-progress-fill-color-info, var(--ig-info-500));--fill-color-success: var(--ig-circular-progress-fill-color-success, var(--ig-success-500));--text-color: var(--ig-circular-progress-text-color, var(--ig-gray-700));--diameter: var(--ig-circular-progress-diameter, 3.375rem);--track-border-radius: var(--ig-circular-progress-track-border-radius, 0rem);--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"circular.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/progress/themes/circular/dark/circular.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4pBAA4pB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color-default: var(--ig-circular-bar-fill-color-default, var(--ig-primary-500));--fill-color-danger: var(--ig-circular-bar-fill-color-danger, var(--ig-error-500));--fill-color-warning: var(--ig-circular-bar-fill-color-warning, var(--ig-warn-500));--fill-color-info: var(--ig-circular-bar-fill-color-info, var(--ig-info-500));--fill-color-success: var(--ig-circular-bar-fill-color-success, var(--ig-success-500));--text-color: var(--ig-circular-bar-text-color, var(--ig-gray-700));--diameter: var(--ig-circular-bar-diameter, 3.375rem);--track-border-radius: var(--ig-circular-bar-track-border-radius, 0rem);--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n"]}

package/components/progress/themes/circular/dark/circular.progress.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--fill-color-default: var(--ig-circular-progress-fill-color-default, var(--ig-primary-500));--fill-color-danger: var(--ig-circular-progress-fill-color-danger, var(--ig-error-500));--fill-color-warning: var(--ig-circular-progress-fill-color-warning, var(--ig-warn-500));--fill-color-info: var(--ig-circular-progress-fill-color-info, var(--ig-info-500));--fill-color-success: var(--ig-circular-progress-fill-color-success, var(--ig-success-500));--text-color: var(--ig-circular-progress-text-color, var(--ig-gray-700));--diameter: var(--ig-circular-progress-diameter, 2rem);--track-border-radius: var(--ig-circular-progress-track-border-radius, 0rem);--ig-theme: fluent}`;
+export const styles = css `:host{--fill-color-default: var(--ig-circular-bar-fill-color-default, var(--ig-primary-500));--fill-color-danger: var(--ig-circular-bar-fill-color-danger, var(--ig-error-500));--fill-color-warning: var(--ig-circular-bar-fill-color-warning, var(--ig-warn-500));--fill-color-info: var(--ig-circular-bar-fill-color-info, var(--ig-info-500));--fill-color-success: var(--ig-circular-bar-fill-color-success, var(--ig-success-500));--text-color: var(--ig-circular-bar-text-color, var(--ig-gray-700));--diameter: var(--ig-circular-bar-diameter, 2rem);--track-border-radius: var(--ig-circular-bar-track-border-radius, 0rem);--ig-theme: fluent;--ig-theme-variant: dark}`;
 //# sourceMappingURL=circular.progress.fluent.css.js.map