igniteui-webcomponents 6.4.0-alpha.4 → 6.5.0

package/components/checkbox/themes/shared/switch/switch.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.75rem}[part~=base] [part~=thumb]::after{opacity:.06}[part~=base]:hover [part~=thumb]::after{background:var(--ig-gray-600)}[part~=base]:hover [part~=thumb][part~=checked]::after{background:var(--thumb-on-color)}[part~=base]:hover [part~=control]{border-color:var(--border-hover-color)}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part="control focused"] [part~=thumb]::after{background:var(--ig-gray-600);opacity:.12}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part="control checked focused"] [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color);z-index:1}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);box-shadow:var(--resting-elevation);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:"";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden;z-index:-1}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));animation-name:thumb-on;animation-duration:.2s;animation-fill-mode:forwards}`;
+export const styles = css `:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.75rem}[part~=base] [part~=thumb]::after{opacity:.06}[part~=base]:hover [part~=thumb]::after{background:var(--ig-gray-600)}[part~=base]:hover [part~=thumb][part~=checked]::after{background:var(--thumb-on-color)}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part="control focused"] [part~=thumb]::after{background:var(--ig-gray-600);opacity:.12}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part="control checked focused"] [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color);z-index:1}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);box-shadow:var(--resting-elevation);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:"";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden;z-index:-1}[part~=thumb]:hover{box-shadow:var(--hover-elevation)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));animation-name:thumb-on;animation-duration:.2s;animation-fill-mode:forwards}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{box-shadow:var(--disabled-elevation)}`;
 //# sourceMappingURL=switch.material.css.js.map

package/components/checkbox/themes/shared/switch/switch.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2vDAA2vD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.75rem}[part~=base] [part~=thumb]::after{opacity:.06}[part~=base]:hover [part~=thumb]::after{background:var(--ig-gray-600)}[part~=base]:hover [part~=thumb][part~=checked]::after{background:var(--thumb-on-color)}[part~=base]:hover [part~=control]{border-color:var(--border-hover-color)}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part=\"control focused\"] [part~=thumb]::after{background:var(--ig-gray-600);opacity:.12}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part=\"control checked focused\"] [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color);z-index:1}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);box-shadow:var(--resting-elevation);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:\"\";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden;z-index:-1}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));animation-name:thumb-on;animation-duration:.2s;animation-fill-mode:forwards}`;\n"]}
+{"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+uDAA+uD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.75rem}[part~=base] [part~=thumb]::after{opacity:.06}[part~=base]:hover [part~=thumb]::after{background:var(--ig-gray-600)}[part~=base]:hover [part~=thumb][part~=checked]::after{background:var(--thumb-on-color)}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part=\"control focused\"] [part~=thumb]::after{background:var(--ig-gray-600);opacity:.12}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part=\"control checked focused\"] [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color);z-index:1}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);box-shadow:var(--resting-elevation);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:\"\";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden;z-index:-1}[part~=thumb]:hover{box-shadow:var(--hover-elevation)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));animation-name:thumb-on;animation-duration:.2s;animation-fill-mode:forwards}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{box-shadow:var(--disabled-elevation)}`;\n"]}

package/components/chip/chip.d.ts

