npm - igniteui-webcomponents - Versions diffs - 5.0.1 → 5.0.2 - Mend

igniteui-webcomponents 5.0.1 → 5.0.2

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 (482) hide show

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)}label{gap:.125rem}[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-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part="base focused"]:hover [part~=control]::before,[part="base focused"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked"]:focus-visible [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before,:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part="base focused"] [part~=control]::before{background:var(--fill-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)}: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)}`;
+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)}label{gap:.125rem}[part~=control]{--size: 1.25rem;width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);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-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part="base focused"]:hover [part~=control]::before,[part="base focused"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked"]:focus-visible [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before,:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part="base focused"] [part~=control]::before{background:var(--fill-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)}: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,~~yvHAAyvH~~,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)}label{gap:.125rem}[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-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part=\"base focused\"]:hover [part~=control]::before,[part=\"base focused\"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked\"]:focus-visible [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before,[part=\"base checked focused\"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before,:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part=\"base focused\"] [part~=control]::before{background:var(--fill-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)}: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"]}
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,8sHAA8sH,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)}label{gap:.125rem}[part~=control]{--size: 1.25rem;width:calc(var(--size)2);height:calc(var(--size)2);min-width:calc(var(--size)*2);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-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part=\"base focused\"]:hover [part~=control]::before,[part=\"base focused\"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked\"]:focus-visible [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before,[part=\"base checked focused\"] [part~=control]::before{background:var(--fill-color);opacity:.12}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:hover [part~=control]::before,:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part=\"base focused\"] [part~=control]::before{background:var(--fill-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)}: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~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--focus-outline-color);box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-color)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);-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:var(--thumb-off-color)}[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]):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]):hover) [part~=focused]:not([part~=checked]) [part~=thumb],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked]) [part~=thumb]{background:var(--focus-fill-hover-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked])[part~=control],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked])[part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--focus-outline-color);box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-hover-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]: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)}`;
+export const styles = css `:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-color)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled]):hover) [part~=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]):hover) [part~=focused]:not([part~=checked]) [part~=thumb],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked]) [part~=thumb]{background:var(--focus-fill-hover-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked])[part~=control],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked])[part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-hover-color)}:host(: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]{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,~~4tHAA4tH~~,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~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{~~-webkit-~~box-shadow:0 0 0 .25rem var(--focus-outline-color);~~box-shadow:0 0 0 .25rem var(--focus-outline-color);~~border-color:var(--focus-fill-color)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color)~~;-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:var(--thumb-off-color)}[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]):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]):hover) [part~=focused]:not([part~=checked]) [part~=thumb],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked]) [part~=thumb]{background:var(--focus-fill-hover-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked])[part~=control],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked])[part~=control]{~~-webkit-~~box-shadow:0 0 0 .25rem var(--focus-outline-color);~~box-shadow:0 0 0 .25rem var(--focus-outline-color);~~border-color:var(--focus-fill-hover-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]: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"]}
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,o3GAAo3G,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~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-color)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled]):hover) [part~=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]):hover) [part~=focused]:not([part~=checked]) [part~=thumb],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked]) [part~=thumb]{background:var(--focus-fill-hover-color)}:host(:not([disabled]):hover) [part~=focused]:not([part~=checked])[part~=control],:host(:not(:disabled):hover) [part~=focused]:not([part~=checked])[part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color);border-color:var(--focus-fill-hover-color)}:host(: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]{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 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);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host(:hover) [part~=label]{color:var(--label-hover-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~=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)}`;
+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);transition:all .2s ease-in-out}:host(:hover) [part~=label]{color:var(--label-hover-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~=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 CHANGED Viewed

	@@ -1 +1 @@
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,~~y0CAAy0C~~,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(:hover) [part~=label]{color:var(--label-hover-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~=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"]}
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,kyCAAkyC,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);transition:all .2s ease-in-out}:host(:hover) [part~=label]{color:var(--label-hover-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~=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.1875rem);--label-gap: 0.5rem}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1.25rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-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.1875rem;left:-0.1875rem;-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.1875rem*2);height:calc(100% + 0.1875rem*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)}`;
+export const styles = css `:host{--size: 2.5rem;--thumb-size: 0.75rem;--border-size: 0.125rem;--thumb-offset: calc(var(--thumb-size) / 2 - 0.1875rem);--label-gap: 0.5rem}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1.25rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset));background:var(--thumb-on-color)}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.1875rem;left:-0.1875rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.1875rem*2);height:calc(100% + 0.1875rem*2)}:host(:not([disabled]):hover) [part~=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]{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,~~6sGAA6sG~~,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.1875rem);--label-gap: 0.5rem}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1.25rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size)~~;-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.1875rem;left:-0.1875rem~~;-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.1875rem2);height:calc(100% + 0.1875rem2)}: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"]}
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,m+FAAm+F,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.1875rem);--label-gap: 0.5rem}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1.25rem;background:var(--track-off-color);border:.0625rem solid var(--border-color)}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);margin-inline-start:var(--thumb-offset);background:var(--thumb-off-color)}[part~=thumb][part~=checked]{margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset));background:var(--thumb-on-color)}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.1875rem;left:-0.1875rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color);width:calc(100% + 0.1875rem2);height:calc(100% + 0.1875rem2)}: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]{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: 2rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host(:hover) [part~=control]{border-color:var(--border-hover-color)}:host(:hover) [part~=thumb]:not([part~=checked]){background:var(--border-hover-color)}:host(:hover) [part~=control][part~=checked]{background:var(--track-on-hover-color);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:rgba(0,0,0,0)}`;
+export const styles = css `:host{--size: 2rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host(:hover) [part~=control]{border-color:var(--border-hover-color)}:host(:hover) [part~=thumb]:not([part~=checked]){background:var(--border-hover-color)}:host(:hover) [part~=control][part~=checked]{background:var(--track-on-hover-color);border-color:var(--border-on-hover-color)}[part~=control][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}[part~=control][part~=checked][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:.125rem solid var(--border-color);background:var(--track-off-color)}[part~=control][part~=checked]{border-color:var(--border-on-color);background:var(--track-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color)}[part~=thumb]:not([part~=checked]){margin-inline-start:var(--thumb-offset)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset))}:host(: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]{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:rgba(0,0,0,0)}`;
 //# 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,~~8oGAA8oG,~~CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host(:hover) [part~=control]{border-color:var(--border-hover-color)}:host(:hover) [part~=thumb]:not([part~=checked]){background:var(--border-hover-color)}:host(:hover) [part~=control][part~=checked]{background:var(--track-on-hover-color);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:rgba(0,0,0,0)}`;\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,+1FAA+1F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2rem;--thumb-size: 0.5rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem;font-weight:600}[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host(:hover) [part~=control]{border-color:var(--border-hover-color)}:host(:hover) [part~=thumb]:not([part~=checked]){background:var(--border-hover-color)}:host(:hover) [part~=control][part~=checked]{background:var(--track-on-hover-color);border-color:var(--border-on-hover-color)}[part~=control][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}[part~=control][part~=checked][part~=focused]{box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:.125rem solid var(--border-color);background:var(--track-off-color)}[part~=control][part~=checked]{border-color:var(--border-on-color);background:var(--track-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color)}[part~=thumb]:not([part~=checked]){margin-inline-start:var(--thumb-offset)}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(100% - var(--thumb-size) - var(--thumb-offset))}:host(: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]{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:rgba(0,0,0,0)}`;\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.75rem}[part~=base]:hover [part~=thumb]::after{background:hsla(var(--ig-gray-600), var(--ig-gray-a));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-visible [part~=thumb]::after,[part~=base] [part="control focused"] [part~=thumb]::after{background:hsla(var(--ig-gray-600), var(--ig-gray-a));opacity:.12}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part="control checked focused"] [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color);z-index:1}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);-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(--resting-elevation);box-shadow:var(--resting-elevation);-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;z-index:-1}[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)}`;
