igniteui-webcomponents 7.1.0 → 7.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+iOAA+iO,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{font-weight:600}: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]{--size: 1rem;border-radius:var(--border-radius-ripple)}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{--indicator-size: 0.8125rem;stroke:unset;stroke-linecap:unset;stroke-width:unset;stroke-dasharray:unset;stroke-dashoffset:unset;fill:var(--tick-color);transition:none}[part~=indicator] rect{fill:none}[part=\"indicator checked\"]{transition-duration:.15s}:host(:hover) [part=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{border-color:var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part=\"base focused\"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-visible) [part=\"control checked\"],[part=\"base checked focused\"] [part=\"control checked\"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{fill:none;stroke-dashoffset:unset;transform:scale(0.8)}:host([indeterminate]) [part~=indicator] rect{fill:var(--tick-color);opacity:1}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host([indeterminate]:focus-visible) [part~=control],:host([indeterminate]) [part=\"base focused\"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled]):state(ig-invalid)) [part~=label],:host(:not(:disabled):state(ig-invalid)) [part~=label]{color:var(--label-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"base focused\"] [part~=control],:host(:not([disabled]):state(ig-invalid)) [part=\"base focused\"] [part=\"control checked\"],:host(:not([disabled]):state(ig-invalid)):focus-visible [part~=control],:host(:not([disabled]):state(ig-invalid)):focus-visible [part=\"control checked\"],:host(:not([disabled]):state(ig-invalid)) [part=\"base checked focused\"] [part~=control],:host(:not([disabled]):state(ig-invalid)) [part=\"base checked focused\"] [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)) [part=\"base focused\"] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part=\"base focused\"] [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)):focus-visible [part~=control],:host(:not(:disabled):state(ig-invalid)):focus-visible [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)) [part=\"base checked focused\"] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part=\"base checked focused\"] [part=\"control checked\"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control],:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"base focused\"] [part~=control],:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"base focused\"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=label],:host(:hover:not(:disabled):state(ig-invalid)) [part~=label],:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=label],:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after{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{background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:unset;fill:var(--disabled-tick-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled][indeterminate]) [part~=indicator],:host(:disabled[indeterminate]) [part~=indicator]{fill:none}:host([disabled][indeterminate]) [part~=indicator] rect,:host(:disabled[indeterminate]) [part~=indicator] rect{fill:var(--disabled-tick-color)}`;\n  "]}
+{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i9NAAi9N,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{font-weight:600}: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]{--size: 1rem;border-radius:var(--border-radius-ripple)}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{--indicator-size: 0.8125rem;stroke:unset;stroke-linecap:unset;stroke-width:unset;stroke-dasharray:unset;stroke-dashoffset:unset;fill:var(--tick-color);transition:none}[part~=indicator] rect{fill:none}[part=\"indicator checked\"]{transition-duration:.15s}:host(:hover) [part=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{border-color:var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part=\"base focused\"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-visible) [part=\"control checked\"],[part=\"base checked focused\"] [part=\"control checked\"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{fill:none;stroke-dashoffset:unset;transform:scale(0.8)}:host([indeterminate]) [part~=indicator] rect{fill:var(--tick-color);opacity:1}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host([indeterminate]:focus-visible) [part~=control],:host([indeterminate]) [part=\"base focused\"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled]):state(ig-invalid)) [part~=label],:host(:not(:disabled):state(ig-invalid)) [part~=label]{color:var(--label-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"base focused\"] [part~=control],:host(:not([disabled]):state(ig-invalid)) [part=\"base focused\"] [part=\"control checked\"],:host(:not([disabled]):state(ig-invalid)):focus-visible [part~=control],:host(:not([disabled]):state(ig-invalid)):focus-visible [part=\"control checked\"],:host(:not([disabled]):state(ig-invalid)) [part=\"base checked focused\"] [part~=control],:host(:not([disabled]):state(ig-invalid)) [part=\"base checked focused\"] [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)) [part=\"base focused\"] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part=\"base focused\"] [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)):focus-visible [part~=control],:host(:not(:disabled):state(ig-invalid)):focus-visible [part=\"control checked\"],:host(:not(:disabled):state(ig-invalid)) [part=\"base checked focused\"] [part~=control],:host(:not(:disabled):state(ig-invalid)) [part=\"base checked focused\"] [part=\"control checked\"]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control],:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"base focused\"] [part~=control],:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"base focused\"] [part~=control]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=label],:host(:hover:not(:disabled):state(ig-invalid)) [part~=label],:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=label],:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after,:host(:hover:not([disabled]):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled):state(ig-invalid)[indeterminate]) [part=\"control checked\"]::after{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{background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:unset;fill:var(--disabled-tick-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{border-color:rgba(0,0,0,0)}:host([disabled][indeterminate]) [part~=indicator],:host(:disabled[indeterminate]) [part~=indicator]{fill:none}:host([disabled][indeterminate]) [part~=indicator] rect,:host(:disabled[indeterminate]) [part~=indicator] rect{fill:var(--disabled-tick-color)}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-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(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}:host(:not([disabled],:state(ig-invalid)):hover) [part="control checked"]::after,:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part="control checked"]::after{border-color:var(--fill-color-hover)}[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part~=control]{padding:max(var(--is-large, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part~=control]::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--border-radius-ripple)}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=base]{gap:.125rem}[part~=base] [part~=control]::before{opacity:.06}[part~=base]:hover [part~=control]::before{background:var(--empty-color)}[part="base checked"]:hover [part~=control]::before{background:var(--fill-color-hover)}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part="base focused"]:hover [part~=control]::before,[part="base focused"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked"]:focus-visible [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part="base focused"] [part~=control]::before{background:var(--fill-color)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::before{background:var(--fill-color-hover)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="base focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part="base focused"] [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="base checked"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)) [part="base checked focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part="base checked"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part="base checked focused"] [part~=control]::before{background:var(--error-color);opacity:.12}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid):hover) [part="control checked"]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after{border-color:var(--error-color-hover);background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}`;
+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(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}:host(:not([disabled],:state(ig-invalid)):hover) [part="control checked"]::after,:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part="control checked"]::after{border-color:var(--fill-color-hover)}[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part~=control]{padding:max(var(--is-large, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part~=control]::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--border-radius-ripple)}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=base]{gap:.125rem}[part~=base] [part~=control]::before{opacity:.06}[part~=base]:hover [part~=control]::before{background:var(--empty-color)}[part="base checked"]:hover [part~=control]::before{background:var(--fill-color-hover)}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part="base focused"]:hover [part~=control]::before,[part="base focused"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked"]:focus-visible [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part="base focused"] [part~=control]::before{background:var(--fill-color)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::before{background:var(--fill-color-hover)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="base focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part="base focused"] [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="base checked"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)) [part="base checked focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part="base checked"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part="base checked focused"] [part~=control]::before{background:var(--error-color);opacity:.12}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid):hover) [part="control checked"]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after{border-color:var(--error-color-hover);background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{border-color:rgba(0,0,0,0)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{border-color:rgba(0,0,0,0)}`;
 //# sourceMappingURL=checkbox.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ijRAAijR,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(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}:host(:not([disabled],:state(ig-invalid)):hover) [part=\"control checked\"]::after,:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part=\"control checked\"]::after{border-color:var(--fill-color-hover)}[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part~=control]{padding:max(var(--is-large, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part~=control]::before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--border-radius-ripple)}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=base]{gap:.125rem}[part~=base] [part~=control]::before{opacity:.06}[part~=base]:hover [part~=control]::before{background:var(--empty-color)}[part=\"base checked\"]:hover [part~=control]::before{background:var(--fill-color-hover)}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part=\"base focused\"]:hover [part~=control]::before,[part=\"base focused\"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked\"]:focus-visible [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before,[part=\"base checked focused\"] [part~=control]::before{background:var(--fill-color);opacity:.12}[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part=\"base focused\"] [part~=control]::before{background:var(--fill-color)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::before{background:var(--fill-color-hover)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"base focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"base focused\"] [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)) [part=\"base checked focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"base checked focused\"] [part~=control]::before{background:var(--error-color);opacity:.12}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid):hover) [part=\"control checked\"]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after{border-color:var(--error-color-hover);background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}`;\n  "]}
