npm - igniteui-webcomponents - Versions diffs - 2.1.0 → 2.2.0-beta.1 - Mend

igniteui-webcomponents 2.1.0 → 2.2.0-beta.1

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

Files changed (205) hide show

package/components/checkbox/themes/light/checkbox.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-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~=control]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part~=control]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);position:absolute;content:"";left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--size, 1.25rem);height:var(--size, 1.25rem);border:.125rem solid hsla(var(--igc-gray-600), var(--igc-gray-a));-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=label]{display:inline-block;color:hsla(var(--igc-gray-900), var(--igc-gray-a));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-all;-webkit-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}[part~=indicator]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;-webkit-transform:scale(0.45);-ms-transform:scale(0.45);transform:scale(0.45);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}label:hover [part="control checked"]{background:hsla(var(--igc-secondary-500), 0.06)}label:focus-within [part="control checked"]{background:hsla(var(--igc-secondary-500), 0.12)}[part="control checked"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part="indicator checked"]{-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=base]:hover [part~=control]{background:hsla(var(--igc-secondary-500), 0.06)}:host([indeterminate]) [part~=base]:focus-within [part~=control]{background:hsla(var(--igc-secondary-500), 0.12)}:host([indeterminate]) [part~=control]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;-webkit-transform:rotate(45deg) scale(0.45) translateX(-0.25rem);-ms-transform:rotate(45deg) scale(0.45) translateX(-0.25rem);transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part="control checked"]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part="control checked"]::after{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][indeterminate]) [part~=control]::after{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-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~=control]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part~=control]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);position:absolute;content:"";left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--size, 1.25rem);height:var(--size, 1.25rem);border:.125rem solid hsla(var(--igc-gray-600), var(--igc-gray-a));-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=label]{display:inline-block;color:hsla(var(--igc-gray-900), var(--igc-gray-a));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-all;-webkit-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}[part~=indicator]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;-webkit-transform:scale(0.45);-ms-transform:scale(0.45);transform:scale(0.45);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}label:hover [part="control checked"]{background:hsla(var(--igc-secondary-500), 0.06)}label:focus-within [part="control checked"]{background:hsla(var(--igc-secondary-500), 0.12)}[part="control checked"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part="indicator checked"]{-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=base]:hover [part~=control]{background:hsla(var(--igc-secondary-500), 0.06)}:host([indeterminate]) [part~=base]:focus-within [part~=control]{background:hsla(var(--igc-secondary-500), 0.12)}:host([indeterminate]) [part~=control]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;-webkit-transform:rotate(45deg) scale(0.45) translateX(-0.25rem);-ms-transform:rotate(45deg) scale(0.45) translateX(-0.25rem);transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part="control checked"]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled][indeterminate]) [part~=control]::after{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;
 //# sourceMappingURL=checkbox.base.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.base.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~svJAAsvJ~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-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~=control]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part~=control]::after{border-radius:clamp(0rem,var(--igc-radius-factor).125rem,.125rem);position:absolute;content:\"\";left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--size, 1.25rem);height:var(--size, 1.25rem);border:.125rem solid hsla(var(--igc-gray-600), var(--igc-gray-a));-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=label]{display:inline-block;color:hsla(var(--igc-gray-900), var(--igc-gray-a));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-all;-webkit-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}[part~=indicator]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;-webkit-transform:scale(0.45);-ms-transform:scale(0.45);transform:scale(0.45);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}label:hover [part=\"control checked\"]{background:hsla(var(--igc-secondary-500), 0.06)}label:focus-within [part=\"control checked\"]{background:hsla(var(--igc-secondary-500), 0.12)}[part=\"control checked\"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part=\"indicator checked\"]{-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=base]:hover [part~=control]{background:hsla(var(--igc-secondary-500), 0.06)}:host([indeterminate]) [part~=base]:focus-within [part~=control]{background:hsla(var(--igc-secondary-500), 0.12)}:host([indeterminate]) [part~=control]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;-webkit-transform:rotate(45deg) scale(0.45) translateX(-0.25rem);-ms-transform:rotate(45deg) scale(0.45) translateX(-0.25rem);transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=\"control checked\"]::after{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][indeterminate]) [part~=control]::after{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;\n"]}
1	+ {"version":3,"file":"checkbox.base.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4qJAA4qJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-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~=control]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part~=control]::after{border-radius:clamp(0rem,var(--igc-radius-factor).125rem,.125rem);position:absolute;content:\"\";left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--size, 1.25rem);height:var(--size, 1.25rem);border:.125rem solid hsla(var(--igc-gray-600), var(--igc-gray-a));-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in}[part~=label]{display:inline-block;color:hsla(var(--igc-gray-900), var(--igc-gray-a));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-all;-webkit-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}[part~=indicator]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;-webkit-transform:scale(0.45);-ms-transform:scale(0.45);transform:scale(0.45);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}label:hover [part=\"control checked\"]{background:hsla(var(--igc-secondary-500), 0.06)}label:focus-within [part=\"control checked\"]{background:hsla(var(--igc-secondary-500), 0.12)}[part=\"control checked\"]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part=\"indicator checked\"]{-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=base]:hover [part~=control]{background:hsla(var(--igc-secondary-500), 0.06)}:host([indeterminate]) [part~=base]:focus-within [part~=control]{background:hsla(var(--igc-secondary-500), 0.12)}:host([indeterminate]) [part~=control]::after{border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;-webkit-transform:rotate(45deg) scale(0.45) translateX(-0.25rem);-ms-transform:rotate(45deg) scale(0.45) translateX(-0.25rem);transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=control]::after{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled][indeterminate]) [part~=control]::after{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem)}[part~=control]::after{border:none;background:transparent;-webkit-box-shadow:inset 0 0 0 1px var(--border-color, hsla(var(--igc-gray-500), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--border-color, hsla(var(--igc-gray-500), var(--igc-gray-a)))}[part~=indicator]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a));stroke-width:1.5;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}:host(:hover) [part~=indicator]{opacity:1;stroke:hsla(var(--igc-gray-700), var(--igc-gray-a));stroke-dashoffset:0;-webkit-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}:host(:hover) [part="indicator checked"]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host(:hover) [part~=control]::after,:host(:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);display:block;width:inherit;height:inherit;content:"";-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;background:hsla(var(--igc-primary-500), var(--igc-primary-a));z-index:1}:host([indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));background:transparent}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-within) [part~=control]::before{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));background:transparent}[part="control checked"]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:hover) [part="control checked"]::after,:host(:focus-within) [part="control checked"]::after{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host(:not([disabled])[invalid]) [part~=label]{color:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part~=indicator]{stroke:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part="indicator checked"]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([invalid][checked]) [part="control checked"]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before{background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));background:transparent}:host([invalid]:hover) [part~=control]::after,:host([invalid]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]:hover) [part="control checked"]::after,:host([invalid]:focus-within) [part="control checked"]::after{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid][indeterminate]:hover) [part~=control]::before,:host([invalid][indeterminate]:focus-within) [part~=control]::before{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid][indeterminate]:hover) [part~=control]::after,:host([invalid][indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));background:transparent}:host([disabled]) [part~=label]{color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part="control checked"]::after,:host([disabled][invalid]) [part="control checked"]::after{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled][indeterminate]) [part~=control]::before,:host([disabled][invalid][indeterminate]) [part~=control]::before{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled][indeterminate]) [part~=control]::after,:host([disabled][invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));background:transparent}`;
+export const styles = css `[part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem)}[part~=control]::after{border:none;background:transparent;-webkit-box-shadow:inset 0 0 0 1px var(--border-color, hsla(var(--igc-gray-900), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--border-color, hsla(var(--igc-gray-900), var(--igc-gray-a)))}[part~=indicator]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a));stroke-width:1.5;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}:host(:hover) [part~=indicator]{opacity:1;stroke:hsla(var(--igc-gray-700), var(--igc-gray-a));stroke-dashoffset:0;-webkit-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}:host(:hover) [part="indicator checked"]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host(:hover) [part~=control]::after,:host(:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);display:block;width:inherit;height:inherit;content:"";-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;background:hsla(var(--igc-primary-500), var(--igc-primary-a));z-index:1}:host([indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));background:transparent}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-within) [part~=control]::before{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));background:transparent}[part="control checked"]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:hover) [part="control checked"]::after,:host(:focus-within) [part="control checked"]::after{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host(:not([disabled])[invalid]) [part~=label]{color:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part~=indicator]{stroke:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part="indicator checked"]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([invalid][checked]) [part="control checked"]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before{background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));background:transparent}:host([invalid]:hover) [part~=control]::after,:host([invalid]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]:hover) [part="control checked"]::after,:host([invalid]:focus-within) [part="control checked"]::after{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid][indeterminate]:hover) [part~=control]::before,:host([invalid][indeterminate]:focus-within) [part~=control]::before{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid][indeterminate]:hover) [part~=control]::after,:host([invalid][indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));background:transparent}:host([disabled]) [part~=label]{color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part="control checked"]::after,:host([disabled][invalid]) [part="control checked"]::after{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled][indeterminate]) [part~=control]::before,:host([disabled][invalid][indeterminate]) [part~=control]::before{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled][indeterminate]) [part~=control]::after,:host([disabled][invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));background:transparent}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));width:calc(100% + (0.125rem * 2));height:calc(100% + (0.125rem * 2))}`;
 //# sourceMappingURL=checkbox.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~29MAA29M,~~CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem)}[part~=control]::after{border:none;background:transparent;-webkit-box-shadow:inset 0 0 0 1px var(--border-color, hsla(var(--igc-gray-~~500~~), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--border-color, hsla(var(--igc-gray-~~500~~), var(--igc-gray-a)))}[part~=indicator]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a));stroke-width:1.5;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}:host(:hover) [part~=indicator]{opacity:1;stroke:hsla(var(--igc-gray-700), var(--igc-gray-a));stroke-dashoffset:0;-webkit-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}:host(:hover) [part=\"indicator checked\"]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host(:hover) [part~=control]::after,:host(:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);display:block;width:inherit;height:inherit;content:\"\";-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;background:hsla(var(--igc-primary-500), var(--igc-primary-a));z-index:1}:host([indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));background:transparent}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-within) [part~=control]::before{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));background:transparent}[part=\"control checked\"]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:hover) [part=\"control checked\"]::after,:host(:focus-within) [part=\"control checked\"]::after{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host(:not([disabled])[invalid]) [part~=label]{color:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part~=indicator]{stroke:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part=\"indicator checked\"]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([invalid][checked]) [part=\"control checked\"]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before{background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));background:transparent}:host([invalid]:hover) [part~=control]::after,:host([invalid]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]:hover) [part=\"control checked\"]::after,:host([invalid]:focus-within) [part=\"control checked\"]::after{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid][indeterminate]:hover) [part~=control]::before,:host([invalid][indeterminate]:focus-within) [part~=control]::before{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid][indeterminate]:hover) [part~=control]::after,:host([invalid][indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));background:transparent}:host([disabled]) [part~=label]{color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part=\"control checked\"]::after,:host([disabled][invalid]) [part=\"control checked\"]::after{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled][indeterminate]) [part~=control]::before,:host([disabled][invalid][indeterminate]) [part~=control]::before{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled][indeterminate]) [part~=control]::after,:host([disabled][invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));background:transparent}`;\n"]}
1	+ {"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+xNAA+xN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=control]{width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem)}[part~=control]::after{border:none;background:transparent;-webkit-box-shadow:inset 0 0 0 1px var(--border-color, hsla(var(--igc-gray-900), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--border-color, hsla(var(--igc-gray-900), var(--igc-gray-a)))}[part~=indicator]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a));stroke-width:1.5;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}:host(:hover) [part~=indicator]{opacity:1;stroke:hsla(var(--igc-gray-700), var(--igc-gray-a));stroke-dashoffset:0;-webkit-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}:host(:hover) [part=\"indicator checked\"]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host(:hover) [part~=control]::after,:host(:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}:host([indeterminate]) [part~=indicator]{display:none}:host([indeterminate]) [part~=control]::before{border-radius:clamp(0rem,var(--igc-radius-factor).125rem,.125rem);display:block;width:inherit;height:inherit;content:\"\";-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;background:hsla(var(--igc-primary-500), var(--igc-primary-a));z-index:1}:host([indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));background:transparent}:host([indeterminate]:hover) [part~=control]::before,:host([indeterminate]:focus-within) [part~=control]::before{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host([indeterminate]:hover) [part~=control]::after,:host([indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));background:transparent}[part=\"control checked\"]::after{background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:hover) [part=\"control checked\"]::after,:host(:focus-within) [part=\"control checked\"]::after{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host(:not([disabled])[invalid]) [part~=label]{color:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part~=indicator]{stroke:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part=\"indicator checked\"]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([invalid][checked]) [part=\"control checked\"]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::before{background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));background:transparent}:host([invalid]:hover) [part~=control]::after,:host([invalid]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]:hover) [part=\"control checked\"]::after,:host([invalid]:focus-within) [part=\"control checked\"]::after{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid][indeterminate]:hover) [part~=control]::before,:host([invalid][indeterminate]:focus-within) [part~=control]::before{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid][indeterminate]:hover) [part~=control]::after,:host([invalid][indeterminate]:focus-within) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));background:transparent}:host([disabled]) [part~=label]{color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part=\"control checked\"]::after,:host([disabled][invalid]) [part=\"control checked\"]::after{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled][indeterminate]) [part~=control]::before,:host([disabled][invalid][indeterminate]) [part~=control]::before{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled][indeterminate]) [part~=control]::after,:host([disabled][invalid][indeterminate]) [part~=control]::after{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));background:transparent}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));width:calc(100% + (0.125rem 2));height:calc(100% + (0.125rem * 2))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `label:hover [part=control]{background:hsla(var(--igc-gray-600), 0.06)}label:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=indicator]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=control]{--size: 1.25rem;border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}:host([invalid]) label:hover [part~=control],:host([invalid][indeterminate]) label:hover [part~=control]{background:hsla(var(--igc-error-500), 0.06)}:host([invalid]) label:focus-within [part~=control],:host([invalid][indeterminate]) label:focus-within [part~=control]{background:hsla(var(--igc-error-500), 0.12)}`;
+export const styles = css `label:hover [part=control]{background:hsla(var(--igc-gray-600), 0.06)}label:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=indicator]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=control]{--size: 1.25rem;border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size),var(--size));width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}:host([invalid]) label:hover [part~=control],:host([invalid][indeterminate]) label:hover [part~=control]{background:hsla(var(--igc-error-500), 0.06)}:host([invalid]) label:focus-within [part~=control],:host([invalid][indeterminate]) label:focus-within [part~=control]{background:hsla(var(--igc-error-500), 0.12)}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part="control checked"]::after{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][indeterminate]) [part~=control]::after{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:transparent}`;
 //# sourceMappingURL=checkbox.material.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~,+0BAA+0B~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`label:hover [part=control]{background:hsla(var(--igc-gray-600), 0.06)}label:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=indicator]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=control]{--size: 1.25rem;border-radius:clamp(0rem,var(--igc-radius-factor)var(--size)/2,var(--size)/2);width:calc(var(--size)2);height:calc(var(--size)2);min-width:calc(var(--size)2);-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}:host([invalid]) label:hover [part~=control],:host([invalid][indeterminate]) label:hover [part~=control]{background:hsla(var(--igc-error-500), 0.06)}:host([invalid]) label:focus-within [part~=control],:host([invalid][indeterminate]) label:focus-within [part~=control]{background:hsla(var(--igc-error-500), 0.12)}`;\n"]}
1	+ {"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8vCAA8vC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`label:hover [part=control]{background:hsla(var(--igc-gray-600), 0.06)}label:focus-within [part=control]{background:hsla(var(--igc-gray-600), 0.12)}[part~=indicator]{stroke:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=control]{--size: 1.25rem;border-radius:clamp(0rem,var(--igc-radius-factor)var(--size),var(--size));width:calc(var(--size)2);height:calc(var(--size)2);min-width:calc(var(--size)2);-webkit-transition:background .15s ease-in;-o-transition:background .15s ease-in;transition:background .15s ease-in}:host([invalid]) label:hover [part~=control],:host([invalid][indeterminate]) label:hover [part~=control]{background:hsla(var(--igc-error-500), 0.06)}:host([invalid]) label:focus-within [part~=control],:host([invalid][indeterminate]) label:focus-within [part~=control]{background:hsla(var(--igc-error-500), 0.12)}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=control]::after{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=\"control checked\"]::after{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][indeterminate]) [part~=control]::after{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:transparent}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem}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}label{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}label:hover [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.06)}label:focus-within [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);position:relative;-webkit-animation-name:thumb-off;animation-name:thumb-off;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb][part~=checked]{-webkit-animation-name:thumb-on;animation-name:thumb-on;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}[part~=label]{display:inline-block;color:hsla(var(--igc-gray-900), var(--igc-gray-a));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-all;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=thumb]{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}@-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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@-webkit-keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}to{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem}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}label{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}label:hover [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.06)}label:focus-within [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);position:relative;-webkit-animation-name:thumb-off;animation-name:thumb-off;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb][part~=checked]{-webkit-animation-name:thumb-on;animation-name:thumb-on;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}[part~=label]{display:inline-block;color:hsla(var(--igc-gray-900), var(--igc-gray-a));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-all;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=thumb]{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}@-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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@-webkit-keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}to{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}}`;
 //# sourceMappingURL=switch.base.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.base.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/switch.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~itIAAitI~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem}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}label{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}label:hover [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.06)}label:focus-within [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor).625rem,.625rem);position:relative;-webkit-animation-name:thumb-off;animation-name:thumb-off;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb][part~=checked]{-webkit-animation-name:thumb-on;animation-name:thumb-on;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}[part~=label]{display:inline-block;color:hsla(var(--igc-gray-900), var(--igc-gray-a));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-all;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=thumb]{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}@-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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@-webkit-keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}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/light/switch.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u6IAAu6I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem}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}label{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}label:hover [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.06)}label:focus-within [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor).625rem,.625rem);position:relative;-webkit-animation-name:thumb-off;animation-name:thumb-off;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb][part~=checked]{-webkit-animation-name:thumb-on;animation-name:thumb-on;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}[part~=label]{display:inline-block;color:hsla(var(--igc-gray-900), var(--igc-gray-a));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-all;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=thumb]{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}@-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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@-webkit-keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}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) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}to{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}}`;\n"]}

package/components/checkbox/themes/light/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;--thumb-offset: calc(var(--thumb-size) / 2)}[part~=control]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);width:var(--size);height:1.25rem;-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));background:transparent}:host(:hover) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}:host(:focus-within) [part~=control]{position:relative}:host(:focus-within) [part~=control]::after{content:"";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));width:calc(100% + (0.125rem * 2));height:calc(100% + (0.125rem * 2))}:host(:hover) [part~=thumb]{background:var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}[part~=control][part~=checked]{background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:hover) [part~=control][part~=checked]{background:var(--checked-hover-color, hsla(var(--igc-primary-800), var(--igc-primary-a)));-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-800), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-800), var(--igc-primary-a)))}:host([invalid]) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]) [part~=control][part~=checked]{background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]:hover) [part~=thumb]{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]) [part~=thumb][part~=checked],:host([invalid]:hover) [part~=thumb][part~=checked]{background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([invalid]:hover) [part~=control][part~=checked]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([disabled]) [part~=label]{color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control],:host([disabled][invalid]) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control][part~=checked],:host([disabled][invalid]) [part~=control][part~=checked],:host([disabled]) [part~=thumb],:host([disabled][invalid]) [part~=thumb]{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part~=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-color, hsla(var(--igc-gray-700), var(--igc-gray-a)))}[part~=thumb][part~=checked],:host(:hover) [part~=thumb][part~=checked]{background:hsla(var(--igc-gray-50), var(--igc-gray-a));-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}:host([disabled]) [part~=thumb][part~=checked],:host([disabled][invalid]) [part~=thumb][part~=checked]{background:var(--disabled-thumb-color, hsla(var(--igc-gray-100), var(--igc-gray-a)))}`;
+export const styles = css `:host{--size: 2.5rem;--thumb-size: 0.75rem;--thumb-offset: calc(var(--thumb-size) / 2)}[part~=control]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);width:var(--size);height:1.25rem;-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));background:transparent}:host(:hover) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}[part~=focused]{position:relative}[part~=focused]::after{content:"";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));width:calc(100% + (0.125rem * 2));height:calc(100% + (0.125rem * 2))}:host(:hover) [part~=thumb]{background:var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}[part~=control][part~=checked]{background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:hover) [part~=control][part~=checked]{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host([invalid]) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]) [part~=control][part~=checked]{background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]:hover) [part~=thumb]{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]) [part~=thumb][part~=checked],:host([invalid]:hover) [part~=thumb][part~=checked]{background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([invalid]:hover) [part~=control][part~=checked]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([disabled]) [part~=label]{color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control],:host([disabled][invalid]) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control][part~=checked],:host([disabled][invalid]) [part~=control][part~=checked],:host([disabled]) [part~=thumb],:host([disabled][invalid]) [part~=thumb]{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part~=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-color, hsla(var(--igc-gray-700), var(--igc-gray-a)))}[part~=thumb][part~=checked],:host(:hover) [part~=thumb][part~=checked]{background:hsla(var(--igc-gray-50), var(--igc-gray-a));-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}:host([disabled]) [part~=thumb][part~=checked],:host([disabled][invalid]) [part~=thumb][part~=checked]{background:var(--disabled-thumb-color, hsla(var(--igc-gray-100), var(--igc-gray-a)))}`;
 //# sourceMappingURL=switch.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~,+4IAA+4I~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.5rem;--thumb-size: 0.75rem;--thumb-offset: calc(var(--thumb-size) / 2)}[part~=control]{border-radius:clamp(0rem,var(--igc-radius-factor).625rem,.625rem);width:var(--size);height:1.25rem;-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));background:transparent}:host(:hover) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}~~:host(:focus-within)~~ [part~=~~control~~]{position:relative}~~:host(:focus-within)~~ [part~=~~control~~]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-~~800~~), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-~~800~~), var(--igc-gray-a));width:calc(100% + (0.125rem 2));height:calc(100% + (0.125rem * 2))}:host(:hover) [part~=thumb]{background:var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}[part~=control][part~=checked]{background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:hover) [part~=control][part~=checked]{background:var(--checked-hover-color, hsla(var(--igc-primary-~~800~~), var(--igc-primary-a)));-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-~~800~~), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-~~800~~), var(--igc-primary-a)))}:host([invalid]) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]) [part~=control][part~=checked]{background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]:hover) [part~=thumb]{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]) [part~=thumb][part~=checked],:host([invalid]:hover) [part~=thumb][part~=checked]{background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([invalid]:hover) [part~=control][part~=checked]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([disabled]) [part~=label]{color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control],:host([disabled][invalid]) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control][part~=checked],:host([disabled][invalid]) [part~=control][part~=checked],:host([disabled]) [part~=thumb],:host([disabled][invalid]) [part~=thumb]{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part~=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-color, hsla(var(--igc-gray-700), var(--igc-gray-a)))}[part~=thumb][part~=checked],:host(:hover) [part~=thumb][part~=checked]{background:hsla(var(--igc-gray-50), var(--igc-gray-a));-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}:host([disabled]) [part~=thumb][part~=checked],:host([disabled][invalid]) [part~=thumb][part~=checked]{background:var(--disabled-thumb-color, hsla(var(--igc-gray-100), var(--igc-gray-a)))}`;\n"]}