@@ -57,13 +57,14 @@ export default class IgcChipComponent extends IgcChipComponent_base {
      */
     variant: StyleVariant;
     /**
-     * Gets/Sets the locale used for formatting and displaying the dates in the component.
+     * Gets/Sets the locale used for getting language, affecting resource strings.
      * @attr locale
      */
     set locale(value: string);
     get locale(): string;
     /**
      * The resource strings for localization.
+     * Currently only aria-labels for the default select/remove icons are localized.
      */
     set resourceStrings(value: IChipResourceStrings);
     get resourceStrings(): IChipResourceStrings;

package/components/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChipResourceStringsEN,\n  type IChipResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { addI18nController } from '../common/i18n/i18n-controller.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/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders content in the default slot of the chip.\n * @slot prefix - Renders content at the start of the chip, before the default content.\n * @slot suffix - Renders content at the end of the chip after the default content.\n * @slot select - Content to render when the chip in selected state.\n * @slot remove - Content to override the default remove chip icon.\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 */\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(): void {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private readonly _removePartRef = createRef<HTMLSlotElement>();\n\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('prefix', 'suffix', 'start', 'end', 'select', 'remove'),\n  });\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  /**\n   * Gets/Sets the locale used for formatting and displaying the dates in the component.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n  }\n\n  public get locale() {\n    return this._i18nController.locale;\n  }\n\n  /**\n   * The resource strings for localization.\n   */\n  @property({ attribute: false })\n  public set resourceStrings(value: IChipResourceStrings) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IChipResourceStrings {\n    return this._i18nController.resourceStrings;\n  }\n\n  private readonly _i18nController = addI18nController<IChipResourceStrings>(\n    this,\n    {\n      defaultEN: ChipResourceStringsEN,\n    }\n  );\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this._handleRemove);\n  }\n\n  protected _handleSelect(): void {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected _handleRemove(event: Event): void {\n    event.stopPropagation();\n    this.emitEvent('igcRemove');\n  }\n\n  protected _renderPrefix() {\n    const isVisible =\n      this._slots.hasAssignedElements('prefix') ||\n      this._slots.hasAssignedElements('start');\n\n    const selectSlot =\n      this.selectable && this.selected\n        ? html`\n            <slot name=\"select\">\n              <igc-icon\n                name=\"selected\"\n                collection=\"default\"\n                aria-label=${this.resourceStrings.chip_select ?? 'select chip'}\n              ></igc-icon>\n            </slot>\n          `\n        : nothing;\n\n    return html`\n      <span part=\"prefix\" ?hidden=${!isVisible && !this.selected}>\n        ${selectSlot}\n        <slot name=\"start\"></slot>\n        <slot name=\"prefix\"></slot>\n      </span>\n    `;\n  }\n\n  protected _renderSuffix() {\n    const isVisible =\n      this._slots.hasAssignedElements('suffix') ||\n      this._slots.hasAssignedElements('end');\n\n    const removeSlot =\n      this.removable && !this.disabled\n        ? html`\n            <slot\n              ${ref(this._removePartRef)}\n              name=\"remove\"\n              @click=${this._handleRemove}\n            >\n              <igc-icon\n                name=\"remove\"\n                collection=\"default\"\n                tabindex=\"0\"\n                role=\"button\"\n                aria-label=${this.resourceStrings.chip_remove ?? 'remove chip'}\n              ></igc-icon>\n            </slot>\n          `\n        : nothing;\n\n    return html`\n      <span part=\"suffix\" ?hidden=${!isVisible && !this.removable}>\n        <slot name=\"end\"></slot>\n        <slot name=\"suffix\"></slot>\n        ${removeSlot}\n      </span>\n    `;\n  }\n\n  protected override render() {\n    const ariaPressed = this.selectable ? this.selected.toString() : null;\n\n    return html`\n      <button\n        part=\"base\"\n        .ariaPressed=${ariaPressed}\n        ?disabled=${this.disabled}\n        @click=${this._handleSelect}\n      >\n        ${this._renderPrefix()}\n        <slot></slot>\n        ${this._renderSuffix()}\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,EACL,qBAAqB,GAEtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,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;AAyBzC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,iBAAiB,CAG7D,UAAU,CAAC;aACY,YAAO,GAAG,UAAU,AAAb,CAAc;aAC9B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAGjC,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;IACxD,CAAC;IAiDD,IAAW,MAAM,CAAC,KAAa;QAC7B,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,KAAK,CAAC;IACtC,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;IACrC,CAAC;IAOD,IAAW,eAAe,CAAC,KAA2B;QACpD,IAAI,CAAC,eAAe,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/C,CAAC;IAED,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC;IAC9C,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QA5EO,mBAAc,GAAG,SAAS,EAAmB,CAAC;QAE9C,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC;SACxE,CAAC,CAAC;QAOI,aAAQ,GAAG,KAAK,CAAC;QAOjB,cAAS,GAAG,KAAK,CAAC;QAOlB,eAAU,GAAG,KAAK,CAAC;QAQnB,aAAQ,GAAG,KAAK,CAAC;QAmCP,oBAAe,GAAG,iBAAiB,CAClD,IAAI,EACJ;YACE,SAAS,EAAE,qBAAqB;SACjC,CACF,CAAC;QAKA,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,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,aAAa,CAAC,CAAC;IAC5C,CAAC;IAES,aAAa;QACrB,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,aAAa,CAAC,KAAY;QAClC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAES,aAAa;QACrB,MAAM,SAAS,GACb,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC;YACzC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAE3C,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAC9B,CAAC,CAAC,IAAI,CAAA;;;;;6BAKe,IAAI,CAAC,eAAe,CAAC,WAAW,IAAI,aAAa;;;WAGnE;YACH,CAAC,CAAC,OAAO,CAAC;QAEd,OAAO,IAAI,CAAA;oCACqB,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;UACtD,UAAU;;;;KAIf,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,MAAM,SAAS,GACb,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC;YACzC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAEzC,MAAM,UAAU,GACd,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC9B,CAAC,CAAC,IAAI,CAAA;;gBAEE,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;;uBAEjB,IAAI,CAAC,aAAa;;;;;;;6BAOZ,IAAI,CAAC,eAAe,CAAC,WAAW,IAAI,aAAa;;;WAGnE;YACH,CAAC,CAAC,OAAO,CAAC;QAEd,OAAO,IAAI,CAAA;oCACqB,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS;;;UAGvD,UAAU;;KAEf,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAEtE,OAAO,IAAI,CAAA;;;uBAGQ,WAAW;oBACd,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,aAAa;;UAEzB,IAAI,CAAC,aAAa,EAAE;;UAEpB,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;;AAlKM;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;AAO9B;IADC,QAAQ,EAAE;8CAGV;AAWD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;uDAG9B","sourcesContent":["import {\n  ChipResourceStringsEN,\n  type IChipResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { addI18nController } from '../common/i18n/i18n-controller.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/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders content in the default slot of the chip.\n * @slot prefix - Renders content at the start of the chip, before the default content.\n * @slot suffix - Renders content at the end of the chip after the default content.\n * @slot select - Content to render when the chip in selected state.\n * @slot remove - Content to override the default remove chip icon.\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 */\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(): void {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private readonly _removePartRef = createRef<HTMLSlotElement>();\n\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('prefix', 'suffix', 'start', 'end', 'select', 'remove'),\n  });\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  /**\n   * Gets/Sets the locale used for getting language, affecting resource strings.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n  }\n\n  public get locale() {\n    return this._i18nController.locale;\n  }\n\n  /**\n   * The resource strings for localization.\n   * Currently only aria-labels for the default select/remove icons are localized.\n   */\n  @property({ attribute: false })\n  public set resourceStrings(value: IChipResourceStrings) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IChipResourceStrings {\n    return this._i18nController.resourceStrings;\n  }\n\n  private readonly _i18nController = addI18nController<IChipResourceStrings>(\n    this,\n    {\n      defaultEN: ChipResourceStringsEN,\n    }\n  );\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this._handleRemove);\n  }\n\n  protected _handleSelect(): void {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected _handleRemove(event: Event): void {\n    event.stopPropagation();\n    this.emitEvent('igcRemove');\n  }\n\n  protected _renderPrefix() {\n    const isVisible =\n      this._slots.hasAssignedElements('prefix') ||\n      this._slots.hasAssignedElements('start');\n\n    const selectSlot =\n      this.selectable && this.selected\n        ? html`\n            <slot name=\"select\">\n              <igc-icon\n                name=\"selected\"\n                collection=\"default\"\n                aria-label=${this.resourceStrings.chip_select ?? 'select chip'}\n              ></igc-icon>\n            </slot>\n          `\n        : nothing;\n\n    return html`\n      <span part=\"prefix\" ?hidden=${!isVisible && !this.selected}>\n        ${selectSlot}\n        <slot name=\"start\"></slot>\n        <slot name=\"prefix\"></slot>\n      </span>\n    `;\n  }\n\n  protected _renderSuffix() {\n    const isVisible =\n      this._slots.hasAssignedElements('suffix') ||\n      this._slots.hasAssignedElements('end');\n\n    const removeSlot =\n      this.removable && !this.disabled\n        ? html`\n            <slot\n              ${ref(this._removePartRef)}\n              name=\"remove\"\n              @click=${this._handleRemove}\n            >\n              <igc-icon\n                name=\"remove\"\n                collection=\"default\"\n                tabindex=\"0\"\n                role=\"button\"\n                aria-label=${this.resourceStrings.chip_remove ?? 'remove chip'}\n              ></igc-icon>\n            </slot>\n          `\n        : nothing;\n\n    return html`\n      <span part=\"suffix\" ?hidden=${!isVisible && !this.removable}>\n        <slot name=\"end\"></slot>\n        <slot name=\"suffix\"></slot>\n        ${removeSlot}\n      </span>\n    `;\n  }\n\n  protected override render() {\n    const ariaPressed = this.selectable ? this.selected.toString() : null;\n\n    return html`\n      <button\n        part=\"base\"\n        .ariaPressed=${ariaPressed}\n        ?disabled=${this.disabled}\n        @click=${this._handleSelect}\n      >\n        ${this._renderPrefix()}\n        <slot></slot>\n        ${this._renderSuffix()}\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\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, var(--ig-primary-500));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent}`;
 //# 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,mgCAAmgC,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, var(--ig-primary-500));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent}`;\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,ulCAAulC,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, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent}`;\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, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--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-contrast) h s l/0.05));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50-contrast));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--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-50-contrast) h s l/0.8));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-800)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}`;
+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-50-contrast) h s l/0.2));--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-contrast) h s l/0.05));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50-contrast));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--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-50-contrast) h s l/0.8));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-50)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-50)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}`;
 //# 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,ijGAAijG,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-50-contrast) h s l/0.2));--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-contrast) h s l/0.05));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50-contrast));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--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-50-contrast) h s l/0.8));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-800)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}`;\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,85GAA85G,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-50-contrast) h s l/0.2));--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-contrast) h s l/0.05));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50-contrast));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--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-50-contrast) h s l/0.8));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-50)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-50)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}`;\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, var(--ig-primary-500));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--ghost-background: var(--ig-chip-ghost-background, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent}`;
 //# 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,mgCAAmgC,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, var(--ig-primary-500));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent}`;\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,ulCAAulC,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, var(--ig-primary-500));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-primary-500-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-600));--text-color: var(--ig-chip-text-color, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-primary-600));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-800));--ig-theme: fluent}`;\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, 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, var(--ig-gray-50));--border-color: var(--ig-chip-border-color, var(--ig-gray-400));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-200));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-900));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-500));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-700));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-400));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--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, var(--ig-gray-900-contrast));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-300));--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, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-50));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-100)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-200)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-warn-100)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-100)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.4)}`;
