igniteui-webcomponents 4.0.0 → 4.1.0

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

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 [part~=control] {
   border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.4375rem), 0.4375rem);
   width: var(--size);

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

@@ -1 +1 @@
-{"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part~=control] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.4375rem), 0.4375rem);\n  width: var(--size);\n  height: 0.875rem;\n  background: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part~=thumb] {\n  width: var(--thumb-size);\n  height: var(--thumb-size);\n  min-width: var(--thumb-size);\n  background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  -webkit-box-shadow: var(--ig-elevation-2);\n          box-shadow: var(--ig-elevation-2);\n  -webkit-margin-start: var(--thumb-offset);\n          margin-inline-start: var(--thumb-offset);\n}\n[part~=thumb]::after {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(2.5rem / 2)), calc(2.5rem / 2));\n  position: absolute;\n  content: \"\";\n  top: calc(50% - calc(2.5rem / 2));\n  left: calc(50% - calc(2.5rem / 2));\n  width: 2.5rem;\n  height: 2.5rem;\n  overflow: hidden;\n}\n[part~=thumb]:hover {\n  -webkit-box-shadow: var(--ig-elevation-3);\n          box-shadow: var(--ig-elevation-3);\n}\n\nlabel:hover [part~=thumb][part~=checked]::after {\n  background: hsla(var(--ig-secondary-500), 0.06);\n}\nlabel:focus-within [part~=thumb][part~=checked]::after {\n  background: hsla(var(--ig-secondary-500), 0.12);\n}\n\n:host([invalid]) label:hover [part~=thumb]::after {\n  background: hsla(var(--ig-error-500), 0.06);\n}\n:host([invalid]) label:focus-within [part~=thumb]::after {\n  background: hsla(var(--ig-error-500), 0.12);\n}\n\n[part~=control][part~=checked] {\n  background: hsla(var(--ig-secondary-200), var(--ig-secondary-a));\n}\n\n[part~=thumb][part~=checked] {\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  -webkit-margin-start: calc(var(--size) - var(--thumb-size) - var(--thumb-offset));\n          margin-inline-start: calc(var(--size) - var(--thumb-size) - var(--thumb-offset));\n  -webkit-animation-name: thumb-on;\n          animation-name: thumb-on;\n  -webkit-animation-duration: 0.2s;\n          animation-duration: 0.2s;\n  -webkit-animation-fill-mode: forwards;\n          animation-fill-mode: forwards;\n}\n\n:host([disabled]) [part~=thumb] {\n  -webkit-box-shadow: var(--ig-elevation-1);\n          box-shadow: var(--ig-elevation-1);\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n:host([disabled]) [part~=control] {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) [part~=thumb][part~=checked] {\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n}\n:host([disabled]) [part~=control][part~=checked] {\n  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n}\n\n:host(:not([disabled])[invalid]) [part~=control] {\n  background: hsla(var(--ig-error-500), 0.5);\n}`;\n"]}
+{"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n[part~=control] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.4375rem), 0.4375rem);\n  width: var(--size);\n  height: 0.875rem;\n  background: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n[part~=thumb] {\n  width: var(--thumb-size);\n  height: var(--thumb-size);\n  min-width: var(--thumb-size);\n  background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  -webkit-box-shadow: var(--ig-elevation-2);\n          box-shadow: var(--ig-elevation-2);\n  -webkit-margin-start: var(--thumb-offset);\n          margin-inline-start: var(--thumb-offset);\n}\n[part~=thumb]::after {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(2.5rem / 2)), calc(2.5rem / 2));\n  position: absolute;\n  content: \"\";\n  top: calc(50% - calc(2.5rem / 2));\n  left: calc(50% - calc(2.5rem / 2));\n  width: 2.5rem;\n  height: 2.5rem;\n  overflow: hidden;\n}\n[part~=thumb]:hover {\n  -webkit-box-shadow: var(--ig-elevation-3);\n          box-shadow: var(--ig-elevation-3);\n}\n\nlabel:hover [part~=thumb][part~=checked]::after {\n  background: hsla(var(--ig-secondary-500), 0.06);\n}\nlabel:focus-within [part~=thumb][part~=checked]::after {\n  background: hsla(var(--ig-secondary-500), 0.12);\n}\n\n:host([invalid]) label:hover [part~=thumb]::after {\n  background: hsla(var(--ig-error-500), 0.06);\n}\n:host([invalid]) label:focus-within [part~=thumb]::after {\n  background: hsla(var(--ig-error-500), 0.12);\n}\n\n[part~=control][part~=checked] {\n  background: hsla(var(--ig-secondary-200), var(--ig-secondary-a));\n}\n\n[part~=thumb][part~=checked] {\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  -webkit-margin-start: calc(var(--size) - var(--thumb-size) - var(--thumb-offset));\n          margin-inline-start: calc(var(--size) - var(--thumb-size) - var(--thumb-offset));\n  -webkit-animation-name: thumb-on;\n          animation-name: thumb-on;\n  -webkit-animation-duration: 0.2s;\n          animation-duration: 0.2s;\n  -webkit-animation-fill-mode: forwards;\n          animation-fill-mode: forwards;\n}\n\n:host([disabled]) [part~=thumb] {\n  -webkit-box-shadow: var(--ig-elevation-1);\n          box-shadow: var(--ig-elevation-1);\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n:host([disabled]) [part~=control] {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) [part~=thumb][part~=checked] {\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n}\n:host([disabled]) [part~=control][part~=checked] {\n  background: hsla(var(--ig-secondary-50), var(--ig-secondary-a));\n}\n\n:host(:not([disabled])[invalid]) [part~=control] {\n  background: hsla(var(--ig-error-500), 0.5);\n}`;\n"]}

