npm - igniteui-webcomponents - Versions diffs - 4.7.0 → 4.8.1 - Mend

igniteui-webcomponents 4.7.0 → 4.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1202) hide show

package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 .0625rem var(--empty-color);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part="control checked"]::after{background:var(--fill-color);-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=indicator]{stroke:var(--tick-color);stroke-width:1.5;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out}:host(:hover) [part="indicator checked"]{stroke:var(--tick-color)}:host(:hover) [part="control checked"]::after,:host(:focus-within) [part="control checked"]::after{background:var(--fill-color-hover);-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:"";-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition-duration:.1s;transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part="control checked"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-within) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part="control checked"]::after,:host([indeterminate]:focus-within) [part~=control] [part="control checked"]::after{background:rgba(0,0,0,0)}:host([invalid]:not([disabled])) [part~=label]{color:var(--error-color)}:host([invalid]:not([disabled])) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host([invalid]:not([disabled])) [part="control checked"]::after{background:var(--error-color)}:host([invalid]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:focus-within) [part="control checked"]::after{background:var(--error-color-hover)}:host([invalid]:hover) [part~=indicator]{stroke:var(--error-color)}:host([invalid]:hover) [part="indicator checked"]{stroke:var(--tick-color)}:host([invalid]:hover) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:hover) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled])[invalid][indeterminate]):hover [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]):hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]):hover [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]):hover [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host([invalid][checked]) [part="control checked"]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color);background:var(--error-color)}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 .0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));width:calc(100% + 0.125rem*2);height:calc(100% + 0.125rem*2)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled][invalid]) [part="control checked"]::after,:host(:disabled[invalid]) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::before,:host(:disabled[invalid][indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::after,:host(:disabled[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}`;
+export const styles = css `[part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 .0625rem var(--empty-color);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part="control checked"]::after{background:var(--fill-color);-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);stroke-width:1.5;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out}:host(:hover) [part="indicator checked"]{stroke:var(--tick-color)}:host(:hover) [part="control checked"]::after,:host(:focus-within) [part="control checked"]::after{background:var(--fill-color-hover);-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:"";-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition-duration:.1s;transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part="control checked"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-within) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part="control checked"]::after,:host([indeterminate]:focus-within) [part~=control] [part="control checked"]::after{background:rgba(0,0,0,0)}:host([invalid]:not([disabled])) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host([invalid]:not([disabled])) [part="control checked"]::after{background:var(--error-color)}:host([invalid]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:focus-within) [part="control checked"]::after{background:var(--error-color-hover)}:host([invalid]:hover) [part~=indicator]{stroke:var(--error-color)}:host([invalid]:hover) [part="indicator checked"]{stroke:var(--tick-color)}:host([invalid]:hover) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:hover) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled])[invalid][indeterminate]):hover [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]):hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]):hover [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]):hover [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host([invalid][checked]) [part="control checked"]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color);background:var(--error-color)}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 .0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));width:calc(100% + 0.125rem*2);height:calc(100% + 0.125rem*2)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled][invalid]) [part="control checked"]::after,:host(:disabled[invalid]) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::before,:host(:disabled[invalid][indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::after,:host(:disabled[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}`;
 //# sourceMappingURL=checkbox.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~msOAAmsO~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 .0625rem var(--empty-color);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part=\"control checked\"]::after{background:var(--fill-color);-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=indicator]{stroke:var(--tick-color);stroke-width:1.5;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out}:host(:hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host(:hover) [part=\"control checked\"]::after,:host(:focus-within) [part=\"control checked\"]::after{background:var(--fill-color-hover);-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:\"\";-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition-duration:.1s;transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-within) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part=\"control checked\"]::after,:host([indeterminate]:focus-within) [part~=control] [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host([invalid]:not([disabled])) [part~=~~label]{color:var(--error-color)}:host([invalid]:not([disabled])) [part~=~~control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host([invalid]:not([disabled])) [part=\"control checked\"]::after{background:var(--error-color)}:host([invalid]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:focus-within) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host([invalid]:hover) [part~=indicator]{stroke:var(--error-color)}:host([invalid]:hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host([invalid]:hover) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled])[invalid][indeterminate]):hover [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]):hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]):hover [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]):hover [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host([invalid][checked]) [part=\"control checked\"]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color);background:var(--error-color)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 .0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));width:calc(100% + 0.125rem2);height:calc(100% + 0.125rem2)}:host([disabled]) [part~=~~label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}:host([disabled]) [part~=~~control]::after,:host(:disabled) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled][invalid]) [part=\"control checked\"]::after,:host(:disabled[invalid]) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::before,:host(:disabled[invalid][indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::after,:host(:disabled[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}`;\n"]}
1	+ {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mmNAAmmN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 .0625rem var(--empty-color);box-shadow:inset 0 0 0 .0625rem var(--empty-color)}[part=\"control checked\"]::after{background:var(--fill-color);-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);stroke-width:1.5;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}:host(:hover) [part~=indicator]{opacity:1;stroke:var(--tick-color-hover);stroke-dashoffset:0;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out}:host(:hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host(:hover) [part=\"control checked\"]::after,:host(:focus-within) [part=\"control checked\"]::after{background:var(--fill-color-hover);-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:var(--border-radius);display:block;width:inherit;height:inherit;content:\"\";-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition-duration:.1s;transition-duration:.1s;background:var(--fill-color);z-index:1}:host([indeterminate]) [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host([indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-within) [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control] [part=\"control checked\"]::after,:host([indeterminate]:focus-within) [part~=control] [part=\"control checked\"]::after{background:rgba(0,0,0,0)}:host([invalid]:not([disabled])) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color)}:host([invalid]:not([disabled])) [part=\"control checked\"]::after{background:var(--error-color)}:host([invalid]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:focus-within) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host([invalid]:hover) [part~=indicator]{stroke:var(--error-color)}:host([invalid]:hover) [part=\"indicator checked\"]{stroke:var(--tick-color)}:host([invalid]:hover) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host([invalid]:hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::before{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color);background:rgba(0,0,0,0)}:host(:not([disabled])[invalid][indeterminate]):hover [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]):hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]):hover [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]):hover [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]):focus-within [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]):focus-within [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);box-shadow:inset 0 0 0 .0625rem var(--error-color-hover);background:rgba(0,0,0,0)}:host([invalid][checked]) [part=\"control checked\"]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--error-color);box-shadow:inset 0 0 0 .0625rem var(--error-color);background:var(--error-color)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 .0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--ig-gray-700), var(--ig-gray-a));width:calc(100% + 0.125rem2);height:calc(100% + 0.125rem2)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::before,:host(:disabled[indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled][invalid]) [part=\"control checked\"]::after,:host(:disabled[invalid]) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::before,:host(:disabled[invalid][indeterminate]) [part~=control]::before{background:var(--disabled-color)}:host([disabled][invalid][indeterminate]) [part~=control]::after,:host(:disabled[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 .0625rem var(--disabled-color);box-shadow:inset 0 0 0 .0625rem var(--disabled-color);background:rgba(0,0,0,0)}`;\n"]}

package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{font-weight:600}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);color:var(--label-color)}[part~=control]{border-radius:var(--border-radius-ripple);width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part="indicator checked"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part="control checked"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}:host([indeterminate]) [part~=control]{background:var(--fill-color)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after{border-color:var(--fill-color-hover)}:host([indeterminate]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--ig-secondary-200), 0.87);box-shadow:0 0 0 .25rem hsla(var(--ig-secondary-200), 0.87)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"],:host(:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:inset 0 0 0 .25rem var(--error-color);box-shadow:inset 0 0 0 .25rem var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=control],:host(:hover:not([disabled])[invalid]) [part="control checked"],:host(:hover:not(:disabled)[invalid]) [part~=control],:host(:hover:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part="control checked"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:inset 0 0 0 .25rem var(--error-color);box-shadow:inset 0 0 0 .25rem var(--error-color);background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after,:host([disabled][invalid]) [part="control checked"]::after,:host(:disabled[invalid]) [part="control checked"]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label],:host([disabled][invalid]) [part~=label],:host(:disabled[invalid]) [part~=label]{color:var(--disabled-color-label)}: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{font-weight:600}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);width:var(--size, 1rem);height:var(--size, 1rem);min-width:var(--size, 1rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part="indicator checked"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part~=label]{color:var(--label-color-hover)}:host(:hover) [part~=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part="control checked"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}: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-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-color)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"],:host(:not(:disabled)[invalid]) [part="control checked"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=label],:host(:hover:not(:disabled)[invalid]) [part~=label],:host(:hover:not([disabled])[invalid][indeterminate]) [part~=label],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{background:var(--error-color-hover)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part="control checked"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after,:host([disabled][invalid]) [part="control checked"]::after,:host(:disabled[invalid]) [part="control checked"]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator],:host([disabled][invalid]) [part~=indicator],:host(:disabled[invalid]) [part~=indicator]{stroke-opacity:.4}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}`;
 //# sourceMappingURL=checkbox.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~ywKAAywK~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-weight:600}[part~=~~label~~]{~~font-family:var(~~--~~ig-body-1-font-family, var(--ig-font-family));font-~~size:~~var(--ig-body-1-font-size)~~;font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);color:var(--label-color)}[part~=control]{border-radius:var(--border-radius-ripple);width:var(--size, ~~1.25rem~~);height:var(--size, ~~1.25rem~~);min-width:var(--size, ~~1.25rem~~);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part=\"indicator checked\"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}:host([indeterminate]) [part~=control]{background:var(--fill-color)~~}:host([indeterminate]) [part~=control]::after{~~border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]{background:var(--fill-color-hover)~~}:host([indeterminate]:hover) [part~=control]::after{~~border-color:var(--fill-color-hover)}:host([indeterminate]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .~~25rem~~ ~~hsla(~~var(--ig-~~secondary~~-~~200~~)~~, 0.87)~~;box-shadow:0 0 0 .~~25rem~~ ~~hsla(~~var(--ig-~~secondary~~-~~200~~)~~, 0.87)~~}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--~~error~~-color)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"],:host(:not(:disabled)[invalid]) [part=\"control checked\"]{-~~webkit-box-shadow:inset 0 0 0 .25rem var(--error-~~color~~);box-shadow~~:~~inset 0 0 0 .25rem~~ var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:~~hover:~~not([disabled])[invalid]) [part~=control],:host(:~~hover~~:not([disabled])[invalid]) [part~~=\"~~control ~~checked\"~~],:host(:hover:not(:disabled)[invalid]) [part~=~~control~~],:host(:hover:not(:disabled)[invalid]) [part~~=\"control checked\"~~]{~~-webkit-box-shadow~~:~~0 0 0 .25rem~~ var(--~~error~~-color-hover)~~;box-shadow~~:0 0 0 ~~.25rem~~ ~~var~~(~~--error-color-~~hover)}:host(:~~focus-within~~:not([disabled])[invalid]) [part~=control],:host(:~~focus-within~~:not([disabled])[invalid]) [part=\"control checked\"],:host(:~~focus-within~~:not(:disabled)[invalid]) [part~=control],:host(:~~focus-within~~:not(:disabled)[invalid]) [part=\"control checked\"]{-~~webkit-box-shadow~~:~~0 0 0 .25rem~~ var(--error-color-hover)~~;box-shadow~~:0 0 0 ~~.25rem~~ var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{~~-webkit-box-shadow~~:~~inset 0 0 0 .25rem~~ var(--error-color)~~;box-shadow~~:~~inset 0 0 0 .25rem var~~(~~--error~~-~~color);background~~:~~var~~(~~--error-color~~)}:host(:~~hover~~:not([disabled])[invalid][~~indeterminate~~]) [part~=control],:host(:~~hover~~:not(:disabled)[invalid]~~[indeterminate]~~) [part~=control]{-webkit-box-shadow:0 0 0 .~~25rem~~ var(--~~error~~-color-~~hover~~);box-shadow:0 0 0 .~~25rem~~ var(--~~error~~-color-~~hover~~)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .~~25rem~~ var(--~~error~~-color-~~hover~~);box-shadow:0 0 0 .~~25rem~~ var(--~~error~~-color-~~hover~~)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after,:host([disabled][invalid]) [part=\"control checked\"]::after,:host(:disabled[invalid]) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);border-color:~~var~~(~~--disabled-indeterminate-color~~)}:host([disabled]) [part~=~~label~~],:host(:disabled) [part~=~~label~~],:host([disabled][invalid]) [part~=~~label~~],:host(:disabled[invalid]) [part~=~~label~~]{~~color:var(--disabled~~-~~color-label)~~}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:~~var~~(~~--disabled-indeterminate-color~~)}`;\n"]}
