igniteui-webcomponents 3.0.0 → 3.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { alternateName, blazorTwoWayBind } from '../common/decorators';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\n\nexport interface IgcCheckboxEventMap {\n  igcChange: CustomEvent<boolean>;\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\nexport class IgcCheckboxBaseComponent extends EventEmitterMixin<\n  IgcCheckboxEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  @query('input[type=\"checkbox\"]', true)\n  protected input!: HTMLInputElement;\n\n  @state()\n  protected focused = false;\n\n  /** The name attribute of the control. */\n  @property()\n  public name!: string;\n\n  /** The value attribute of the control. */\n  @property()\n  public value!: string;\n\n  /** Disables the control. */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** The checked state of the control. */\n  @property({ type: Boolean })\n  @blazorTwoWayBind('igcChange', 'detail')\n  public checked = false;\n\n  /** Makes the control a required field. */\n  @property({ type: Boolean, reflect: true })\n  public required = false;\n\n  /** Controls the validity of the control. */\n  @property({ type: Boolean, reflect: true })\n  public invalid = false;\n\n  /** The label position of the control. */\n  @property({ reflect: true, attribute: 'label-position' })\n  public labelPosition: 'before' | 'after' = 'after';\n\n  /** Sets the aria-labelledby attribute for the control. */\n  @property({ reflect: true, attribute: 'aria-labelledby' })\n  public ariaLabelledby!: string;\n\n  /** Simulates a click on the control. */\n  public override click() {\n    this.input.click();\n  }\n\n  /** Sets focus on the control. */\n  @alternateName('focusComponent')\n  public override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the control. */\n  @alternateName('blurComponent')\n  public override blur() {\n    this.input.blur();\n  }\n\n  /** Checks for validity of the control and shows the browser message if it invalid. */\n  public reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /**\n   * Sets a custom validation message for the control.\n   * As long as `message` is not empty, the control is considered invalid.\n   */\n  public setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.invalid = !this.input.checkValidity();\n  }\n\n  protected handleBlur() {\n    this.emitEvent('igcBlur');\n    this.focused = false;\n  }\n\n  protected handleFocus() {\n    this.emitEvent('igcFocus');\n  }\n\n  protected handleMouseDown(event: PointerEvent) {\n    event.preventDefault();\n    this.input.focus();\n    this.focused = false;\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('keyup', this.handleKeyUp);\n  }\n\n  public override disconnectedCallback() {\n    this.removeEventListener('keyup', this.handleKeyUp);\n  }\n\n  protected handleKeyUp() {\n    if (!this.focused) {\n      this.focused = true;\n    }\n  }\n}\n"]}
+{"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\n\nexport interface IgcCheckboxEventMap {\n  igcChange: CustomEvent<boolean>;\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\nexport class IgcCheckboxBaseComponent extends EventEmitterMixin<\n  IgcCheckboxEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  @query('input[type=\"checkbox\"]', true)\n  protected input!: HTMLInputElement;\n\n  @state()\n  protected focused = false;\n\n  /** The name attribute of the control. */\n  @property()\n  public name!: string;\n\n  /** The value attribute of the control. */\n  @property()\n  public value!: string;\n\n  /** Disables the control. */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** The checked state of the control. */\n  @property({ type: Boolean })\n  @blazorTwoWayBind('igcChange', 'detail')\n  public checked = false;\n\n  /** Makes the control a required field. */\n  @property({ type: Boolean, reflect: true })\n  public required = false;\n\n  /** Controls the validity of the control. */\n  @property({ type: Boolean, reflect: true })\n  public invalid = false;\n\n  /** The label position of the control. */\n  @property({ reflect: true, attribute: 'label-position' })\n  public labelPosition: 'before' | 'after' = 'after';\n\n  /** Sets the aria-labelledby attribute for the control. */\n  @property({ reflect: true, attribute: 'aria-labelledby' })\n  public ariaLabelledby!: string;\n\n  /** Simulates a click on the control. */\n  public override click() {\n    this.input.click();\n  }\n\n  /** Sets focus on the control. */\n  @alternateName('focusComponent')\n  public override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the control. */\n  @alternateName('blurComponent')\n  public override blur() {\n    this.input.blur();\n  }\n\n  /** Checks for validity of the control and shows the browser message if it invalid. */\n  public reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /**\n   * Sets a custom validation message for the control.\n   * As long as `message` is not empty, the control is considered invalid.\n   */\n  public setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.invalid = !this.input.checkValidity();\n  }\n\n  protected handleBlur() {\n    this.emitEvent('igcBlur');\n    this.focused = false;\n  }\n\n  protected handleFocus() {\n    this.emitEvent('igcFocus');\n  }\n\n  protected handleMouseDown(event: PointerEvent) {\n    event.preventDefault();\n    this.input.focus();\n    this.focused = false;\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('keyup', this.handleKeyUp);\n  }\n\n  public override disconnectedCallback() {\n    this.removeEventListener('keyup', this.handleKeyUp);\n  }\n\n  protected handleKeyUp() {\n    if (!this.focused) {\n      this.focused = true;\n    }\n  }\n}\n"]}