+export const styles = css `:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.75rem}[part~=base]:hover [part~=thumb]::after{background:hsla(var(--ig-gray-600), var(--ig-gray-a));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-visible [part~=thumb]::after,[part~=base] [part="control focused"] [part~=thumb]::after{background:hsla(var(--ig-gray-600), var(--ig-gray-a));opacity:.12}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part="control checked focused"] [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color);z-index:1}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);box-shadow:var(--resting-elevation);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:"";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden;z-index:-1}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));animation-name:thumb-on;animation-duration:.2s;animation-fill-mode:forwards}:host([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,~~2mFAA2mF~~,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.75rem}[part~=base]:hover [part~=thumb]::after{background:hsla(var(--ig-gray-600), var(--ig-gray-a));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-visible [part~=thumb]::after,[part~=base] [part=\"control focused\"] [part~=thumb]::after{background:hsla(var(--ig-gray-600), var(--ig-gray-a));opacity:.12}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part=\"control checked focused\"] [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color);z-index:1}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb)~~;-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(--resting-elevation)~~;box-shadow:var(--resting-elevation)~~;-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;z-index:-1}[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"]}
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,g0EAAg0E,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.75rem}[part~=base]:hover [part~=thumb]::after{background:hsla(var(--ig-gray-600), var(--ig-gray-a));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-visible [part~=thumb]::after,[part~=base] [part=\"control focused\"] [part~=thumb]::after{background:hsla(var(--ig-gray-600), var(--ig-gray-a));opacity:.12}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part=\"control checked focused\"] [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color);z-index:1}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);box-shadow:var(--resting-elevation);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:\"\";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden;z-index:-1}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));animation-name:thumb-on;animation-duration:.2s;animation-fill-mode:forwards}:host([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.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 ::-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 *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;gap:var(--label-gap)}[part~=control]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part~=thumb]{position:relative;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:none;animation-fill-mode:none}[part~=control],[part~=thumb]{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb][part~=checked]{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-word}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@-webkit-keyframes thumb-on{from{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}to{-webkit-margin-start:calc(var(--size) - var(--thumb-size));margin-inline-start:calc(var(--size) - var(--thumb-size))}}@keyframes thumb-on{from{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}to{-webkit-margin-start:calc(var(--size) - var(--thumb-size));margin-inline-start:calc(var(--size) - var(--thumb-size))}}@-webkit-keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size));margin-inline-start:calc(var(--size) - var(--thumb-size))}to{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}}@keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size));margin-inline-start:calc(var(--size) - var(--thumb-size))}to{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;gap:var(--label-gap)}[part~=control]{display:flex;flex-shrink:0;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=thumb]{position:relative;animation-duration:.2s;animation-fill-mode:none}[part~=control],[part~=thumb]{transition:all .2s ease-in-out}[part~=thumb][part~=checked]{animation-duration:.2s;animation-fill-mode:forwards}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-word}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([label-position=before]) [part~=label]{order:-1}@keyframes thumb-on{from{margin-inline-start:var(--thumb-offset)}to{margin-inline-start:calc(var(--size) - var(--thumb-size))}}@keyframes thumb-off{from{margin-inline-start:calc(var(--size) - var(--thumb-size))}to{margin-inline-start:var(--thumb-offset)}}`;
 //# sourceMappingURL=switch.base.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.base.css.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/switch.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~s4GAAs4G~~,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 ::-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 ,:host ::before,:host *::after{~~-webkit-~~box-sizing:border-box~~;box-sizing:border-box~~}:host([hidden]),[hidden]{display:none !important}:host{display~~:-webkit-inline-box;display:-ms-inline-flexbox;display~~:inline-flex;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display~~:-webkit-box;display:-ms-flexbox;display~~:flex~~;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap~~;flex-flow:row nowrap~~;-webkit-box-align:center;-ms-flex-align:center~~;align-items:center;cursor:pointer;gap:var(--label-gap)}[part~=control]{display~~:-webkit-box;display:-ms-flexbox;display~~:flex~~;-ms-flex-negative:0~~;flex-shrink:0~~;-webkit-box-align:center;-ms-flex-align:center~~;align-items:center;-webkit-user-select:none;-moz-user-select:none~~;-ms-user-select:none~~;user-select:none}[part~=thumb]{position:relative~~;-webkit-animation-duration:.2s~~;animation-duration:.2s~~;-webkit-animation-fill-mode:none~~;animation-fill-mode:none}[part~=control],[part~=thumb]{~~-webkit-~~transition:all .2s ease-in-out~~;transition:all .2s ease-in-out~~}[part~=thumb][part~=checked]{~~-webkit-~~animation-duration:.2s;animation-~~duration:.2s;-webkit-animation-~~fill-mode:forwards~~;animation-fill-mode:forwards~~}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none~~;-ms-user-select:none~~;user-select:none;word-wrap:break-word}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none~~;-ms-user-select:none~~;user-select:none;pointer-events:none;cursor:initial}:host([label-position=before]) [part~=label]{~~-webkit-box-ordinal-group:0;-ms-flex-~~order:-1~~;order:-1~~}@-webkit-keyframes thumb-on{from{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}to{-webkit-margin-start:calc(var(--size) - var(--thumb-size));margin-inline-start:calc(var(--size) - var(--thumb-size))}}@keyframes thumb-on{from{~~-webkit-~~margin-~~start:var(--thumb-offset);margin-~~inline-start:var(--thumb-offset)}to{~~-webkit-~~margin-~~start:calc(var(--size) - var(--thumb-size));margin-~~inline-start:calc(var(--size) - var(--thumb-size))}}@-webkit-keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size));margin-inline-start:calc(var(--size) - var(--thumb-size))}to{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}}@keyframes thumb-off{from{~~-webkit-~~margin-~~start:calc(var(--size) - var(--thumb-size));margin-~~inline-start:calc(var(--size) - var(--thumb-size))}to{~~-webkit-~~margin-~~start:var(--thumb-offset);margin-~~inline-start:var(--thumb-offset)}}`;\n"]}