1	+ {"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8sLAA8sL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-weight:600}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);width:var(--size, 1rem);height:var(--size, 1rem);min-width:var(--size, 1rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part=\"indicator checked\"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part~=label]{color:var(--label-color-hover)}:host(:hover) [part~=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}: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-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-color)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"],:host(:not(:disabled)[invalid]) [part=\"control checked\"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=label],:host(:hover:not(:disabled)[invalid]) [part~=label],:host(:hover:not([disabled])[invalid][indeterminate]) [part~=label],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part=\"control checked\"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after,:host([disabled][invalid]) [part=\"control checked\"]::after,:host(:disabled[invalid]) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator],:host([disabled][invalid]) [part~=indicator],:host(:disabled[invalid]) [part~=indicator]{stroke-opacity:.4}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[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);color:var(--label-color)}[part~=indicator]{stroke:var(--tick-color)}[part~=control]{--size: 1.25rem;width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);-webkit-transition:background .15s ease-in;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]:hover [part~=control]::before{background:var(--empty-color);opacity:.06}[part="base checked"]:hover [part~=control]::before{background:var(--fill-color);opacity:.06}[part=base]:focus-within:hover [part~=control]::before,[part=base]:focus-within [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-within:hover [part~=control]::before,[part="base checked"]:focus-within [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part=base]:focus-within [part~=control]::before,:host([indeterminate]) [part="base focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=base]:hover [part~=control]::before,:host(:not(:disabled)[invalid]) [part~=base]:hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid]) [part="base focused"] [part~=control]::before,:host(:not(:disabled)[invalid]) [part="base focused"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=base]:hover [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part~=base]:hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part="base focused"] [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part="base focused"] [part~=control]::before{background:var(--error-color-hover)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}: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 `[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~=indicator]{stroke:var(--tick-color)}[part~=control]{--size: 1.25rem;width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);-webkit-transition:background .15s ease-in;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]:hover [part~=control]::before{background:var(--empty-color);opacity:.06}[part="base checked"]:hover [part~=control]::before{background:var(--fill-color);opacity:.06}[part=base]:focus-within:hover [part~=control]::before,[part=base]:focus-within [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-within:hover [part~=control]::before,[part="base checked"]:focus-within [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part=base]:focus-within [part~=control]::before,:host([indeterminate]) [part="base focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=base]:hover [part~=control]::before,:host(:not(:disabled)[invalid]) [part~=base]:hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid]) [part="base focused"] [part~=control]::before,:host(:not(:disabled)[invalid]) [part="base focused"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=base]:hover [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part~=base]:hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part="base focused"] [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part="base focused"] [part~=control]::before{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)}`;
 //# sourceMappingURL=checkbox.material.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~wjIAAwjI~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[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)~~;color:var(--label-color)~~}[part~=indicator]{stroke:var(--tick-color)}[part~=control]{--size: 1.25rem;width:calc(var(--size)2);height:calc(var(--size)2);min-width:calc(var(--size)*2);-webkit-transition:background .15s ease-in;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]:hover [part~=control]::before{background:var(--empty-color);opacity:.06}[part=\"base checked\"]:hover [part~=control]::before{background:var(--fill-color);opacity:.06}[part=base]:focus-within:hover [part~=control]::before,[part=base]:focus-within [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-within:hover [part~=control]::before,[part=\"base checked\"]:focus-within [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before,[part=\"base checked focused\"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part=base]:focus-within [part~=control]::before,:host([indeterminate]) [part=\"base focused\"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host(:not([disabled])[invalid]) [part~=~~label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=~~control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=base]:hover [part~=control]::before,:host(:not(:disabled)[invalid]) [part~=base]:hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid]) [part=\"base focused\"] [part~=control]::before,:host(:not(:disabled)[invalid]) [part=\"base focused\"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=base]:hover [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part~=base]:hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part=\"base focused\"] [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part=\"base focused\"] [part~=control]::before{background:var(--error-color-hover)}:host([disabled]) [part~=~~label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}: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"]}