package/components/checkbox/checkbox.js

@@ -8,15 +8,15 @@ import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
-import { themes } from '../../theming';
+import { themes } from '../../theming/theming-decorator.js';
 import { watch } from '../common/decorators/watch.js';
 import { partNameMap } from '../common/util.js';
 import { IgcCheckboxBaseComponent } from './checkbox-base.js';
-import { styles } from './themes/light/checkbox.base.css';
-import { styles as bootstrap } from './themes/light/checkbox.bootstrap.css';
-import { styles as fluent } from './themes/light/checkbox.fluent.css';
-import { styles as indigo } from './themes/light/checkbox.indigo.css';
-import { styles as material } from './themes/light/checkbox.material.css';
+import { styles } from './themes/light/checkbox.base.css.js';
+import { styles as bootstrap } from './themes/light/checkbox.bootstrap.css.js';
+import { styles as fluent } from './themes/light/checkbox.fluent.css.js';
+import { styles as indigo } from './themes/light/checkbox.indigo.css.js';
+import { styles as material } from './themes/light/checkbox.material.css.js';
 let nextId = 0;
 let IgcCheckboxComponent = class IgcCheckboxComponent extends IgcCheckboxBaseComponent {
     constructor() {
@@ -43,7 +43,6 @@ let IgcCheckboxComponent = class IgcCheckboxComponent extends IgcCheckboxBaseCom
         })}
         for=${this.inputId}
         @pointerdown=${this.handleMouseDown}
-        .focused=${this.focused}
       >
         <input
           id=${this.inputId}