1	+ {"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/themes/light/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q2IAAq2I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.5rem;--thumb-size: 0.75rem;--thumb-offset: calc(var(--thumb-size) / 2)}[part~=control]{border-radius:clamp(0rem,var(--igc-radius-factor).625rem,.625rem);width:var(--size);height:1.25rem;-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));background:transparent}:host(:hover) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}[part~=focused]{position:relative}[part~=focused]::after{content:\"\";position:absolute;top:-0.125rem;left:-0.125rem;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));width:calc(100% + (0.125rem 2));height:calc(100% + (0.125rem * 2))}:host(:hover) [part~=thumb]{background:var(--hover-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}[part~=control][part~=checked]{background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:hover) [part~=control][part~=checked]{background:var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));-webkit-box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--checked-hover-color, hsla(var(--igc-primary-900), var(--igc-primary-a)))}:host([invalid]) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]) [part~=control][part~=checked]{background:var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));-webkit-box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-color, hsla(var(--igc-error-500), var(--igc-error-a)))}:host([invalid]:hover) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]:hover) [part~=thumb]{background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([invalid]) [part~=thumb][part~=checked],:host([invalid]:hover) [part~=thumb][part~=checked]{background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([invalid]:hover) [part~=control][part~=checked]{-webkit-box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));box-shadow:inset 0 0 0 1px var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)));background:var(--invalid-hover-color, hsla(var(--igc-error-700), var(--igc-error-a)))}:host([disabled]) [part~=label]{color:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control],:host([disabled][invalid]) [part~=control]{-webkit-box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part~=control][part~=checked],:host([disabled][invalid]) [part~=control][part~=checked],:host([disabled]) [part~=thumb],:host([disabled][invalid]) [part~=thumb]{background:var(--disabled-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part~=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-color, hsla(var(--igc-gray-700), var(--igc-gray-a)))}[part~=thumb][part~=checked],:host(:hover) [part~=thumb][part~=checked]{background:hsla(var(--igc-gray-50), var(--igc-gray-a));-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}:host([disabled]) [part~=thumb][part~=checked],:host([disabled][invalid]) [part~=thumb][part~=checked]{background:var(--disabled-thumb-color, hsla(var(--igc-gray-100), var(--igc-gray-a)))}`;\n"]}