package/components/chip/chip.d.ts

@@ -24,15 +24,30 @@ declare const IgcChipComponent_base: Constructor<import("../common/mixins/sizabl
 export default class IgcChipComponent extends IgcChipComponent_base {
     static readonly tagName = "igc-chip";
     static styles: import("lit").CSSResult;
-    /** Sets the disabled state for the chip. */
+    /**
+     * Sets the disabled state for the chip.
+     * @attr
+     */
     disabled: boolean;
-    /** 	Defines if the chip is removable or not. */
+    /**
+     * Defines if the chip is removable or not.
+     * @attr
+     */
     removable: boolean;
-    /**	Defines if the chip is selectable or not. */
+    /**
+     * Defines if the chip is selectable or not.
+     * @attr
+     */
     selectable: boolean;
-    /**	Defines if the chip is selected or not. */
+    /**
+     * Defines if the chip is selected or not.
+     * @attr
+     */
     selected: boolean;
-    /** A property that sets the color variant of the chip component. */
+    /**
+     * A property that sets the color variant of the chip component.
+     * @attr
+     */
     variant: 'primary' | 'success' | 'danger' | 'warning' | 'info';
     constructor();
     protected handleSelect(): void;

package/components/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAE/C,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AAuBnC,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,YAAY,CACxD,iBAAiB,CAA2C,UAAU,CAAC,CACxE;IA0BC;QACE,KAAK,EAAE,CAAC;QApBH,aAAQ,GAAG,KAAK,CAAC;QAIjB,cAAS,GAAG,KAAK,CAAC;QAIlB,eAAU,GAAG,KAAK,CAAC;QAKnB,aAAQ,GAAG,KAAK,CAAC;QAQtB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SACxD;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAES,WAAW,CAAC,CAAgB;QACpC,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;SACtB;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,QAAQ;yBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,IAAI,CAAC,YAAY;;;YAGtB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,WAAW;;yBAE9B,IAAI,CAAC,IAAI;;;;sBAIZ;YACV,CAAC,CAAC,OAAO;;;;;;;;YAQT,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;8BACY,IAAI,CAAC,WAAW;yBACrB,IAAI,CAAC,YAAY;yBACjB,IAAI,CAAC,WAAW;;;;yBAIhB,IAAI,CAAC,IAAI;;;;;;;sBAOZ;YACV,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;CACF,CAAA;AAnGwB,wBAAO,GAAG,UAAW,CAAA;AAE9B,uBAAM,GAAG,MAAO,CAAA;AAI9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAClB;AAIzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAK1B;IAFC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC1C,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC;kDAChB;AAIxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC2C;AA1BpD,gBAAgB;IADpC,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GAC3B,gBAAgB,CAsGpC;eAtGoB,gBAAgB","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';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcIconComponent from '../icon/icon.js';\n\ndefineComponents(IgcIconComponent);\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 handleKeyup(e: KeyboardEvent) {\n    if (/\\s|enter/i.test(e.key)) {\n      this.handleRemove(e);\n    }\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                @keyup=${this.handleKeyup}\n                name=\"remove\"\n              >\n                <igc-icon\n                  size=${this.size}\n                  name=\"chip_cancel\"\n                  collection=\"internal\"\n                  tabindex=\"0\"\n                  role=\"button\"\n                  aria-label=\"remove\"\n                ></igc-icon>\n              </slot>`\n            : nothing}\n        </span>\n      </button>\n    `;\n  }\n\n  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":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAE/C,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AAuBpB,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,YAAY,CACxD,iBAAiB,CAA2C,UAAU,CAAC,CACxE;IAyCC;QACE,KAAK,EAAE,CAAC;QAhCH,aAAQ,GAAG,KAAK,CAAC;QAOjB,cAAS,GAAG,KAAK,CAAC;QAOlB,eAAU,GAAG,KAAK,CAAC;QAQnB,aAAQ,GAAG,KAAK,CAAC;QAWtB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SACxD;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAES,WAAW,CAAC,CAAgB;QACpC,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;SACtB;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,QAAQ;yBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,IAAI,CAAC,YAAY;;;YAGtB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,WAAW;;yBAE9B,IAAI,CAAC,IAAI;;;;sBAIZ;YACV,CAAC,CAAC,OAAO;;;;;;;;YAQT,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;8BACY,IAAI,CAAC,WAAW;yBACrB,IAAI,CAAC,YAAY;yBACjB,IAAI,CAAC,WAAW;;;;yBAIhB,IAAI,CAAC,IAAI;;;;;;;sBAOZ;YACV,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;;AAjHsB,wBAAO,GAAG,UAAU,CAAC;AAE9B,uBAAM,GAAG,MAAM,CAAC;AAO9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAClB;AAOzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAQ1B;IAFC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC1C,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC;kDAChB;AAOxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC2C;AAzCpD,gBAAgB;IADpC,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GAC3B,gBAAgB,CAqHpC;eArHoB,gBAAgB","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';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcIconComponent from '../icon/icon.js';\n\ndefineComponents(IgcIconComponent);\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  /**\n   * Sets the disabled state for the chip.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Defines if the chip is removable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Defines if the chip is selectable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /**\n   * Defines if the chip is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  @blazorTwoWayBind('igcSelect', 'detail')\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant!: '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 handleKeyup(e: KeyboardEvent) {\n    if (/\\s|enter/i.test(e.key)) {\n      this.handleRemove(e);\n    }\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                @keyup=${this.handleKeyup}\n                name=\"remove\"\n              >\n                <igc-icon\n                  size=${this.size}\n                  name=\"chip_cancel\"\n                  collection=\"internal\"\n                  tabindex=\"0\"\n                  role=\"button\"\n                  aria-label=\"remove\"\n                ></igc-icon>\n              </slot>`\n            : nothing}\n        </span>\n      </button>\n    `;\n  }\n\n  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

@@ -32,7 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
-/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);
   display: -webkit-inline-box;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2NvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: top;\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n:host([size=small]) [part=prefix] {\n  -webkit-margin-end: 0.1875rem;\n          margin-inline-end: 0.1875rem;\n}\n:host([size=small]) [part=suffix] {\n  -webkit-margin-start: 0.1875rem;\n          margin-inline-start: 0.1875rem;\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n:host([size=medium]) [part=prefix] {\n  -webkit-margin-end: 0.375rem;\n          margin-inline-end: 0.375rem;\n}\n:host([size=medium]) [part=suffix] {\n  -webkit-margin-start: 0.375rem;\n          margin-inline-start: 0.375rem;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n:host([size=large]) [part=prefix] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n:host([size=large]) [part=suffix] {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n:host([size=large]) igc-icon[size=large] {\n  --size: 1.25rem;\n}\n\n:host button {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  border-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  cursor: pointer;\n  height: var(--size);\n  padding: max(var(--is-large, 1) * 12px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 6px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 2px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n:host button[disabled] {\n  pointer-events: none;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n  color: var(--ig-primary-800-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-600), var(--ig-info-a));\n  color: var(--ig-info-600-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-800), var(--ig-info-a));\n  color: var(--ig-info-800-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-600), var(--ig-success-a));\n  color: var(--ig-success-600-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-800), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-600), var(--ig-warn-a));\n  color: var(--ig-warn-600-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-800), var(--ig-warn-a));\n  color: var(--ig-warn-800-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-600), var(--ig-error-a));\n  color: var(--ig-error-600-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-800), var(--ig-error-a));\n  color: var(--ig-error-800-contrast);\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([variant=primary]) button[disabled],\n:host([variant=info]) button[disabled],\n:host([variant=success]) button[disabled],\n:host([variant=warning]) button[disabled],\n:host([variant=danger]) button[disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}`;\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2NvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: top;\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n:host([size=small]) [part=prefix] {\n  -webkit-margin-end: 0.1875rem;\n          margin-inline-end: 0.1875rem;\n}\n:host([size=small]) [part=suffix] {\n  -webkit-margin-start: 0.1875rem;\n          margin-inline-start: 0.1875rem;\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n:host([size=medium]) [part=prefix] {\n  -webkit-margin-end: 0.375rem;\n          margin-inline-end: 0.375rem;\n}\n:host([size=medium]) [part=suffix] {\n  -webkit-margin-start: 0.375rem;\n          margin-inline-start: 0.375rem;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n:host([size=large]) [part=prefix] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n:host([size=large]) [part=suffix] {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n:host([size=large]) igc-icon[size=large] {\n  --size: 1.25rem;\n}\n\n:host button {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  border-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  cursor: pointer;\n  height: var(--size);\n  padding: max(var(--is-large, 1) * 12px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 6px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 2px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n:host button[disabled] {\n  pointer-events: none;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n  color: var(--ig-primary-800-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-600), var(--ig-info-a));\n  color: var(--ig-info-600-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-800), var(--ig-info-a));\n  color: var(--ig-info-800-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-600), var(--ig-success-a));\n  color: var(--ig-success-600-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-800), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-600), var(--ig-warn-a));\n  color: var(--ig-warn-600-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-800), var(--ig-warn-a));\n  color: var(--ig-warn-800-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-600), var(--ig-error-a));\n  color: var(--ig-error-600-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-800), var(--ig-error-a));\n  color: var(--ig-error-800-contrast);\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([variant=primary]) button[disabled],\n:host([variant=info]) button[disabled],\n:host([variant=success]) button[disabled],\n:host([variant=warning]) button[disabled],\n:host([variant=danger]) button[disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}`;\n"]}

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

@@ -32,7 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
-/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);
   display: -webkit-inline-box;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoSvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: top;\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n:host([size=small]) [part=prefix] {\n  -webkit-margin-end: 0.1875rem;\n          margin-inline-end: 0.1875rem;\n}\n:host([size=small]) [part=suffix] {\n  -webkit-margin-start: 0.1875rem;\n          margin-inline-start: 0.1875rem;\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n:host([size=medium]) [part=prefix] {\n  -webkit-margin-end: 0.375rem;\n          margin-inline-end: 0.375rem;\n}\n:host([size=medium]) [part=suffix] {\n  -webkit-margin-start: 0.375rem;\n          margin-inline-start: 0.375rem;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n:host([size=large]) [part=prefix] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n:host([size=large]) [part=suffix] {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n:host([size=large]) igc-icon[size=large] {\n  --size: 1.25rem;\n}\n\n:host button {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  border-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  cursor: pointer;\n  height: var(--size);\n  padding: max(var(--is-large, 1) * 12px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 6px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 2px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n:host button[disabled] {\n  pointer-events: none;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n  color: var(--ig-primary-800-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-600), var(--ig-info-a));\n  color: var(--ig-info-600-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-800), var(--ig-info-a));\n  color: var(--ig-info-800-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-600), var(--ig-success-a));\n  color: var(--ig-success-600-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-800), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-600), var(--ig-warn-a));\n  color: var(--ig-warn-600-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-800), var(--ig-warn-a));\n  color: var(--ig-warn-800-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-600), var(--ig-error-a));\n  color: var(--ig-error-600-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-800), var(--ig-error-a));\n  color: var(--ig-error-800-contrast);\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([variant=primary]) button[disabled],\n:host([variant=info]) button[disabled],\n:host([variant=success]) button[disabled],\n:host([variant=warning]) button[disabled],\n:host([variant=danger]) button[disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host button {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: var(--ig-gray-200-contrast);\n}\n:host button:hover {\n  background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  color: var(--ig-gray-400-contrast);\n}\n:host button:focus {\n  outline: 0.125rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  color: var(--ig-gray-400-contrast);\n}\n:host button[disabled] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([variant=primary]) button:focus,\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]) {\n  color: var(--ig-primary-700-contrast);\n}\n\n:host([variant=primary]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n:host([variant=info]) button,\n:host([variant=info]) button:focus,\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]) {\n  color: var(--ig-info-700-contrast);\n}\n\n:host([variant=info]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-info-200), var(--ig-info-a));\n}\n\n:host([variant=success]) button,\n:host([variant=success]) button:focus,\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]) {\n  color: var(--ig-success-700-contrast);\n}\n\n:host([variant=success]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-success-200), var(--ig-success-a));\n}\n\n:host([variant=warning]) button,\n:host([variant=warning]) button:focus,\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]) {\n  color: var(--ig-warn-700-contrast);\n}\n\n:host([variant=warning]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-warn-200), var(--ig-warn-a));\n}\n\n:host([variant=danger]) button,\n:host([variant=danger]) button:focus,\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]) {\n  color: var(--ig-error-700-contrast);\n}\n\n:host([variant=danger]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-error-200), var(--ig-error-a));\n}`;\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoSvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: top;\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n:host([size=small]) [part=prefix] {\n  -webkit-margin-end: 0.1875rem;\n          margin-inline-end: 0.1875rem;\n}\n:host([size=small]) [part=suffix] {\n  -webkit-margin-start: 0.1875rem;\n          margin-inline-start: 0.1875rem;\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n:host([size=medium]) [part=prefix] {\n  -webkit-margin-end: 0.375rem;\n          margin-inline-end: 0.375rem;\n}\n:host([size=medium]) [part=suffix] {\n  -webkit-margin-start: 0.375rem;\n          margin-inline-start: 0.375rem;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n:host([size=large]) [part=prefix] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n:host([size=large]) [part=suffix] {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n:host([size=large]) igc-icon[size=large] {\n  --size: 1.25rem;\n}\n\n:host button {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  border-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  cursor: pointer;\n  height: var(--size);\n  padding: max(var(--is-large, 1) * 12px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 6px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 2px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n:host button[disabled] {\n  pointer-events: none;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n  color: var(--ig-primary-800-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-600), var(--ig-info-a));\n  color: var(--ig-info-600-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-800), var(--ig-info-a));\n  color: var(--ig-info-800-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-600), var(--ig-success-a));\n  color: var(--ig-success-600-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-800), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-600), var(--ig-warn-a));\n  color: var(--ig-warn-600-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-800), var(--ig-warn-a));\n  color: var(--ig-warn-800-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-600), var(--ig-error-a));\n  color: var(--ig-error-600-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-800), var(--ig-error-a));\n  color: var(--ig-error-800-contrast);\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([variant=primary]) button[disabled],\n:host([variant=info]) button[disabled],\n:host([variant=success]) button[disabled],\n:host([variant=warning]) button[disabled],\n:host([variant=danger]) button[disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host button {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: var(--ig-gray-200-contrast);\n}\n:host button:hover {\n  background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  color: var(--ig-gray-400-contrast);\n}\n:host button:focus {\n  outline: 0.125rem solid hsla(var(--ig-gray-200), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  color: var(--ig-gray-400-contrast);\n}\n:host button[disabled] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([variant=primary]) button:focus,\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]) {\n  color: var(--ig-primary-700-contrast);\n}\n\n:host([variant=primary]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n:host([variant=info]) button,\n:host([variant=info]) button:focus,\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]) {\n  color: var(--ig-info-700-contrast);\n}\n\n:host([variant=info]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-info-200), var(--ig-info-a));\n}\n\n:host([variant=success]) button,\n:host([variant=success]) button:focus,\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]) {\n  color: var(--ig-success-700-contrast);\n}\n\n:host([variant=success]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-success-200), var(--ig-success-a));\n}\n\n:host([variant=warning]) button,\n:host([variant=warning]) button:focus,\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]) {\n  color: var(--ig-warn-700-contrast);\n}\n\n:host([variant=warning]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-warn-200), var(--ig-warn-a));\n}\n\n:host([variant=danger]) button,\n:host([variant=danger]) button:focus,\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]) {\n  color: var(--ig-error-700-contrast);\n}\n\n:host([variant=danger]) button:focus {\n  outline: 0.125rem solid hsla(var(--ig-error-200), var(--ig-error-a));\n}`;\n"]}

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

@@ -32,7 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
-/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);
   display: -webkit-inline-box;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8PvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: top;\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n:host([size=small]) [part=prefix] {\n  -webkit-margin-end: 0.1875rem;\n          margin-inline-end: 0.1875rem;\n}\n:host([size=small]) [part=suffix] {\n  -webkit-margin-start: 0.1875rem;\n          margin-inline-start: 0.1875rem;\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n:host([size=medium]) [part=prefix] {\n  -webkit-margin-end: 0.375rem;\n          margin-inline-end: 0.375rem;\n}\n:host([size=medium]) [part=suffix] {\n  -webkit-margin-start: 0.375rem;\n          margin-inline-start: 0.375rem;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n:host([size=large]) [part=prefix] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n:host([size=large]) [part=suffix] {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n:host([size=large]) igc-icon[size=large] {\n  --size: 1.25rem;\n}\n\n:host button {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  border-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  cursor: pointer;\n  height: var(--size);\n  padding: max(var(--is-large, 1) * 12px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 6px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 2px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n:host button[disabled] {\n  pointer-events: none;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n  color: var(--ig-primary-800-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-600), var(--ig-info-a));\n  color: var(--ig-info-600-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-800), var(--ig-info-a));\n  color: var(--ig-info-800-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-600), var(--ig-success-a));\n  color: var(--ig-success-600-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-800), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-600), var(--ig-warn-a));\n  color: var(--ig-warn-600-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-800), var(--ig-warn-a));\n  color: var(--ig-warn-800-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-600), var(--ig-error-a));\n  color: var(--ig-error-600-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-800), var(--ig-error-a));\n  color: var(--ig-error-800-contrast);\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([variant=primary]) button[disabled],\n:host([variant=info]) button[disabled],\n:host([variant=success]) button[disabled],\n:host([variant=warning]) button[disabled],\n:host([variant=danger]) button[disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host button {\n  font-family: var(--ig-subtitle-2-font-family);\n  font-size: var(--ig-subtitle-2-font-size);\n  font-weight: var(--ig-subtitle-2-font-weight);\n  font-style: var(--ig-subtitle-2-font-style);\n  line-height: var(--ig-subtitle-2-line-height);\n  letter-spacing: var(--ig-subtitle-2-letter-spacing);\n  text-transform: var(--ig-subtitle-2-text-transform);\n  margin-top: var(--ig-subtitle-2-margin-top);\n  margin-bottom: var(--ig-subtitle-2-margin-bottom);\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n:host button:hover {\n  color: var(--ig-gray-200-contrast);\n}\n:host button:focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-700-contrast);\n}\n:host button[disabled] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host([selected]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-700-contrast);\n}\n:host([selected]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n:host([selected]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n}`;\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8PvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: top;\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n:host([size=small]) [part=prefix] {\n  -webkit-margin-end: 0.1875rem;\n          margin-inline-end: 0.1875rem;\n}\n:host([size=small]) [part=suffix] {\n  -webkit-margin-start: 0.1875rem;\n          margin-inline-start: 0.1875rem;\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n:host([size=medium]) [part=prefix] {\n  -webkit-margin-end: 0.375rem;\n          margin-inline-end: 0.375rem;\n}\n:host([size=medium]) [part=suffix] {\n  -webkit-margin-start: 0.375rem;\n          margin-inline-start: 0.375rem;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n:host([size=large]) [part=prefix] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n:host([size=large]) [part=suffix] {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n:host([size=large]) igc-icon[size=large] {\n  --size: 1.25rem;\n}\n\n:host button {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  border-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  cursor: pointer;\n  height: var(--size);\n  padding: max(var(--is-large, 1) * 12px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 6px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 2px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n:host button[disabled] {\n  pointer-events: none;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n  color: var(--ig-primary-800-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-600), var(--ig-info-a));\n  color: var(--ig-info-600-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-800), var(--ig-info-a));\n  color: var(--ig-info-800-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-600), var(--ig-success-a));\n  color: var(--ig-success-600-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-800), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-600), var(--ig-warn-a));\n  color: var(--ig-warn-600-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-800), var(--ig-warn-a));\n  color: var(--ig-warn-800-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-600), var(--ig-error-a));\n  color: var(--ig-error-600-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-800), var(--ig-error-a));\n  color: var(--ig-error-800-contrast);\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([variant=primary]) button[disabled],\n:host([variant=info]) button[disabled],\n:host([variant=success]) button[disabled],\n:host([variant=warning]) button[disabled],\n:host([variant=danger]) button[disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host button {\n  font-family: var(--ig-subtitle-2-font-family);\n  font-size: var(--ig-subtitle-2-font-size);\n  font-weight: var(--ig-subtitle-2-font-weight);\n  font-style: var(--ig-subtitle-2-font-style);\n  line-height: var(--ig-subtitle-2-line-height);\n  letter-spacing: var(--ig-subtitle-2-letter-spacing);\n  text-transform: var(--ig-subtitle-2-text-transform);\n  margin-top: var(--ig-subtitle-2-margin-top);\n  margin-bottom: var(--ig-subtitle-2-margin-bottom);\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n:host button:hover {\n  color: var(--ig-gray-200-contrast);\n}\n:host button:focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-700-contrast);\n}\n:host button[disabled] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host([selected]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-700-contrast);\n}\n:host([selected]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n:host([selected]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n}`;\n"]}

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

@@ -32,7 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
-/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);
   display: -webkit-inline-box;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgWvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: top;\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n:host([size=small]) [part=prefix] {\n  -webkit-margin-end: 0.1875rem;\n          margin-inline-end: 0.1875rem;\n}\n:host([size=small]) [part=suffix] {\n  -webkit-margin-start: 0.1875rem;\n          margin-inline-start: 0.1875rem;\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n:host([size=medium]) [part=prefix] {\n  -webkit-margin-end: 0.375rem;\n          margin-inline-end: 0.375rem;\n}\n:host([size=medium]) [part=suffix] {\n  -webkit-margin-start: 0.375rem;\n          margin-inline-start: 0.375rem;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n:host([size=large]) [part=prefix] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n:host([size=large]) [part=suffix] {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n:host([size=large]) igc-icon[size=large] {\n  --size: 1.25rem;\n}\n\n:host button {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  border-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  cursor: pointer;\n  height: var(--size);\n  padding: max(var(--is-large, 1) * 12px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 6px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 2px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n:host button[disabled] {\n  pointer-events: none;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n  color: var(--ig-primary-800-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-600), var(--ig-info-a));\n  color: var(--ig-info-600-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-800), var(--ig-info-a));\n  color: var(--ig-info-800-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-600), var(--ig-success-a));\n  color: var(--ig-success-600-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-800), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-600), var(--ig-warn-a));\n  color: var(--ig-warn-600-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-800), var(--ig-warn-a));\n  color: var(--ig-warn-800-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-600), var(--ig-error-a));\n  color: var(--ig-error-600-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-800), var(--ig-error-a));\n  color: var(--ig-error-800-contrast);\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([variant=primary]) button[disabled],\n:host([variant=info]) button[disabled],\n:host([variant=success]) button[disabled],\n:host([variant=warning]) button[disabled],\n:host([variant=danger]) button[disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host button {\n  border: 0.0625rem solid hsla(var(--ig-gray-400), var(--ig-gray-a));\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n:host button:hover {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n:host button:focus {\n  outline: 0.1875rem solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host button[disabled] {\n  border-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([selected]) button:not([disabled]) {\n  border-color: transparent;\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-700-contrast);\n}\n:host([selected]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n:host([selected]) button:not([disabled]):focus {\n  outline: 0.1875rem solid hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n  color: var(--ig-primary-400-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n:host([variant=primary]) button[disabled] {\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  color: var(--ig-primary-400-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-400), var(--ig-info-a));\n  color: var(--ig-info-400-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-info-200), var(--ig-info-a));\n}\n\n:host([variant=info]) button[disabled] {\n  background: hsla(var(--ig-info-200), var(--ig-info-a));\n  color: var(--ig-info-400-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-400), var(--ig-success-a));\n  color: var(--ig-success-400-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-success-200), var(--ig-success-a));\n}\n\n:host([variant=success]) button[disabled] {\n  background: hsla(var(--ig-success-200), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-400), var(--ig-warn-a));\n  color: var(--ig-warn-400-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-warn-200), var(--ig-warn-a));\n}\n\n:host([variant=warning]) button[disabled] {\n  background: hsla(var(--ig-warn-200), var(--ig-warn-a));\n  color: var(--ig-warn-900-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-400), var(--ig-error-a));\n  color: var(--ig-error-400-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-error-200), var(--ig-error-a));\n}\n\n:host([variant=danger]) button[disabled] {\n  background: hsla(var(--ig-error-200), var(--ig-error-a));\n  color: var(--ig-error-400-contrast);\n}`;\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgWvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: top;\n}\n\n:host([size=small]) {\n  --component-size: var(--ig-size, var(--ig-size-small));\n}\n:host([size=small]) [part=prefix] {\n  -webkit-margin-end: 0.1875rem;\n          margin-inline-end: 0.1875rem;\n}\n:host([size=small]) [part=suffix] {\n  -webkit-margin-start: 0.1875rem;\n          margin-inline-start: 0.1875rem;\n}\n\n:host([size=medium]) {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n}\n:host([size=medium]) [part=prefix] {\n  -webkit-margin-end: 0.375rem;\n          margin-inline-end: 0.375rem;\n}\n:host([size=medium]) [part=suffix] {\n  -webkit-margin-start: 0.375rem;\n          margin-inline-start: 0.375rem;\n}\n\n:host([size=large]) {\n  --component-size: var(--ig-size, var(--ig-size-large));\n}\n:host([size=large]) [part=prefix] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n:host([size=large]) [part=suffix] {\n  -webkit-margin-start: 0.5rem;\n          margin-inline-start: 0.5rem;\n}\n:host([size=large]) igc-icon[size=large] {\n  --size: 1.25rem;\n}\n\n:host button {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1rem), 1rem);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  font-family: var(--ig-font-family);\n  border-style: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  cursor: pointer;\n  height: var(--size);\n  padding: max(var(--is-large, 1) * 12px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 6px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 2px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n:host button[disabled] {\n  pointer-events: none;\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n  color: var(--ig-primary-800-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-600), var(--ig-info-a));\n  color: var(--ig-info-600-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-800), var(--ig-info-a));\n  color: var(--ig-info-800-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-600), var(--ig-success-a));\n  color: var(--ig-success-600-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-800), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-600), var(--ig-warn-a));\n  color: var(--ig-warn-600-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-800), var(--ig-warn-a));\n  color: var(--ig-warn-800-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-600), var(--ig-error-a));\n  color: var(--ig-error-600-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-800), var(--ig-error-a));\n  color: var(--ig-error-800-contrast);\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n::slotted(*) {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([variant=primary]) button[disabled],\n:host([variant=info]) button[disabled],\n:host([variant=success]) button[disabled],\n:host([variant=warning]) button[disabled],\n:host([variant=danger]) button[disabled] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host button {\n  border: 0.0625rem solid hsla(var(--ig-gray-400), var(--ig-gray-a));\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n:host button:hover {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n:host button:focus {\n  outline: 0.1875rem solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host button[disabled] {\n  border-color: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([selected]) button:not([disabled]) {\n  border-color: transparent;\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-700-contrast);\n}\n:host([selected]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n:host([selected]) button:not([disabled]):focus {\n  outline: 0.1875rem solid hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n  color: var(--ig-primary-400-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n:host([variant=primary]) button[disabled] {\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  color: var(--ig-primary-400-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-400), var(--ig-info-a));\n  color: var(--ig-info-400-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-info-200), var(--ig-info-a));\n}\n\n:host([variant=info]) button[disabled] {\n  background: hsla(var(--ig-info-200), var(--ig-info-a));\n  color: var(--ig-info-400-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-400), var(--ig-success-a));\n  color: var(--ig-success-400-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-success-200), var(--ig-success-a));\n}\n\n:host([variant=success]) button[disabled] {\n  background: hsla(var(--ig-success-200), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-400), var(--ig-warn-a));\n  color: var(--ig-warn-400-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-warn-200), var(--ig-warn-a));\n}\n\n:host([variant=warning]) button[disabled] {\n  background: hsla(var(--ig-warn-200), var(--ig-warn-a));\n  color: var(--ig-warn-900-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-400), var(--ig-error-a));\n  color: var(--ig-error-400-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-error-200), var(--ig-error-a));\n}\n\n:host([variant=danger]) button[disabled] {\n  background: hsla(var(--ig-error-200), var(--ig-error-a));\n  color: var(--ig-error-400-contrast);\n}`;\n"]}

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

@@ -32,7 +32,7 @@ export const styles = css `:host {
   display: none !important;
 }
 
-/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.5rem, var(--is-small, 1) * 1.25rem);
   display: -webkit-inline-box;

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

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

package/components/combo/combo-header.d.ts

@@ -0,0 +1,11 @@
+import { LitElement } from 'lit';
+export default class IgcComboHeaderComponent extends LitElement {
+    static readonly tagName: string;
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-combo-header': IgcComboHeaderComponent;
+    }
+}

package/components/combo/combo-header.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { themes } from '../../theming/theming-decorator.js';
+import { styles } from './themes/light/header/combo-header.base.css.js';
+import { styles as bootstrap } from '../dropdown/themes/light/dropdown-header.bootstrap.css.js';
+import { styles as fluent } from '../dropdown/themes/light/dropdown-header.fluent.css.js';
+let IgcComboHeaderComponent = class IgcComboHeaderComponent extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+IgcComboHeaderComponent.tagName = 'igc-combo-header';
+IgcComboHeaderComponent.styles = styles;
+IgcComboHeaderComponent = __decorate([
+    themes({ bootstrap, fluent })
+], IgcComboHeaderComponent);
+export default IgcComboHeaderComponent;
+//# sourceMappingURL=combo-header.js.map

package/components/combo/combo-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-header.js","sourceRoot":"","sources":["../../../src/components/combo/combo-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAChG,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wDAAwD,CAAC;AAG3E,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU;IAI1C,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AALsB,+BAAO,GAAW,kBAAkB,CAAC;AACrC,8BAAM,GAAG,MAAM,CAAC;AAFpB,uBAAuB;IAD3C,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;GACT,uBAAuB,CAO3C;eAPoB,uBAAuB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/header/combo-header.base.css.js';\nimport { styles as bootstrap } from '../dropdown/themes/light/dropdown-header.bootstrap.css.js';\nimport { styles as fluent } from '../dropdown/themes/light/dropdown-header.fluent.css.js';\n\n@themes({ bootstrap, fluent })\nexport default class IgcComboHeaderComponent extends LitElement {\n  public static readonly tagName: string = 'igc-combo-header';\n  public static override styles = styles;\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-header': IgcComboHeaderComponent;\n  }\n}\n"]}

package/components/combo/combo-item.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+export default class IgcComboItemComponent extends LitElement {
+    static readonly tagName: string;
+    static styles: import("lit").CSSResult;
+    index: number;
+    /**
+     * Determines whether the item is selected.
+     */
+    selected: boolean;
+    /**
+     * Determines whether the item is active.
+     */
+    active: boolean;
+    protected selectedChange(): void;
+    connectedCallback(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-combo-item': IgcComboItemComponent;
+    }
+}

package/components/combo/combo-item.js

@@ -0,0 +1,67 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { themes } from '../../theming/theming-decorator.js';
+import { styles } from './themes/light/item/combo-item.base.css.js';
+import { styles as bootstrap } from '../dropdown/themes/light/dropdown-item.bootstrap.css.js';
+import { styles as fluent } from '../dropdown/themes/light/dropdown-item.fluent.css.js';
+import { styles as indigo } from '../dropdown/themes/light/dropdown-item.indigo.css.js';
+import { property } from 'lit/decorators.js';
+import { watch } from '../common/decorators/watch.js';
+import IgcCheckboxComopnent from '../checkbox/checkbox.js';
+import { defineComponents } from '../common/definitions/defineComponents.js';
+defineComponents(IgcCheckboxComopnent);
+let IgcComboItemComponent = class IgcComboItemComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.selected = false;
+        this.active = false;
+    }
+    selectedChange() {
+        this.selected
+            ? this.setAttribute('aria-selected', 'true')
+            : this.removeAttribute('aria-selected');
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'option');
+    }
+    render() {
+        return html `
+      <section part="prefix">
+        <igc-checkbox
+          aria-hidden="true"
+          ?checked=${this.selected}
+          tabindex="-1"
+          exportparts="control: checkbox, indicator: checkbox-indicator, checked"
+        ></igc-checkbox>
+      </section>
+      <section id="content" part="content">
+        <slot></slot>
+      </section>
+    `;
+    }
+};
+IgcComboItemComponent.tagName = 'igc-combo-item';
+IgcComboItemComponent.styles = styles;
+__decorate([
+    property({ attribute: false })
+], IgcComboItemComponent.prototype, "index", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcComboItemComponent.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcComboItemComponent.prototype, "active", void 0);
+__decorate([
+    watch('selected')
+], IgcComboItemComponent.prototype, "selectedChange", null);
+IgcComboItemComponent = __decorate([
+    themes({ bootstrap, fluent, indigo })
+], IgcComboItemComponent);
+export default IgcComboItemComponent;
+//# sourceMappingURL=combo-item.js.map