+{"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s+QAAs+Q,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(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}:host(:not([disabled],:state(ig-invalid)):hover) [part=\"control checked\"]::after,:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part=\"control checked\"]::after{border-color:var(--fill-color-hover)}[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part~=control]{padding:max(var(--is-large, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part~=control]::before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--border-radius-ripple)}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=base]{gap:.125rem}[part~=base] [part~=control]::before{opacity:.06}[part~=base]:hover [part~=control]::before{background:var(--empty-color)}[part=\"base checked\"]:hover [part~=control]::before{background:var(--fill-color-hover)}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part=\"base focused\"]:hover [part~=control]::before,[part=\"base focused\"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked\"]:focus-visible [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before,[part=\"base checked focused\"] [part~=control]::before{background:var(--fill-color);opacity:.12}[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part=\"base focused\"] [part~=control]::before{background:var(--fill-color)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::before{background:var(--fill-color-hover)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"base focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"base focused\"] [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)) [part=\"base checked focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"base checked focused\"] [part~=control]::before{background:var(--error-color);opacity:.12}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid):hover) [part=\"control checked\"]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after{border-color:var(--error-color-hover);background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{border-color:rgba(0,0,0,0)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{border-color:rgba(0,0,0,0)}`;\n  "]}

package/components/chip/chip.d.ts