1	+ {"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w0HAAw0H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[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~=indicator]{stroke:var(--tick-color)}[part~=control]{--size: 1.25rem;width:calc(var(--size)2);height:calc(var(--size)2);min-width:calc(var(--size)*2);-webkit-transition:background .15s ease-in;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]:hover [part~=control]::before{background:var(--empty-color);opacity:.06}[part=\"base checked\"]:hover [part~=control]::before{background:var(--fill-color);opacity:.06}[part=base]:focus-within:hover [part~=control]::before,[part=base]:focus-within [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-within:hover [part~=control]::before,[part=\"base checked\"]:focus-within [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before,[part=\"base checked focused\"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part=base]:focus-within [part~=control]::before,:host([indeterminate]) [part=\"base focused\"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=base]:hover [part~=control]::before,:host(:not(:disabled)[invalid]) [part~=base]:hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid]) [part=\"base focused\"] [part~=control]::before,:host(:not(:disabled)[invalid]) [part=\"base focused\"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=base]:hover [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part~=base]:hover [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part=\"base focused\"] [part~=control]::before,:host(:not(:disabled)[invalid][indeterminate]) [part=\"base focused\"] [part~=control]::before{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"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));border-color:var(--focus-fill-color)}[part~=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a))}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset);background:hsla(var(--ig-gray-400), var(--ig-gray-a))}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}[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);color:hsla(var(--ig-gray-900), var(--ig-gray-a))}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb]:not([part~=checked]),:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]:not([part~=checked]){background:var(--error-color)}:host(:not([disabled])[invalid]) [part=focused][part~=control],:host(:not([disabled])[invalid]) [part=focused][part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part=focused][part~=control],:host(:not(:disabled)[invalid]) [part=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-invalid-color)}:host([disabled]) [part~=control]{background:var(--track-disabled-color);border-color:var(--border-disabled-color)}:host([disabled]) [part~=control][part~=checked]{background:var(--track-on-disabled-color);border-color:var(--track-on-disabled-color)}:host([disabled]) [part~=thumb]{background:var(--thumb-disabled-color)}:host([disabled]) [part~=thumb][part~=checked]{background:var(--thumb-on-disabled-color)}:host([disabled]) [part~=label]{color:var(--label-disabled-color)}`;
+export const styles = css `:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));border-color:var(--focus-fill-color)}[part~=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a))}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset);background:hsla(var(--ig-gray-400), var(--ig-gray-a))}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb]:not([part~=checked]),:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]:not([part~=checked]){background:var(--error-color)}:host(:not([disabled])[invalid]) [part=focused][part~=control],:host(:not([disabled])[invalid]) [part=focused][part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part=focused][part~=control],:host(:not(:disabled)[invalid]) [part=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host([disabled]) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}`;
 //# sourceMappingURL=switch.bootstrap.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~s9GAAs9G~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));border-color:var(--focus-fill-color)}[part~=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a))}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset);background:hsla(var(--ig-gray-400), var(--ig-gray-a))}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)2);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)2)}~~[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);color:hsla(var(--ig-gray-900), var(--ig-gray-a))}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb]:not([part~=checked]),:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]:not([part~=checked]){background:var(--error-color)}:host(:not([disabled])[invalid]) [part=focused][part~=control],:host(:not([disabled])[invalid]) [part=focused][part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part=focused][part~=control],:host(:not(:disabled)[invalid]) [part=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host(~~:not(~~[disabled])~~[invalid])~~ [part~=~~label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-invalid-color)}:host([disabled]) [part~=~~control]~~{background:var(--track-disabled-color);border-color:var(--border-disabled-color)}:host(~~[~~disabled]) [~~part~=~~control][part~=~~checked]{~~background:var(--track-on-disabled-color);~~border-color:var(--track-on-disabled-color)}:host([disabled]) [part~=thumb]{background:var(--thumb-disabled-color)}:host([disabled]) [part~=thumb][part~=checked]{background:var(--thumb-on-disabled-color)}:host([disabled]) [part~=label]{color:var(--label-disabled-color)}`;\n"]}
