igniteui-webcomponents 7.3.0 → 7.3.2

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,22KAA22K,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part=\"control checked\"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{--indicator-size: 1rem}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;transition:opacity .1s ease-out}:host(:hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:\"\";transform:scale(0.5);transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-visible) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part=\"control checked\"]::after,:host([indeterminate]:focus-visible) [part~=control] [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host(:state(ig-invalid):not([disabled])) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host(:state(ig-invalid):not([disabled])) [part=\"control checked\"]::after{background:var(--error-color)}:host(:state(ig-invalid):focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):focus-visible) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--error-color)}:host(:state(ig-invalid):hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host(:state(ig-invalid):hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part=\"control checked\"]::after{background:rgba(0,0,0,0)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.125rem*2);height:calc(100% + 0.125rem*2)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{box-shadow:none}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-indeterminate-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-indeterminate-color);background:rgba(0,0,0,0)}`;\n  "]}
+{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6qLAA6qL,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=control]{transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part=\"control checked\"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{--indicator-size: 1rem}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;transition:opacity .1s ease-out}:host(:hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:\"\";transform:scale(0.5);transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-visible) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part=\"control checked\"]::after,:host([indeterminate]:focus-visible) [part~=control] [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host(:state(ig-invalid):not([disabled])) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host(:state(ig-invalid):not([disabled])) [part=\"control checked\"]::after{background:var(--error-color)}:host(:state(ig-invalid):focus-visible) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):focus-visible) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:state(ig-invalid):hover) [part~=indicator]{stroke:var(--error-color)}:host(:state(ig-invalid):hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host(:state(ig-invalid):hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:state(ig-invalid):hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]):focus-within [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::before,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::before{background:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part=\"control checked\"]::after{background:rgba(0,0,0,0)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.125rem*2);height:calc(100% + 0.125rem*2)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{box-shadow:none}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-indeterminate-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-indeterminate-color);background:rgba(0,0,0,0)}@media(forced-colors: active){:host [part~=control]{--fill-color: transparent;--fill-color-hover: transparent;border:.0625rem solid CanvasText}:host(:focus) [part~=control],:host(:hover) [part~=control]{border-color:Highlight}:host([indeterminate]) [part~=control]{--fill-color: CanvasText;--fill-color-hover: CanvasText}}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-color)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled]):hover) [part~=thumb][part~=checked],:host(:not(:disabled):hover) [part~=thumb][part~=checked]{background:var(--thumb-on-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked]) [part~=thumb],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked]) [part~=thumb]{background:var(--focus-fill-hover-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked])[part~=control],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked])[part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-hover-color)}:host([disabled]) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}`;
+export const styles = css `:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-color)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled]):hover) [part~=thumb][part~=checked],:host(:not(:disabled):hover) [part~=thumb][part~=checked]{background:var(--thumb-on-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked]) [part~=thumb],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked]) [part~=thumb]{background:var(--focus-fill-hover-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked])[part~=control],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked])[part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-hover-color)}:host([disabled]) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}@media(forced-colors: active){[part~=thumb]{border:.3125rem solid CanvasText}[part="control focused"] [part=thumb]{outline-width:.0625rem}}`;
 //# sourceMappingURL=switch.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8jEAA8jE,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-color)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled]):hover) [part~=thumb][part~=checked],:host(:not(:disabled):hover) [part~=thumb][part~=checked]{background:var(--thumb-on-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked]) [part~=thumb],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked]) [part~=thumb]{background:var(--focus-fill-hover-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked])[part~=control],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked])[part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-hover-color)}:host([disabled]) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}`;\n  "]}
+{"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ysEAAysE,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-color)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled]):hover) [part~=thumb][part~=checked],:host(:not(:disabled):hover) [part~=thumb][part~=checked]{background:var(--thumb-on-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked]) [part~=thumb],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked]) [part~=thumb]{background:var(--focus-fill-hover-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked])[part~=control],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked])[part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-hover-color)}:host([disabled]) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}@media(forced-colors: active){[part~=thumb]{border:.3125rem solid CanvasText}[part=\"control focused\"] [part=thumb]{outline-width:.0625rem}}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--size: 2.5rem;--thumb-size: 0.75rem;--border-size: 0.125rem;--thumb-offset: calc(var(--thumb-size) / 2 - 0.1875rem);--label-gap: 0.5rem}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1.25rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset));background:var(--thumb-on-color)}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.1875rem;left:-0.1875rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.1875rem*2);height:calc(100% + 0.1875rem*2)}:host(:not([disabled]):hover) [part~=thumb][part~=checked],:host(:not(:disabled):hover) [part~=thumb][part~=checked]{background:var(--thumb-on-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}`;
+export const styles = css `:host{--size: 2.5rem;--thumb-size: 0.75rem;--border-size: 0.125rem;--thumb-offset: calc(var(--thumb-size) / 2 - 0.1875rem);--label-gap: 0.5rem}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1.25rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset));background:var(--thumb-on-color)}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.1875rem;left:-0.1875rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.1875rem*2);height:calc(100% + 0.1875rem*2)}:host(:not([disabled]):hover) [part~=thumb][part~=checked],:host(:not(:disabled):hover) [part~=thumb][part~=checked]{background:var(--thumb-on-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}@media(forced-colors: active){[part~=thumb]{border:.375rem solid CanvasText}}`;
 //# sourceMappingURL=switch.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0pDAA0pD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--size: 2.5rem;--thumb-size: 0.75rem;--border-size: 0.125rem;--thumb-offset: calc(var(--thumb-size) / 2 - 0.1875rem);--label-gap: 0.5rem}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1.25rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset));background:var(--thumb-on-color)}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.1875rem;left:-0.1875rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.1875rem*2);height:calc(100% + 0.1875rem*2)}:host(:not([disabled]):hover) [part~=thumb][part~=checked],:host(:not(:disabled):hover) [part~=thumb][part~=checked]{background:var(--thumb-on-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}`;\n  "]}
+{"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uuDAAuuD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--size: 2.5rem;--thumb-size: 0.75rem;--border-size: 0.125rem;--thumb-offset: calc(var(--thumb-size) / 2 - 0.1875rem);--label-gap: 0.5rem}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1.25rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset));background:var(--thumb-on-color)}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.1875rem;left:-0.1875rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.1875rem*2);height:calc(100% + 0.1875rem*2)}:host(:not([disabled]):hover) [part~=thumb][part~=checked],:host(:not(:disabled):hover) [part~=thumb][part~=checked]{background:var(--thumb-on-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}@media(forced-colors: active){[part~=thumb]{border:.375rem solid CanvasText}}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--size: 2rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=control][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}[part~=control][part~=checked][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:.125rem solid var(--border-color);background:var(--track-off-color)}[part~=control][part~=checked]{border-color:var(--border-on-color);background:var(--track-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color)}[part~=thumb]:not([part~=checked]){margin-inline-start:var(--thumb-offset)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset))}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:rgba(0,0,0,0)}`;
+export const styles = css `:host{--size: 2rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=control][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}[part~=control][part~=checked][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:.125rem solid var(--border-color);background:var(--track-off-color)}[part~=control][part~=checked]{border-color:var(--border-on-color);background:var(--track-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color)}[part~=thumb]:not([part~=checked]){margin-inline-start:var(--thumb-offset)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset))}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:rgba(0,0,0,0)}@media(forced-colors: active){[part~=thumb]{border:.25rem solid CanvasText}[part~="control focused"] [part~=thumb]{outline-width:.0625rem}}`;
 //# sourceMappingURL=switch.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u9CAAu9C,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--size: 2rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=control][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}[part~=control][part~=checked][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:.125rem solid var(--border-color);background:var(--track-off-color)}[part~=control][part~=checked]{border-color:var(--border-on-color);background:var(--track-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color)}[part~=thumb]:not([part~=checked]){margin-inline-start:var(--thumb-offset)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset))}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:rgba(0,0,0,0)}`;\n  "]}
+{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmDAAkmD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--size: 2rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=control][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}[part~=control][part~=checked][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:.125rem solid var(--border-color);background:var(--track-off-color)}[part~=control][part~=checked]{border-color:var(--border-on-color);background:var(--track-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color)}[part~=thumb]:not([part~=checked]){margin-inline-start:var(--thumb-offset)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset))}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:rgba(0,0,0,0)}@media(forced-colors: active){[part~=thumb]{border:.25rem solid CanvasText}[part~=\"control focused\"] [part~=thumb]{outline-width:.0625rem}}`;\n  "]}

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

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

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

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