+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, var(--ig-gray-50));--border-color: var(--ig-chip-border-color, var(--ig-gray-400));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-200));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-gray-700));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-900));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-500));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-700));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-400));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--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, var(--ig-gray-900-contrast));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-300));--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, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-50));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-100)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-200)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-900)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-900);box-shadow:0 0 0 .1875rem var(--ig-warn-100)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-900)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-100)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.4)}`;
 //# 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,u3FAAu3F,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, var(--ig-gray-50));--border-color: var(--ig-chip-border-color, var(--ig-gray-400));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-200));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-900));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-500));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-700));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-400));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--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, var(--ig-gray-900-contrast));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-300));--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, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-50));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-100)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-200)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-warn-100)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-100)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.4)}`;\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,0sGAA0sG,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, var(--ig-gray-50));--border-color: var(--ig-chip-border-color, var(--ig-gray-400));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-200));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-gray-700));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-900));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-200));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-500));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-700));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-400));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--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, var(--ig-gray-900-contrast));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-300));--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, var(--ig-gray-700));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-50));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-100)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-200)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-900)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-900);box-shadow:0 0 0 .1875rem var(--ig-warn-100)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-900)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-100)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.4)}`;\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, var(--ig-gray-200));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-400));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-400));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-primary-500));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-400));--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, var(--ig-gray-500));--disabled-background: var(--ig-chip-disabled-background, var(--ig-gray-200));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-200));--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, var(--ig-gray-200));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-400));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-gray-400-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-400));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-primary-500));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-400));--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, var(--ig-gray-500));--disabled-background: var(--ig-chip-disabled-background, var(--ig-gray-200));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-200));--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,4kEAA4kE,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, var(--ig-gray-200));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-400));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-400));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-primary-500));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-400));--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, var(--ig-gray-500));--disabled-background: var(--ig-chip-disabled-background, var(--ig-gray-200));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-200));--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,6pEAA6pE,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, var(--ig-gray-200));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-400));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-gray-400-contrast));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-400));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-primary-500));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-400));--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, var(--ig-gray-500));--disabled-background: var(--ig-chip-disabled-background, var(--ig-gray-200));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-200));--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.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{padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host button igc-icon,:host button ::slotted(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[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:var(--ig-primary-900-contrast);background:var(--ig-primary-500);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:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}: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:var(--ig-info-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info]) button[disabled]{color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-500);color:var(--ig-success-900-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-400);color:var(--ig-success-900-contrast)}:host([variant=success]) button[disabled]{color:var(--ig-success-900-contrast);background:var(--ig-success-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-400);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button[disabled]{color:var(--ig-warn-900-contrast);background:var(--ig-warn-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-400);color:var(--ig-error-900-contrast)}:host([variant=danger]) button[disabled]{color:var(--ig-error-900-contrast);background:var(--ig-error-500)}:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{opacity:.4}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host button igc-icon,:host button ::slotted(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[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:var(--ig-primary-900-contrast);background:var(--ig-primary-500);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:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}: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:var(--ig-info-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info]) button[disabled]{color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-900-contrast);background:var(--ig-success-800);border-color:rgba(0,0,0,0)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{color:var(--ig-success-900-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-700);color:var(--ig-success-900-contrast)}:host([variant=success]) button[disabled]{color:var(--ig-success-900-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-400)}:host([variant=warning]) button[disabled]{background:var(--ig-warn-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-900-contrast);background:var(--ig-error-600);border-color:rgba(0,0,0,0)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-600);color:var(--ig-error-900-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger]) button[disabled]{color:var(--ig-error-900-contrast)}: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,6oIAA6oI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host button igc-icon,:host button ::slotted(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[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:var(--ig-primary-900-contrast);background:var(--ig-primary-500);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:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}: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:var(--ig-info-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info]) button[disabled]{color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-500);color:var(--ig-success-900-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-400);color:var(--ig-success-900-contrast)}:host([variant=success]) button[disabled]{color:var(--ig-success-900-contrast);background:var(--ig-success-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-400);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button[disabled]{color:var(--ig-warn-900-contrast);background:var(--ig-warn-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-400);color:var(--ig-error-900-contrast)}:host([variant=danger]) button[disabled]{color:var(--ig-error-900-contrast);background:var(--ig-error-500)}:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{opacity:.4}`;\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,o+HAAo+H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host button igc-icon,:host button ::slotted(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[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:var(--ig-primary-900-contrast);background:var(--ig-primary-500);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:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}: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:var(--ig-info-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info]) button[disabled]{color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-900-contrast);background:var(--ig-success-800);border-color:rgba(0,0,0,0)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{color:var(--ig-success-900-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-700);color:var(--ig-success-900-contrast)}:host([variant=success]) button[disabled]{color:var(--ig-success-900-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-400)}:host([variant=warning]) button[disabled]{background:var(--ig-warn-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-900-contrast);background:var(--ig-error-600);border-color:rgba(0,0,0,0)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-600);color:var(--ig-error-900-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger]) button[disabled]{color:var(--ig-error-900-contrast)}: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