package/components/chip/chip.js CHANGED Viewed

@@ -84,7 +84,7 @@ __decorate([
 ], IgcChipComponent.prototype, "selectable", void 0);
 __decorate([
     property({ type: Boolean, reflect: true }),
-    blazorTwoWayBind('igcSelected', 'detail')
+    blazorTwoWayBind('igcSelect', 'detail')
 ], IgcChipComponent.prototype, "selected", void 0);
 __decorate([
     property({ reflect: true })

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

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAuBhE,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,YAAY,CACxD,iBAAiB,CAA2C,UAAU,CAAC,CACxE;IA0BC;QACE,KAAK,EAAE,CAAC;QApBH,aAAQ,GAAG,KAAK,CAAC;QAIjB,cAAS,GAAG,KAAK,CAAC;QAIlB,eAAU,GAAG,KAAK,CAAC;QAKnB,aAAQ,GAAG,KAAK,CAAC;QAQtB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SACxD;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,QAAQ;yBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,IAAI,CAAC,YAAY;;;YAGtB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,WAAW;iCACtB,IAAI,CAAC,IAAI;sBACpB;YACV,CAAC,CAAC,OAAO;;;;;;YAMT,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;8BACY,IAAI,CAAC,WAAW;yBACrB,IAAI,CAAC,YAAY;;;iCAGT,IAAI,CAAC,IAAI;sBACpB;YACV,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;CACF,CAAA;AA/EwB,wBAAO,GAAG,UAAW,CAAA;AAE9B,uBAAM,GAAG,MAAO,CAAA;AAI9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAClB;AAIzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAK1B;IAFC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC1C,gBAAgB,CAAC,~~aAAa~~,EAAE,QAAQ,CAAC;~~kDAClB~~;AAIxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC2C;AA1BpD,gBAAgB;IADpC,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GAC3B,gBAAgB,CAkFpC;eAlFoB,gBAAgB","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { blazorTwoWayBind } from '../common/decorators';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { themes } from '../../theming';\nimport { styles } from './themes/chip.base.css';\nimport { styles as bootstrap } from './themes/chip.bootstrap.css';\nimport { styles as fluent } from './themes/chip.fluent.css';\nimport { styles as indigo } from './themes/chip.indigo.css';\nimport { styles as material } from './themes/chip.material.css';\n\nexport interface IgcChipEventMap {\n igcRemove: CustomEvent<boolean>;\n igcSelect: CustomEvent<boolean>;\n}\n/*\n Chips help people enter information, make selections, filter content, or trigger actions.\n \n @element igc-chip\n \n @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n \n @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n \n @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n /\n@themes({ material, bootstrap, fluent, indigo })\nexport default class IgcChipComponent extends SizableMixin(\n EventEmitterMixin<IgcChipEventMap, Constructor<LitElement>>(LitElement)\n) {\n public static readonly tagName = 'igc-chip';\n\n public static styles = styles;\n\n /* Sets the disabled state for the chip. /\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /* \tDefines if the chip is removable or not. /\n @property({ type: Boolean, reflect: true })\n public removable = false;\n\n /\tDefines if the chip is selectable or not. /\n @property({ type: Boolean, reflect: true })\n public selectable = false;\n\n /*\tDefines if the chip is selected or not. /\n @property({ type: Boolean, reflect: true })\n @blazorTwoWayBind('~~igcSelected~~', 'detail')\n public selected = false;\n\n /** A property that sets the color variant of the chip component. */\n @property({ reflect: true })\n public variant!: 'primary' \| 'success' \| 'danger' \| 'warning' \| 'info';\n\n constructor() {\n super();\n this.size = 'medium';\n }\n\n protected handleSelect() {\n if (this.selectable) {\n this.selected = !this.selected;\n this.emitEvent('igcSelect', { detail: this.selected });\n }\n }\n\n protected handleRemove(e: Event) {\n this.emitEvent('igcRemove');\n e.stopPropagation();\n }\n\n protected override render() {\n return html`\n <button\n part=\"base\"\n .disabled=\"${this.disabled}\"\n aria-selected=\"${this.selected ? 'true' : 'false'}\"\n aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n @click=${this.handleSelect}\n >\n <span part=\"prefix\">\n ${this.selectable && this.selected\n ? html`<slot @slotchange=${this.slotChanges} name=\"select\">\n <igc-icon size=${this.size} name=\"select\"></igc-icon>\n </slot>`\n : nothing}\n <slot name=\"start\"></slot>\n </span>\n <slot></slot>\n <span part=\"suffix\">\n <slot name=\"end\"></slot>\n ${this.removable && !this.disabled\n ? html`<slot\n @slotchange=${this.slotChanges}\n @click=${this.handleRemove}\n name=\"remove\"\n >\n <igc-icon size=${this.size} name=\"cancel\"></igc-icon>\n </slot>`\n : nothing}\n </span>\n </button>\n `;\n }\n\n protected slotChanges() {\n this.requestUpdate();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-chip': IgcChipComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAuBhE,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,YAAY,CACxD,iBAAiB,CAA2C,UAAU,CAAC,CACxE;IA0BC;QACE,KAAK,EAAE,CAAC;QApBH,aAAQ,GAAG,KAAK,CAAC;QAIjB,cAAS,GAAG,KAAK,CAAC;QAIlB,eAAU,GAAG,KAAK,CAAC;QAKnB,aAAQ,GAAG,KAAK,CAAC;QAQtB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SACxD;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,QAAQ;yBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,IAAI,CAAC,YAAY;;;YAGtB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,WAAW;iCACtB,IAAI,CAAC,IAAI;sBACpB;YACV,CAAC,CAAC,OAAO;;;;;;YAMT,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;8BACY,IAAI,CAAC,WAAW;yBACrB,IAAI,CAAC,YAAY;;;iCAGT,IAAI,CAAC,IAAI;sBACpB;YACV,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;CACF,CAAA;AA/EwB,wBAAO,GAAG,UAAW,CAAA;AAE9B,uBAAM,GAAG,MAAO,CAAA;AAI9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAClB;AAIzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAK1B;IAFC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC1C,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC;kDAChB;AAIxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC2C;AA1BpD,gBAAgB;IADpC,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GAC3B,gBAAgB,CAkFpC;eAlFoB,gBAAgB","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { blazorTwoWayBind } from '../common/decorators';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { themes } from '../../theming';\nimport { styles } from './themes/chip.base.css';\nimport { styles as bootstrap } from './themes/chip.bootstrap.css';\nimport { styles as fluent } from './themes/chip.fluent.css';\nimport { styles as indigo } from './themes/chip.indigo.css';\nimport { styles as material } from './themes/chip.material.css';\n\nexport interface IgcChipEventMap {\n igcRemove: CustomEvent<boolean>;\n igcSelect: CustomEvent<boolean>;\n}\n/*\n Chips help people enter information, make selections, filter content, or trigger actions.\n \n @element igc-chip\n \n @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n \n @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n \n @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n /\n@themes({ material, bootstrap, fluent, indigo })\nexport default class IgcChipComponent extends SizableMixin(\n EventEmitterMixin<IgcChipEventMap, Constructor<LitElement>>(LitElement)\n) {\n public static readonly tagName = 'igc-chip';\n\n public static styles = styles;\n\n /* Sets the disabled state for the chip. /\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /* \tDefines if the chip is removable or not. /\n @property({ type: Boolean, reflect: true })\n public removable = false;\n\n /\tDefines if the chip is selectable or not. /\n @property({ type: Boolean, reflect: true })\n public selectable = false;\n\n /*\tDefines if the chip is selected or not. /\n @property({ type: Boolean, reflect: true })\n @blazorTwoWayBind('igcSelect', 'detail')\n public selected = false;\n\n /** A property that sets the color variant of the chip component. */\n @property({ reflect: true })\n public variant!: 'primary' \| 'success' \| 'danger' \| 'warning' \| 'info';\n\n constructor() {\n super();\n this.size = 'medium';\n }\n\n protected handleSelect() {\n if (this.selectable) {\n this.selected = !this.selected;\n this.emitEvent('igcSelect', { detail: this.selected });\n }\n }\n\n protected handleRemove(e: Event) {\n this.emitEvent('igcRemove');\n e.stopPropagation();\n }\n\n protected override render() {\n return html`\n <button\n part=\"base\"\n .disabled=\"${this.disabled}\"\n aria-selected=\"${this.selected ? 'true' : 'false'}\"\n aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n @click=${this.handleSelect}\n >\n <span part=\"prefix\">\n ${this.selectable && this.selected\n ? html`<slot @slotchange=${this.slotChanges} name=\"select\">\n <igc-icon size=${this.size} name=\"select\"></igc-icon>\n </slot>`\n : nothing}\n <slot name=\"start\"></slot>\n </span>\n <slot></slot>\n <span part=\"suffix\">\n <slot name=\"end\"></slot>\n ${this.removable && !this.disabled\n ? html`<slot\n @slotchange=${this.slotChanges}\n @click=${this.handleRemove}\n name=\"remove\"\n >\n <igc-icon size=${this.size} name=\"cancel\"></igc-icon>\n </slot>`\n : nothing}\n </span>\n </button>\n `;\n }\n\n protected slotChanges() {\n this.requestUpdate();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-chip': IgcChipComponent;\n }\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;
 //# 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,~~2hKAA2hK~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;\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,i0KAAi0K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{outline:.125rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--igc-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--igc-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--igc-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--igc-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--igc-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--igc-error-200), var(--igc-error-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{outline:.125rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--igc-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--igc-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--igc-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--igc-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--igc-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--igc-error-200), var(--igc-error-a))}`;
 //# sourceMappingURL=chip.bootstrap.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~6iOAA6iO~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{outline:.125rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--igc-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--igc-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--igc-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--igc-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--igc-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--igc-error-200), var(--igc-error-a))}`;\n"]}
1	+ {"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m1OAAm1O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{outline:.125rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--igc-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--igc-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--igc-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--igc-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--igc-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--igc-error-200), var(--igc-error-a))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{color:var(--igc-gray-200-contrast)}:host button:focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([selected]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{color:var(--igc-gray-200-contrast)}:host button:focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([selected]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a))}`;
 //# sourceMappingURL=chip.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~svLAAsvL~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{color:var(--igc-gray-200-contrast)}:host button:focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([selected]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a))}`;\n"]}
1	+ {"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4hMAA4hM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{color:var(--igc-gray-200-contrast)}:host button:focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([selected]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border:.0625rem solid hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host button:focus{outline:.1875rem solid hsla(var(--igc-gray-300), var(--igc-gray-a))}:host button[disabled]{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([selected]) button:not([disabled]){border-color:transparent;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:transparent}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button[disabled]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:transparent}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-400), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast);outline:.1875rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--igc-info-200), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:transparent}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-400), var(--igc-success-a));color:var(--igc-success-400-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast);outline:.1875rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--igc-success-200), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:transparent}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-400), var(--igc-warn-a));color:var(--igc-warn-400-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast);outline:.1875rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--igc-warn-200), var(--igc-warn-a));color:var(--igc-warn-900-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:transparent}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-400), var(--igc-error-a));color:var(--igc-error-400-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast);outline:.1875rem solid hsla(var(--igc-error-200), var(--igc-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--igc-error-200), var(--igc-error-a));color:var(--igc-error-400-contrast)}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);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(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{border:.0625rem solid hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host button:hover{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host button:focus{outline:.1875rem solid hsla(var(--igc-gray-300), var(--igc-gray-a))}:host button[disabled]{border-color:hsla(var(--igc-gray-200), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([selected]) button:not([disabled]){border-color:transparent;background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-700-contrast)}:host([selected]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:transparent}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast);outline:.1875rem solid hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=primary]) button[disabled]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:transparent}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-400), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast);outline:.1875rem solid hsla(var(--igc-info-200), var(--igc-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--igc-info-200), var(--igc-info-a));color:var(--igc-info-400-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:transparent}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-400), var(--igc-success-a));color:var(--igc-success-400-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast);outline:.1875rem solid hsla(var(--igc-success-200), var(--igc-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--igc-success-200), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:transparent}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-400), var(--igc-warn-a));color:var(--igc-warn-400-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast);outline:.1875rem solid hsla(var(--igc-warn-200), var(--igc-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--igc-warn-200), var(--igc-warn-a));color:var(--igc-warn-900-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:transparent}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-400), var(--igc-error-a));color:var(--igc-error-400-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast);outline:.1875rem solid hsla(var(--igc-error-200), var(--igc-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--igc-error-200), var(--igc-error-a));color:var(--igc-error-400-contrast)}`;
 //# sourceMappingURL=chip.indigo.css.js.map