package/components/checkbox/themes/switch.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-direction:column;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;gap:var(--label-gap)}[part~=control]{display:flex;flex-shrink:0;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=thumb]{position:relative;animation-duration:.2s;animation-fill-mode:none}[part~=control],[part~=thumb]{transition:all .2s ease-in-out}[part~=thumb][part~=checked]{animation-duration:.2s;animation-fill-mode:forwards}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-wrap:break-word}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([label-position=before]) [part~=label]{order:-1}@keyframes thumb-on{from{margin-inline-start:var(--thumb-offset)}to{margin-inline-start:calc(var(--size) - var(--thumb-size))}}@keyframes thumb-off{from{margin-inline-start:calc(var(--size) - var(--thumb-size))}to{margin-inline-start:var(--thumb-offset)}}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-direction:column;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;gap:var(--label-gap)}[part~=control]{display:flex;flex-shrink:0;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=thumb]{position:relative;animation-duration:.2s;animation-fill-mode:none}[part~=control],[part~=thumb]{transition:all .2s ease-in-out}[part~=thumb][part~=checked]{animation-duration:.2s;animation-fill-mode:forwards}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-wrap:break-word}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([label-position=before]) [part~=label]{order:-1}@keyframes thumb-on{from{margin-inline-start:var(--thumb-offset)}to{margin-inline-start:calc(var(--size) - var(--thumb-size))}}@keyframes thumb-off{from{margin-inline-start:calc(var(--size) - var(--thumb-size))}to{margin-inline-start:var(--thumb-offset)}}@media(forced-colors: active){[part~=thumb]:hover{border-width:.125rem}[part="control focused"] [part~=thumb],[part="control checked focused"] [part="thumb checked"]{outline:.125rem solid Highlight;transition:none}:host([disabled]),:host(:disabled){--border-disabled-color: GrayText;--label-disabled-color: GrayText}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{border-color:GrayText}:host([disabled]) [part~=base] [part~=control][part~=checked],:host(:disabled) [part~=base] [part~=control][part~=checked]{border-color:GrayText}}`;
 //# sourceMappingURL=switch.base.css.js.map

package/components/checkbox/themes/switch.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.base.css.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/switch.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yvEAAyvE,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-direction:column;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;gap:var(--label-gap)}[part~=control]{display:flex;flex-shrink:0;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=thumb]{position:relative;animation-duration:.2s;animation-fill-mode:none}[part~=control],[part~=thumb]{transition:all .2s ease-in-out}[part~=thumb][part~=checked]{animation-duration:.2s;animation-fill-mode:forwards}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-wrap:break-word}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([label-position=before]) [part~=label]{order:-1}@keyframes thumb-on{from{margin-inline-start:var(--thumb-offset)}to{margin-inline-start:calc(var(--size) - var(--thumb-size))}}@keyframes thumb-off{from{margin-inline-start:calc(var(--size) - var(--thumb-size))}to{margin-inline-start:var(--thumb-offset)}}`;\n  "]}
+{"version":3,"file":"switch.base.css.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/switch.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4xFAA4xF,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-direction:column;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;gap:var(--label-gap)}[part~=control]{display:flex;flex-shrink:0;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=thumb]{position:relative;animation-duration:.2s;animation-fill-mode:none}[part~=control],[part~=thumb]{transition:all .2s ease-in-out}[part~=thumb][part~=checked]{animation-duration:.2s;animation-fill-mode:forwards}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-wrap:break-word}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([label-position=before]) [part~=label]{order:-1}@keyframes thumb-on{from{margin-inline-start:var(--thumb-offset)}to{margin-inline-start:calc(var(--size) - var(--thumb-size))}}@keyframes thumb-off{from{margin-inline-start:calc(var(--size) - var(--thumb-size))}to{margin-inline-start:var(--thumb-offset)}}@media(forced-colors: active){[part~=thumb]:hover{border-width:.125rem}[part=\"control focused\"] [part~=thumb],[part=\"control checked focused\"] [part=\"thumb checked\"]{outline:.125rem solid Highlight;transition:none}:host([disabled]),:host(:disabled){--border-disabled-color: GrayText;--label-disabled-color: GrayText}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{border-color:GrayText}:host([disabled]) [part~=base] [part~=control][part~=checked],:host(:disabled) [part~=base] [part~=control][part~=checked]{border-color:GrayText}}`;\n  "]}

