igniteui-webcomponents 5.3.0-beta.3 → 5.4.0-rc.0

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

@@ -1,4 +1,5 @@
 import { type FormValue } from '../common/mixins/forms/form-value.js';
+import type { MaskInputValueMode } from '../types.js';
 import { IgcMaskInputBaseComponent, type MaskRange } from './mask-input-base.js';
 /**
  * A masked input is an input field where a developer can control user input and format the visible value,
@@ -37,7 +38,7 @@ export default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
      * - `withFormatting` will return the value with all literals and prompts.
      * @attr value-mode
      */
-    valueMode: 'raw' | 'withFormatting';
+    valueMode: MaskInputValueMode;
     /**
      * The value of the input.
      *

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, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  type FormValue,\n  createFormValueState,\n} from '../common/mixins/forms/form-value.js';\nimport { isEmpty, partNameMap } from '../common/util.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\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\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected override _formValue: FormValue<string>;\n\n  protected get _isRawMode() {\n    return this.valueMode === 'raw';\n  }\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw` will return the clean user input.\n   * - `withFormatting` will return the value with all literals and prompts.\n   * @attr value-mode\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: 'raw' | 'withFormatting' = 'raw';\n\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   * @attr\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  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\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    this._validate();\n  }\n\n  /**\n   * The mask pattern to apply on the input.\n   * @attr\n   */\n  @property()\n  public get mask(): string {\n    return this._mask;\n  }\n\n  /** The mask pattern to apply on the input. */\n  public set mask(value: string) {\n    this._mask = value;\n    this.parser.mask = value;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\n\n  constructor() {\n    super();\n\n    this._formValue = createFormValueState(this, {\n      initialValue: '',\n      transformers: {\n        setFormValue: (value) =>\n          this._isRawMode ? value || null : this.maskedValue || null,\n      },\n    });\n  }\n\n  @watch('prompt')\n  protected promptChange() {\n    this.parser.prompt = this.prompt;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\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    this._updateValidity();\n  }\n\n  protected async updateInput(string: string, range: MaskRange) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      string,\n      range.start,\n      range.end\n    );\n\n    this.maskedValue = value;\n    this._formValue.setValueAndFormState(this.parser.parse(value));\n    this._validate();\n    this.requestUpdate();\n\n    if (range.start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n    await this.updateComplete;\n\n    this.input.setSelectionRange(end, end);\n  }\n\n  protected handleDragEnter() {\n    if (!this.focused && !this._formValue.value) {\n      this.maskedValue = this.emptyMask;\n    }\n  }\n\n  protected handleDragLeave() {\n    if (!this.focused) {\n      this.updateMaskedValue();\n    }\n  }\n\n  protected async handleFocus() {\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.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected handleBlur() {\n    this.focused = false;\n    this.updateMaskedValue();\n    this.invalid = !this.checkValidity();\n  }\n\n  protected handleChange() {\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected updateMaskedValue() {\n    if (this.maskedValue === this.emptyMask) {\n      this.maskedValue = '';\n    }\n  }\n\n  protected override _updateSetRangeTextValue() {\n    this.value = this.parser.parse(this.maskedValue);\n  }\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partNameMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @cut=${this.handleCut}\n        @change=${this.handleChange}\n        @click=${this.handleClick}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @input=${this.handleInput}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        aria-invalid=${this.invalid ? 'true' : 'false'}\n        @keydown=${this.handleKeydown}\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, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  type FormValue,\n  createFormValueState,\n} from '../common/mixins/forms/form-value.js';\nimport { isEmpty, partNameMap } from '../common/util.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\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\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected override _formValue: FormValue<string>;\n\n  protected get _isRawMode() {\n    return this.valueMode === 'raw';\n  }\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw` will return the clean user input.\n   * - `withFormatting` will return the value with all literals and prompts.\n   * @attr value-mode\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: MaskInputValueMode = 'raw';\n\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   * @attr\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  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\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    this._validate();\n  }\n\n  /**\n   * The mask pattern to apply on the input.\n   * @attr\n   */\n  @property()\n  public get mask(): string {\n    return this._mask;\n  }\n\n  /** The mask pattern to apply on the input. */\n  public set mask(value: string) {\n    this._mask = value;\n    this.parser.mask = value;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\n\n  constructor() {\n    super();\n\n    this._formValue = createFormValueState(this, {\n      initialValue: '',\n      transformers: {\n        setFormValue: (value) =>\n          this._isRawMode ? value || null : this.maskedValue || null,\n      },\n    });\n  }\n\n  @watch('prompt')\n  protected promptChange() {\n    this.parser.prompt = this.prompt;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\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    this._updateValidity();\n  }\n\n  protected async updateInput(string: string, range: MaskRange) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      string,\n      range.start,\n      range.end\n    );\n\n    this.maskedValue = value;\n    this._formValue.setValueAndFormState(this.parser.parse(value));\n    this._validate();\n    this.requestUpdate();\n\n    if (range.start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n    await this.updateComplete;\n\n    this.input.setSelectionRange(end, end);\n  }\n\n  protected handleDragEnter() {\n    if (!this.focused && !this._formValue.value) {\n      this.maskedValue = this.emptyMask;\n    }\n  }\n\n  protected handleDragLeave() {\n    if (!this.focused) {\n      this.updateMaskedValue();\n    }\n  }\n\n  protected async handleFocus() {\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.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected handleBlur() {\n    this.focused = false;\n    this.updateMaskedValue();\n    this.invalid = !this.checkValidity();\n  }\n\n  protected handleChange() {\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected updateMaskedValue() {\n    if (this.maskedValue === this.emptyMask) {\n      this.maskedValue = '';\n    }\n  }\n\n  protected override _updateSetRangeTextValue() {\n    this.value = this.parser.parse(this.maskedValue);\n  }\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partNameMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @cut=${this.handleCut}\n        @change=${this.handleChange}\n        @click=${this.handleClick}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @input=${this.handleInput}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        aria-invalid=${this.invalid ? 'true' : 'false'}\n        @keydown=${this.handleKeydown}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}

package/components/nav-drawer/nav-drawer.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import type { NavDrawerPosition } from '../types.js';
 /**
  * Represents a side navigation container that provides
  * quick access between views.
@@ -21,7 +22,7 @@ export default class IgcNavDrawerComponent extends LitElement {
      * The position of the drawer.
      * @attr
      */
-    position: 'start' | 'end' | 'top' | 'bottom' | 'relative';
+    position: NavDrawerPosition;
     /**
      * Determines whether the drawer is opened.
      * @attr

package/components/nav-drawer/nav-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { isEmpty, partNameMap } from '../common/util.js';\nimport IgcNavDrawerHeaderItemComponent from './nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from './nav-drawer-item.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/nav-drawer.common.css.js';\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the igc-navigation-drawer.\n * @slot mini - The slot for the mini variant of the igc-navigation-drawer.\n *\n * @csspart base - The base wrapper of the igc-navigation-drawer.\n * @csspart main - The main container of the igc-navigation-drawer.\n * @csspart mini - The mini container of the igc-navigation-drawer.\n */\n@themes(all)\nexport default class IgcNavDrawerComponent extends LitElement {\n  public static readonly tagName = 'igc-nav-drawer';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcNavDrawerComponent,\n      IgcNavDrawerHeaderItemComponent,\n      IgcNavDrawerItemComponent\n    );\n  }\n\n  @queryAssignedElements({ slot: 'mini' })\n  private _miniSlotElements!: Array<HTMLElement>;\n\n  /**\n   * The position of the drawer.\n   * @attr\n   */\n  @property({ reflect: true })\n  public position: 'start' | 'end' | 'top' | 'bottom' | 'relative' = 'start';\n\n  /**\n   * Determines whether the drawer is opened.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  private _waitTransitions() {\n    return new Promise<Event>((resolve) => {\n      this.renderRoot.addEventListener('transitionend', resolve, {\n        once: true,\n      });\n    });\n  }\n\n  /** Opens the drawer. */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    await this._waitTransitions();\n\n    return true;\n  }\n\n  /** Closes the drawer. */\n  public async hide(): Promise<boolean> {\n    if (!this.open) {\n      return false;\n    }\n\n    this.open = false;\n    await this._waitTransitions();\n\n    return true;\n  }\n\n  /** Toggles the open state of the drawer. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n\n  protected override render() {\n    const parts = partNameMap({\n      mini: true,\n      hidden: isEmpty(this._miniSlotElements),\n    });\n\n    return html`\n      <div part=\"overlay\" @click=${this.hide}></div>\n\n      <div part=\"base\" .inert=${!this.open}>\n        <div part=\"main\">\n          <slot></slot>\n        </div>\n      </div>\n\n      <div part=${parts}>\n        <slot name=\"mini\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer': IgcNavDrawerComponent;\n  }\n}\n"]}
+{"version":3,"file":"nav-drawer.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { isEmpty, partNameMap } from '../common/util.js';\nimport type { NavDrawerPosition } from '../types.js';\nimport IgcNavDrawerHeaderItemComponent from './nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from './nav-drawer-item.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/nav-drawer.common.css.js';\n\n/**\n * Represents a side navigation container that provides\n * quick access between views.\n *\n * @element igc-nav-drawer\n *\n * @slot - The default slot for the igc-navigation-drawer.\n * @slot mini - The slot for the mini variant of the igc-navigation-drawer.\n *\n * @csspart base - The base wrapper of the igc-navigation-drawer.\n * @csspart main - The main container of the igc-navigation-drawer.\n * @csspart mini - The mini container of the igc-navigation-drawer.\n */\n@themes(all)\nexport default class IgcNavDrawerComponent extends LitElement {\n  public static readonly tagName = 'igc-nav-drawer';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcNavDrawerComponent,\n      IgcNavDrawerHeaderItemComponent,\n      IgcNavDrawerItemComponent\n    );\n  }\n\n  @queryAssignedElements({ slot: 'mini' })\n  private _miniSlotElements!: Array<HTMLElement>;\n\n  /**\n   * The position of the drawer.\n   * @attr\n   */\n  @property({ reflect: true })\n  public position: NavDrawerPosition = 'start';\n\n  /**\n   * Determines whether the drawer is opened.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  private _waitTransitions() {\n    return new Promise<Event>((resolve) => {\n      this.renderRoot.addEventListener('transitionend', resolve, {\n        once: true,\n      });\n    });\n  }\n\n  /** Opens the drawer. */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    await this._waitTransitions();\n\n    return true;\n  }\n\n  /** Closes the drawer. */\n  public async hide(): Promise<boolean> {\n    if (!this.open) {\n      return false;\n    }\n\n    this.open = false;\n    await this._waitTransitions();\n\n    return true;\n  }\n\n  /** Toggles the open state of the drawer. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n\n  protected override render() {\n    const parts = partNameMap({\n      mini: true,\n      hidden: isEmpty(this._miniSlotElements),\n    });\n\n    return html`\n      <div part=\"overlay\" @click=${this.hide}></div>\n\n      <div part=\"base\" .inert=${!this.open}>\n        <div part=\"main\">\n          <slot></slot>\n        </div>\n      </div>\n\n      <div part=${parts}>\n        <slot name=\"mini\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer': IgcNavDrawerComponent;\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))}`;
+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}`;
 //# 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,8gCAA8gC,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))}`;\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,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"]}

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));--background-color: var(--ig-nav-drawer-background-color, rgba(0, 0, 0, 0.4))}`;
+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;--background-color: var(--ig-nav-drawer-background-color, rgba(0, 0, 0, 0.4));--ig-theme: fluent}`;
 //# 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,uhCAAuhC,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));--background-color: var(--ig-nav-drawer-background-color, rgba(0, 0, 0, 0.4))}`;\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,6jCAA6jC,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;--background-color: var(--ig-nav-drawer-background-color, rgba(0, 0, 0, 0.4));--ig-theme: fluent}`;\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))}`;
+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}`;
 //# 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,23CAA23C,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))}`;\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,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"]}

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))}`;
+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}`;
 //# 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,2lCAA2lC,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))}`;\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,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"]}

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));--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54))}`;
+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}`;
 //# 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,inCAAinC,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));--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.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"]}

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));--background-color: var(--ig-nav-drawer-background-color, rgba(255, 255, 255, 0.4))}`;
+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, rgba(255, 255, 255, 0.4));--ig-theme: fluent}`;
 //# 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,o/BAAo/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-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));--background-color: var(--ig-nav-drawer-background-color, rgba(255, 255, 255, 0.4))}`;\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,0hCAA0hC,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, rgba(255, 255, 255, 0.4));--ig-theme: fluent}`;\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));--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54))}`;
+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}`;
 //# 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,+0CAA+0C,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));--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.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"]}

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-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));--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54))}`;
+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-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;--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: material}`;
 //# 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,8rCAA8rC,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-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));--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.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-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;--background-color: var(--ig-nav-drawer-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: material}`;\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))}`;
+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}`;
 //# 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,8bAA8b,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))}`;\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,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"]}

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))}`;
+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}`;
 //# 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,+RAA+R,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))}`;\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,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"]}

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))}`;
+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}`;
 //# 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,4cAA4c,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))}`;\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,+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"]}

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))}`;
+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}`;
 //# 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,mJAAmJ,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))}`;\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,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"]}

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))}`;
+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}`;
 //# 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,8bAA8b,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))}`;\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,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"]}

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))}`;
+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}`;
 //# 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,+RAA+R,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))}`;\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,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"]}

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))}`;
+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}`;
 //# 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,6ZAA6Z,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))}`;\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,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"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: material}`;
 //# 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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\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,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}

package/components/popover/popover.d.ts

@@ -2,7 +2,7 @@ import { LitElement } from 'lit';
 /**
  * Describes the preferred placement of a toggle component.
  */