@@ -68,7 +68,7 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
     /** The combo virtualized dropdown list. */
     private _listRef;
     private readonly _rootClickController;
-    private readonly _i18nController;
+    protected readonly _i18nController: import("../common/i18n/i18n-controller.js").I18nController<IComboResourceStrings>;
     protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<ComboValue<T>[]>;
     private _data;
     private _valueKey?;
@@ -111,7 +111,7 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
      */
     autofocusList: boolean;
     /**
-     * Gets/Sets the locale used for formatting and displaying the dates in the component.
+     * Gets/Sets the locale used for getting language, affecting resource strings.
      * @attr locale
      */
     set locale(value: string);
@@ -327,6 +327,7 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
     protected clearSingleSelection(): void;
     protected handleClearIconClick(e: PointerEvent): void;
     protected toggleCaseSensitivity(): void;
+    protected getMainAriaLabel(): string;
     private _stopPropagation;
     private renderToggleIcon;
     private renderClearIcon;

package/components/combo/combo.js

@@ -448,6 +448,11 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
             caseSensitive: !this.filteringOptions.caseSensitive,
         };
     }
+    getMainAriaLabel() {
+        return this._selection.isEmpty
+            ? this.resourceStrings.combo_aria_label_no_options
+            : this.resourceStrings.combo_aria_label_options;
+    }
     _stopPropagation(e) {
         e.stopPropagation();
     }
@@ -477,6 +482,7 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
         part="clear-icon"
         @click=${this.handleClearIconClick}
         ?hidden=${this.disableClear || this._selection.isEmpty}
+        aria-label=${this.resourceStrings.combo_clearItems_placeholder}
       >
         <slot name="clear-icon">
           <igc-icon
@@ -500,6 +506,7 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
         aria-expanded=${this.open}
         aria-describedby="combo-helper-text"
         aria-disabled=${this.disabled}
+        aria-label=${this.getMainAriaLabel()}
         exportparts="container: input, input: native-input, label, prefix, suffix"
         @click=${this._toggle}
         placeholder=${ifDefined(this.placeholder)}