1	+ {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s+EAAs+E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));border-color:var(--focus-fill-color)}[part~=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a))}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset);background:hsla(var(--ig-gray-400), var(--ig-gray-a))}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)2);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)2)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb]:not([part~=checked]),:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]:not([part~=checked]){background:var(--error-color)}:host(:not([disabled])[invalid]) [part=focused][part~=control],:host(:not([disabled])[invalid]) [part=focused][part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part=focused][part~=control],:host(:not(:disabled)[invalid]) [part=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host([disabled]) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}`;\n"]}

package/components/checkbox/themes/shared/switch/switch.common.css.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[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);color:var(--label-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--label-disabled-color)}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--track-disabled-color);border-color:var(--border-disabled-color)}:host([disabled]) [part~=thumb][part~=checked],:host(:disabled) [part~=thumb][part~=checked]{background:var(--thumb-on-disabled-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{background:var(--track-on-disabled-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--thumb-disabled-color)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-invalid-color)}`;
+//# sourceMappingURL=switch.common.css.js.map

package/components/checkbox/themes/shared/switch/switch.common.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"switch.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8wCAA8wC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[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);color:var(--label-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--label-disabled-color)}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--track-disabled-color);border-color:var(--border-disabled-color)}:host([disabled]) [part~=thumb][part~=checked],:host(:disabled) [part~=thumb][part~=checked]{background:var(--thumb-on-disabled-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{background:var(--track-on-disabled-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--thumb-disabled-color)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-invalid-color)}`;\n"]}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~khIAAkhI~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.5rem;--thumb-size: 0.75rem;--border-size: 0.125rem;--thumb-offset: calc(var(--thumb-size) / 2 - 0.125rem);--label-gap: 0.5rem}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1.25rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{-webkit-margin-start:calc(100% - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset));background:var(--thumb-on-color)}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)~~;color:var(--label-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out~~}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 .0625rem var(--focus-outline-color);box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.125rem2);height:calc(100% + 0.125rem2)}:host(:not([disabled]):hover) [part~=control],:host(:not(:disabled):hover) [part~=control]{border-color:var(--border-hover-color)}:host(:not([disabled]):hover) [part~=control][part~=checked],:host(:not(:disabled):hover) [part~=control][part~=checked]{background:var(--track-on-hover-color);border-color:var(--border-on-hover-color)}:host(:not([disabled]):hover) [part~=thumb],:host(:not(:disabled):hover) [part~=thumb]{background:var(--border-hover-color)}:host(:not([disabled]):hover) [part~=thumb][part~=checked],:host(:not(:disabled):hover) [part~=thumb][part~=checked]{background:var(--thumb-on-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{background:var(--track-error-color)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=thumb],:host(:not(:disabled)[invalid]) [part~=thumb]{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=focused],:host(:not([disabled])[invalid]) [part~=control][part~=checked][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=checked][part~=focused]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=thumb][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb][part~=checked]{background:var(--thumb-on-error-color)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-invalid-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--label-disabled-color)}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--track-disabled-color);border-color:var(--border-disabled-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{background:var(--track-on-disabled-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--thumb-disabled-color)}:host([disabled]) [part~=thumb][part~=checked],:host(:disabled) [part~=thumb][part~=checked]{background:var(--thumb-on-disabled-color)}`;\n"]}
1	+ {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wsGAAwsG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.5rem;--thumb-size: 0.75rem;--border-size: 0.125rem;--thumb-offset: calc(var(--thumb-size) / 2 - 0.125rem);--label-gap: 0.5rem}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1.25rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{-webkit-margin-start:calc(100% - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset));background:var(--thumb-on-color)}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 .0625rem var(--focus-outline-color);box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.125rem2);height:calc(100% + 0.125rem2)}:host(:not([disabled]):hover) [part~=control],:host(:not(:disabled):hover) [part~=control]{border-color:var(--border-hover-color)}:host(:not([disabled]):hover) [part~=control][part~=checked],:host(:not(:disabled):hover) [part~=control][part~=checked]{background:var(--track-on-hover-color);border-color:var(--border-on-hover-color)}:host(:not([disabled]):hover) [part~=thumb],:host(:not(:disabled):hover) [part~=thumb]{background:var(--border-hover-color)}:host(:not([disabled]):hover) [part~=thumb][part~=checked],:host(:not(:disabled):hover) [part~=thumb][part~=checked]{background:var(--thumb-on-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{background:var(--track-error-color)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=thumb],:host(:not(:disabled)[invalid]) [part~=thumb]{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=focused],:host(:not([disabled])[invalid]) [part~=control][part~=checked][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=checked][part~=focused]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=thumb][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb][part~=checked]{background:var(--thumb-on-error-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--size: 2.125rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=control][part~=focused]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}[part~=control][part~=checked][part~=focused]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:.125rem solid var(--border-color);background:var(--track-off-color)}[part~=control][part~=checked]{border-color:var(--border-on-color);background:var(--track-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color)}[part~=thumb]:not([part~=checked]){-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(100% - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset))}[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);color:var(--label-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host(:not([disabled])[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control]{background:var(--track-error-color)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb],:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=focused],:host(:not([disabled])[invalid]) [part~=control][part~=checked][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=checked][part~=focused]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=thumb][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb][part~=checked]{background:var(--thumb-on-error-color)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-invalid-color)}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{border-color:var(--border-disabled-color);background:var(--track-disabled-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:var(--border-disabled-color);background:var(--track-on-disabled-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--thumb-disabled-color)}:host([disabled]) [part~=thumb][part~=checked],:host(:disabled) [part~=thumb][part~=checked]{background:var(--thumb-on-disabled-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--label-disabled-color)}`;
+export const styles = css `:host{--size: 2.125rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=control][part~=focused]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}[part~=control][part~=checked][part~=focused]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:.125rem solid var(--border-color);background:var(--track-off-color)}[part~=control][part~=checked]{border-color:var(--border-on-color);background:var(--track-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color)}[part~=thumb]:not([part~=checked]){-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(100% - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset))}:host(:not([disabled])[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control]{background:var(--track-error-color)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb],:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=focused],:host(:not([disabled])[invalid]) [part~=control][part~=checked][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=checked][part~=focused]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=thumb][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb][part~=checked]{background:var(--thumb-on-error-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:var(--border-disabled-color)}`;
 //# sourceMappingURL=switch.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~ivHAAivH~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.125rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=control][part~=focused]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}[part~=control][part~=checked][part~=focused]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:.125rem solid var(--border-color);background:var(--track-off-color)}[part~=control][part~=checked]{border-color:var(--border-on-color);background:var(--track-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color)}[part~=thumb]:not([part~=checked]){-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(100% - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset))}~~[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);color:var(--label-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host(:not([disabled])[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control]{background:var(--track-error-color)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb],:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=focused],:host(:not([disabled])[invalid]) [part~=control][part~=checked][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=checked][part~=focused]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=thumb][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb][part~=checked]{background:var(--thumb-on-error-color)}:host(~~:not(~~[disabled])~~[invalid])~~ [part~=~~label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-invalid-color)}:host([disabled]) [part~=~~control]~~,:host(:disabled)~~ [part~=~~control]{border-color:var(--border-disabled-color);background:var(--track-disabled-color)}:host([disabled]) [part~=control][part~=~~checked],:host(:disabled) [part~=control][part~=checked]{border-color:var(--border-disabled-color)~~;background:var(--track-on-disabled-color)~~}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--thumb-disabled-color)}:host([disabled]) [part~=thumb][part~=checked],:host(:disabled) [part~=thumb][part~=checked]{background:var(--thumb-on-disabled-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--label-disabled-color)}`;\n"]}
1	+ {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,skFAAskF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.125rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=control][part~=focused]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}[part~=control][part~=checked][part~=focused]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:.125rem solid var(--border-color);background:var(--track-off-color)}[part~=control][part~=checked]{border-color:var(--border-on-color);background:var(--track-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color)}[part~=thumb]:not([part~=checked]){-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(100% - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset))}:host(:not([disabled])[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control]{background:var(--track-error-color)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb],:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=focused],:host(:not([disabled])[invalid]) [part~=control][part~=checked][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=focused],:host(:not(:disabled)[invalid]) [part~=control][part~=checked][part~=focused]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=thumb][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb][part~=checked]{background:var(--thumb-on-error-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{border-color:var(--border-disabled-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.5rem}[part~=base]:hover [part~=thumb]::after{background:var(--track-off-color);opacity:.06}[part~=base]:hover [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.06}[part~=base]:hover [part~=control]{border-color:var(--border-hover-color)}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=base]:focus-within [part~=thumb]::after{background:var(--track-off-color);opacity:.12}[part~=base]:focus-within [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);-webkit-animation-name:thumb-off;animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);-webkit-box-shadow:var(--ig-elevation-2);box-shadow:var(--ig-elevation-2);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:"";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden}[part~=thumb]:hover{-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));-webkit-animation-name:thumb-on;animation-name:thumb-on;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}[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);color:var(--label-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host([invalid]) [part~=control]{border-color:var(--track-error-color);background:var(--track-error-color)}:host([invalid]) [part~=thumb]{background:var(--error-color)}:host([invalid]) [part~=thumb][part~=checked]{background:var(--thumb-on-error-color)}:host([invalid]) [part~=thumb][part~=focused]::after{background:var(--error-color-hover)}:host([invalid]):hover [part~=thumb]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-invalid-color)}:host(:not([disabled])[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control]{background:var(--track-error-color)}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--track-disabled-color);border-color:var(--border-disabled-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{background:var(--track-on-disabled-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{-webkit-box-shadow:var(--ig-elevation-1);box-shadow:var(--ig-elevation-1);background:var(--thumb-disabled-color)}:host([disabled]) [part~=thumb][part~=checked],:host(:disabled) [part~=thumb][part~=checked]{background:var(--thumb-on-disabled-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--label-disabled-color)}`;
+export const styles = css `:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.5rem}[part~=base]:hover [part~=thumb]::after{background:var(--track-off-color);opacity:.06}[part~=base]:hover [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.06}[part~=base]:hover [part~=control]{border-color:var(--border-hover-color)}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=base]:focus-within [part~=thumb]::after{background:var(--track-off-color);opacity:.12}[part~=base]:focus-within [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);-webkit-animation-name:thumb-off;animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);-webkit-box-shadow:var(--ig-elevation-2);box-shadow:var(--ig-elevation-2);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:"";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden}[part~=thumb]:hover{-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));-webkit-animation-name:thumb-on;animation-name:thumb-on;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([invalid]) [part~=control]{border-color:var(--track-error-color);background:var(--track-error-color)}:host([invalid]) [part~=thumb]{background:var(--error-color)}:host([invalid]) [part~=thumb][part~=checked]{background:var(--thumb-on-error-color)}:host([invalid]) [part~=thumb][part~=focused]::after{background:var(--error-color-hover)}:host([invalid]):hover [part~=thumb]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control]{background:var(--track-error-color)}`;
 //# sourceMappingURL=switch.material.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~40HAA40H~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.5rem}[part~=base]:hover [part~=thumb]::after{background:var(--track-off-color);opacity:.06}[part~=base]:hover [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.06}[part~=base]:hover [part~=control]{border-color:var(--border-hover-color)}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=base]:focus-within [part~=thumb]::after{background:var(--track-off-color);opacity:.12}[part~=base]:focus-within [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);-webkit-animation-name:thumb-off;animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);-webkit-box-shadow:var(--ig-elevation-2);box-shadow:var(--ig-elevation-2);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:\"\";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden}[part~=thumb]:hover{-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));-webkit-animation-name:thumb-on;animation-name:thumb-on;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}~~[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);color:var(--label-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host([invalid]) [part~=control]{border-color:var(--track-error-color);background:var(--track-error-color)}:host([invalid]) [part~=thumb]{background:var(--error-color)}:host([invalid]) [part~=thumb][part~=checked]{background:var(--thumb-on-error-color)}:host([invalid]) [part~=thumb][part~=focused]::after{background:var(--error-color-hover)}:host([invalid]):hover [part~=thumb]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=~~label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-invalid-color)}:host(:not([disabled])[invalid]) [part~=~~control],:host(:not(:disabled)[invalid]) [part~=control]{background:var(--track-error-color)}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:var(--track-disabled-color);border-color:var(--border-disabled-color)}:host([disabled]) [part~=control][part~=checked],:host(:disabled) [part~=control][part~=checked]{background:var(--track-on-disabled-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{-webkit-box-shadow:var(--ig-elevation-1);box-shadow:var(--ig-elevation-1);background:var(--thumb-disabled-color)}:host([disabled]) [part~=thumb][part~=checked],:host(:disabled) [part~=thumb][part~=checked]{background:var(--thumb-on-disabled-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--label-disabled-color)}`;\n"]}