@@ -22,6 +22,7 @@ declare const IgcChipComponent_base: Constructor<import("../common/mixins/event-
  * @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 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.
  */

package/components/chip/chip.js

@@ -125,7 +125,9 @@ export default class IgcChipComponent extends EventEmitterMixin(LitElement) {
         @click=${this._handleSelect}
       >
         ${this._renderPrefix()}
-        <slot></slot>
+        <span part="content">
+          <slot></slot>
+        </span>
         ${this._renderSuffix()}
       </button>
     `;

package/components/chip/chip.js.map

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

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:.0625rem solid;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))));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))}: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=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=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=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=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)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center}::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{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:.0625rem solid;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=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=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=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=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)}[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,4sJAA4sJ,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:.0625rem solid;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))));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))}: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=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=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=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=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)}[part=prefix],[part=suffix]{display:flex;align-items:center;justify-content:center}::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,4sJAA4sJ,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:.0625rem solid;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=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=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=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=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)}[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.indigo.css.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s3GAAs3G,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, var(--ig-gray-700));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-900));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-700));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--text-color: var(--ig-chip-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-50)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-50)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}`;\n  "]}
+{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/dark/chip.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u7GAAu7G,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-chip-focus-outline-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-chip-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--border-color: var(--ig-chip-border-color, var(--ig-gray-100));--ghost-background: var(--ig-chip-ghost-background, var(--ig-gray-100));--ghost-text-color: var(--ig-chip-ghost-text-color, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-50-contrast));--hover-background: var(--ig-chip-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-border-color: var(--ig-chip-hover-border-color, var(--ig-gray-200));--focus-text-color: var(--ig-chip-focus-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-border-color: var(--ig-chip-focus-border-color, var(--ig-gray-100));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-900-contrast));--selected-border-color: var(--ig-chip-selected-border-color, var(--ig-primary-500));--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-900-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, var(--ig-primary-400));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, var(--ig-primary-400));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, var(--ig-primary-500));--disabled-text-color: var(--ig-chip-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-background: var(--ig-chip-disabled-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--disabled-border-color: var(--ig-chip-disabled-border-color, var(--ig-gray-50));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--text-color: var(--ig-chip-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focus-background: var(--ig-chip-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-900-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, var(--ig-primary-500));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-info-800)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-success-900)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-gray-50)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{color:var(--ig-gray-50);box-shadow:0 0 0 .1875rem var(--ig-warn-900)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{color:var(--ig-gray-50)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--ig-error-900)}:host([selected]) button[disabled],:host([variant=primary]) button[disabled]{color:hsl(from var(--ig-primary-900-contrast) h s l/0.2)}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);border-color:var(--border-color);outline:none;height:var(--size)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color);border-color:var(--focus-border-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color);border-color:var(--hover-border-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color);border-color:var(--disabled-border-color)}:host button ::slotted([slot=remove]){color:var(--remove-icon-color)}:host button ::slotted([slot=remove]):focus-within{color:var(--remove-icon-color-focus)}:host button slot[name=remove] igc-icon,:host button slot[name=remove] ::slotted(igc-icon){color:var(--remove-icon-color)}:host button slot[name=remove]:focus-within igc-icon,:host button slot[name=remove]:focus-within ::slotted(igc-icon){color:var(--remove-icon-color-focus)}:host button igc-icon,:host button ::slotted(igc-icon){--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size);display:inline-flex;place-items:center}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color);border-color:var(--selected-border-color)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background);color:var(--focus-selected-text-color);border-color:var(--focus-selected-border-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background);color:var(--hover-selected-text-color);border-color:var(--hover-selected-border-color)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);border-color:var(--border-color);outline:none;height:var(--size)}:host button [part=content]{padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*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.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button:focus{background:var(--focus-background);color:var(--focus-text-color);border-color:var(--focus-border-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color);border-color:var(--hover-border-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color);border-color:var(--disabled-border-color)}:host button ::slotted([slot=remove]){color:var(--remove-icon-color)}:host button ::slotted([slot=remove]):focus-within{color:var(--remove-icon-color-focus)}:host button slot[name=remove] igc-icon,:host button slot[name=remove] ::slotted(igc-icon){color:var(--remove-icon-color)}:host button slot[name=remove]:focus-within igc-icon,:host button slot[name=remove]:focus-within ::slotted(igc-icon){color:var(--remove-icon-color-focus)}:host button igc-icon,:host button ::slotted(igc-icon){--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size);display:inline-flex;place-items:center}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color);border-color:var(--selected-border-color)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background);color:var(--focus-selected-text-color);border-color:var(--focus-selected-border-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background);color:var(--hover-selected-text-color);border-color:var(--hover-selected-border-color)}`;
 //# sourceMappingURL=chip.common.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yoEAAyoE,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);border-color:var(--border-color);outline:none;height:var(--size)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color);border-color:var(--focus-border-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color);border-color:var(--hover-border-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color);border-color:var(--disabled-border-color)}:host button ::slotted([slot=remove]){color:var(--remove-icon-color)}:host button ::slotted([slot=remove]):focus-within{color:var(--remove-icon-color-focus)}:host button slot[name=remove] igc-icon,:host button slot[name=remove] ::slotted(igc-icon){color:var(--remove-icon-color)}:host button slot[name=remove]:focus-within igc-icon,:host button slot[name=remove]:focus-within ::slotted(igc-icon){color:var(--remove-icon-color-focus)}:host button igc-icon,:host button ::slotted(igc-icon){--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size);display:inline-flex;place-items:center}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color);border-color:var(--selected-border-color)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background);color:var(--focus-selected-text-color);border-color:var(--focus-selected-border-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background);color:var(--hover-selected-text-color);border-color:var(--hover-selected-border-color)}`;\n  "]}