package/components/chip/chip.d.ts

@@ -1,9 +1,9 @@
 import { type IChipResourceStrings } from 'igniteui-i18n-core';
-import { LitElement } from 'lit';
+import { LitElement, nothing } from 'lit';
 import type { Constructor } from '#internals/mixins/constructor.js';
 import type { StyleVariant } from '../types.js';
 export interface IgcChipComponentEventMap {
-    igcRemove: CustomEvent<boolean>;
+    igcRemove: CustomEvent<void>;
     igcSelect: CustomEvent<boolean>;
 }
 declare const IgcChipComponent_base: import("#internals/mixins/constructor.js").AbstractConstructor<import("#internals/mixins/i18n.js").I18nInterface<IChipResourceStrings, Required<IChipResourceStrings>>> & Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcChipComponentEventMap>> & Constructor<LitElement>;
@@ -14,7 +14,9 @@ declare const IgcChipComponent_base: import("#internals/mixins/constructor.js").
  *
  * @slot - Renders content in the default slot of the chip.
  * @slot prefix - Renders content at the start of the chip, before the default content.
+ * @slot start - Renders content at the start of the chip, before the prefix content.
  * @slot suffix - Renders content at the end of the chip after the default content.
+ * @slot end - Renders content at the end of the chip, before the suffix content.
  * @slot select - Content to render when the chip in selected state.
  * @slot remove - Content to override the default remove chip icon.
  *
@@ -22,9 +24,11 @@ declare const IgcChipComponent_base: import("#internals/mixins/constructor.js").
  * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.
  *
  * @csspart base - The base wrapper of the chip.
+ * @csspart action - The selection control of the chip, wrapping the chip content.
  * @csspart content - The wrapper element around the default slot of the chip.
  * @csspart prefix - The prefix container of the chip.
  * @csspart suffix - The suffix container of the chip.