1	+ {"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s/EAAs/E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.5rem}[part~=base]:hover [part~=thumb]::after{background:var(--track-off-color);opacity:.06}[part~=base]:hover [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.06}[part~=base]:hover [part~=control]{border-color:var(--border-hover-color)}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=base]:focus-within [part~=thumb]::after{background:var(--track-off-color);opacity:.12}[part~=base]:focus-within [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);-webkit-animation-name:thumb-off;animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);-webkit-box-shadow:var(--ig-elevation-2);box-shadow:var(--ig-elevation-2);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:\"\";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden}[part~=thumb]:hover{-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));-webkit-animation-name:thumb-on;animation-name:thumb-on;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([invalid]) [part~=control]{border-color:var(--track-error-color);background:var(--track-error-color)}:host([invalid]) [part~=thumb]{background:var(--error-color)}:host([invalid]) [part~=thumb][part~=checked]{background:var(--thumb-on-error-color)}:host([invalid]) [part~=thumb][part~=focused]::after{background:var(--error-color-hover)}:host([invalid]):hover [part~=thumb]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control]{background:var(--track-error-color)}`;\n"]}

package/components/checkbox/themes/switch-themes.js CHANGED Viewed

@@ -3,15 +3,20 @@ import { styles as bootstrapDark } from './dark/switch/switch.bootstrap.css.js';
 import { styles as fluentDark } from './dark/switch/switch.fluent.css.js';
 import { styles as indigoDark } from './dark/switch/switch.indigo.css.js';
 import { styles as materialDark } from './dark/switch/switch.material.css.js';