package/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { themes } from '../../theming';\nimport { watch } from '../common/decorators/watch.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles } from './themes/light/checkbox.base.css';\nimport { styles as bootstrap } from './themes/light/checkbox.bootstrap.css';\nimport { styles as fluent } from './themes/light/checkbox.fluent.css';\nimport { styles as indigo } from './themes/light/checkbox.indigo.css';\nimport { styles as material } from './themes/light/checkbox.material.css';\n\nlet nextId = 0;\n\n/**\n * A check box allowing single values to be selected/deselected.\n *\n * @element igc-checkbox\n *\n * @slot - The checkbox label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox control.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox icon.\n */\n@themes({ material, bootstrap, fluent, indigo })\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n  public static readonly tagName = 'igc-checkbox';\n  protected static styles = styles;\n\n  private inputId = `checkbox-${nextId++}`;\n  private labelId = `checkbox-label-${this.inputId}`;\n\n  /** Draws the checkbox in indeterminate state. */\n  @property({ type: Boolean, reflect: true })\n  public indeterminate = false;\n\n  protected handleClick() {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n    this.emitEvent('igcChange', { detail: this.checked });\n  }\n\n  @watch('checked', { waitUntilFirstUpdate: true })\n  @watch('focused', { waitUntilFirstUpdate: true })\n  @watch('indeterminate', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    this.invalid = !this.input.checkValidity();\n  }\n\n  protected override render() {\n    return html`\n      <label\n        part=${partNameMap({\n          base: true,\n          checked: this.checked,\n          focused: this.focused,\n        })}\n        for=${this.inputId}\n        @pointerdown=${this.handleMouseDown}\n        .focused=${this.focused}\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          .required=${this.required}\n          .disabled=${this.disabled}\n          .checked=${live(this.checked)}\n          .indeterminate=${live(this.indeterminate)}\n          aria-checked=${this.indeterminate && !this.checked\n            ? 'mixed'\n            : this.checked}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-labelledby=${this.ariaLabelledby\n            ? this.ariaLabelledby\n            : this.labelId}\n          @click=${this.handleClick}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n        />\n        <span part=${partNameMap({ control: true, checked: this.checked })}>\n          <span part=${partNameMap({ indicator: true, checked: this.checked })}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n              <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n            </svg>\n          </span>\n        </span>\n        <span\n          part=${partNameMap({ label: true, checked: this.checked })}\n          id=${this.labelId}\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-checkbox': IgcCheckboxComponent;\n  }\n}\n"]}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles } from './themes/light/checkbox.base.css.js';\nimport { styles as bootstrap } from './themes/light/checkbox.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/checkbox.fluent.css.js';\nimport { styles as indigo } from './themes/light/checkbox.indigo.css.js';\nimport { styles as material } from './themes/light/checkbox.material.css.js';\n\nlet nextId = 0;\n\n/**\n * A check box allowing single values to be selected/deselected.\n *\n * @element igc-checkbox\n *\n * @slot - The checkbox label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox control.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox icon.\n */\n@themes({ material, bootstrap, fluent, indigo })\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n  public static readonly tagName = 'igc-checkbox';\n  protected static styles = styles;\n\n  private inputId = `checkbox-${nextId++}`;\n  private labelId = `checkbox-label-${this.inputId}`;\n\n  /** Draws the checkbox in indeterminate state. */\n  @property({ type: Boolean, reflect: true })\n  public indeterminate = false;\n\n  protected handleClick() {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n    this.emitEvent('igcChange', { detail: this.checked });\n  }\n\n  @watch('checked', { waitUntilFirstUpdate: true })\n  @watch('focused', { waitUntilFirstUpdate: true })\n  @watch('indeterminate', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    this.invalid = !this.input.checkValidity();\n  }\n\n  protected override render() {\n    return html`\n      <label\n        part=${partNameMap({\n          base: true,\n          checked: this.checked,\n          focused: this.focused,\n        })}\n        for=${this.inputId}\n        @pointerdown=${this.handleMouseDown}\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          .required=${this.required}\n          .disabled=${this.disabled}\n          .checked=${live(this.checked)}\n          .indeterminate=${live(this.indeterminate)}\n          aria-checked=${this.indeterminate && !this.checked\n            ? 'mixed'\n            : this.checked}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-labelledby=${this.ariaLabelledby\n            ? this.ariaLabelledby\n            : this.labelId}\n          @click=${this.handleClick}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n        />\n        <span part=${partNameMap({ control: true, checked: this.checked })}>\n          <span part=${partNameMap({ indicator: true, checked: this.checked })}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n              <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n            </svg>\n          </span>\n        </span>\n        <span\n          part=${partNameMap({ label: true, checked: this.checked })}\n          id=${this.labelId}\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-checkbox': IgcCheckboxComponent;\n  }\n}\n"]}

package/components/checkbox/switch.js

@@ -7,15 +7,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
-import { themes } from '../../theming';
+import { themes } from '../../theming/theming-decorator.js';
 import { watch } from '../common/decorators/watch.js';
 import { partNameMap } from '../common/util.js';
 import { IgcCheckboxBaseComponent } from './checkbox-base.js';