package/components/combo/combo-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-item.js","sourceRoot":"","sources":["../../../src/components/combo/combo-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,yDAAyD,CAAC;AAC9F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAE7E,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAGxB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAWN,aAAQ,GAAG,KAAK,CAAC;QAMjB,WAAM,GAAG,KAAK,CAAC;IA6BxB,CAAC;IA1BW,cAAc;QACtB,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;qBAIM,IAAI,CAAC,QAAQ;;;;;;;;KAQ7B,CAAC;IACJ,CAAC;;AA5CsB,6BAAO,GAAW,gBAAgB,CAAC;AACnC,4BAAM,GAAG,MAAM,CAAC;AAGvC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACT;AAMtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACnB;AAMxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDACrB;AAGtB;IADC,KAAK,CAAC,UAAU,CAAC;2DAKjB;AAxBkB,qBAAqB;IADzC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,qBAAqB,CA8CzC;eA9CoB,qBAAqB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/item/combo-item.base.css.js';\nimport { styles as bootstrap } from '../dropdown/themes/light/dropdown-item.bootstrap.css.js';\nimport { styles as fluent } from '../dropdown/themes/light/dropdown-item.fluent.css.js';\nimport { styles as indigo } from '../dropdown/themes/light/dropdown-item.indigo.css.js';\nimport { property } from 'lit/decorators.js';\nimport { watch } from '../common/decorators/watch.js';\nimport IgcCheckboxComopnent from '../checkbox/checkbox.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\n\ndefineComponents(IgcCheckboxComopnent);\n\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcComboItemComponent extends LitElement {\n  public static readonly tagName: string = 'igc-combo-item';\n  public static override styles = styles;\n\n  @property({ attribute: false })\n  public index!: number;\n\n  /**\n   * Determines whether the item is selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the item is active.\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @watch('selected')\n  protected selectedChange() {\n    this.selected\n      ? this.setAttribute('aria-selected', 'true')\n      : this.removeAttribute('aria-selected');\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n  }\n\n  protected override render() {\n    return html`\n      <section part=\"prefix\">\n        <igc-checkbox\n          aria-hidden=\"true\"\n          ?checked=${this.selected}\n          tabindex=\"-1\"\n          exportparts=\"control: checkbox, indicator: checkbox-indicator, checked\"\n        ></igc-checkbox>\n      </section>\n      <section id=\"content\" part=\"content\">\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-item': IgcComboItemComponent;\n  }\n}\n"]}

package/components/combo/combo-list.d.ts

@@ -0,0 +1,11 @@
+import { LitVirtualizer } from '@lit-labs/virtualizer';
+export default class IgcComboListComponent extends LitVirtualizer {
+    static readonly tagName = "igc-combo-list";
+    scroller: boolean;
+    connectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-combo-list': IgcComboListComponent;
+    }
+}

package/components/combo/combo-list.js

@@ -0,0 +1,14 @@
+import { LitVirtualizer } from '@lit-labs/virtualizer';
+export default class IgcComboListComponent extends LitVirtualizer {
+    constructor() {
+        super(...arguments);
+        this.scroller = true;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('tabindex', '0');
+        this.setAttribute('role', 'listbox');
+    }
+}
+IgcComboListComponent.tagName = 'igc-combo-list';
+//# sourceMappingURL=combo-list.js.map