igniteui-webcomponents 5.0.2 → 5.1.0

package/components/chip/chip.d.ts

@@ -1,11 +1,11 @@
 import { LitElement } from 'lit';
 import type { Constructor } from '../common/mixins/constructor.js';
 import type { StyleVariant } from '../types.js';
-export interface IgcChipEventMap {
+export interface IgcChipComponentEventMap {
     igcRemove: CustomEvent<boolean>;
     igcSelect: CustomEvent<boolean>;
 }
-declare const IgcChipComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcChipEventMap>> & Constructor<LitElement>;
+declare const IgcChipComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcChipComponentEventMap>> & Constructor<LitElement>;
 /**
  * Chips help people enter information, make selections, filter content, or trigger actions.
  *
@@ -53,7 +53,7 @@ export default class IgcChipComponent extends IgcChipComponent_base {
      */
     variant: StyleVariant;
     constructor();
-    protected createRenderRoot(): DocumentFragment | HTMLElement;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected handleSelect(): void;
     protected handleRemove(e: Event): void;
     protected render(): import("lit-html").TemplateResult<1>;

package/components/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAuB1B,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,iBAAiB,CAG7D,UAAU,CAAC;IAKJ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAgB,EAAE,gBAAgB,CAAC,CAAC;IACxD,CAAC;IAwCD;QACE,KAAK,EAAE,CAAC;QAvCF,mBAAc,GAAyB,SAAS,EAAE,CAAC;QAOpD,aAAQ,GAAG,KAAK,CAAC;QAOjB,cAAS,GAAG,KAAK,CAAC;QAOlB,eAAU,GAAG,KAAK,CAAC;QAQnB,aAAQ,GAAG,KAAK,CAAC;QAYtB,cAAc,CAAC,IAAI,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,cAAc;YACxB,eAAe,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;SACzC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3C,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,QAAQ;yBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,IAAI,CAAC,YAAY;;;YAGtB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;;sBAEI;YACV,CAAC,CAAC,OAAO;;;;;;;;YAQT,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;kBACA,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;yBACjB,IAAI,CAAC,YAAY;;;;;;;;;;sBAUpB;YACV,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;;AAjHsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AAC9B,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAcjC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAClB;AAOlB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAQnB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACE;AAhDX,gBAAgB;IADpC,MAAM,CAAC,GAAG,CAAC;GACS,gBAAgB,CAsHpC;eAtHoB,gBAAgB","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { StyleVariant } from '../types.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as shared } from './themes/shared/chip.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcChipEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n *\n * @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n *\n * @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\n@themes(all)\nexport default class IgcChipComponent extends EventEmitterMixin<\n  IgcChipEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-chip';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private _removePartRef: Ref<HTMLSlotElement> = createRef();\n\n  /**\n   * Sets the disabled state for the chip.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Defines if the chip is removable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Defines if the chip is selectable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /* @tsTwoWayProperty(true, \"igcSelect\", \"detail\", false) */\n  /**\n   * Defines if the chip is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant!: StyleVariant;\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this.handleRemove);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  protected handleSelect() {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected handleRemove(e: Event) {\n    this.emitEvent('igcRemove');\n    e.stopPropagation();\n  }\n\n  protected override render() {\n    return html`\n      <button\n        part=\"base\"\n        .disabled=\"${this.disabled}\"\n        aria-selected=\"${this.selected ? 'true' : 'false'}\"\n        aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n        @click=${this.handleSelect}\n      >\n        <span part=\"prefix\">\n          ${this.selectable && this.selected\n            ? html`<slot name=\"select\">\n                <igc-icon name=\"selected\" collection=\"default\"></igc-icon>\n              </slot>`\n            : nothing}\n          <slot name=\"start\"></slot>\n          <slot name=\"prefix\"></slot>\n        </span>\n        <slot></slot>\n        <span part=\"suffix\">\n          <slot name=\"end\"></slot>\n          <slot name=\"suffix\"></slot>\n          ${this.removable && !this.disabled\n            ? html`<slot\n                ${ref(this._removePartRef)}\n                @click=${this.handleRemove}\n                name=\"remove\"\n              >\n                <igc-icon\n                  name=\"remove\"\n                  collection=\"default\"\n                  tabindex=\"0\"\n                  role=\"button\"\n                  aria-label=\"remove\"\n                ></igc-icon>\n              </slot>`\n            : nothing}\n        </span>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAuB1B,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,iBAAiB,CAG7D,UAAU,CAAC;IAKJ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAgB,EAAE,gBAAgB,CAAC,CAAC;IACxD,CAAC;IAwCD;QACE,KAAK,EAAE,CAAC;QAvCF,mBAAc,GAAyB,SAAS,EAAE,CAAC;QAOpD,aAAQ,GAAG,KAAK,CAAC;QAOjB,cAAS,GAAG,KAAK,CAAC;QAOlB,eAAU,GAAG,KAAK,CAAC;QAQnB,aAAQ,GAAG,KAAK,CAAC;QAYtB,cAAc,CAAC,IAAI,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,cAAc;YACxB,eAAe,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;SACzC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3C,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,QAAQ;yBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,IAAI,CAAC,YAAY;;;YAGtB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;;sBAEI;YACV,CAAC,CAAC,OAAO;;;;;;;;YAQT,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;kBACA,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;yBACjB,IAAI,CAAC,YAAY;;;;;;;;;;sBAUpB;YACV,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;;AAjHsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AAC9B,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAcjC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAClB;AAOlB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAQnB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACE;AAhDX,gBAAgB;IADpC,MAAM,CAAC,GAAG,CAAC;GACS,gBAAgB,CAsHpC;eAtHoB,gBAAgB","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { StyleVariant } from '../types.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as shared } from './themes/shared/chip.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcChipComponentEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n *\n * @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n *\n * @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\n@themes(all)\nexport default class IgcChipComponent extends EventEmitterMixin<\n  IgcChipComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-chip';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private _removePartRef: Ref<HTMLSlotElement> = createRef();\n\n  /**\n   * Sets the disabled state for the chip.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Defines if the chip is removable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Defines if the chip is selectable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /* @tsTwoWayProperty(true, \"igcSelect\", \"detail\", false) */\n  /**\n   * Defines if the chip is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant!: StyleVariant;\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this.handleRemove);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  protected handleSelect() {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected handleRemove(e: Event) {\n    this.emitEvent('igcRemove');\n    e.stopPropagation();\n  }\n\n  protected override render() {\n    return html`\n      <button\n        part=\"base\"\n        .disabled=\"${this.disabled}\"\n        aria-selected=\"${this.selected ? 'true' : 'false'}\"\n        aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n        @click=${this.handleSelect}\n      >\n        <span part=\"prefix\">\n          ${this.selectable && this.selected\n            ? html`<slot name=\"select\">\n                <igc-icon name=\"selected\" collection=\"default\"></igc-icon>\n              </slot>`\n            : nothing}\n          <slot name=\"start\"></slot>\n          <slot name=\"prefix\"></slot>\n        </span>\n        <slot></slot>\n        <span part=\"suffix\">\n          <slot name=\"end\"></slot>\n          <slot name=\"suffix\"></slot>\n          ${this.removable && !this.disabled\n            ? html`<slot\n                ${ref(this._removePartRef)}\n                @click=${this.handleRemove}\n                name=\"remove\"\n              >\n                <igc-icon\n                  name=\"remove\"\n                  collection=\"default\"\n                  tabindex=\"0\"\n                  role=\"button\"\n                  aria-label=\"remove\"\n                ></igc-icon>\n              </slot>`\n            : nothing}\n        </span>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:flex;justify-content:center;align-items:center;font-family:var(--ig-font-family);border-style:none;box-shadow:none;cursor:pointer;padding:max(var(--is-large, 1)*max(12px, -1 * 12px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--ig-primary-500), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--ig-primary-600), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--ig-primary-800), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--ig-info-500), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-500-contrast) 100%, transparent)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--ig-info-600), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-600-contrast) 100%, transparent)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--ig-info-800), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-800-contrast) 100%, transparent)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--ig-success-500), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-500-contrast) 100%, transparent)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--ig-success-600), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-600-contrast) 100%, transparent)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--ig-success-800), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-800-contrast) 100%, transparent)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--ig-warn-500), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-500-contrast) 100%, transparent)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--ig-warn-600), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-600-contrast) 100%, transparent)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--ig-warn-800), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-800-contrast) 100%, transparent)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--ig-error-500), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-500-contrast) 100%, transparent)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--ig-error-600), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-600-contrast) 100%, transparent)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--ig-error-800), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-800-contrast) 100%, transparent)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center}[part=prefix]{margin-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=suffix]{margin-inline-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}::slotted(*){display:flex}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:flex;justify-content:center;align-items:center;font-family:var(--ig-font-family);border-style:none;box-shadow:none;cursor:pointer;padding:max(var(--is-large, 1)*max(12px, -1 * 12px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsl(from var(--ig-primary-500) h s l/1);color:color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/1);color:color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/1);color:color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsl(from var(--ig-info-500) h s l/1);color:color-mix(in oklch, var(--ig-info-500-contrast) 100%, transparent)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/1);color:color-mix(in oklch, var(--ig-info-800-contrast) 100%, transparent)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/1);color:color-mix(in oklch, var(--ig-info-600-contrast) 100%, transparent)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsl(from var(--ig-success-500) h s l/1);color:color-mix(in oklch, var(--ig-success-500-contrast) 100%, transparent)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/1);color:color-mix(in oklch, var(--ig-success-800-contrast) 100%, transparent)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/1);color:color-mix(in oklch, var(--ig-success-600-contrast) 100%, transparent)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsl(from var(--ig-warn-500) h s l/1);color:color-mix(in oklch, var(--ig-warn-500-contrast) 100%, transparent)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/1);color:color-mix(in oklch, var(--ig-warn-800-contrast) 100%, transparent)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/1);color:color-mix(in oklch, var(--ig-warn-600-contrast) 100%, transparent)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsl(from var(--ig-error-500) h s l/1);color:color-mix(in oklch, var(--ig-error-500-contrast) 100%, transparent)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/1);color:color-mix(in oklch, var(--ig-error-800-contrast) 100%, transparent)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/1);color:color-mix(in oklch, var(--ig-error-600-contrast) 100%, transparent)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center}[part=prefix]{margin-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=suffix]{margin-inline-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}::slotted(*){display:flex}`;
 //# sourceMappingURL=chip.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w7LAAw7L,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:flex;justify-content:center;align-items:center;font-family:var(--ig-font-family);border-style:none;box-shadow:none;cursor:pointer;padding:max(var(--is-large, 1)*max(12px, -1 * 12px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--ig-primary-500), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--ig-primary-600), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--ig-primary-800), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--ig-info-500), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-500-contrast) 100%, transparent)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--ig-info-600), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-600-contrast) 100%, transparent)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--ig-info-800), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-800-contrast) 100%, transparent)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--ig-success-500), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-500-contrast) 100%, transparent)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--ig-success-600), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-600-contrast) 100%, transparent)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--ig-success-800), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-800-contrast) 100%, transparent)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--ig-warn-500), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-500-contrast) 100%, transparent)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--ig-warn-600), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-600-contrast) 100%, transparent)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--ig-warn-800), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-800-contrast) 100%, transparent)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--ig-error-500), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-500-contrast) 100%, transparent)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--ig-error-600), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-600-contrast) 100%, transparent)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--ig-error-800), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-800-contrast) 100%, transparent)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center}[part=prefix]{margin-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=suffix]{margin-inline-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}::slotted(*){display:flex}`;\n"]}
+{"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y0LAAy0L,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:flex;justify-content:center;align-items:center;font-family:var(--ig-font-family);border-style:none;box-shadow:none;cursor:pointer;padding:max(var(--is-large, 1)*max(12px, -1 * 12px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsl(from var(--ig-primary-500) h s l/1);color:color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/1);color:color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/1);color:color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsl(from var(--ig-info-500) h s l/1);color:color-mix(in oklch, var(--ig-info-500-contrast) 100%, transparent)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/1);color:color-mix(in oklch, var(--ig-info-800-contrast) 100%, transparent)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/1);color:color-mix(in oklch, var(--ig-info-600-contrast) 100%, transparent)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsl(from var(--ig-success-500) h s l/1);color:color-mix(in oklch, var(--ig-success-500-contrast) 100%, transparent)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/1);color:color-mix(in oklch, var(--ig-success-800-contrast) 100%, transparent)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/1);color:color-mix(in oklch, var(--ig-success-600-contrast) 100%, transparent)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsl(from var(--ig-warn-500) h s l/1);color:color-mix(in oklch, var(--ig-warn-500-contrast) 100%, transparent)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/1);color:color-mix(in oklch, var(--ig-warn-800-contrast) 100%, transparent)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/1);color:color-mix(in oklch, var(--ig-warn-600-contrast) 100%, transparent)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsl(from var(--ig-error-500) h s l/1);color:color-mix(in oklch, var(--ig-error-500-contrast) 100%, transparent)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/1);color:color-mix(in oklch, var(--ig-error-800-contrast) 100%, transparent)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/1);color:color-mix(in oklch, var(--ig-error-600-contrast) 100%, transparent)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center}[part=prefix]{margin-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=suffix]{margin-inline-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}::slotted(*){display:flex}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent))}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-200) h s l/1));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-gray-200) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-400) h s l/1));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-gray-400) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent))}`;
 //# sourceMappingURL=chip.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kkCAAkkC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent))}`;\n"]}
+{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oiCAAoiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-200) h s l/1));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-gray-200) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-400) h s l/1));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-gray-400) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-800), var(--ig-primary-a)))}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, hsl(from var(--ig-primary-500) h s l/1));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-200) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsl(from var(--ig-primary-600) h s l/1));--text-color: var(--ig-chip-text-color, hsl(from var(--ig-gray-700) h s l/1));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-primary-600) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-primary-800) h s l/1))}`;
 //# sourceMappingURL=chip.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.fluent.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{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-800), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+xCAA+xC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, hsl(from var(--ig-primary-500) h s l/1));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-200) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsl(from var(--ig-primary-600) h s l/1));--text-color: var(--ig-chip-text-color, hsl(from var(--ig-gray-700) h s l/1));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-primary-600) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-primary-800) h s l/1))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--background: var(--ig-chip-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-chip-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-text-color: var(--ig-chip-hover-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-border-color: var(--ig-chip-focus-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, color-mix(in oklch, var(--ig-gray-50-contrast) 5%, transparent));--border-color: var(--ig-chip-border-color, hsl(from var(--ig-gray-100) h s l/1));--ghost-background: var(--ig-chip-ghost-background, hsl(from var(--ig-gray-100) h s l/1));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--hover-border-color: var(--ig-chip-hover-border-color, hsl(from var(--ig-gray-200) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-border-color: var(--ig-chip-focus-border-color, hsl(from var(--ig-gray-100) h s l/1));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--selected-border-color: var(--ig-chip-selected-border-color, hsl(from var(--ig-primary-500) h s l/1));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsl(from var(--ig-primary-400) h s l/1));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, hsl(from var(--ig-primary-400) h s l/1));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, hsl(from var(--ig-primary-500) h s l/1));--disabled-text-color: var(--ig-chip-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-background: var(--ig-chip-disabled-background, color-mix(in oklch, var(--ig-gray-50-contrast) 5%, transparent));--disabled-border-color: var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-50) h s l/1));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-background: var(--ig-chip-focus-background, color-mix(in oklch, var(--ig-gray-50-contrast) 5%, transparent));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-primary-500) h s l/1))}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-info-800) h s l/1)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-success-800) h s l/1)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-warn-900) h s l/1)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-error-900) h s l/1)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:color-mix(in oklch, var(--ig-primary-900-contrast) 20%, transparent)}`;
 //# sourceMappingURL=chip.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g+DAAg+D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--background: var(--ig-chip-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-chip-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-text-color: var(--ig-chip-hover-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-border-color: var(--ig-chip-focus-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,klHAAklH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, color-mix(in oklch, var(--ig-gray-50-contrast) 5%, transparent));--border-color: var(--ig-chip-border-color, hsl(from var(--ig-gray-100) h s l/1));--ghost-background: var(--ig-chip-ghost-background, hsl(from var(--ig-gray-100) h s l/1));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--hover-border-color: var(--ig-chip-hover-border-color, hsl(from var(--ig-gray-200) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-border-color: var(--ig-chip-focus-border-color, hsl(from var(--ig-gray-100) h s l/1));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--selected-border-color: var(--ig-chip-selected-border-color, hsl(from var(--ig-primary-500) h s l/1));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsl(from var(--ig-primary-400) h s l/1));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, hsl(from var(--ig-primary-400) h s l/1));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, hsl(from var(--ig-primary-500) h s l/1));--disabled-text-color: var(--ig-chip-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-background: var(--ig-chip-disabled-background, color-mix(in oklch, var(--ig-gray-50-contrast) 5%, transparent));--disabled-border-color: var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-50) h s l/1));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-background: var(--ig-chip-focus-background, color-mix(in oklch, var(--ig-gray-50-contrast) 5%, transparent));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-primary-500) h s l/1))}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-info-800) h s l/1)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-success-800) h s l/1)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-warn-900) h s l/1)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-error-900) h s l/1)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:color-mix(in oklch, var(--ig-primary-900-contrast) 20%, transparent)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-chip-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-500), var(--ig-gray-a)))}`;
+export const styles = css `:host{--background: var(--ig-chip-background, hsl(from var(--ig-gray-300) h s l/1));--selected-background: var(--ig-chip-selected-background, hsl(from var(--ig-gray-300) h s l/1));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-500) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-gray-500) h s l/1))}`;
 //# sourceMappingURL=chip.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0oBAA0oB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-chip-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-500), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,knBAAknB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-chip-background, hsl(from var(--ig-gray-300) h s l/1));--selected-background: var(--ig-chip-selected-background, hsl(from var(--ig-gray-300) h s l/1));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-500) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-gray-500) h s l/1))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent))}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-200) h s l/1));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-gray-200) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-400) h s l/1));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-gray-400) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent))}`;
 //# sourceMappingURL=chip.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kkCAAkkC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent))}`;\n"]}
+{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oiCAAoiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-200) h s l/1));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-gray-200) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-400) h s l/1));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-gray-400) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-800), var(--ig-primary-a)))}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, hsl(from var(--ig-primary-500) h s l/1));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-200) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsl(from var(--ig-primary-600) h s l/1));--text-color: var(--ig-chip-text-color, hsl(from var(--ig-gray-700) h s l/1));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-primary-600) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-primary-800) h s l/1))}`;
 //# sourceMappingURL=chip.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.fluent.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{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-800), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+xCAA+xC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, hsl(from var(--ig-primary-500) h s l/1));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-200) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsl(from var(--ig-primary-600) h s l/1));--text-color: var(--ig-chip-text-color, hsl(from var(--ig-gray-700) h s l/1));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-primary-600) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-primary-800) h s l/1))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--background: var(--ig-chip-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-chip-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-border-color: var(--ig-chip-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, hsl(from var(--ig-gray-50) h s l/1));--border-color: var(--ig-chip-border-color, hsl(from var(--ig-gray-400) h s l/1));--ghost-background: var(--ig-chip-ghost-background, hsl(from var(--ig-gray-200) h s l/1));--hover-text-color: var(--ig-chip-hover-text-color, hsl(from var(--ig-gray-900) h s l/1));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-200) h s l/1));--hover-border-color: var(--ig-chip-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, hsl(from var(--ig-gray-700) h s l/1));--focus-border-color: var(--ig-chip-focus-border-color, hsl(from var(--ig-gray-400) h s l/1));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--selected-border-color: var(--ig-chip-selected-border-color, hsl(from var(--ig-primary-500) h s l/1));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsl(from var(--ig-primary-400) h s l/1));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, hsl(from var(--ig-primary-400) h s l/1));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, hsl(from var(--ig-primary-500) h s l/1));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--disabled-border-color: var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-300) h s l/1));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--text-color: var(--ig-chip-text-color, hsl(from var(--ig-gray-700) h s l/1));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-50) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-primary-500) h s l/1))}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-info-100) h s l/1)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-success-200) h s l/1)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-warn-100) h s l/1)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-error-100) h s l/1)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:color-mix(in oklch, var(--ig-primary-900-contrast) 40%, transparent)}`;
 //# sourceMappingURL=chip.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,syDAAsyD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--background: var(--ig-chip-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-chip-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-border-color: var(--ig-chip-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,03GAA03G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, hsl(from var(--ig-gray-50) h s l/1));--border-color: var(--ig-chip-border-color, hsl(from var(--ig-gray-400) h s l/1));--ghost-background: var(--ig-chip-ghost-background, hsl(from var(--ig-gray-200) h s l/1));--hover-text-color: var(--ig-chip-hover-text-color, hsl(from var(--ig-gray-900) h s l/1));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-200) h s l/1));--hover-border-color: var(--ig-chip-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--focus-text-color: var(--ig-chip-focus-text-color, hsl(from var(--ig-gray-700) h s l/1));--focus-border-color: var(--ig-chip-focus-border-color, hsl(from var(--ig-gray-400) h s l/1));--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--selected-border-color: var(--ig-chip-selected-border-color, hsl(from var(--ig-primary-500) h s l/1));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsl(from var(--ig-primary-400) h s l/1));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, hsl(from var(--ig-primary-400) h s l/1));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, hsl(from var(--ig-primary-500) h s l/1));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--disabled-border-color: var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-300) h s l/1));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--text-color: var(--ig-chip-text-color, hsl(from var(--ig-gray-700) h s l/1));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-50) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-primary-500) h s l/1))}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-info-100) h s l/1)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-success-200) h s l/1)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-warn-100) h s l/1)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem hsl(from var(--ig-error-100) h s l/1)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:color-mix(in oklch, var(--ig-primary-900-contrast) 40%, transparent)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-chip-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-500), var(--ig-gray-a)))}`;
+export const styles = css `:host{--background: var(--ig-chip-background, hsl(from var(--ig-gray-300) h s l/1));--selected-background: var(--ig-chip-selected-background, hsl(from var(--ig-gray-300) h s l/1));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-500) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-gray-500) h s l/1))}`;
 //# sourceMappingURL=chip.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0oBAA0oB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-chip-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-500), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,knBAAknB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-chip-background, hsl(from var(--ig-gray-300) h s l/1));--selected-background: var(--ig-chip-selected-background, hsl(from var(--ig-gray-300) h s l/1));--text-color: var(--ig-chip-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-500) h s l/1));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-selected-background: var(--ig-chip-focus-selected-background, hsl(from var(--ig-gray-500) h s l/1))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-8));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, transparent);--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, transparent);--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--background: var(--ig-chip-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-8));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, transparent);--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, transparent);--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--background: var(--ig-chip-background, hsl(from var(--ig-gray-200) h s l/1));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, hsl(from var(--ig-gray-400) h s l/1));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsl(from var(--ig-primary-500) h s l/1));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsl(from var(--ig-gray-400) h s l/1));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-200) h s l/1));--disabled-border-color: var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-200) h s l/1));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;
 //# sourceMappingURL=chip.shared.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,26EAA26E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-8));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, transparent);--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, transparent);--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--background: var(--ig-chip-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;\n"]}
+{"version":3,"file":"chip.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w3EAAw3E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-8));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, transparent);--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, transparent);--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--background: var(--ig-chip-background, hsl(from var(--ig-gray-200) h s l/1));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, hsl(from var(--ig-gray-400) h s l/1));--hover-text-color: var(--ig-chip-hover-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, color-mix(in oklch, var(--ig-gray-500-contrast) 100%, transparent));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--selected-background: var(--ig-chip-selected-background, hsl(from var(--ig-primary-500) h s l/1));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, color-mix(in oklch, var(--ig-gray-400-contrast) 100%, transparent));--hover-selected-background: var(--ig-chip-hover-selected-background, hsl(from var(--ig-gray-400) h s l/1));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-200) h s l/1));--disabled-border-color: var(--ig-chip-disabled-border-color, hsl(from var(--ig-gray-200) h s l/1));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button:focus{outline:.125rem solid var(--focus-outline-color)}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--ig-primary-200), var(--ig-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:color-mix(in oklch, var(--ig-info-700-contrast) 100%, transparent)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--ig-info-200), var(--ig-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:color-mix(in oklch, var(--ig-success-700-contrast) 100%, transparent)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--ig-success-200), var(--ig-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:color-mix(in oklch, var(--ig-warn-700-contrast) 100%, transparent)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--ig-warn-200), var(--ig-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:color-mix(in oklch, var(--ig-error-700-contrast) 100%, transparent)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--ig-error-200), var(--ig-error-a))}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button:focus{outline:.125rem solid var(--focus-outline-color)}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent)}:host([variant=primary]) button:focus{outline:.125rem solid hsl(from var(--ig-primary-200) h s l/1)}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:color-mix(in oklch, var(--ig-info-700-contrast) 100%, transparent)}:host([variant=info]) button:focus{outline:.125rem solid hsl(from var(--ig-info-200) h s l/1)}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:color-mix(in oklch, var(--ig-success-700-contrast) 100%, transparent)}:host([variant=success]) button:focus{outline:.125rem solid hsl(from var(--ig-success-200) h s l/1)}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:color-mix(in oklch, var(--ig-warn-700-contrast) 100%, transparent)}:host([variant=warning]) button:focus{outline:.125rem solid hsl(from var(--ig-warn-200) h s l/1)}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:color-mix(in oklch, var(--ig-error-700-contrast) 100%, transparent)}:host([variant=danger]) button:focus{outline:.125rem solid hsl(from var(--ig-error-200) h s l/1)}`;
 //# sourceMappingURL=chip.bootstrap.css.js.map

package/components/chip/themes/shared/chip.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,izDAAizD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button:focus{outline:.125rem solid var(--focus-outline-color)}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--ig-primary-200), var(--ig-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:color-mix(in oklch, var(--ig-info-700-contrast) 100%, transparent)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--ig-info-200), var(--ig-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:color-mix(in oklch, var(--ig-success-700-contrast) 100%, transparent)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--ig-success-200), var(--ig-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:color-mix(in oklch, var(--ig-warn-700-contrast) 100%, transparent)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--ig-warn-200), var(--ig-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:color-mix(in oklch, var(--ig-error-700-contrast) 100%, transparent)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--ig-error-200), var(--ig-error-a))}`;\n"]}
+{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4wDAA4wD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button:focus{outline:.125rem solid var(--focus-outline-color)}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:color-mix(in oklch, var(--ig-primary-700-contrast) 100%, transparent)}:host([variant=primary]) button:focus{outline:.125rem solid hsl(from var(--ig-primary-200) h s l/1)}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:color-mix(in oklch, var(--ig-info-700-contrast) 100%, transparent)}:host([variant=info]) button:focus{outline:.125rem solid hsl(from var(--ig-info-200) h s l/1)}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:color-mix(in oklch, var(--ig-success-700-contrast) 100%, transparent)}:host([variant=success]) button:focus{outline:.125rem solid hsl(from var(--ig-success-200) h s l/1)}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:color-mix(in oklch, var(--ig-warn-700-contrast) 100%, transparent)}:host([variant=warning]) button:focus{outline:.125rem solid hsl(from var(--ig-warn-200) h s l/1)}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:color-mix(in oklch, var(--ig-error-700-contrast) 100%, transparent)}:host([variant=danger]) button:focus{outline:.125rem solid hsl(from var(--ig-error-200) h s l/1)}`;\n"]}

package/components/chip/themes/shared/chip.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}:host button igc-icon{--component-size: var(--chip-size)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}:host button igc-icon{--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size)}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}`;
 //# sourceMappingURL=chip.common.css.js.map

package/components/chip/themes/shared/chip.common.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qiBAAqiB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}:host button igc-icon{--component-size: var(--chip-size)}`;\n"]}
+{"version":3,"file":"chip.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y/BAAy/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}:host button igc-icon{--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size)}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}`;\n"]}

package/components/chip/themes/shared/chip.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background)}`;
 //# sourceMappingURL=chip.fluent.css.js.map

package/components/chip/themes/shared/chip.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qyBAAqyB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background)}`;\n"]}
+{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qyBAAqyB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background)}`;\n"]}

package/components/chip/themes/shared/chip.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{border:.0625rem solid var(--border-color)}:host button:focus{outline:.1875rem solid var(--focus-outline-color)}:host button[disabled]{border-color:var(--disabled-border-color)}:host([selected]) button:not([disabled]){border-color:rgba(0,0,0,0);background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background)}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid var(--focus-selected-outline-color)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--ig-primary-400), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--ig-primary-500), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent);outline:.1875rem solid var(--focus-selected-outline-color)}:host([variant=primary]) button[disabled]{background:hsla(var(--ig-primary-200), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--ig-info-400), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-400-contrast) 100%, transparent)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--ig-info-500), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-500-contrast) 100%, transparent);outline:.1875rem solid hsla(var(--ig-info-200), var(--ig-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--ig-info-200), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-400-contrast) 100%, transparent)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--ig-success-400), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-400-contrast) 100%, transparent)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--ig-success-500), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-500-contrast) 100%, transparent);outline:.1875rem solid hsla(var(--ig-success-200), var(--ig-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--ig-success-200), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-800-contrast) 100%, transparent)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--ig-warn-400), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-400-contrast) 100%, transparent)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--ig-warn-500), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-500-contrast) 100%, transparent);outline:.1875rem solid hsla(var(--ig-warn-200), var(--ig-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--ig-warn-200), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-900-contrast) 100%, transparent)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--ig-error-400), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-400-contrast) 100%, transparent)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--ig-error-500), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-500-contrast) 100%, transparent);outline:.1875rem solid hsla(var(--ig-error-200), var(--ig-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--ig-error-200), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-400-contrast) 100%, transparent)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{border:.0625rem solid var(--border-color);padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host button:hover{border-color:var(--hover-border-color)}:host button[disabled]{border-color:var(--disabled-border-color)}:host button igc-icon{--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){color:var(--selected-text-color);background:var(--selected-background);border-color:rgba(0,0,0,0)}:host([selected]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--focus-selected-outline-color)}:host([selected]) button:not([disabled]):hover{color:var(--hover-selected-text-color);background:var(--hover-selected-background);border-color:var(--hover-selected-border-color)}:host([selected]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5);border-color:rgba(0,0,0,0)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{color:color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent);background:hsl(from var(--ig-primary-500) h s l/1);box-shadow:0 0 0 .1875rem hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{color:color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent);background:hsl(from var(--ig-primary-400) h s l/1)}:host([variant=primary]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){color:color-mix(in oklch, var(--ig-info-900-contrast) 100%, transparent);border-color:rgba(0,0,0,0)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-500) h s l/1);color:color-mix(in oklch, var(--ig-info-900-contrast) 100%, transparent)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-400) h s l/1);color:color-mix(in oklch, var(--ig-info-900-contrast) 100%, transparent)}:host([variant=info]) button[disabled]{color:color-mix(in oklch, var(--ig-info-900-contrast) 100%, transparent);background:hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:color-mix(in oklch, var(--ig-success-900-contrast) 100%, transparent);border-color:rgba(0,0,0,0)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-500) h s l/1);color:color-mix(in oklch, var(--ig-success-900-contrast) 100%, transparent)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-400) h s l/1);color:color-mix(in oklch, var(--ig-success-900-contrast) 100%, transparent)}:host([variant=success]) button[disabled]{color:color-mix(in oklch, var(--ig-success-900-contrast) 100%, transparent);background:hsl(from var(--ig-success-500) h s l/1)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:color-mix(in oklch, var(--ig-warn-900-contrast) 100%, transparent);border-color:rgba(0,0,0,0)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-500) h s l/1);color:color-mix(in oklch, var(--ig-warn-900-contrast) 100%, transparent)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-400) h s l/1);color:color-mix(in oklch, var(--ig-warn-900-contrast) 100%, transparent)}:host([variant=warning]) button[disabled]{color:color-mix(in oklch, var(--ig-warn-900-contrast) 100%, transparent);background:hsl(from var(--ig-warn-500) h s l/1)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:color-mix(in oklch, var(--ig-error-900-contrast) 100%, transparent);border-color:rgba(0,0,0,0)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-500) h s l/1);color:color-mix(in oklch, var(--ig-error-900-contrast) 100%, transparent)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-400) h s l/1);color:color-mix(in oklch, var(--ig-error-900-contrast) 100%, transparent)}:host([variant=danger]) button[disabled]{color:color-mix(in oklch, var(--ig-error-900-contrast) 100%, transparent);background:hsl(from var(--ig-error-500) h s l/1)}:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{opacity:.4}`;
 //# sourceMappingURL=chip.indigo.css.js.map

package/components/chip/themes/shared/chip.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ikJAAikJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{border:.0625rem solid var(--border-color)}:host button:focus{outline:.1875rem solid var(--focus-outline-color)}:host button[disabled]{border-color:var(--disabled-border-color)}:host([selected]) button:not([disabled]){border-color:rgba(0,0,0,0);background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background)}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid var(--focus-selected-outline-color)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--ig-primary-400), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--ig-primary-500), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent);outline:.1875rem solid var(--focus-selected-outline-color)}:host([variant=primary]) button[disabled]{background:hsla(var(--ig-primary-200), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--ig-info-400), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-400-contrast) 100%, transparent)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--ig-info-500), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-500-contrast) 100%, transparent);outline:.1875rem solid hsla(var(--ig-info-200), var(--ig-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--ig-info-200), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-400-contrast) 100%, transparent)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--ig-success-400), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-400-contrast) 100%, transparent)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--ig-success-500), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-500-contrast) 100%, transparent);outline:.1875rem solid hsla(var(--ig-success-200), var(--ig-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--ig-success-200), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-800-contrast) 100%, transparent)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--ig-warn-400), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-400-contrast) 100%, transparent)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--ig-warn-500), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-500-contrast) 100%, transparent);outline:.1875rem solid hsla(var(--ig-warn-200), var(--ig-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--ig-warn-200), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-900-contrast) 100%, transparent)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--ig-error-400), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-400-contrast) 100%, transparent)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--ig-error-500), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-500-contrast) 100%, transparent);outline:.1875rem solid hsla(var(--ig-error-200), var(--ig-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--ig-error-200), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-400-contrast) 100%, transparent)}`;\n"]}
+{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o0KAAo0K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{border:.0625rem solid var(--border-color);padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host button:hover{border-color:var(--hover-border-color)}:host button[disabled]{border-color:var(--disabled-border-color)}:host button igc-icon{--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){color:var(--selected-text-color);background:var(--selected-background);border-color:rgba(0,0,0,0)}:host([selected]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--focus-selected-outline-color)}:host([selected]) button:not([disabled]):hover{color:var(--hover-selected-text-color);background:var(--hover-selected-background);border-color:var(--hover-selected-border-color)}:host([selected]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5);border-color:rgba(0,0,0,0)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{color:color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent);background:hsl(from var(--ig-primary-500) h s l/1);box-shadow:0 0 0 .1875rem hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{color:color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent);background:hsl(from var(--ig-primary-400) h s l/1)}:host([variant=primary]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){color:color-mix(in oklch, var(--ig-info-900-contrast) 100%, transparent);border-color:rgba(0,0,0,0)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-500) h s l/1);color:color-mix(in oklch, var(--ig-info-900-contrast) 100%, transparent)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-400) h s l/1);color:color-mix(in oklch, var(--ig-info-900-contrast) 100%, transparent)}:host([variant=info]) button[disabled]{color:color-mix(in oklch, var(--ig-info-900-contrast) 100%, transparent);background:hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:color-mix(in oklch, var(--ig-success-900-contrast) 100%, transparent);border-color:rgba(0,0,0,0)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-500) h s l/1);color:color-mix(in oklch, var(--ig-success-900-contrast) 100%, transparent)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-400) h s l/1);color:color-mix(in oklch, var(--ig-success-900-contrast) 100%, transparent)}:host([variant=success]) button[disabled]{color:color-mix(in oklch, var(--ig-success-900-contrast) 100%, transparent);background:hsl(from var(--ig-success-500) h s l/1)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:color-mix(in oklch, var(--ig-warn-900-contrast) 100%, transparent);border-color:rgba(0,0,0,0)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-500) h s l/1);color:color-mix(in oklch, var(--ig-warn-900-contrast) 100%, transparent)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-400) h s l/1);color:color-mix(in oklch, var(--ig-warn-900-contrast) 100%, transparent)}:host([variant=warning]) button[disabled]{color:color-mix(in oklch, var(--ig-warn-900-contrast) 100%, transparent);background:hsl(from var(--ig-warn-500) h s l/1)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:color-mix(in oklch, var(--ig-error-900-contrast) 100%, transparent);border-color:rgba(0,0,0,0)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-500) h s l/1);color:color-mix(in oklch, var(--ig-error-900-contrast) 100%, transparent)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-400) h s l/1);color:color-mix(in oklch, var(--ig-error-900-contrast) 100%, transparent)}:host([variant=danger]) button[disabled]{color:color-mix(in oklch, var(--ig-error-900-contrast) 100%, transparent);background:hsl(from var(--ig-error-500) h s l/1)}:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{opacity:.4}`;\n"]}

package/components/combo/combo.d.ts

@@ -4,8 +4,8 @@ import IgcInputComponent from '../input/input.js';
 import { DataController } from './controllers/data.js';
 import { NavigationController } from './controllers/navigation.js';
 import { SelectionController } from './controllers/selection.js';
-import type { ComboItemTemplate, ComboRecord, ComboRenderFunction, ComboValue, FilteringOptions, GroupingDirection, IgcComboEventMap, Item, Keys } from './types.js';
-declare const IgcComboComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcComboEventMap>> & Constructor<LitElement>;
+import type { ComboItemTemplate, ComboRecord, ComboRenderFunction, ComboValue, FilteringOptions, GroupingDirection, IgcComboComponentEventMap, Item, Keys } from './types.js';
+declare const IgcComboComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcComboComponentEventMap>> & Constructor<LitElement>;
 /**
  * The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.
  * In contrast to the Select component, the Combo component displays all options in a virtualized list of items,
@@ -22,6 +22,9 @@ declare const IgcComboComponent_base: Constructor<import("../common/mixins/forms
  * @slot helper-text - Renders content below the input of the combo.
  * @slot toggle-icon - Renders content inside the suffix container of the combo.
  * @slot clear-icon - Renders content inside the suffix container of the combo.
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
  *
  * @fires igcChange - Emitted when the control's selection has changed.
  * @fires igcOpening - Emitted just before the list of options is opened.
@@ -64,7 +67,6 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
     protected navigationController: NavigationController<T>;
     protected selectionController: SelectionController<T>;
     protected dataController: DataController<T>;
-    protected helperText: Array<HTMLElement>;
     protected inputSuffix: Array<HTMLElement>;
     protected inputPrefix: Array<HTMLElement>;
     protected input: IgcInputComponent;