1	+ {"version":3,"file":"switch.base.css.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/switch.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukEAAukE,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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=base]{display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer;gap:var(--label-gap)}[part~=control]{display:flex;flex-shrink:0;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=thumb]{position:relative;animation-duration:.2s;animation-fill-mode:none}[part~=control],[part~=thumb]{transition:all .2s ease-in-out}[part~=thumb][part~=checked]{animation-duration:.2s;animation-fill-mode:forwards}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-word}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([label-position=before]) [part~=label]{order:-1}@keyframes thumb-on{from{margin-inline-start:var(--thumb-offset)}to{margin-inline-start:calc(var(--size) - var(--thumb-size))}}@keyframes thumb-off{from{margin-inline-start:calc(var(--size) - var(--thumb-size))}to{margin-inline-start:var(--thumb-offset)}}`;\n"]}

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

@@ -53,7 +53,7 @@ export default class IgcChipComponent extends IgcChipComponent_base {
      */
     variant: StyleVariant;
     constructor();
-    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    protected createRenderRoot(): DocumentFragment | HTMLElement;
     protected handleSelect(): void;
     protected handleRemove(e: Event): void;
     protected render(): import("lit-html").TemplateResult<1>;

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 ::-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 *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);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}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:flex;justify-content:center;align-items:center;font-family:var(--ig-font-family);border-style: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:flex;align-items:center;justify-content:center}[part=prefix]{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]{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: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,~~8mOAA8mO~~,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 ::-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 ,:host ::before,:host ::after{~~-webkit-~~box-sizing:border-box~~;box-sizing:border-box~~}:host([hidden]),[hidden]{display:none !important}:host{display~~:-webkit-inline-box;display:-ms-inline-flexbox;display~~:inline-flex;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);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"]}
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,w7LAAw7L,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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;vertical-align:top}:host button{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:flex;justify-content:center;align-items:center;font-family:var(--ig-font-family);border-style: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:flex;align-items:center;justify-content:center}[part=prefix]{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]{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:flex}`;\n"]}

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

@@ -5,7 +5,7 @@ import { DataController } from './controllers/data.js';
 import { NavigationController } from './controllers/navigation.js';
 import { SelectionController } from './controllers/selection.js';
 import type { ComboItemTemplate, ComboRecord, ComboRenderFunction, ComboValue, FilteringOptions, GroupingDirection, IgcComboEventMap, Item, Keys } from './types.js';
-declare const IgcComboComponent_base: Constructor<import("../common/mixins/form-associated-required.js").FormRequiredInterface & import("../common/mixins/form-associated.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcComboEventMap>> & Constructor<LitElement>;
+declare const IgcComboComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcComboEventMap>> & Constructor<LitElement>;
 /**
  * The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.
  * In contrast to the Select component, the Combo component displays all options in a virtualized list of items,
@@ -174,7 +174,6 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
     constructor();
     protected resetSearchTerm(): void;
     protected resetState(): void;
-    protected requiredChange(): Promise<void>;
     protected selectItems(): void;
     /**
      * Sets the value (selected items). The passed value must be a valid JSON array.
@@ -208,9 +207,9 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
      * represented by the value key, when provided.
      */
     get value(): ComboValue<T>[];
-    protected setFormValue(): void;
+    protected _setDefaultValue(_: string | null, current: string | null): void;
+    protected _setFormValue(): void;
     protected updateValue(): Promise<void>;
-    connectedCallback(): void;
     /** Sets focus on the component. */
     focus(options?: FocusOptions): void;
     /** Removes focus from the component. */

package/components/combo/combo.js CHANGED Viewed

@@ -16,8 +16,8 @@ import { blazorIndirectRender } from '../common/decorators/blazorIndirectRender.
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { FormAssociatedRequiredMixin } from '../common/mixins/form-associated-required.js';
-import { partNameMap } from '../common/util.js';
+import { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';
+import { findElementFromEventPath, partNameMap } from '../common/util.js';
 import IgcIconComponent from '../icon/icon.js';
 import IgcInputComponent from '../input/input.js';
 import IgcPopoverComponent from '../popover/popover.js';
@@ -163,11 +163,6 @@ let IgcComboComponent = IgcComboComponent_1 = class IgcComboComponent extends Fo
         this.resetSearchTerm();
         this.navigationController.active = -1;
     }
-    async requiredChange() {
-        await this.updateComplete;
-        this.updateValidity();
-        this.invalid = !this.checkValidity();
-    }
     selectItems() {
         if (!this._value || this.value.length === 0) {
             this.selectionController.deselect([]);
@@ -186,13 +181,16 @@ let IgcComboComponent = IgcComboComponent_1 = class IgcComboComponent extends Fo
     get value() {
         return this._value;
     }
-    setFormValue() {
+    _setDefaultValue(_, current) {
+        this._defaultValue = JSON.parse(current ?? '[]');
+    }
+    _setFormValue() {
         if (!this.name) {
             return;
         }
         const items = this._value;
         if (items.length < 1) {
-            super.setFormValue(null);
+            super._setFormValue(null);
             return;
         }
         const data = new FormData();
@@ -204,7 +202,7 @@ let IgcComboComponent = IgcComboComponent_1 = class IgcComboComponent extends Fo
                 data.append(this.name, `${item}`);
             }
         }
-        super.setFormValue(data);
+        super._setFormValue(data);
     }
     async updateValue() {
         if (this.data.length === 0)
@@ -217,16 +215,11 @@ let IgcComboComponent = IgcComboComponent_1 = class IgcComboComponent extends Fo
         if (this.target && this.singleSelect) {
             this.target.value = this._displayValue;
         }
-        this.setFormValue();
-        this.updateValidity();
-        this.setInvalidState();
+        this._setFormValue();
+        this._validate();
         await this.updateComplete;
         this.list.requestUpdate();
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.updateValidity();
-    }
     focus(options) {
         this.target.focus(options);
     }
@@ -319,9 +312,7 @@ let IgcComboComponent = IgcComboComponent_1 = class IgcComboComponent extends Fo
     }
     itemClickHandler(event) {
         const input = this.singleSelect ? this.target : this.input;
-        const target = event
-            .composedPath()
-            .find((el) => el instanceof IgcComboItemComponent);
+        const target = findElementFromEventPath(IgcComboItemComponent.tagName, event);
         this.toggleSelect(target.index);
         input.focus();
         if (this.singleSelect) {
@@ -648,9 +639,6 @@ __decorate([
 __decorate([
     watch('singleSelect', { waitUntilFirstUpdate: true })
 ], IgcComboComponent.prototype, "resetState", null);
-__decorate([
-    watch('required', { waitUntilFirstUpdate: true })
-], IgcComboComponent.prototype, "requiredChange", null);
 __decorate([
     watch('value')
 ], IgcComboComponent.prototype, "selectItems", null);