+import { styles as sharedDark } from './dark/switch/switch.shared.css.js';
 import { styles as bootstrapLight } from './light/switch/switch.bootstrap.css.js';
 import { styles as fluentLight } from './light/switch/switch.fluent.css.js';
 import { styles as indigoLight } from './light/switch/switch.indigo.css.js';
 import { styles as materialLight } from './light/switch/switch.material.css.js';
+import { styles as sharedLight } from './light/switch/switch.shared.css.js';
 import { styles as bootstrap } from './shared/switch/switch.bootstrap.css.js';
 import { styles as fluent } from './shared/switch/switch.fluent.css.js';
 import { styles as indigo } from './shared/switch/switch.indigo.css.js';
 import { styles as material } from './shared/switch/switch.material.css.js';
 const light = {
+    shared: css `
+    ${sharedLight}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapLight}
   `,
@@ -26,6 +31,9 @@ const light = {
   `,
 };
 const dark = {
+    shared: css `
+    ${sharedDark}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapDark}
   `,

package/components/checkbox/themes/switch-themes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch-themes.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/switch-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;~~AAE9E~~,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;~~AAEhF~~,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAG5E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/switch/switch.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/switch/switch.fluent.css.js';\nimport { styles as indigoDark } from './dark/switch/switch.indigo.css.js';\nimport { styles as materialDark } from './dark/switch/switch.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/switch/switch.bootstrap.css.js';\nimport { styles as fluentLight } from './light/switch/switch.fluent.css.js';\nimport { styles as indigoLight } from './light/switch/switch.indigo.css.js';\nimport { styles as materialLight } from './light/switch/switch.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/switch/switch.bootstrap.css.js';\nimport { styles as fluent } from './shared/switch/switch.fluent.css.js';\nimport { styles as indigo } from './shared/switch/switch.indigo.css.js';\nimport { styles as material } from './shared/switch/switch.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1	+ {"version":3,"file":"switch-themes.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/switch-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAE1E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAE5E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAG5E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/switch/switch.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/switch/switch.fluent.css.js';\nimport { styles as indigoDark } from './dark/switch/switch.indigo.css.js';\nimport { styles as materialDark } from './dark/switch/switch.material.css.js';\nimport { styles as sharedDark } from './dark/switch/switch.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/switch/switch.bootstrap.css.js';\nimport { styles as fluentLight } from './light/switch/switch.fluent.css.js';\nimport { styles as indigoLight } from './light/switch/switch.indigo.css.js';\nimport { styles as materialLight } from './light/switch/switch.material.css.js';\nimport { styles as sharedLight } from './light/switch/switch.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/switch/switch.bootstrap.css.js';\nimport { styles as fluent } from './shared/switch/switch.fluent.css.js';\nimport { styles as indigo } from './shared/switch/switch.indigo.css.js';\nimport { styles as material } from './shared/switch/switch.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n shared: css`\n ${sharedLight}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${sharedDark}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/chip/chip.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export interface IgcChipEventMap {
     igcRemove: CustomEvent<boolean>;
     igcSelect: CustomEvent<boolean>;
 }
-declare const IgcChipComponent_base: Constructor<import("../common/mixins/sizable.js").SizableInterface> & import("../common/mixins/constructor.js").AbstractConstructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcChipEventMap>> & Constructor<LitElement>;
+declare const IgcChipComponent_base: Constructor<import("../common/mixins/sizable.js").SizableInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcChipEventMap>> & Constructor<LitElement>;
 /**
  * Chips help people enter information, make selections, filter content, or trigger actions.
  *

package/components/chip/chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAO,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAuBhC,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,YAAY,CACxD,iBAAiB,CAA2C,UAAU,CAAC,CACxE;~~IAIQ~~,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IAC5C,CAAC;IAwCD;QACE,KAAK,EAAE,CAAC;QAvCF,mBAAc,GAAyB,SAAS,EAAE,CAAC;QAOpD,aAAQ,GAAG,KAAK,CAAC;QAOjB,cAAS,GAAG,KAAK,CAAC;QAOlB,eAAU,GAAG,KAAK,CAAC;QAQnB,aAAQ,GAAG,KAAK,CAAC;QAWtB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QAErB,cAAc,CAAC,IAAI,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,cAAc;YACxB,eAAe,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;SACzC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3C,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,QAAQ;yBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,IAAI,CAAC,YAAY;;;YAGtB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,WAAW;;yBAE9B,IAAI,CAAC,IAAI;;;;sBAIZ;YACV,CAAC,CAAC,OAAO;;;;;;;;YAQT,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;kBACA,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;8BACZ,IAAI,CAAC,WAAW;yBACrB,IAAI,CAAC,YAAY;;;;yBAIjB,IAAI,CAAC,IAAI;;;;;;;sBAOZ;YACV,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;;~~AArHsB~~,wBAAO,GAAG,UAAU,AAAb,CAAc;AAC9B,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;~~AAajC~~;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAClB;AAOlB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAQnB;IAFN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC1C,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC;kDAChB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC2C;~~AA9CpD~~,gBAAgB;IADpC,MAAM,CAAC,GAAG,CAAC;GACS,gBAAgB,~~CAyHpC~~;~~eAzHoB~~,gBAAgB","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Ref, createRef, ref } from 'lit/directives/ref.js';\n\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';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport IgcIconComponent from '../icon/icon.js';\n\nexport interface IgcChipEventMap {\n igcRemove: CustomEvent<boolean>;\n igcSelect: CustomEvent<boolean>;\n}\n/*\n Chips help people enter information, make selections, filter content, or trigger actions.\n \n @element igc-chip\n \n @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n \n @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n \n @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n /\n@themes(all)\nexport default class IgcChipComponent extends SizableMixin(\n EventEmitterMixin<IgcChipEventMap, Constructor<LitElement>>(LitElement)\n) {\n public static readonly tagName = 'igc-chip';\n public static styles = [styles, shared];\n\n public static register() {\n registerComponent(this, IgcIconComponent);\n }\n\n private _removePartRef: Ref<HTMLSlotElement> = createRef();\n\n /\n Sets the disabled state for the chip.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /\n Defines if the chip is removable or not.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public removable = false;\n\n /\n Defines if the chip is selectable or not.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public selectable = false;\n\n /\n Defines if the chip is selected or not.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n @blazorTwoWayBind('igcSelect', 'detail')\n public selected = false;\n\n /\n A property that sets the color variant of the chip component.\n * @attr\n */\n @property({ reflect: true })\n public variant!: 'primary' \| 'success' \| 'danger' \| 'warning' \| 'info';\n\n constructor() {\n super();\n this.size = 'medium';\n\n addKeybindings(this, {\n ref: this._removePartRef,\n bindingDefaults: { triggers: ['keyup'] },\n }).setActivateHandler(this.handleRemove);\n }\n\n protected handleSelect() {\n if (this.selectable) {\n this.selected = !this.selected;\n this.emitEvent('igcSelect', { detail: this.selected });\n }\n }\n\n protected handleRemove(e: Event) {\n this.emitEvent('igcRemove');\n e.stopPropagation();\n }\n\n protected override render() {\n return html`\n <button\n part=\"base\"\n .disabled=\"${this.disabled}\"\n aria-selected=\"${this.selected ? 'true' : 'false'}\"\n aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n @click=${this.handleSelect}\n >\n <span part=\"prefix\">\n ${this.selectable && this.selected\n ? html`<slot @slotchange=${this.slotChanges} name=\"select\">\n <igc-icon\n size=${this.size}\n name=\"chip_select\"\n collection=\"internal\"\n ></igc-icon>\n </slot>`\n : nothing}\n <slot name=\"start\"></slot>\n <slot name=\"prefix\"></slot>\n </span>\n <slot></slot>\n <span part=\"suffix\">\n <slot name=\"end\"></slot>\n <slot name=\"suffix\"></slot>\n ${this.removable && !this.disabled\n ? html`<slot\n ${ref(this._removePartRef)}\n @slotchange=${this.slotChanges}\n @click=${this.handleRemove}\n name=\"remove\"\n >\n <igc-icon\n size=${this.size}\n name=\"chip_cancel\"\n collection=\"internal\"\n tabindex=\"0\"\n role=\"button\"\n aria-label=\"remove\"\n ></igc-icon>\n </slot>`\n : nothing}\n </span>\n </button>\n `;\n }\n\n protected slotChanges() {\n this.requestUpdate();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-chip': IgcChipComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAO,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAuBhC,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,YAAY,CACxD,iBAAiB,CAA2C,UAAU,CAAC,CACxE;IAKQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IAC5C,CAAC;IAwCD;QACE,KAAK,EAAE,CAAC;QAvCF,mBAAc,GAAyB,SAAS,EAAE,CAAC;QAOpD,aAAQ,GAAG,KAAK,CAAC;QAOjB,cAAS,GAAG,KAAK,CAAC;QAOlB,eAAU,GAAG,KAAK,CAAC;QAQnB,aAAQ,GAAG,KAAK,CAAC;QAWtB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QAErB,cAAc,CAAC,IAAI,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,cAAc;YACxB,eAAe,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;SACzC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3C,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,QAAQ;yBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,IAAI,CAAC,YAAY;;;YAGtB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,WAAW;;yBAE9B,IAAI,CAAC,IAAI;;;;sBAIZ;YACV,CAAC,CAAC,OAAO;;;;;;;;YAQT,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;kBACA,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;8BACZ,IAAI,CAAC,WAAW;yBACrB,IAAI,CAAC,YAAY;;;;yBAIjB,IAAI,CAAC,IAAI;;;;;;;sBAOZ;YACV,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;;AAtHsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AAC9B,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAcjC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAClB;AAOlB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAQnB;IAFN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC1C,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC;kDAChB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC2C;AA/CpD,gBAAgB;IADpC,MAAM,CAAC,GAAG,CAAC;GACS,gBAAgB,CA0HpC;eA1HoB,gBAAgB","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Ref, createRef, ref } from 'lit/directives/ref.js';\n\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';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport IgcIconComponent from '../icon/icon.js';\n\nexport interface IgcChipEventMap {\n igcRemove: CustomEvent<boolean>;\n igcSelect: CustomEvent<boolean>;\n}\n/*\n Chips help people enter information, make selections, filter content, or trigger actions.\n \n @element igc-chip\n \n @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n \n @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n \n @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n /\n@themes(all)\nexport default class IgcChipComponent extends SizableMixin(\n EventEmitterMixin<IgcChipEventMap, Constructor<LitElement>>(LitElement)\n) {\n public static readonly tagName = 'igc-chip';\n public static styles = [styles, shared];\n\n / blazorSuppress /\n public static register() {\n registerComponent(this, IgcIconComponent);\n }\n\n private _removePartRef: Ref<HTMLSlotElement> = createRef();\n\n /\n Sets the disabled state for the chip.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /\n Defines if the chip is removable or not.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public removable = false;\n\n /\n Defines if the chip is selectable or not.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public selectable = false;\n\n /\n Defines if the chip is selected or not.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n @blazorTwoWayBind('igcSelect', 'detail')\n public selected = false;\n\n /\n A property that sets the color variant of the chip component.\n * @attr\n */\n @property({ reflect: true })\n public variant!: 'primary' \| 'success' \| 'danger' \| 'warning' \| 'info';\n\n constructor() {\n super();\n this.size = 'medium';\n\n addKeybindings(this, {\n ref: this._removePartRef,\n bindingDefaults: { triggers: ['keyup'] },\n }).setActivateHandler(this.handleRemove);\n }\n\n protected handleSelect() {\n if (this.selectable) {\n this.selected = !this.selected;\n this.emitEvent('igcSelect', { detail: this.selected });\n }\n }\n\n protected handleRemove(e: Event) {\n this.emitEvent('igcRemove');\n e.stopPropagation();\n }\n\n protected override render() {\n return html`\n <button\n part=\"base\"\n .disabled=\"${this.disabled}\"\n aria-selected=\"${this.selected ? 'true' : 'false'}\"\n aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n @click=${this.handleSelect}\n >\n <span part=\"prefix\">\n ${this.selectable && this.selected\n ? html`<slot @slotchange=${this.slotChanges} name=\"select\">\n <igc-icon\n size=${this.size}\n name=\"chip_select\"\n collection=\"internal\"\n ></igc-icon>\n </slot>`\n : nothing}\n <slot name=\"start\"></slot>\n <slot name=\"prefix\"></slot>\n </span>\n <slot></slot>\n <span part=\"suffix\">\n <slot name=\"end\"></slot>\n <slot name=\"suffix\"></slot>\n ${this.removable && !this.disabled\n ? html`<slot\n ${ref(this._removePartRef)}\n @slotchange=${this.slotChanges}\n @click=${this.handleRemove}\n name=\"remove\"\n >\n <igc-icon\n size=${this.size}\n name=\"chip_cancel\"\n collection=\"internal\"\n tabindex=\"0\"\n role=\"button\"\n aria-label=\"remove\"\n ></igc-icon>\n </slot>`\n : nothing}\n </span>\n </button>\n `;\n }\n\n protected slotChanges() {\n this.requestUpdate();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-chip': IgcChipComponent;\n }\n}\n"]}

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