+{"version":3,"file":"chip.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6iFAA6iF,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);border-color:var(--border-color);outline:none;height:var(--size)}:host button [part=content]{padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*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.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host button:focus{background:var(--focus-background);color:var(--focus-text-color);border-color:var(--focus-border-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color);border-color:var(--hover-border-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color);border-color:var(--disabled-border-color)}:host button ::slotted([slot=remove]){color:var(--remove-icon-color)}:host button ::slotted([slot=remove]):focus-within{color:var(--remove-icon-color-focus)}:host button slot[name=remove] igc-icon,:host button slot[name=remove] ::slotted(igc-icon){color:var(--remove-icon-color)}:host button slot[name=remove]:focus-within igc-icon,:host button slot[name=remove]:focus-within ::slotted(igc-icon){color:var(--remove-icon-color-focus)}:host button igc-icon,:host button ::slotted(igc-icon){--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size);display:inline-flex;place-items:center}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color);border-color:var(--selected-border-color)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background);color:var(--focus-selected-text-color);border-color:var(--focus-selected-border-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background);color:var(--hover-selected-text-color);border-color:var(--hover-selected-border-color)}`;\n  "]}

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

@@ -1 +1 @@
-{"version":3,"file":"combo-header.js","sourceRoot":"","sources":["../../../src/components/combo/combo-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gEAAgE,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAG3D,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;aACtC,YAAO,GAAW,kBAAkB,CAAC;aACrC,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;IAC7C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { all } from '../dropdown/themes/header.js';\nimport { styles as shared } from '../dropdown/themes/shared/header/dropdown-header.common.css.js';\nimport { styles } from './themes/combo-header.base.css.js';\n\n/* blazorSuppress */\nexport default class IgcComboHeaderComponent extends LitElement {\n  public static readonly tagName: string = 'igc-combo-header';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcComboHeaderComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-header': IgcComboHeaderComponent;\n  }\n}\n"]}
+{"version":3,"file":"combo-header.js","sourceRoot":"","sources":["../../../src/components/combo/combo-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gEAAgE,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAG3D,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;aACtC,YAAO,GAAW,kBAAkB,CAAC;aACrC,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;IAC7C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { all } from '../dropdown/themes/header.js';\nimport { styles as shared } from '../dropdown/themes/shared/header/dropdown-header.common.css.js';\nimport { styles } from './themes/combo-header.base.css.js';\n\n/* blazorSuppress */\nexport default class IgcComboHeaderComponent extends LitElement {\n  public static readonly tagName: string = 'igc-combo-header';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcComboHeaderComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-header': IgcComboHeaderComponent;\n  }\n}\n"]}

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