+ * @csspart remove - The container of the remove control of the chip.
  */
 export default class IgcChipComponent extends IgcChipComponent_base {
     static readonly tagName = "igc-chip";
@@ -33,41 +37,53 @@ export default class IgcChipComponent extends IgcChipComponent_base {
     private readonly _removePartRef;
     private readonly _slots;
     /**
-     * Sets the disabled state for the chip.
-     * @attr
+     * Whether the chip is disabled or not.
+     *
+     * @attr disabled
+     * @default false
      */
     disabled: boolean;
     /**
-     * Defines if the chip is removable or not.
-     * @attr
+     * Whether the chip is removable or not.
+     *
+     * @attr removable
+     * @default false
      */
     removable: boolean;
     /**
-     * Defines if the chip is outlined or not.
+     * Whether the chip is outlined or not.
      *
-     * @attr
+     * @attr outlined
+     * @default false
      */
     outlined: boolean;
     /**
-     * Defines if the chip is selectable or not.
-     * @attr
+     * Whether the chip is selectable or not.
+     *
+     * @attr selectable
+     * @default false
      */
     selectable: boolean;
     /**
-     * Defines if the chip is selected or not.
-     * @attr
+     * Whether the chip is selected or not.
+     *
+     * @attr selected
+     * @default false
      */
     selected: boolean;
     /**
      * A property that sets the color variant of the chip component.
-     * @attr
+     *
+     * @attr variant
      */
-    variant: StyleVariant;
+    variant?: StyleVariant;
     constructor();
+    private _hasSlotted;
     protected _handleSelect(): void;
     protected _handleRemove(event: Event): void;
     protected _renderPrefix(): import("lit-html").TemplateResult<1>;
     protected _renderSuffix(): import("lit-html").TemplateResult<1>;
+    protected _renderRemove(): typeof nothing | import("lit-html").TemplateResult<1>;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/chip/chip.js

@@ -9,7 +9,7 @@ import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { addKeybindings } from '#internals/controllers/key-bindings.js';
-import { addSlotController, setSlots } from '#internals/controllers/slot.js';
+import { addSlotController, setSlots, } from '#internals/controllers/slot.js';
 import { registerComponent } from '#internals/definitions/register.js';
 import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
 import { I18nMixin } from '#internals/mixins/i18n.js';
@@ -19,6 +19,7 @@ import IgcIconComponent from '../icon/icon.js';
 import { styles } from './themes/chip.base.css.js';
 import { styles as shared } from './themes/shared/chip.common.css.js';
 import { all } from './themes/themes.js';
+const Slots = setSlots('start', 'prefix', 'suffix', 'end');
 const i18n = {
     defaultEN: ChipResourceStringsEN,
 };
@@ -31,9 +32,7 @@ export default class IgcChipComponent extends I18nMixin(EventEmitterMixin(LitEle
     constructor() {
         super();
         this._removePartRef = createRef();
-        this._slots = addSlotController(this, {
-            slots: setSlots('prefix', 'suffix', 'start', 'end', 'select', 'remove'),
-        });
+        this._slots = addSlotController(this, { slots: Slots });
         this.disabled = false;
         this.removable = false;
         this.outlined = false;
@@ -42,9 +41,13 @@ export default class IgcChipComponent extends I18nMixin(EventEmitterMixin(LitEle
         addThemingController(this, all);
         addKeybindings(this, {
             ref: this._removePartRef,
+            skip: () => !this._removePartRef.value,
             bindingDefaults: { triggers: ['keyup'] },
         }).setActivateHandler(this._handleRemove);
     }
+    _hasSlotted(...slots) {
+        return slots.some((slot) => this._slots.hasAssignedElements(slot));
+    }
     _handleSelect() {
         if (this.selectable) {
             this.selected = !this.selected;
@@ -56,66 +59,69 @@ export default class IgcChipComponent extends I18nMixin(EventEmitterMixin(LitEle
         this.emitEvent('igcRemove');
     }
     _renderPrefix() {
-        const isVisible = this._slots.hasAssignedElements('prefix') ||
-            this._slots.hasAssignedElements('start');
-        const selectSlot = this.selectable && this.selected
-            ? renderSlottedIcon({
-                slot: 'select',
-                icon: 'selected',
-                label: this.resourceStrings.chip_select,
-            })
-            : nothing;
+        const showSelected = this.selectable && this.selected;
         return html `
-      <span part="prefix" ?hidden=${!isVisible && !this.selected}>
-        ${selectSlot}
+      <span
+        part="prefix"
+        ?hidden=${!showSelected && !this._hasSlotted('start', 'prefix')}
+      >
+        ${showSelected
+            ? renderSlottedIcon({ slot: 'select', icon: 'selected' })
+            : nothing}
         <slot name="start"></slot>
         <slot name="prefix"></slot>
       </span>
     `;
     }
     _renderSuffix() {
-        const isVisible = this._slots.hasAssignedElements('suffix') ||
-            this._slots.hasAssignedElements('end');
-        const removeSlot = this.removable && !this.disabled
-            ? html `
-            <slot
-              ${ref(this._removePartRef)}
-              name="remove"
-              @click=${this._handleRemove}
-            >
-              <igc-icon
-                name="remove"
-                collection="default"
-                tabindex="0"
-                role="button"
-                aria-label=${this.resourceStrings.chip_remove}
-              ></igc-icon>
-            </slot>
-          `
-            : nothing;
         return html `
-      <span part="suffix" ?hidden=${!isVisible && !this.removable}>
+      <span part="suffix" ?hidden=${!this._hasSlotted('end', 'suffix')}>
         <slot name="end"></slot>
         <slot name="suffix"></slot>
-        ${removeSlot}
+      </span>
+    `;
+    }
+    _renderRemove() {
+        if (!this.removable || this.disabled) {
+            return nothing;
+        }
+        return html `
+      <span part="remove">
+        <slot
+          ${ref(this._removePartRef)}
+          name="remove"
+          @click=${this._handleRemove}
+        >
+          <igc-icon
+            name="remove"
+            collection="default"
+            tabindex="0"
+            role="button"
+            aria-label=${this.resourceStrings.chip_remove}
+          ></igc-icon>
+        </slot>
       </span>
     `;
     }
     render() {
         const ariaPressed = this.selectable ? this.selected.toString() : null;
         return html `
-      <button
-        part="base"
-        .ariaPressed=${ariaPressed}
-        ?disabled=${this.disabled}
-        @click=${this._handleSelect}
-      >
-        ${this._renderPrefix()}
-        <span part="content">
-          <slot></slot>
-        </span>
-        ${this._renderSuffix()}
-      </button>
+      <div part="base">
+        <button
+          part="action"
+          type="button"
+          .ariaPressed=${ariaPressed}
+          ?disabled=${this.disabled}
+          @click=${this._handleSelect}
+        >
+          ${this._renderPrefix()}
+          <span part="content">
+            <slot></slot>
+          </span>
+          ${this._renderSuffix()}
+        </button>
+        ${this._renderRemove()}
+      </div>
     `;
     }
 }

package/components/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChipResourceStringsEN,\n  type IChipResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addKeybindings } from '#internals/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { I18nControllerConfig } from '#internals/i18n/i18n-controller.js';\nimport type { Constructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { I18nMixin } from '#internals/mixins/i18n.js';\nimport { renderSlottedIcon } from '#internals/templates/slotted-icon.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { StyleVariant } from '../types.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as shared } from './themes/shared/chip.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcChipComponentEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n\nconst i18n: I18nControllerConfig<IChipResourceStrings> = {\n  defaultEN: ChipResourceStringsEN,\n};\n\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders content in the default slot of the chip.\n * @slot prefix - Renders content at the start of the chip, before the default content.\n * @slot suffix - Renders content at the end of the chip after the default content.\n * @slot select - Content to render when the chip in selected state.\n * @slot remove - Content to override the default remove chip icon.\n *\n * @fires igcRemove - Emits an event when the chip component is removed.\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 content - The wrapper element around the default slot of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\nexport default class IgcChipComponent extends I18nMixin(\n  EventEmitterMixin<IgcChipComponentEventMap, Constructor<LitElement>>(\n    LitElement\n  ),\n  i18n\n) {\n  public static readonly tagName = 'igc-chip';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private readonly _removePartRef = createRef<HTMLSlotElement>();\n\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('prefix', 'suffix', 'start', 'end', 'select', 'remove'),\n  });\n\n  /**\n   * Sets the disabled state for the chip.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Defines if the chip is removable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Defines if the chip is outlined or not.\n   *\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * Defines if the chip is selectable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /* @tsTwoWayProperty(true, \"igcSelect\", \"detail\", false) */\n  /**\n   * Defines if the chip is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant!: StyleVariant;\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this._handleRemove);\n  }\n\n  protected _handleSelect(): void {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected _handleRemove(event: Event): void {\n    event.stopPropagation();\n    this.emitEvent('igcRemove');\n  }\n\n  protected _renderPrefix() {\n    const isVisible =\n      this._slots.hasAssignedElements('prefix') ||\n      this._slots.hasAssignedElements('start');\n\n    const selectSlot =\n      this.selectable && this.selected\n        ? renderSlottedIcon({\n            slot: 'select',\n            icon: 'selected',\n            label: this.resourceStrings.chip_select,\n          })\n        : nothing;\n\n    return html`\n      <span part=\"prefix\" ?hidden=${!isVisible && !this.selected}>\n        ${selectSlot}\n        <slot name=\"start\"></slot>\n        <slot name=\"prefix\"></slot>\n      </span>\n    `;\n  }\n\n  protected _renderSuffix() {\n    const isVisible =\n      this._slots.hasAssignedElements('suffix') ||\n      this._slots.hasAssignedElements('end');\n\n    const removeSlot =\n      this.removable && !this.disabled\n        ? html`\n            <slot\n              ${ref(this._removePartRef)}\n              name=\"remove\"\n              @click=${this._handleRemove}\n            >\n              <igc-icon\n                name=\"remove\"\n                collection=\"default\"\n                tabindex=\"0\"\n                role=\"button\"\n                aria-label=${this.resourceStrings.chip_remove}\n              ></igc-icon>\n            </slot>\n          `\n        : nothing;\n\n    return html`\n      <span part=\"suffix\" ?hidden=${!isVisible && !this.removable}>\n        <slot name=\"end\"></slot>\n        <slot name=\"suffix\"></slot>\n        ${removeSlot}\n      </span>\n    `;\n  }\n\n  protected override render() {\n    const ariaPressed = this.selectable ? this.selected.toString() : null;\n\n    return html`\n      <button\n        part=\"base\"\n        .ariaPressed=${ariaPressed}\n        ?disabled=${this.disabled}\n        @click=${this._handleSelect}\n      >\n        ${this._renderPrefix()}\n        <span part=\"content\">\n          <slot></slot>\n        </span>\n        ${this._renderSuffix()}\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChipResourceStringsEN,\n  type IChipResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addKeybindings } from '#internals/controllers/key-bindings.js';\nimport {\n  addSlotController,\n  type InferSlotNames,\n  setSlots,\n} from '#internals/controllers/slot.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { I18nControllerConfig } from '#internals/i18n/i18n-controller.js';\nimport type { Constructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { I18nMixin } from '#internals/mixins/i18n.js';\nimport { renderSlottedIcon } from '#internals/templates/slotted-icon.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { StyleVariant } from '../types.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as shared } from './themes/shared/chip.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcChipComponentEventMap {\n  igcRemove: CustomEvent<void>;\n  igcSelect: CustomEvent<boolean>;\n}\n\nconst Slots = setSlots('start', 'prefix', 'suffix', 'end');\n\nconst i18n: I18nControllerConfig<IChipResourceStrings> = {\n  defaultEN: ChipResourceStringsEN,\n};\n\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders content in the default slot of the chip.\n * @slot prefix - Renders content at the start of the chip, before the default content.\n * @slot start - Renders content at the start of the chip, before the prefix content.\n * @slot suffix - Renders content at the end of the chip after the default content.\n * @slot end - Renders content at the end of the chip, before the suffix content.\n * @slot select - Content to render when the chip in selected state.\n * @slot remove - Content to override the default remove chip icon.\n *\n * @fires igcRemove - Emits an event when the chip component is removed.\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 action - The selection control of the chip, wrapping the chip content.\n * @csspart content - The wrapper element around the default slot of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n * @csspart remove - The container of the remove control of the chip.\n */\nexport default class IgcChipComponent extends I18nMixin(\n  EventEmitterMixin<IgcChipComponentEventMap, Constructor<LitElement>>(\n    LitElement\n  ),\n  i18n\n) {\n  public static readonly tagName = 'igc-chip';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private readonly _removePartRef = createRef<HTMLSlotElement>();\n  private readonly _slots = addSlotController(this, { slots: Slots });\n\n  /**\n   * Whether the chip is disabled or not.\n   *\n   * @attr disabled\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Whether the chip is removable or not.\n   *\n   * @attr removable\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Whether the chip is outlined or not.\n   *\n   * @attr outlined\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * Whether the chip is selectable or not.\n   *\n   * @attr selectable\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /* @tsTwoWayProperty(true, \"igcSelect\", \"detail\", false) */\n  /**\n   * Whether the chip is selected or not.\n   *\n   * @attr selected\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   *\n   * @attr variant\n   */\n  @property({ reflect: true })\n  public variant?: StyleVariant;\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      skip: () => !this._removePartRef.value,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this._handleRemove);\n  }\n\n  private _hasSlotted(...slots: InferSlotNames<typeof Slots>[]): boolean {\n    return slots.some((slot) => this._slots.hasAssignedElements(slot));\n  }\n\n  protected _handleSelect(): void {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected _handleRemove(event: Event): void {\n    event.stopPropagation();\n    this.emitEvent('igcRemove');\n  }\n\n  protected _renderPrefix() {\n    const showSelected = this.selectable && this.selected;\n\n    return html`\n      <span\n        part=\"prefix\"\n        ?hidden=${!showSelected && !this._hasSlotted('start', 'prefix')}\n      >\n        ${\n          showSelected\n            ? renderSlottedIcon({ slot: 'select', icon: 'selected' })\n            : nothing\n        }\n        <slot name=\"start\"></slot>\n        <slot name=\"prefix\"></slot>\n      </span>\n    `;\n  }\n\n  protected _renderSuffix() {\n    return html`\n      <span part=\"suffix\" ?hidden=${!this._hasSlotted('end', 'suffix')}>\n        <slot name=\"end\"></slot>\n        <slot name=\"suffix\"></slot>\n      </span>\n    `;\n  }\n\n  protected _renderRemove() {\n    if (!this.removable || this.disabled) {\n      return nothing;\n    }\n\n    return html`\n      <span part=\"remove\">\n        <slot\n          ${ref(this._removePartRef)}\n          name=\"remove\"\n          @click=${this._handleRemove}\n        >\n          <igc-icon\n            name=\"remove\"\n            collection=\"default\"\n            tabindex=\"0\"\n            role=\"button\"\n            aria-label=${this.resourceStrings.chip_remove}\n          ></igc-icon>\n        </slot>\n      </span>\n    `;\n  }\n\n  protected override render() {\n    const ariaPressed = this.selectable ? this.selected.toString() : null;\n\n    return html`\n      <div part=\"base\">\n        <button\n          part=\"action\"\n          type=\"button\"\n          .ariaPressed=${ariaPressed}\n          ?disabled=${this.disabled}\n          @click=${this._handleSelect}\n        >\n          ${this._renderPrefix()}\n          <span part=\"content\">\n            <slot></slot>\n          </span>\n          ${this._renderSuffix()}\n        </button>\n        ${this._renderRemove()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-block;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:none;box-shadow:none;cursor:pointer;padding:0 max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=info]) button[disabled],:host([selected][variant=info]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=success]) button[disabled],:host([selected][variant=success]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}:host([variant=danger]) button[disabled],:host([selected][variant=danger]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/0.16)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--chip-padding-inline: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));--chip-gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.375rem, -1 * 0.375rem), var(--is-small, 1) * max(0.1875rem, -1 * 0.1875rem));display:inline-block;vertical-align:top}:host [part=base]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:none;box-shadow:none;cursor:pointer}:host([disabled]) [part=base]{pointer-events:none}[part=action]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;align-items:center;align-self:stretch;min-width:0;padding-inline:var(--chip-padding-inline);border:none;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:inherit;outline:none}[part=remove]{display:inline-flex;align-items:center;align-self:stretch;padding-inline-end:var(--chip-padding-inline)}:host([removable]:not([disabled])) [part=action]{padding-inline-end:0}:host([removable]:not([disabled])) [part=suffix]{margin-inline-end:var(--chip-gap)}:host([variant=primary]) [part=base],:host([selected][variant=primary]:not([disabled])) [part=base]{background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) [part=base]:focus-within,:host([selected][variant=primary]:not([disabled])) [part=base]:focus-within{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) [part=base]:hover,:host([selected][variant=primary]:not([disabled])) [part=base]:hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=primary][disabled]) [part=base],:host([selected][variant=primary][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=info]) [part=base],:host([selected][variant=info]:not([disabled])) [part=base]{background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) [part=base]:hover,:host([selected][variant=info]:not([disabled])) [part=base]:hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=info][disabled]) [part=base],:host([selected][variant=info][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=success]) [part=base],:host([selected][variant=success]:not([disabled])) [part=base]{background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) [part=base]:hover,:host([selected][variant=success]:not([disabled])) [part=base]:hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=success][disabled]) [part=base],:host([selected][variant=success][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=warning]) [part=base],:host([selected][variant=warning]:not([disabled])) [part=base]{background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=warning][disabled]) [part=base],:host([selected][variant=warning][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=danger]) [part=base],:host([selected][variant=danger]:not([disabled])) [part=base]{background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) [part=base]:hover,:host([selected][variant=danger]:not([disabled])) [part=base]:hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}:host([variant=danger][disabled]) [part=base],:host([selected][variant=danger][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=primary][disabled]) [part=base],:host([selected][outlined][variant=primary][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=info][disabled]) [part=base],:host([selected][outlined][variant=info][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=success][disabled]) [part=base],:host([selected][outlined][variant=success][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=warning][disabled]) [part=base],:host([selected][outlined][variant=warning][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-600) h s l/0.16)}:host([outlined][variant=danger][disabled]) [part=base],:host([selected][outlined][variant=danger][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;
 //# sourceMappingURL=chip.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s6RAAs6R,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-block;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:none;box-shadow:none;cursor:pointer;padding:0 max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=primary]) button[disabled],:host([selected][variant=primary]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=info]) button[disabled],:host([selected][variant=info]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=success]) button[disabled],:host([selected][variant=success]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=warning]) button[disabled],:host([selected][variant=warning]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}:host([variant=danger]) button[disabled],:host([selected][variant=danger]) button[disabled]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=primary]) button:focus,:host([selected][outlined][variant=primary]) button:not([disabled]):focus{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) button:hover,:host([selected][outlined][variant=primary]) button:not([disabled]):hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=primary]) button[disabled],:host([selected][outlined][variant=primary]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=info]) button:focus,:host([selected][outlined][variant=info]) button:not([disabled]):focus{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) button:hover,:host([selected][outlined][variant=info]) button:not([disabled]):hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=info]) button[disabled],:host([selected][outlined][variant=info]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=success]) button:focus,:host([selected][outlined][variant=success]) button:not([disabled]):focus{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) button:hover,:host([selected][outlined][variant=success]) button:not([disabled]):hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=success]) button[disabled],:host([selected][outlined][variant=success]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=warning]) button:focus,:host([selected][outlined][variant=warning]) button:not([disabled]):focus{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) button:hover,:host([selected][outlined][variant=warning]) button:not([disabled]):hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=warning]) button[disabled],:host([selected][outlined][variant=warning]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){background:rgba(0,0,0,0)}:host([outlined][variant=danger]) button:focus,:host([selected][outlined][variant=danger]) button:not([disabled]):focus{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) button:hover,:host([selected][outlined][variant=danger]) button:not([disabled]):hover{background:hsl(from var(--ig-error-600) h s l/0.16)}:host([outlined][variant=danger]) button[disabled],:host([selected][outlined][variant=danger]) button[disabled]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;\n  "]}
+{"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ytUAAytU,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--chip-padding-inline: max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.375rem, -1 * 0.375rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));--chip-gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.375rem, -1 * 0.375rem), var(--is-small, 1) * max(0.1875rem, -1 * 0.1875rem));display:inline-block;vertical-align:top}:host [part=base]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;place-items:center;font-family:var(--ig-font-family);border:none;box-shadow:none;cursor:pointer}:host([disabled]) [part=base]{pointer-events:none}[part=action]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-flex;align-items:center;align-self:stretch;min-width:0;padding-inline:var(--chip-padding-inline);border:none;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:inherit;outline:none}[part=remove]{display:inline-flex;align-items:center;align-self:stretch;padding-inline-end:var(--chip-padding-inline)}:host([removable]:not([disabled])) [part=action]{padding-inline-end:0}:host([removable]:not([disabled])) [part=suffix]{margin-inline-end:var(--chip-gap)}:host([variant=primary]) [part=base],:host([selected][variant=primary]:not([disabled])) [part=base]{background:var(--ig-primary-500);color:var(--ig-primary-500-contrast)}:host([variant=primary]) [part=base]:focus-within,:host([selected][variant=primary]:not([disabled])) [part=base]:focus-within{background:var(--ig-primary-800);color:var(--ig-primary-800-contrast)}:host([variant=primary]) [part=base]:hover,:host([selected][variant=primary]:not([disabled])) [part=base]:hover{background:var(--ig-primary-600);color:var(--ig-primary-600-contrast)}:host([variant=primary][disabled]) [part=base],:host([selected][variant=primary][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=info]) [part=base],:host([selected][variant=info]:not([disabled])) [part=base]{background:var(--ig-info-500);color:var(--ig-info-500-contrast)}:host([variant=info]) [part=base]:focus-within,:host([selected][variant=info]:not([disabled])) [part=base]:focus-within{background:var(--ig-info-800);color:var(--ig-info-800-contrast)}:host([variant=info]) [part=base]:hover,:host([selected][variant=info]:not([disabled])) [part=base]:hover{background:var(--ig-info-600);color:var(--ig-info-600-contrast)}:host([variant=info][disabled]) [part=base],:host([selected][variant=info][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=success]) [part=base],:host([selected][variant=success]:not([disabled])) [part=base]{background:var(--ig-success-500);color:var(--ig-success-500-contrast)}:host([variant=success]) [part=base]:focus-within,:host([selected][variant=success]:not([disabled])) [part=base]:focus-within{background:var(--ig-success-800);color:var(--ig-success-800-contrast)}:host([variant=success]) [part=base]:hover,:host([selected][variant=success]:not([disabled])) [part=base]:hover{background:var(--ig-success-600);color:var(--ig-success-600-contrast)}:host([variant=success][disabled]) [part=base],:host([selected][variant=success][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=warning]) [part=base],:host([selected][variant=warning]:not([disabled])) [part=base]{background:var(--ig-warn-500);color:var(--ig-warn-500-contrast)}:host([variant=warning]) [part=base]:focus-within,:host([selected][variant=warning]:not([disabled])) [part=base]:focus-within{background:var(--ig-warn-800);color:var(--ig-warn-800-contrast)}:host([variant=warning]) [part=base]:hover,:host([selected][variant=warning]:not([disabled])) [part=base]:hover{background:var(--ig-warn-600);color:var(--ig-warn-600-contrast)}:host([variant=warning][disabled]) [part=base],:host([selected][variant=warning][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([variant=danger]) [part=base],:host([selected][variant=danger]:not([disabled])) [part=base]{background:var(--ig-error-500);color:var(--ig-error-500-contrast)}:host([variant=danger]) [part=base]:focus-within,:host([selected][variant=danger]:not([disabled])) [part=base]:focus-within{background:var(--ig-error-800);color:var(--ig-error-800-contrast)}:host([variant=danger]) [part=base]:hover,:host([selected][variant=danger]:not([disabled])) [part=base]:hover{background:var(--ig-error-600);color:var(--ig-error-600-contrast)}:host([variant=danger][disabled]) [part=base],:host([selected][variant=danger][disabled]) [part=base]{background:var(--ig-gray-200);color:var(--ig-gray-500)}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=primary]) [part=base]:focus-within,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-primary-800) h s l/0.3)}:host([outlined][variant=primary]) [part=base]:hover,:host([selected][outlined][variant=primary]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-primary-600) h s l/0.16)}:host([outlined][variant=primary][disabled]) [part=base],:host([selected][outlined][variant=primary][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=info]) [part=base]:focus-within,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-info-800) h s l/0.3)}:host([outlined][variant=info]) [part=base]:hover,:host([selected][outlined][variant=info]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-info-600) h s l/0.16)}:host([outlined][variant=info][disabled]) [part=base],:host([selected][outlined][variant=info][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=success]) [part=base]:focus-within,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-success-800) h s l/0.3)}:host([outlined][variant=success]) [part=base]:hover,:host([selected][outlined][variant=success]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-success-600) h s l/0.16)}:host([outlined][variant=success][disabled]) [part=base],:host([selected][outlined][variant=success][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=warning]) [part=base]:focus-within,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-warn-800) h s l/0.3)}:host([outlined][variant=warning]) [part=base]:hover,:host([selected][outlined][variant=warning]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-warn-600) h s l/0.16)}:host([outlined][variant=warning][disabled]) [part=base],:host([selected][outlined][variant=warning][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{background:rgba(0,0,0,0)}:host([outlined][variant=danger]) [part=base]:focus-within,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:focus-within{background:hsl(from var(--ig-error-800) h s l/0.3)}:host([outlined][variant=danger]) [part=base]:hover,:host([selected][outlined][variant=danger]:not([disabled])) [part=base]:hover{background:hsl(from var(--ig-error-600) h s l/0.16)}:host([outlined][variant=danger][disabled]) [part=base],:host([selected][outlined][variant=danger][disabled]) [part=base]{background:hsl(from var(--ig-gray-200) h s l/0.3);color:var(--ig-gray-500);border-color:hsl(from var(--ig-gray-500) h s l/0.3)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center;gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem))}::slotted(*){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:32ch}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-100-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-100));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-100-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-100));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: dark}:host([outlined][variant=primary]) button,:host([selected][outlined][variant=primary]) button:not([disabled]){border-color:var(--ig-primary-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) button,:host([selected][outlined][variant=info]) button:not([disabled]){border-color:var(--ig-info-600);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) button,:host([selected][outlined][variant=success]) button:not([disabled]){border-color:var(--ig-success-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) button,:host([selected][outlined][variant=warning]) button:not([disabled]){border-color:var(--ig-warn-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) button,:host([selected][outlined][variant=danger]) button:not([disabled]){border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--focus-shadow-color: var(--ig-chip-focus-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--focus-selected-shadow-color: var(--ig-chip-focus-selected-shadow-color, hsl(from var(--ig-gray-300) h s l/0.38));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-100-contrast));--hover-background: var(--ig-chip-hover-background, var(--ig-gray-100));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-200-contrast));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-200-contrast));--selected-background: var(--ig-chip-selected-background, var(--ig-gray-200));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-100-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-gray-100));--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--focus-background: var(--ig-chip-focus-background, var(--ig-gray-200));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-gray-200));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-200-contrast));--hover-outlined-background: var(--ig-chip-hover-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--hover-selected-outlined-background: var(--ig-chip-hover-selected-outlined-background, hsl(from var(--ig-gray-100) h s l/0.3));--focus-outlined-background: var(--ig-chip-focus-outlined-background, transparent);--focus-selected-outlined-background: var(--ig-chip-focus-selected-outlined-background, transparent);--ig-theme: bootstrap;--ig-theme-variant: dark}:host([outlined][variant=primary]) [part=base],:host([selected][outlined][variant=primary]:not([disabled])) [part=base]{border-color:var(--ig-primary-300);color:var(--ig-gray-100-contrast)}:host([outlined][variant=info]) [part=base],:host([selected][outlined][variant=info]:not([disabled])) [part=base]{border-color:var(--ig-info-600);color:var(--ig-gray-100-contrast)}:host([outlined][variant=success]) [part=base],:host([selected][outlined][variant=success]:not([disabled])) [part=base]{border-color:var(--ig-success-200);color:var(--ig-gray-100-contrast)}:host([outlined][variant=warning]) [part=base],:host([selected][outlined][variant=warning]:not([disabled])) [part=base]{border-color:var(--ig-warn-500);color:var(--ig-gray-100-contrast)}:host([outlined][variant=danger]) [part=base],:host([selected][outlined][variant=danger]:not([disabled])) [part=base]{border-color:var(--ig-error-400);color:var(--ig-gray-100-contrast)}`;
 //# sourceMappingURL=chip.bootstrap.css.js.map