@@ -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;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host igc-icon{--size: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1rem, -1 * 1rem))}: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);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--ig-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;padding:max(var(--is-large, 1)*max(12px, -1 * 12px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--ig-primary-500), var(--ig-primary-a));color:var(--ig-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--ig-primary-600), var(--ig-primary-a));color:var(--ig-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--ig-primary-800), var(--ig-primary-a));color:var(--ig-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--ig-info-500), var(--ig-info-a));color:var(--ig-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--ig-info-600), var(--ig-info-a));color:var(--ig-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--ig-info-800), var(--ig-info-a));color:var(--ig-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--ig-success-500), var(--ig-success-a));color:var(--ig-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--ig-success-600), var(--ig-success-a));color:var(--ig-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--ig-success-800), var(--ig-success-a));color:var(--ig-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--ig-warn-500), var(--ig-warn-a));color:var(--ig-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--ig-warn-600), var(--ig-warn-a));color:var(--ig-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--ig-warn-800), var(--ig-warn-a));color:var(--ig-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--ig-error-500), var(--ig-error-a));color:var(--ig-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--ig-error-600), var(--ig-error-a));color:var(--ig-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--ig-error-800), var(--ig-error-a));color:var(--ig-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part=prefix]{-webkit-margin-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=suffix]{-webkit-margin-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-inline-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}`;
+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;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host igc-icon{--size: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1rem, -1 * 1rem))}: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);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--ig-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;padding:max(var(--is-large, 1)*max(12px, -1 * 12px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--ig-primary-500), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--ig-primary-600), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--ig-primary-800), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--ig-info-500), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-500-contrast) 100%, transparent)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--ig-info-600), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-600-contrast) 100%, transparent)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--ig-info-800), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-800-contrast) 100%, transparent)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--ig-success-500), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-500-contrast) 100%, transparent)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--ig-success-600), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-600-contrast) 100%, transparent)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--ig-success-800), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-800-contrast) 100%, transparent)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--ig-warn-500), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-500-contrast) 100%, transparent)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--ig-warn-600), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-600-contrast) 100%, transparent)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--ig-warn-800), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-800-contrast) 100%, transparent)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--ig-error-500), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-500-contrast) 100%, transparent)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--ig-error-600), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-600-contrast) 100%, transparent)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--ig-error-800), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-800-contrast) 100%, transparent)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part=prefix]{-webkit-margin-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=suffix]{-webkit-margin-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-inline-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.1875rem, -1 * 0.1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}`;
 //# sourceMappingURL=chip.base.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~8sNAA8sN~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport 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;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host igc-icon{--size: max(var(--is-large, 1) max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1rem, -1 * 1rem))}: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);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--ig-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;padding:max(var(--is-large, 1)max(12px, -1 12px)var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)max(6px, -1 * 6px)var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)max(2px, -1 * 2px)var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--ig-primary-500), var(--ig-primary-a));color:var(--ig-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--ig-primary-600), var(--ig-primary-a));color:var(--ig-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--ig-primary-800), var(--ig-primary-a));color:var(--ig-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--ig-info-500), var(--ig-info-a));color:var(--ig-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--ig-info-600), var(--ig-info-a));color:var(--ig-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--ig-info-800), var(--ig-info-a));color:var(--ig-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--ig-success-500), var(--ig-success-a));color:var(--ig-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--ig-success-600), var(--ig-success-a));color:var(--ig-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--ig-success-800), var(--ig-success-a));color:var(--ig-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--ig-warn-500), var(--ig-warn-a));color:var(--ig-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--ig-warn-600), var(--ig-warn-a));color:var(--ig-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--ig-warn-800), var(--ig-warn-a));color:var(--ig-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--ig-error-500), var(--ig-error-a));color:var(--ig-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--ig-error-600), var(--ig-error-a));color:var(--ig-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--ig-error-800), var(--ig-error-a));color:var(--ig-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part=prefix]{-webkit-margin-end:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-inline-end:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=suffix]{-webkit-margin-start:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-inline-start:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}::slotted(){display:-webkit-box;display:-ms-flexbox;display:flex}`;\n"]}