-export type IgcPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
 /**
  * @element igc-popover
  *
@@ -40,7 +40,7 @@ export default class IgcPopoverComponent extends LitElement {
     /**
      * Where to place the floating element relative to the parent anchor element.
      */
-    placement: IgcPlacement;
+    placement: PopoverPlacement;
     /**
      * When enabled the floating element will match the width of its parent anchor element.
      */

package/components/popover/popover.js

@@ -9,12 +9,8 @@ import { LitElement, html } from 'lit';
 import { property, query, queryAssignedElements } from 'lit/decorators.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { getElementByIdFromRoot, isEmpty, isString } from '../common/util.js';
+import { getElementByIdFromRoot, isEmpty, isString, roundByDPR, } from '../common/util.js';
 import { styles } from './themes/light/popover.base.css.js';
-function roundByDPR(value) {
-    const dpr = globalThis.devicePixelRatio || 1;
-    return Math.round(value * dpr) / dpr;
-}
 class IgcPopoverComponent extends LitElement {
     constructor() {
         super(...arguments);

package/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  type Middleware,\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  size,\n} from '@floating-ui/dom';\nimport { LitElement, html } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { getElementByIdFromRoot, isEmpty, isString } from '../common/util.js';\nimport { styles } from './themes/light/popover.base.css.js';\n\nfunction roundByDPR(value: number) {\n  const dpr = globalThis.devicePixelRatio || 1;\n  return Math.round(value * dpr) / dpr;\n}\n\n/**\n * Describes the preferred placement of a toggle component.\n */\nexport type IgcPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\n/* blazorSuppress */\n/**\n * @element igc-popover\n *\n * @slot - Content of the popover.\n * @slot anchor - The element the popover will be anchored to.\n *\n * @csspart container - The container wrapping the slotted content in the popover.\n */\nexport default class IgcPopoverComponent extends LitElement {\n  public static readonly tagName = 'igc-popover';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcPopoverComponent);\n  }\n\n  private dispose?: ReturnType<typeof autoUpdate>;\n  private target?: Element;\n\n  @query('#container', true)\n  private _container!: HTMLElement;\n\n  @queryAssignedElements({ slot: 'anchor', flatten: true })\n  private _anchors!: HTMLElement[];\n\n  /**\n   * Pass an IDREF or an DOM element reference to use as the\n   * anchor target for the floating element.\n   */\n  @property()\n  public anchor?: Element | string;\n\n  /**\n   * When enabled this changes the placement of the floating element in order to keep it\n   * in view along the main axis.\n   */\n  @property({ type: Boolean, reflect: true })\n  public flip = false;\n\n  /**\n   * Placement modifier which translates the floating element along the main axis.\n   */\n  @property({ type: Number })\n  public offset = 0;\n\n  /**\n   * The visibility state of the popover component.\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Where to place the floating element relative to the parent anchor element.\n   */\n  @property()\n  public placement: IgcPlacement = 'bottom-start';\n\n  /**\n   * When enabled the floating element will match the width of its parent anchor element.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'same-width' })\n  public sameWidth = false;\n\n  /**\n   * When enabled this tries to shift the floating element along the main axis\n   * keeping it in view, preventing overflow while maintaining the desired placement.\n   */\n  @property({ type: Boolean, reflect: true })\n  public shift = false;\n\n  @watch('anchor')\n  protected async anchorChange() {\n    const newTarget = isString(this.anchor)\n      ? getElementByIdFromRoot(this, this.anchor)\n      : this.anchor;\n\n    if (newTarget) {\n      this.target = newTarget;\n      this._updateState();\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  protected openChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  @watch('flip', { waitUntilFirstUpdate: true })\n  @watch('offset', { waitUntilFirstUpdate: true })\n  @watch('placement', { waitUntilFirstUpdate: true })\n  @watch('sameWidth', { waitUntilFirstUpdate: true })\n  @watch('shift', { waitUntilFirstUpdate: true })\n  protected floatingPropChange() {\n    this._updateState();\n  }\n\n  public override async connectedCallback() {\n    super.connectedCallback();\n\n    await this.updateComplete;\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  public override disconnectedCallback() {\n    this.hide();\n    super.disconnectedCallback();\n  }\n\n  protected show() {\n    if (!this.target) return;\n    this._showPopover();\n\n    this.dispose = autoUpdate(\n      this.target,\n      this._container,\n      this._updatePosition.bind(this)\n    );\n  }\n\n  protected async hide(): Promise<void> {\n    this._hidePopover();\n\n    return new Promise((resolve) => {\n      this.dispose?.();\n      this.dispose = undefined;\n      resolve();\n    });\n  }\n\n  private _showPopover() {\n    this._container?.showPopover();\n  }\n\n  private _hidePopover() {\n    this._container?.hidePopover();\n  }\n\n  private _createMiddleware(): Middleware[] {\n    const middleware: Middleware[] = [];\n    const styles = this._container.style;\n\n    if (this.offset) {\n      middleware.push(offset(this.offset));\n    }\n\n    if (this.shift) {\n      middleware.push(\n        shift({\n          limiter: limitShift(),\n        })\n      );\n    }\n\n    if (this.flip) {\n      middleware.push(flip());\n    }\n\n    if (this.sameWidth) {\n      middleware.push(\n        size({\n          apply: ({ rects }) => {\n            Object.assign(styles, { width: `${rects.reference.width}px` });\n          },\n        })\n      );\n    } else {\n      Object.assign(styles, { width: '' });\n    }\n\n    return middleware;\n  }\n\n  private async _updateState() {\n    if (this.open) {\n      await this.hide();\n      this.show();\n    }\n  }\n\n  private async _updatePosition() {\n    if (!this.open || !this.target) {\n      return;\n    }\n\n    const { x, y } = await computePosition(this.target, this._container, {\n      placement: this.placement ?? 'bottom-start',\n      middleware: this._createMiddleware(),\n      strategy: 'fixed',\n    });\n\n    Object.assign(this._container.style, {\n      left: 0,\n      top: 0,\n      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,\n    });\n  }\n\n  private _anchorSlotChange() {\n    if (this.anchor || isEmpty(this._anchors)) return;\n\n    this.target = this._anchors[0];\n    this._updateState();\n  }\n\n  protected override render() {\n    return html`\n      <slot name=\"anchor\" @slotchange=${this._anchorSlotChange}></slot>\n      <div id=\"container\" part=\"container\" popover=\"manual\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-popover': IgcPopoverComponent;\n  }\n}\n"]}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  type Middleware,\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  size,\n} from '@floating-ui/dom';\nimport { LitElement, html } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  getElementByIdFromRoot,\n  isEmpty,\n  isString,\n  roundByDPR,\n} from '../common/util.js';\nimport { styles } from './themes/light/popover.base.css.js';\n\n/**\n * Describes the preferred placement of a toggle component.\n */\nexport type PopoverPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\n/* blazorSuppress */\n/**\n * @element igc-popover\n *\n * @slot - Content of the popover.\n * @slot anchor - The element the popover will be anchored to.\n *\n * @csspart container - The container wrapping the slotted content in the popover.\n */\nexport default class IgcPopoverComponent extends LitElement {\n  public static readonly tagName = 'igc-popover';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcPopoverComponent);\n  }\n\n  private dispose?: ReturnType<typeof autoUpdate>;\n  private target?: Element;\n\n  @query('#container', true)\n  private _container!: HTMLElement;\n\n  @queryAssignedElements({ slot: 'anchor', flatten: true })\n  private _anchors!: HTMLElement[];\n\n  /**\n   * Pass an IDREF or an DOM element reference to use as the\n   * anchor target for the floating element.\n   */\n  @property()\n  public anchor?: Element | string;\n\n  /**\n   * When enabled this changes the placement of the floating element in order to keep it\n   * in view along the main axis.\n   */\n  @property({ type: Boolean, reflect: true })\n  public flip = false;\n\n  /**\n   * Placement modifier which translates the floating element along the main axis.\n   */\n  @property({ type: Number })\n  public offset = 0;\n\n  /**\n   * The visibility state of the popover component.\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Where to place the floating element relative to the parent anchor element.\n   */\n  @property()\n  public placement: PopoverPlacement = 'bottom-start';\n\n  /**\n   * When enabled the floating element will match the width of its parent anchor element.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'same-width' })\n  public sameWidth = false;\n\n  /**\n   * When enabled this tries to shift the floating element along the main axis\n   * keeping it in view, preventing overflow while maintaining the desired placement.\n   */\n  @property({ type: Boolean, reflect: true })\n  public shift = false;\n\n  @watch('anchor')\n  protected async anchorChange() {\n    const newTarget = isString(this.anchor)\n      ? getElementByIdFromRoot(this, this.anchor)\n      : this.anchor;\n\n    if (newTarget) {\n      this.target = newTarget;\n      this._updateState();\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  protected openChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  @watch('flip', { waitUntilFirstUpdate: true })\n  @watch('offset', { waitUntilFirstUpdate: true })\n  @watch('placement', { waitUntilFirstUpdate: true })\n  @watch('sameWidth', { waitUntilFirstUpdate: true })\n  @watch('shift', { waitUntilFirstUpdate: true })\n  protected floatingPropChange() {\n    this._updateState();\n  }\n\n  public override async connectedCallback() {\n    super.connectedCallback();\n\n    await this.updateComplete;\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  public override disconnectedCallback() {\n    this.hide();\n    super.disconnectedCallback();\n  }\n\n  protected show() {\n    if (!this.target) return;\n    this._showPopover();\n\n    this.dispose = autoUpdate(\n      this.target,\n      this._container,\n      this._updatePosition.bind(this)\n    );\n  }\n\n  protected async hide(): Promise<void> {\n    this._hidePopover();\n\n    return new Promise((resolve) => {\n      this.dispose?.();\n      this.dispose = undefined;\n      resolve();\n    });\n  }\n\n  private _showPopover() {\n    this._container?.showPopover();\n  }\n\n  private _hidePopover() {\n    this._container?.hidePopover();\n  }\n\n  private _createMiddleware(): Middleware[] {\n    const middleware: Middleware[] = [];\n    const styles = this._container.style;\n\n    if (this.offset) {\n      middleware.push(offset(this.offset));\n    }\n\n    if (this.shift) {\n      middleware.push(\n        shift({\n          limiter: limitShift(),\n        })\n      );\n    }\n\n    if (this.flip) {\n      middleware.push(flip());\n    }\n\n    if (this.sameWidth) {\n      middleware.push(\n        size({\n          apply: ({ rects }) => {\n            Object.assign(styles, { width: `${rects.reference.width}px` });\n          },\n        })\n      );\n    } else {\n      Object.assign(styles, { width: '' });\n    }\n\n    return middleware;\n  }\n\n  private async _updateState() {\n    if (this.open) {\n      await this.hide();\n      this.show();\n    }\n  }\n\n  private async _updatePosition() {\n    if (!this.open || !this.target) {\n      return;\n    }\n\n    const { x, y } = await computePosition(this.target, this._container, {\n      placement: this.placement ?? 'bottom-start',\n      middleware: this._createMiddleware(),\n      strategy: 'fixed',\n    });\n\n    Object.assign(this._container.style, {\n      left: 0,\n      top: 0,\n      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,\n    });\n  }\n\n  private _anchorSlotChange() {\n    if (this.anchor || isEmpty(this._anchors)) return;\n\n    this.target = this._anchors[0];\n    this._updateState();\n  }\n\n  protected override render() {\n    return html`\n      <slot name=\"anchor\" @slotchange=${this._anchorSlotChange}></slot>\n      <div id=\"container\" part=\"container\" popover=\"manual\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-popover': IgcPopoverComponent;\n  }\n}\n"]}

package/components/progress/linear-progress.d.ts

@@ -1,3 +1,4 @@
+import type { LinearProgressLabelAlign } from '../types.js';
 import { IgcProgressBaseComponent } from './base.js';
 /**
  * A linear progress indicator used to express unspecified wait time or display
@@ -32,7 +33,7 @@ export default class IgcLinearProgressComponent extends IgcProgressBaseComponent
      * The position for the default label of the control.
      * @attr label-align
      */
-    labelAlign: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
+    labelAlign: LinearProgressLabelAlign;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/progress/linear-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/progress/linear-progress.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAuBjC,IAAM,0BAA0B,kCAAhC,MAAM,0BAA2B,SAAQ,wBAAwB;IAAjE;;QAcN,YAAO,GAAG,KAAK,CAAC;QAOhB,eAAU,GAME,WAAW,CAAC;IAoBjC,CAAC;IA1CQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,4BAA0B,CAAC,CAAC;IAChD,CAAC;IAsBkB,MAAM;QACvB,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI;SACrB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;+BACgB,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;;sBAElC,KAAK;uBACJ,KAAK;;UAElB,IAAI,CAAC,iBAAiB,EAAE;;KAE7B,CAAC;IACJ,CAAC;;AA7CsB,kCAAO,GAAG,qBAAqB,AAAxB,CAAyB;AAChC,iCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAY1C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAOhB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAOvB;AA3BZ,0BAA0B;IAD9C,MAAM,CAAC,GAAG,CAAC;GACS,0BAA0B,CA+C9C;eA/CoB,0BAA0B","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/linear/linear.progress.base.css.js';\nimport { styles as shared } from './themes/linear/shared/linear.progress.common.css.js';\nimport { all } from './themes/linear/themes.js';\n\n/**\n * A linear progress indicator used to express unspecified wait time or display\n * the length of a process.\n *\n * @element igc-linear-progress\n *\n * @slot - The text area container.\n *\n * @csspart track - The igc-linear-progress track area.\n * @csspart fill - The igc-linear-progress indicator area.\n * @csspart striped - The igc-linear-progress striped indicator.\n * @csspart label - The igc-linear-progress label.\n * @csspart value - The igc-linear-progress label value.\n * @csspart indeterminate - The igc-linear-progress indeterminate state.\n * @csspart primary - The igc-linear-progress indicator primary state.\n * @csspart danger - The igc-linear-progress indicator error state.\n * @csspart warning - The igc-linear-progress indicator warning state.\n * @csspart info - The igc-linear-progress indicator info state.\n * @csspart success - The igc-linear-progress indicator success state.\n */\n@themes(all)\nexport default class IgcLinearProgressComponent extends IgcProgressBaseComponent {\n  public static readonly tagName = 'igc-linear-progress';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcLinearProgressComponent);\n  }\n\n  /**\n   * Sets the striped look of the control.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public striped = false;\n\n  /**\n   * The position for the default label of the control.\n   * @attr label-align\n   */\n  @property({ attribute: 'label-align', reflect: true })\n  public labelAlign:\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom'\n    | 'bottom-end' = 'top-start';\n\n  protected override render() {\n    const parts = partNameMap({\n      fill: true,\n      striped: this.striped,\n      indeterminate: this.indeterminate,\n      [this.variant]: true,\n    });\n\n    return html`\n      <div part=\"base\" style=${styleMap(this._styleInfo)}>\n        <div part=\"track\">\n          <div part=${parts}></div>\n          <div part=\"${parts} secondary\"></div>\n        </div>\n        ${this.renderDefaultSlot()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-linear-progress': IgcLinearProgressComponent;\n  }\n}\n"]}
+{"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/progress/linear-progress.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAuBjC,IAAM,0BAA0B,kCAAhC,MAAM,0BAA2B,SAAQ,wBAAwB;IAAjE;;QAcN,YAAO,GAAG,KAAK,CAAC;QAOhB,eAAU,GAA6B,WAAW,CAAC;IAoB5D,CAAC;IApCQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,4BAA0B,CAAC,CAAC;IAChD,CAAC;IAgBkB,MAAM;QACvB,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI;SACrB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;+BACgB,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;;sBAElC,KAAK;uBACJ,KAAK;;UAElB,IAAI,CAAC,iBAAiB,EAAE;;KAE7B,CAAC;IACJ,CAAC;;AAvCsB,kCAAO,GAAG,qBAAqB,AAAxB,CAAyB;AAChC,iCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAY1C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACpB;AAOhB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DACI;AArBvC,0BAA0B;IAD9C,MAAM,CAAC,GAAG,CAAC;GACS,0BAA0B,CAyC9C;eAzCoB,0BAA0B","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport type { LinearProgressLabelAlign } from '../types.js';\nimport { IgcProgressBaseComponent } from './base.js';\nimport { styles } from './themes/linear/linear.progress.base.css.js';\nimport { styles as shared } from './themes/linear/shared/linear.progress.common.css.js';\nimport { all } from './themes/linear/themes.js';\n\n/**\n * A linear progress indicator used to express unspecified wait time or display\n * the length of a process.\n *\n * @element igc-linear-progress\n *\n * @slot - The text area container.\n *\n * @csspart track - The igc-linear-progress track area.\n * @csspart fill - The igc-linear-progress indicator area.\n * @csspart striped - The igc-linear-progress striped indicator.\n * @csspart label - The igc-linear-progress label.\n * @csspart value - The igc-linear-progress label value.\n * @csspart indeterminate - The igc-linear-progress indeterminate state.\n * @csspart primary - The igc-linear-progress indicator primary state.\n * @csspart danger - The igc-linear-progress indicator error state.\n * @csspart warning - The igc-linear-progress indicator warning state.\n * @csspart info - The igc-linear-progress indicator info state.\n * @csspart success - The igc-linear-progress indicator success state.\n */\n@themes(all)\nexport default class IgcLinearProgressComponent extends IgcProgressBaseComponent {\n  public static readonly tagName = 'igc-linear-progress';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcLinearProgressComponent);\n  }\n\n  /**\n   * Sets the striped look of the control.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public striped = false;\n\n  /**\n   * The position for the default label of the control.\n   * @attr label-align\n   */\n  @property({ attribute: 'label-align', reflect: true })\n  public labelAlign: LinearProgressLabelAlign = 'top-start';\n\n  protected override render() {\n    const parts = partNameMap({\n      fill: true,\n      striped: this.striped,\n      indeterminate: this.indeterminate,\n      [this.variant]: true,\n    });\n\n    return html`\n      <div part=\"base\" style=${styleMap(this._styleInfo)}>\n        <div part=\"track\">\n          <div part=${parts}></div>\n          <div part=\"${parts} secondary\"></div>\n        </div>\n        ${this.renderDefaultSlot()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-linear-progress': IgcLinearProgressComponent;\n  }\n}\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{--progress-circle-color: var(--ig-circular-progress-progress-circle-color, var(--ig-primary-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)}`;
+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}`;
 //# sourceMappingURL=circular.progress.bootstrap.css.js.map