@@ -1,6 +1,6 @@
 import { LitElement, type PropertyValues } from 'lit';
 export default class IgcComboItemComponent extends LitElement {
-    static readonly tagName: string;
+    static readonly tagName = "igc-combo-item";
     static styles: import("lit").CSSResult[];
     static register(): void;
     private readonly _internals;
@@ -13,17 +13,21 @@ export default class IgcComboItemComponent extends LitElement {
     selected: boolean;
     /**
      * Determines whether the item is active.
+     * @attr active
+     * @default false
      */
     active: boolean;
     /**
      * Determines whether the item is active.
      * @attr hide-checkbox
+     * @default false
      */
     hideCheckbox: boolean;
     constructor();
+    /** @internal */
     connectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues<this>): void;
-    private renderCheckbox;
+    protected willUpdate(props: PropertyValues<this>): void;
+    private _renderCheckbox;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/combo/combo-item.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
+import { cache } from 'lit/directives/cache.js';
 import { addThemingController } from '../../theming/theming-controller.js';
 import IgcCheckboxComponent from '../checkbox/checkbox.js';
 import { addInternalsController } from '../common/controllers/internals.js';
@@ -36,12 +37,12 @@ export default class IgcComboItemComponent extends LitElement {
         super.connectedCallback();
         this.role = 'option';
     }
-    willUpdate(changedProperties) {
-        if (changedProperties.has('selected')) {
+    willUpdate(props) {
+        if (props.has('selected')) {
             this._internals.setARIA({ ariaSelected: this.selected.toString() });
         }
     }
-    renderCheckbox() {
+    _renderCheckbox() {
         return html `
       <section part="prefix">
         <igc-checkbox
@@ -54,7 +55,7 @@ export default class IgcComboItemComponent extends LitElement {
     }
     render() {
         return html `
-      ${!this.hideCheckbox ? this.renderCheckbox() : nothing}
+      ${cache(this.hideCheckbox ? nothing : this._renderCheckbox())}
       <section id="content" part="content">
         <slot></slot>
       </section>

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

@@ -1 +1 @@
-{"version":3,"file":"combo-item.js","sourceRoot":"","sources":["../../../src/components/combo/combo-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4DAA4D,CAAC;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAGzD,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;aACpC,YAAO,GAAW,gBAAgB,AAA3B,CAA4B;aACnC,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;IACjE,CAAC;IAiCD;QACE,KAAK,EAAE,CAAC;QAhCO,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,OAAO;aACtB;SACF,CAAC,CAAC;QAWI,aAAQ,GAAG,KAAK,CAAC;QAMjB,WAAM,GAAG,KAAK,CAAC;QAOf,iBAAY,GAAG,KAAK,CAAC;QAI1B,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IAEkB,UAAU,CAAC,iBAAuC;QACnE,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACtE,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAA;;;mBAGI,IAAI;qBACF,IAAI,CAAC,QAAQ;;;;KAI7B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;QACP,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,OAAO;;;;KAIvD,CAAC;IACJ,CAAC;;AA1DM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACT;AAQf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACnB;AAMjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDACrB;AAOf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;2DAC5B","sourcesContent":["import { html, LitElement, nothing, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcCheckboxComponent from '../checkbox/checkbox.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { all } from '../dropdown/themes/item.js';\nimport { styles as shared } from '../dropdown/themes/shared/item/dropdown-item.common.css.js';\nimport { styles } from './themes/combo-item.base.css.js';\n\n/* blazorSuppress */\nexport default class IgcComboItemComponent extends LitElement {\n  public static readonly tagName: string = 'igc-combo-item';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcComboItemComponent, IgcCheckboxComponent);\n  }\n\n  private readonly _internals = addInternalsController(this, {\n    initialARIA: {\n      role: 'option',\n      ariaSelected: 'false',\n    },\n  });\n\n  @property({ attribute: false })\n  public index!: number;\n\n  /**\n   * Determines whether the item is selected.\n   * @attr selected\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the item is active.\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /**\n   * Determines whether the item is active.\n   * @attr hide-checkbox\n   */\n  @property({ type: Boolean, attribute: 'hide-checkbox' })\n  public hideCheckbox = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'option';\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('selected')) {\n      this._internals.setARIA({ ariaSelected: this.selected.toString() });\n    }\n  }\n\n  private renderCheckbox() {\n    return html`\n      <section part=\"prefix\">\n        <igc-checkbox\n          .inert=${true}\n          ?checked=${this.selected}\n          exportparts=\"control: checkbox, indicator: checkbox-indicator, checked\"\n        ></igc-checkbox>\n      </section>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      ${!this.hideCheckbox ? this.renderCheckbox() : nothing}\n      <section id=\"content\" part=\"content\">\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-item': IgcComboItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"combo-item.js","sourceRoot":"","sources":["../../../src/components/combo/combo-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4DAA4D,CAAC;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAGzD,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;aACpC,YAAO,GAAG,gBAAgB,AAAnB,CAAoB;aAC3B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;IACjE,CAAC;IAoCD;QACE,KAAK,EAAE,CAAC;QAnCO,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,OAAO;aACtB;SACF,CAAC,CAAC;QAWI,aAAQ,GAAG,KAAK,CAAC;QAQjB,WAAM,GAAG,KAAK,CAAC;QAQf,iBAAY,GAAG,KAAK,CAAC;QAI1B,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAGe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IAEkB,UAAU,CAAC,KAA2B;QACvD,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACtE,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA;;;mBAGI,IAAI;qBACF,IAAI,CAAC,QAAQ;;;;KAI7B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;QACP,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;;;;KAI9D,CAAC;IACJ,CAAC;;AA9DM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACT;AAQf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACnB;AAQjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDACrB;AAQf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;2DAC5B","sourcesContent":["import { html, LitElement, nothing, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcCheckboxComponent from '../checkbox/checkbox.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { all } from '../dropdown/themes/item.js';\nimport { styles as shared } from '../dropdown/themes/shared/item/dropdown-item.common.css.js';\nimport { styles } from './themes/combo-item.base.css.js';\n\n/* blazorSuppress */\nexport default class IgcComboItemComponent extends LitElement {\n  public static readonly tagName = 'igc-combo-item';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcComboItemComponent, IgcCheckboxComponent);\n  }\n\n  private readonly _internals = addInternalsController(this, {\n    initialARIA: {\n      role: 'option',\n      ariaSelected: 'false',\n    },\n  });\n\n  @property({ attribute: false })\n  public index!: number;\n\n  /**\n   * Determines whether the item is selected.\n   * @attr selected\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the item is active.\n   * @attr active\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /**\n   * Determines whether the item is active.\n   * @attr hide-checkbox\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'hide-checkbox' })\n  public hideCheckbox = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /** @internal */\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.role = 'option';\n  }\n\n  protected override willUpdate(props: PropertyValues<this>): void {\n    if (props.has('selected')) {\n      this._internals.setARIA({ ariaSelected: this.selected.toString() });\n    }\n  }\n\n  private _renderCheckbox() {\n    return html`\n      <section part=\"prefix\">\n        <igc-checkbox\n          .inert=${true}\n          ?checked=${this.selected}\n          exportparts=\"control: checkbox, indicator: checkbox-indicator, checked\"\n        ></igc-checkbox>\n      </section>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      ${cache(this.hideCheckbox ? nothing : this._renderCheckbox())}\n      <section id=\"content\" part=\"content\">\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-item': IgcComboItemComponent;\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"combo-list.js","sourceRoot":"","sources":["../../../src/components/combo/combo-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAItE,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,cAAc;IAAjE;;QAEkB,aAAQ,GAAG,IAAI,CAAC;IAMlC,CAAC;aAPwB,YAAO,GAAG,gBAAgB,AAAnB,CAAoB;IAI3C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC","sourcesContent":["import { LitVirtualizer } from '@lit-labs/virtualizer/LitVirtualizer.js';\n\nimport { registerComponent } from '../common/definitions/register.js';\n\n/* blazorSuppress */\n/* blazorAlternateBaseType: BaseElement */\nexport default class IgcComboListComponent extends LitVirtualizer {\n  public static readonly tagName = 'igc-combo-list';\n  public override scroller = true;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcComboListComponent);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-list': IgcComboListComponent;\n  }\n}\n"]}
+{"version":3,"file":"combo-list.js","sourceRoot":"","sources":["../../../src/components/combo/combo-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAItE,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,cAAc;IAAjE;;QAEkB,aAAQ,GAAG,IAAI,CAAC;IAMlC,CAAC;aAPwB,YAAO,GAAG,gBAAgB,AAAnB,CAAoB;IAI3C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC","sourcesContent":["import { LitVirtualizer } from '@lit-labs/virtualizer/LitVirtualizer.js';\nimport { registerComponent } from '../common/definitions/register.js';\n\n/* blazorSuppress */\n/* blazorAlternateBaseType: BaseElement */\nexport default class IgcComboListComponent extends LitVirtualizer {\n  public static readonly tagName = 'igc-combo-list';\n  public override scroller = true;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcComboListComponent);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-list': IgcComboListComponent;\n  }\n}\n"]}