1	+ {"version":3,"file":"chip.base.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uxOAAuxO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport 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;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host igc-icon{--size: max(var(--is-large, 1) max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1rem, -1 * 1rem))}: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);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--ig-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;padding:max(var(--is-large, 1)max(12px, -1 12px)var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)max(6px, -1 * 6px)var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)max(2px, -1 * 2px)var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button[disabled]{pointer-events:none}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--ig-primary-500), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--ig-primary-600), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--ig-primary-800), var(--ig-primary-a));color:color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--ig-info-500), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-500-contrast) 100%, transparent)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--ig-info-600), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-600-contrast) 100%, transparent)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--ig-info-800), var(--ig-info-a));color:color-mix(in oklch, var(--ig-info-800-contrast) 100%, transparent)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--ig-success-500), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-500-contrast) 100%, transparent)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--ig-success-600), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-600-contrast) 100%, transparent)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--ig-success-800), var(--ig-success-a));color:color-mix(in oklch, var(--ig-success-800-contrast) 100%, transparent)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--ig-warn-500), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-500-contrast) 100%, transparent)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--ig-warn-600), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-600-contrast) 100%, transparent)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--ig-warn-800), var(--ig-warn-a));color:color-mix(in oklch, var(--ig-warn-800-contrast) 100%, transparent)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--ig-error-500), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-500-contrast) 100%, transparent)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--ig-error-600), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-600-contrast) 100%, transparent)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--ig-error-800), var(--ig-error-a));color:color-mix(in oklch, var(--ig-error-800-contrast) 100%, transparent)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part=prefix]{-webkit-margin-end:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-inline-end:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=suffix]{-webkit-margin-start:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));margin-inline-start:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.1875rem, -1 * 0.1875rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}::slotted(){display:-webkit-box;display:-ms-flexbox;display:flex}`;\n"]}