-import { styles } from './themes/light/switch.base.css';
-import { styles as bootstrap } from './themes/light/switch.bootstrap.css';
-import { styles as fluent } from './themes/light/switch.fluent.css';
-import { styles as indigo } from './themes/light/switch.indigo.css';
-import { styles as material } from './themes/light/switch.material.css';
+import { styles } from './themes/light/switch.base.css.js';
+import { styles as bootstrap } from './themes/light/switch.bootstrap.css.js';
+import { styles as fluent } from './themes/light/switch.fluent.css.js';
+import { styles as indigo } from './themes/light/switch.indigo.css.js';
+import { styles as material } from './themes/light/switch.material.css.js';
 let nextId = 0;
 let IgcSwitchComponent = class IgcSwitchComponent extends IgcCheckboxBaseComponent {
     constructor() {
@@ -36,7 +36,6 @@ let IgcSwitchComponent = class IgcSwitchComponent extends IgcCheckboxBaseCompone
         part=${partNameMap({ base: true, checked: this.checked })}
         for=${this.inputId}
         @pointerdown=${this.handleMouseDown}
-        .focused=${this.focused}
       >
         <input
           id=${this.inputId}

package/components/checkbox/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { themes } from '../../theming';\nimport { watch } from '../common/decorators/watch.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles } from './themes/light/switch.base.css';\nimport { styles as bootstrap } from './themes/light/switch.bootstrap.css';\nimport { styles as fluent } from './themes/light/switch.fluent.css';\nimport { styles as indigo } from './themes/light/switch.indigo.css';\nimport { styles as material } from './themes/light/switch.material.css';\n\nlet nextId = 0;\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch control.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\n@themes({ material, bootstrap, fluent, indigo })\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n  public static readonly tagName = 'igc-switch';\n  public static styles = styles;\n\n  private inputId = `switch-${nextId++}`;\n  private labelId = `switch-label-${this.inputId}`;\n\n  private handleClick() {\n    this.checked = !this.checked;\n    this.emitEvent('igcChange', { detail: this.checked });\n  }\n\n  @watch('checked', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    this.invalid = !this.input.checkValidity();\n  }\n\n  protected override render() {\n    return html`\n      <label\n        part=${partNameMap({ base: true, checked: this.checked })}\n        for=${this.inputId}\n        @pointerdown=${this.handleMouseDown}\n        .focused=${this.focused}\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          .required=${this.required}\n          .disabled=${this.disabled}\n          .checked=${live(this.checked)}\n          aria-checked=${this.checked ? 'true' : 'false'}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-labelledby=${this.ariaLabelledby\n            ? this.ariaLabelledby\n            : this.labelId}\n          @click=${this.handleClick}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n        />\n        <span\n          part=${partNameMap({\n            control: true,\n            checked: this.checked,\n            focused: this.focused,\n          })}\n        >\n          <span\n            part=${partNameMap({ thumb: true, checked: this.checked })}\n          ></span>\n        </span>\n        <span\n          part=${partNameMap({ label: true, checked: this.checked })}\n          id=${this.labelId}\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-switch': IgcSwitchComponent;\n  }\n}\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles } from './themes/light/switch.base.css.js';\nimport { styles as bootstrap } from './themes/light/switch.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/switch.fluent.css.js';\nimport { styles as indigo } from './themes/light/switch.indigo.css.js';\nimport { styles as material } from './themes/light/switch.material.css.js';\n\nlet nextId = 0;\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch control.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\n@themes({ material, bootstrap, fluent, indigo })\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n  public static readonly tagName = 'igc-switch';\n  public static styles = styles;\n\n  private inputId = `switch-${nextId++}`;\n  private labelId = `switch-label-${this.inputId}`;\n\n  private handleClick() {\n    this.checked = !this.checked;\n    this.emitEvent('igcChange', { detail: this.checked });\n  }\n\n  @watch('checked', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    this.invalid = !this.input.checkValidity();\n  }\n\n  protected override render() {\n    return html`\n      <label\n        part=${partNameMap({ base: true, checked: this.checked })}\n        for=${this.inputId}\n        @pointerdown=${this.handleMouseDown}\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          .required=${this.required}\n          .disabled=${this.disabled}\n          .checked=${live(this.checked)}\n          aria-checked=${this.checked ? 'true' : 'false'}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-labelledby=${this.ariaLabelledby\n            ? this.ariaLabelledby\n            : this.labelId}\n          @click=${this.handleClick}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n        />\n        <span\n          part=${partNameMap({\n            control: true,\n            checked: this.checked,\n            focused: this.focused,\n          })}\n        >\n          <span\n            part=${partNameMap({ thumb: true, checked: this.checked })}\n          ></span>\n        </span>\n        <span\n          part=${partNameMap({ label: true, checked: this.checked })}\n          id=${this.labelId}\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-switch': IgcSwitchComponent;\n  }\n}\n"]}

package/components/chip/chip.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import { Constructor } from '../common/mixins/constructor.js';
+import '../icon/icon.js';
 export interface IgcChipEventMap {
     igcRemove: CustomEvent<boolean>;
     igcSelect: CustomEvent<boolean>;

package/components/chip/chip.js

@@ -6,15 +6,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
+import { themes } from '../../theming/theming-decorator.js';
+import { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { blazorTwoWayBind } from '../common/decorators';
 import { SizableMixin } from '../common/mixins/sizable.js';
-import { themes } from '../../theming';
-import { styles } from './themes/chip.base.css';
-import { styles as bootstrap } from './themes/chip.bootstrap.css';
-import { styles as fluent } from './themes/chip.fluent.css';
-import { styles as indigo } from './themes/chip.indigo.css';
-import { styles as material } from './themes/chip.material.css';
+import { styles } from './themes/chip.base.css.js';
+import { styles as bootstrap } from './themes/chip.bootstrap.css.js';
+import { styles as fluent } from './themes/chip.fluent.css.js';
+import { styles as indigo } from './themes/chip.indigo.css.js';
+import { styles as material } from './themes/chip.material.css.js';
+import '../icon/icon.js';
 let IgcChipComponent = class IgcChipComponent extends SizableMixin(EventEmitterMixin(LitElement)) {
     constructor() {
         super();
@@ -46,21 +47,31 @@ let IgcChipComponent = class IgcChipComponent extends SizableMixin(EventEmitterM
         <span part="prefix">
           ${this.selectable && this.selected
             ? html `<slot @slotchange=${this.slotChanges} name="select">
-                <igc-icon size=${this.size} name="select"></igc-icon>
+                <igc-icon
+                  size=${this.size}
+                  name="chip_select"
+                  collection="internal"
+                ></igc-icon>
               </slot>`
             : nothing}
           <slot name="start"></slot>
+          <slot name="prefix"></slot>
         </span>
         <slot></slot>
         <span part="suffix">
           <slot name="end"></slot>
+          <slot name="suffix"></slot>
           ${this.removable && !this.disabled
             ? html `<slot
                 @slotchange=${this.slotChanges}
                 @click=${this.handleRemove}
                 name="remove"
               >
-                <igc-icon size=${this.size} name="cancel"></igc-icon>
+                <igc-icon
+                  size=${this.size}
+                  name="chip_cancel"
+                  collection="internal"
+                ></igc-icon>
               </slot>`
             : nothing}
         </span>

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 { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { blazorTwoWayBind } from '../common/decorators';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { themes } from '../../theming';\nimport { styles } from './themes/chip.base.css';\nimport { styles as bootstrap } from './themes/chip.bootstrap.css';\nimport { styles as fluent } from './themes/chip.fluent.css';\nimport { styles as indigo } from './themes/chip.indigo.css';\nimport { styles as material } from './themes/chip.material.css';\n\nexport interface IgcChipEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n *\n * @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n *\n * @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\n@themes({ material, bootstrap, fluent, indigo })\nexport default class IgcChipComponent extends SizableMixin(\n  EventEmitterMixin<IgcChipEventMap, Constructor<LitElement>>(LitElement)\n) {\n  public static readonly tagName = 'igc-chip';\n\n  public static styles = styles;\n\n  /** Sets the disabled state for the chip. */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** \tDefines if the chip is removable or not. */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\tDefines if the chip is selectable or not. */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /**\tDefines if the chip is selected or not. */\n  @property({ type: Boolean, reflect: true })\n  @blazorTwoWayBind('igcSelect', 'detail')\n  public selected = false;\n\n  /** A property that sets the color variant of the chip component. */\n  @property({ reflect: true })\n  public variant!: 'primary' | 'success' | 'danger' | 'warning' | 'info';\n\n  constructor() {\n    super();\n    this.size = 'medium';\n  }\n\n  protected handleSelect() {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected handleRemove(e: Event) {\n    this.emitEvent('igcRemove');\n    e.stopPropagation();\n  }\n\n  protected override render() {\n    return html`\n      <button\n        part=\"base\"\n        .disabled=\"${this.disabled}\"\n        aria-selected=\"${this.selected ? 'true' : 'false'}\"\n        aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n        @click=${this.handleSelect}\n      >\n        <span part=\"prefix\">\n          ${this.selectable && this.selected\n            ? html`<slot @slotchange=${this.slotChanges} name=\"select\">\n                <igc-icon size=${this.size} name=\"select\"></igc-icon>\n              </slot>`\n            : nothing}\n          <slot name=\"start\"></slot>\n        </span>\n        <slot></slot>\n        <span part=\"suffix\">\n          <slot name=\"end\"></slot>\n          ${this.removable && !this.disabled\n            ? html`<slot\n                @slotchange=${this.slotChanges}\n                @click=${this.handleRemove}\n                name=\"remove\"\n              >\n                <igc-icon size=${this.size} name=\"cancel\"></igc-icon>\n              </slot>`\n            : nothing}\n        </span>\n      </button>\n    `;\n  }\n\n  protected slotChanges() {\n    this.requestUpdate();\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":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as bootstrap } from './themes/chip.bootstrap.css.js';\nimport { styles as fluent } from './themes/chip.fluent.css.js';\nimport { styles as indigo } from './themes/chip.indigo.css.js';\nimport { styles as material } from './themes/chip.material.css.js';\nimport '../icon/icon.js';\n\nexport interface IgcChipEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n *\n * @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n *\n * @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\n@themes({ material, bootstrap, fluent, indigo })\nexport default class IgcChipComponent extends SizableMixin(\n  EventEmitterMixin<IgcChipEventMap, Constructor<LitElement>>(LitElement)\n) {\n  public static readonly tagName = 'igc-chip';\n\n  public static styles = styles;\n\n  /** Sets the disabled state for the chip. */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** \tDefines if the chip is removable or not. */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\tDefines if the chip is selectable or not. */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /**\tDefines if the chip is selected or not. */\n  @property({ type: Boolean, reflect: true })\n  @blazorTwoWayBind('igcSelect', 'detail')\n  public selected = false;\n\n  /** A property that sets the color variant of the chip component. */\n  @property({ reflect: true })\n  public variant!: 'primary' | 'success' | 'danger' | 'warning' | 'info';\n\n  constructor() {\n    super();\n    this.size = 'medium';\n  }\n\n  protected handleSelect() {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected handleRemove(e: Event) {\n    this.emitEvent('igcRemove');\n    e.stopPropagation();\n  }\n\n  protected override render() {\n    return html`\n      <button\n        part=\"base\"\n        .disabled=\"${this.disabled}\"\n        aria-selected=\"${this.selected ? 'true' : 'false'}\"\n        aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n        @click=${this.handleSelect}\n      >\n        <span part=\"prefix\">\n          ${this.selectable && this.selected\n            ? html`<slot @slotchange=${this.slotChanges} name=\"select\">\n                <igc-icon\n                  size=${this.size}\n                  name=\"chip_select\"\n                  collection=\"internal\"\n                ></igc-icon>\n              </slot>`\n            : nothing}\n          <slot name=\"start\"></slot>\n          <slot name=\"prefix\"></slot>\n        </span>\n        <slot></slot>\n        <span part=\"suffix\">\n          <slot name=\"end\"></slot>\n          <slot name=\"suffix\"></slot>\n          ${this.removable && !this.disabled\n            ? html`<slot\n                @slotchange=${this.slotChanges}\n                @click=${this.handleRemove}\n                name=\"remove\"\n              >\n                <igc-icon\n                  size=${this.size}\n                  name=\"chip_cancel\"\n                  collection=\"internal\"\n                ></igc-icon>\n              </slot>`\n            : nothing}\n        </span>\n      </button>\n    `;\n  }\n\n  protected slotChanges() {\n    this.requestUpdate();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;
 //# sourceMappingURL=chip.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i0KAAi0K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,61KAA61K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{outline:.125rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--igc-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--igc-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--igc-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--igc-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--igc-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--igc-error-200), var(--igc-error-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{outline:.125rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--igc-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--igc-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--igc-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--igc-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--igc-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--igc-error-200), var(--igc-error-a))}`;
 //# sourceMappingURL=chip.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m1OAAm1O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{outline:.125rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--igc-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--igc-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--igc-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--igc-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--igc-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--igc-error-200), var(--igc-error-a))}`;\n"]}
+{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+2OAA+2O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{outline:.125rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--igc-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--igc-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--igc-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--igc-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--igc-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--igc-error-200), var(--igc-error-a))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{color:var(--igc-gray-200-contrast)}:host button:focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([selected]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{color:var(--igc-gray-200-contrast)}:host button:focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([selected]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a))}`;
 //# sourceMappingURL=chip.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4hMAA4hM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{color:var(--igc-gray-200-contrast)}:host button:focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([selected]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a))}`;\n"]}
+{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wjMAAwjM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{color:var(--igc-gray-200-contrast)}:host button:focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([selected]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border:.0625rem solid hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host button:focus{outline:.1875rem solid hsla(var(--igc-gray-300), var(--igc-gray-a))}:host button[disabled]{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([selected]) button:not([disabled]){border-color:rgba(0,0,0,0);background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button[disabled]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-400), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast);outline:.1875rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--igc-info-200), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-400), var(--igc-success-a));color:var(--igc-success-400-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast);outline:.1875rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--igc-success-200), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-400), var(--igc-warn-a));color:var(--igc-warn-400-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast);outline:.1875rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--igc-warn-200), var(--igc-warn-a));color:var(--igc-warn-900-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-400), var(--igc-error-a));color:var(--igc-error-400-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast);outline:.1875rem solid hsla(var(--igc-error-200), var(--igc-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--igc-error-200), var(--igc-error-a));color:var(--igc-error-400-contrast)}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border:.0625rem solid hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host button:focus{outline:.1875rem solid hsla(var(--igc-gray-300), var(--igc-gray-a))}:host button[disabled]{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([selected]) button:not([disabled]){border-color:rgba(0,0,0,0);background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button[disabled]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-400), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast);outline:.1875rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--igc-info-200), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-400), var(--igc-success-a));color:var(--igc-success-400-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast);outline:.1875rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--igc-success-200), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-400), var(--igc-warn-a));color:var(--igc-warn-400-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast);outline:.1875rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--igc-warn-200), var(--igc-warn-a));color:var(--igc-warn-900-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-400), var(--igc-error-a));color:var(--igc-error-400-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast);outline:.1875rem solid hsla(var(--igc-error-200), var(--igc-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--igc-error-200), var(--igc-error-a));color:var(--igc-error-400-contrast)}`;
 //# sourceMappingURL=chip.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uqTAAuqT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border:.0625rem solid hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host button:focus{outline:.1875rem solid hsla(var(--igc-gray-300), var(--igc-gray-a))}:host button[disabled]{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([selected]) button:not([disabled]){border-color:rgba(0,0,0,0);background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button[disabled]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-400), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast);outline:.1875rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--igc-info-200), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-400), var(--igc-success-a));color:var(--igc-success-400-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast);outline:.1875rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--igc-success-200), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-400), var(--igc-warn-a));color:var(--igc-warn-400-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast);outline:.1875rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--igc-warn-200), var(--igc-warn-a));color:var(--igc-warn-900-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-400), var(--igc-error-a));color:var(--igc-error-400-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast);outline:.1875rem solid hsla(var(--igc-error-200), var(--igc-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--igc-error-200), var(--igc-error-a));color:var(--igc-error-400-contrast)}`;\n"]}
+{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,msTAAmsT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border:.0625rem solid hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host button:focus{outline:.1875rem solid hsla(var(--igc-gray-300), var(--igc-gray-a))}:host button[disabled]{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([selected]) button:not([disabled]){border-color:rgba(0,0,0,0);background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button[disabled]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-400), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast);outline:.1875rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--igc-info-200), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-400), var(--igc-success-a));color:var(--igc-success-400-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast);outline:.1875rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--igc-success-200), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-400), var(--igc-warn-a));color:var(--igc-warn-400-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast);outline:.1875rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--igc-warn-200), var(--igc-warn-a));color:var(--igc-warn-900-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-400), var(--igc-error-a));color:var(--igc-error-400-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast);outline:.1875rem solid hsla(var(--igc-error-200), var(--igc-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--igc-error-200), var(--igc-error-a));color:var(--igc-error-400-contrast)}`;\n"]}