npm - igniteui-webcomponents - Versions diffs - 5.1.2 → 5.2.0 - Mend

igniteui-webcomponents 5.1.2 → 5.2.0

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

package/components/card/themes/container.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"container.base.css.js","sourceRoot":"","sources":["../../../../src/components/card/themes/container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~,+rCAA+rC~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden;font-family:var(--ig-font-family)}:host ::slotted(igc-card-actions:first-child){margin-block-end:auto}:host ::slotted(igc-card-actions:last-child){margin-block-start:auto}:host ::slotted(igc-card-actions[orientation=vertical]){margin-block:initial}:host([elevated]){border:none;backface-visibility:hidden;transition:box-shadow .1s ease-out}`;\n"]}
1	+ {"version":3,"file":"container.base.css.js","sourceRoot":"","sources":["../../../../src/components/card/themes/container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u1CAAu1C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden;font-family:var(--ig-font-family)}:host ::slotted(igc-card-actions:first-child){margin-block-end:auto}:host ::slotted(igc-card-actions:last-child){margin-block-start:auto}:host ::slotted(igc-card-actions[orientation=vertical]){margin-block:initial}:host([elevated]){border:none;backface-visibility:hidden;transition:box-shadow .1s ease-out}`;\n"]}

package/components/card/themes/dark/card.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-900) h s l/1));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-700) h s l/1));--content-text-color: var(--ig-card-content-text-color, hsl(from var(--ig-gray-700) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-700) h s l/1));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-200) h s l/1))}`;
+export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-900) h s l/1));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-700) h s l/1));--content-text-color: var(--ig-card-content-text-color, hsl(from var(--ig-gray-700) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-700) h s l/1));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-200) h s l/1))}`;
 //# sourceMappingURL=card.fluent.css.js.map

package/components/card/themes/dark/card.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~m2BAAm2B~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-900) h s l/1));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-700) h s l/1));--content-text-color: var(--ig-card-content-text-color, hsl(from var(--ig-gray-700) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-700) h s l/1));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0~~.0833333333~~) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-200) h s l/1))}`;\n"]}
1	+ {"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w1BAAw1B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-900) h s l/1));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-700) h s l/1));--content-text-color: var(--ig-card-content-text-color, hsl(from var(--ig-gray-700) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-700) h s l/1));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-200) h s l/1))}`;\n"]}

package/components/card/themes/light/container/card.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-200) h s l/1))}`;
+export const styles = css `:host{--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-200) h s l/1))}`;
 //# sourceMappingURL=card.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~qNAAqN~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0~~.0833333333~~) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-200) h s l/1))}`;\n"]}
1	+ {"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0MAA0M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-200) h s l/1))}`;\n"]}

package/components/carousel/themes/carousel-indicator-container.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:inherit;min-width:inherit}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:inherit;min-width:inherit}`;
 //# sourceMappingURL=carousel-indicator-container.base.css.js.map

package/components/carousel/themes/carousel-indicator-container.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel-indicator-container.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-indicator-container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~07BAA07B~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:inherit;min-width:inherit}`;\n"]}
1	+ {"version":3,"file":"carousel-indicator-container.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-indicator-container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,klCAAklC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:inherit;min-width:inherit}`;\n"]}

package/components/carousel/themes/carousel-indicator.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:grid;grid-template-rows:minmax(0.75rem, auto);outline-style:none}[part~=indicator]{grid-row:1;grid-column:1;position:relative;display:flex;color:inherit;align-items:center;justify-content:center;cursor:pointer}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:grid;grid-template-rows:minmax(0.75rem, auto);outline-style:none}[part~=indicator]{grid-row:1;grid-column:1;position:relative;display:flex;color:inherit;align-items:center;justify-content:center;cursor:pointer}`;
 //# sourceMappingURL=carousel-indicator.base.css.js.map

package/components/carousel/themes/carousel-indicator.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel-indicator.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-indicator.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~khCAAkhC~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:grid;grid-template-rows:minmax(0.75rem, auto);outline-style:none}[part~=indicator]{grid-row:1;grid-column:1;position:relative;display:flex;color:inherit;align-items:center;justify-content:center;cursor:pointer}`;\n"]}
1	+ {"version":3,"file":"carousel-indicator.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-indicator.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0qCAA0qC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:grid;grid-template-rows:minmax(0.75rem, auto);outline-style:none}[part~=indicator]{grid-row:1;grid-column:1;position:relative;display:flex;color:inherit;align-items:center;justify-content:center;cursor:pointer}`;\n"]}

package/components/carousel/themes/carousel-slide.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:absolute;width:100%;height:100%;inset:0}:host ::slotted(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}[part~=base]{width:100%;height:100%;z-index:-1;visibility:hidden}[part="base current"]{z-index:2;visibility:visible}[part="base previous"]{z-index:1;visibility:visible}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:absolute;width:100%;height:100%;inset:0}:host ::slotted(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}[part~=base]{width:100%;height:100%;z-index:-1;visibility:hidden}[part="base current"]{z-index:2;visibility:visible}[part="base previous"]{z-index:1;visibility:visible}`;
 //# sourceMappingURL=carousel-slide.base.css.js.map

package/components/carousel/themes/carousel-slide.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel-slide.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-slide.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~woCAAwoC~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:absolute;width:100%;height:100%;inset:0}:host ::slotted(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}[part~=base]{width:100%;height:100%;z-index:-1;visibility:hidden}[part=\"base current\"]{z-index:2;visibility:visible}[part=\"base previous\"]{z-index:1;visibility:visible}`;\n"]}
1	+ {"version":3,"file":"carousel-slide.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-slide.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gyCAAgyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:absolute;width:100%;height:100%;inset:0}:host ::slotted(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}[part~=base]{width:100%;height:100%;z-index:-1;visibility:hidden}[part=\"base current\"]{z-index:2;visibility:visible}[part=\"base previous\"]{z-index:1;visibility:visible}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;width:100%;height:100%;position:relative}:host section{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:15rem;min-width:18.75rem}[part~=indicators]{position:absolute;display:flex;justify-content:center;align-items:center;margin:1rem 0;list-style:none;z-index:10;gap:.5rem;padding:.25rem .375rem}[part="label indicators"],[part="label indicators start"]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:1rem 0;min-width:2.875rem}[part~=dot]{position:relative;width:.75rem;height:.75rem;text-indent:-624.9375rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);transition:all .05s ease-out;padding:0;background:initial;cursor:pointer}[part~=dot]::after{content:"";position:absolute;border-radius:inherit;inset:.0625rem}[part~=navigation]{position:absolute;z-index:3;transition:all .15s ease-in}[part~=navigation] igc-icon{--ig-size: 1}igc-button::part(base){width:2.875rem;height:2.875rem;min-width:initial}:host(:not([vertical])),:host([dir=rtl][vertical]){--dir: calc(var(--ig-dir, 1) * 1)}:host([vertical]),:host([dir=rtl]:not([vertical])){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([vertical])) [part~=navigation]{inset-block-start:50%;transform:translateY(-50%)}:host(:not([vertical])) [part="navigation previous"]{inset-inline-start:0;margin-inline-start:1rem}:host(:not([vertical])) [part="navigation next"]{inset-inline-end:0;margin-inline-end:1rem}:host(:not([vertical])) [part="navigation next"],:host(:not([vertical])) [part="navigation previous"]{transform:scaleX(var(--dir)) translateY(-50%)}:host(:not([vertical])) [part~=indicators]{inset-inline-start:50%;inset-block-end:0;transform:translateX(calc(-50% * var(--dir)))}:host(:not([vertical])) [part="indicators start"],:host(:not([vertical])) [part="label indicators start"]{inset-block-end:unset;inset-block-start:0}:host([vertical]) [part~=navigation]{inset-inline-end:0;margin-inline-end:1rem}:host([vertical]) [part~=navigation] igc-icon{transform:rotate(90deg)}:host([vertical]) [part="navigation previous"]{inset-block-start:0;margin-block-start:1rem}:host([vertical]) [part="navigation next"]{inset-block-end:0;margin-block-end:1rem}:host([vertical]) [part~=indicators]{inset-inline-end:0;flex-direction:column;inset-block-start:50%;transform:translateY(-50%);margin-block:0;margin-inline-end:1.8125rem;padding:.375rem .25rem}:host([vertical]) [part="label indicators"]{margin-inline-end:1rem}:host([vertical]) [part="indicators start"],:host([vertical]) [part="label indicators start"]{inset-inline-end:unset;inset-inline-start:0;margin-inline-start:1rem;margin-inline-end:unset}:host([vertical]) [part="label indicators"],:host([vertical]) [part="label indicators start"]{padding:.25rem .375rem}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;width:100%;height:100%;position:relative}:host section{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:15rem;min-width:18.75rem}[part~=indicators]{position:absolute;display:flex;justify-content:center;align-items:center;margin:1rem 0;list-style:none;z-index:10;gap:.5rem;padding:.25rem .375rem}[part="label indicators"],[part="label indicators start"]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:1rem 0;min-width:2.875rem}[part~=dot]{position:relative;width:.75rem;height:.75rem;text-indent:-624.9375rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);transition:all .05s ease-out;padding:0;background:initial;cursor:pointer}[part~=dot]::after{content:"";position:absolute;border-radius:inherit;inset:.0625rem}[part~=navigation]{position:absolute;z-index:3;transition:all .15s ease-in}[part~=navigation] igc-icon{--ig-size: 1}igc-button::part(base){width:2.875rem;height:2.875rem;min-width:initial}:host(:not([vertical])),:host([dir=rtl][vertical]){--dir: calc(var(--ig-dir, 1) * 1)}:host([vertical]),:host([dir=rtl]:not([vertical])){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([vertical])) [part~=navigation]{inset-block-start:50%;transform:translateY(-50%)}:host(:not([vertical])) [part="navigation previous"]{inset-inline-start:0;margin-inline-start:1rem}:host(:not([vertical])) [part="navigation next"]{inset-inline-end:0;margin-inline-end:1rem}:host(:not([vertical])) [part="navigation next"],:host(:not([vertical])) [part="navigation previous"]{transform:scaleX(var(--dir)) translateY(-50%)}:host(:not([vertical])) [part~=indicators]{inset-inline-start:50%;inset-block-end:0;transform:translateX(calc(-50% * var(--dir)))}:host(:not([vertical])) [part="indicators start"],:host(:not([vertical])) [part="label indicators start"]{inset-block-end:unset;inset-block-start:0}:host([vertical]) [part~=navigation]{inset-inline-end:0;margin-inline-end:1rem}:host([vertical]) [part~=navigation] igc-icon{transform:rotate(90deg)}:host([vertical]) [part="navigation previous"]{inset-block-start:0;margin-block-start:1rem}:host([vertical]) [part="navigation next"]{inset-block-end:0;margin-block-end:1rem}:host([vertical]) [part~=indicators]{inset-inline-end:0;flex-direction:column;inset-block-start:50%;transform:translateY(-50%);margin-block:0;margin-inline-end:1.8125rem;padding:.375rem .25rem}:host([vertical]) [part="label indicators"]{margin-inline-end:1rem}:host([vertical]) [part="indicators start"],:host([vertical]) [part="label indicators start"]{inset-inline-end:unset;inset-inline-start:0;margin-inline-start:1rem;margin-inline-end:unset}:host([vertical]) [part="label indicators"],:host([vertical]) [part="label indicators start"]{padding:.25rem .375rem}`;
 //# sourceMappingURL=carousel.base.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~,+2HAA+2H~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;width:100%;height:100%;position:relative}:host section{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:15rem;min-width:18.75rem}[part~=indicators]{position:absolute;display:flex;justify-content:center;align-items:center;margin:1rem 0;list-style:none;z-index:10;gap:.5rem;padding:.25rem .375rem}[part=\"label indicators\"],[part=\"label indicators start\"]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:1rem 0;min-width:2.875rem}[part~=dot]{position:relative;width:.75rem;height:.75rem;text-indent:-624.9375rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) 50%),50%);transition:all .05s ease-out;padding:0;background:initial;cursor:pointer}[part~=dot]::after{content:\"\";position:absolute;border-radius:inherit;inset:.0625rem}[part~=navigation]{position:absolute;z-index:3;transition:all .15s ease-in}[part~=navigation] igc-icon{--ig-size: 1}igc-button::part(base){width:2.875rem;height:2.875rem;min-width:initial}:host(:not([vertical])),:host([dir=rtl][vertical]){--dir: calc(var(--ig-dir, 1) * 1)}:host([vertical]),:host([dir=rtl]:not([vertical])){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([vertical])) [part~=navigation]{inset-block-start:50%;transform:translateY(-50%)}:host(:not([vertical])) [part=\"navigation previous\"]{inset-inline-start:0;margin-inline-start:1rem}:host(:not([vertical])) [part=\"navigation next\"]{inset-inline-end:0;margin-inline-end:1rem}:host(:not([vertical])) [part=\"navigation next\"],:host(:not([vertical])) [part=\"navigation previous\"]{transform:scaleX(var(--dir)) translateY(-50%)}:host(:not([vertical])) [part~=indicators]{inset-inline-start:50%;inset-block-end:0;transform:translateX(calc(-50% * var(--dir)))}:host(:not([vertical])) [part=\"indicators start\"],:host(:not([vertical])) [part=\"label indicators start\"]{inset-block-end:unset;inset-block-start:0}:host([vertical]) [part~=navigation]{inset-inline-end:0;margin-inline-end:1rem}:host([vertical]) [part~=navigation] igc-icon{transform:rotate(90deg)}:host([vertical]) [part=\"navigation previous\"]{inset-block-start:0;margin-block-start:1rem}:host([vertical]) [part=\"navigation next\"]{inset-block-end:0;margin-block-end:1rem}:host([vertical]) [part~=indicators]{inset-inline-end:0;flex-direction:column;inset-block-start:50%;transform:translateY(-50%);margin-block:0;margin-inline-end:1.8125rem;padding:.375rem .25rem}:host([vertical]) [part=\"label indicators\"]{margin-inline-end:1rem}:host([vertical]) [part=\"indicators start\"],:host([vertical]) [part=\"label indicators start\"]{inset-inline-end:unset;inset-inline-start:0;margin-inline-start:1rem;margin-inline-end:unset}:host([vertical]) [part=\"label indicators\"],:host([vertical]) [part=\"label indicators start\"]{padding:.25rem .375rem}`;\n"]}
1	+ {"version":3,"file":"carousel.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ugIAAugI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;width:100%;height:100%;position:relative}:host section{display:block;position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:15rem;min-width:18.75rem}[part~=indicators]{position:absolute;display:flex;justify-content:center;align-items:center;margin:1rem 0;list-style:none;z-index:10;gap:.5rem;padding:.25rem .375rem}[part=\"label indicators\"],[part=\"label indicators start\"]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:1rem 0;min-width:2.875rem}[part~=dot]{position:relative;width:.75rem;height:.75rem;text-indent:-624.9375rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) 50%),50%);transition:all .05s ease-out;padding:0;background:initial;cursor:pointer}[part~=dot]::after{content:\"\";position:absolute;border-radius:inherit;inset:.0625rem}[part~=navigation]{position:absolute;z-index:3;transition:all .15s ease-in}[part~=navigation] igc-icon{--ig-size: 1}igc-button::part(base){width:2.875rem;height:2.875rem;min-width:initial}:host(:not([vertical])),:host([dir=rtl][vertical]){--dir: calc(var(--ig-dir, 1) * 1)}:host([vertical]),:host([dir=rtl]:not([vertical])){--dir: calc(var(--ig-dir, 1) * -1)}:host(:not([vertical])) [part~=navigation]{inset-block-start:50%;transform:translateY(-50%)}:host(:not([vertical])) [part=\"navigation previous\"]{inset-inline-start:0;margin-inline-start:1rem}:host(:not([vertical])) [part=\"navigation next\"]{inset-inline-end:0;margin-inline-end:1rem}:host(:not([vertical])) [part=\"navigation next\"],:host(:not([vertical])) [part=\"navigation previous\"]{transform:scaleX(var(--dir)) translateY(-50%)}:host(:not([vertical])) [part~=indicators]{inset-inline-start:50%;inset-block-end:0;transform:translateX(calc(-50% * var(--dir)))}:host(:not([vertical])) [part=\"indicators start\"],:host(:not([vertical])) [part=\"label indicators start\"]{inset-block-end:unset;inset-block-start:0}:host([vertical]) [part~=navigation]{inset-inline-end:0;margin-inline-end:1rem}:host([vertical]) [part~=navigation] igc-icon{transform:rotate(90deg)}:host([vertical]) [part=\"navigation previous\"]{inset-block-start:0;margin-block-start:1rem}:host([vertical]) [part=\"navigation next\"]{inset-block-end:0;margin-block-end:1rem}:host([vertical]) [part~=indicators]{inset-inline-end:0;flex-direction:column;inset-block-start:50%;transform:translateY(-50%);margin-block:0;margin-inline-end:1.8125rem;padding:.375rem .25rem}:host([vertical]) [part=\"label indicators\"]{margin-inline-end:1rem}:host([vertical]) [part=\"indicators start\"],:host([vertical]) [part=\"label indicators start\"]{inset-inline-end:unset;inset-inline-start:0;margin-inline-start:1rem;margin-inline-end:unset}:host([vertical]) [part=\"label indicators\"],:host([vertical]) [part=\"label indicators start\"]{padding:.25rem .375rem}`;\n"]}

package/components/checkbox/checkbox-base.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import type { Constructor } from '../common/mixins/constructor.js';
+import { type FormValue } from '../common/mixins/forms/form-value.js';
 export interface CheckboxChangeEventArgs {
     checked: boolean;
     value?: string;
@@ -13,8 +14,8 @@ declare const IgcCheckboxBaseComponent_base: Constructor<import("../common/mixin
 export declare class IgcCheckboxBaseComponent extends IgcCheckboxBaseComponent_base {
     protected get __validators(): import("../common/validators.js").Validator<IgcCheckboxBaseComponent>[];
     protected _kbFocus: import("../common/controllers/focus-ring.js").KeyboardFocusRingController;
+    protected _formValue: FormValue<boolean>;
     protected _value: string;
-    protected _checked: boolean;
     protected input: HTMLInputElement;
     protected label: Array<Node>;
     protected hideLabel: boolean;
@@ -35,6 +36,7 @@ export declare class IgcCheckboxBaseComponent extends IgcCheckboxBaseComponent_b
      * @attr label-position
      */
     labelPosition: 'before' | 'after';
+    constructor();
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     /** Simulates a click on the control. */
     click(): void;

package/components/checkbox/checkbox-base.js CHANGED Viewed

@@ -10,16 +10,10 @@ import { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';
 import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';
+import { createFormValueState, defaultBooleanTransformers, } from '../common/mixins/forms/form-value.js';
 import { isEmpty } from '../common/util.js';
 import { checkBoxValidators } from './validators.js';
 let IgcCheckboxBaseComponent = class IgcCheckboxBaseComponent extends FormAssociatedCheckboxRequiredMixin(EventEmitterMixin(LitElement)) {
-    constructor() {
-        super(...arguments);
-        this._kbFocus = addKeyboardFocusRing(this);
-        this._checked = false;
-        this.hideLabel = false;
-        this.labelPosition = 'after';
-    }
     get __validators() {
         return checkBoxValidators;
     }
@@ -33,15 +27,25 @@ let IgcCheckboxBaseComponent = class IgcCheckboxBaseComponent extends FormAssoci
         return this._value;
     }
     set checked(value) {
-        this._checked = Boolean(value);
-        this._setFormValue(this._checked ? this.value || 'on' : null);
+        this._formValue.setValueAndFormState(value);
         this._validate();
     }
     get checked() {
-        return this._checked;
+        return this._formValue.value;
+    }
+    constructor() {
+        super();
+        this._kbFocus = addKeyboardFocusRing(this);
+        this.hideLabel = false;
+        this.labelPosition = 'after';
+        this._formValue = createFormValueState(this, {
+            initialValue: false,
+            transformers: defaultBooleanTransformers,
+        });
     }
     createRenderRoot() {
         const root = super.createRenderRoot();
+        this.hideLabel = isEmpty(this.label);
         root.addEventListener('slotchange', () => {
             this.hideLabel = isEmpty(this.label);
         });

package/components/checkbox/checkbox-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,mCAAmC,EAAE,MAAM,+CAA+C,CAAC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAiB9C,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,mCAAmC,CAC/E,iBAAiB,CACf,UAAU,CACX,CACF;~~IAJM;;QASK~~,~~aAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAEtC,aAAQ,GAAG,KAAK,CAAC;QASjB,cAAS,GAAG,KAAK,CAAC;QAuCrB,kBAAa,GAAuB,OAAO,CAAC;IA6CrD,CAAC;IAnGC,~~IAAuB,YAAY;QACjC,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAoBD,IAAW,KAAK,CAAC,KAAa;QAC5B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAQD,IAAW,OAAO,CAAC,KAAc;QAC/B,IAAI,CAAC,~~QAAQ~~,~~GAAG~~,~~OAAO~~,CAAC,KAAK,CAAC,CAAC;~~QAC/B~~,IAAI,CAAC,~~aAAa~~,CAAC,IAAI,CAAC,~~QAAQ~~,CAAC,CAAC,CAAC,~~IAAI~~,CAAC,~~KAAK~~,~~IAAI~~,~~IAAI~~,CAAC,CAAC,CAAC,~~IAAI~~,CAAC,CAAC;~~QAC9D~~,IAAI,CAAC,~~SAAS~~,~~EAAE~~,CAAC~~;IACnB~~,~~CAAC~~;~~IAED~~,~~IAAW~~,~~OAAO~~;~~QAChB~~,~~OAAO~~,~~IAAI~~,CAAC,~~QAAQ,~~CAAC;~~IACvB~~,CAAC;~~IASkB~~,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;~~QAEtC~~,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;YACvC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC;IAGe,KAAK;QACnB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAES,WAAW,CAAC,KAAmB;QACvC,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;YAC1B,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;SACrD,CAAC,CAAC;IACL,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IACxB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;CACF,CAAA;~~AA1FW~~;IADT,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;uDACc;AAGzB;IADT,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACR;AAGpB;IADT,KAAK,EAAE;2DACoB;AAO5B;IADC,QAAQ,EAAE;qDAMV;AAYD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;~~uDAK3B~~;AAWM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;+DACN;~~AA3DxC~~,wBAAwB;IADpC,gBAAgB;GACJ,wBAAwB,~~CAwGpC~~","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\n\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { isEmpty } from '../common/util.js';\nimport { checkBoxValidators } from './validators.js';\n\nexport interface CheckboxChangeEventArgs {\n checked: boolean;\n value?: string;\n}\n\nexport interface IgcCheckboxComponentEventMap {\n igcChange: CustomEvent<CheckboxChangeEventArgs>;\n // For analyzer meta only:\n /* skipWCPrefix /\n focus: FocusEvent;\n / skipWCPrefix /\n blur: FocusEvent;\n}\n\n@blazorDeepImport\nexport class IgcCheckboxBaseComponent extends FormAssociatedCheckboxRequiredMixin(\n EventEmitterMixin<IgcCheckboxComponentEventMap, Constructor<LitElement>>(\n LitElement\n )\n) {\n protected override get __validators() {\n return checkBoxValidators;\n }\n\n protected _kbFocus = addKeyboardFocusRing(this);\n protected ~~_value!:~~ ~~string;\~~n protected ~~_checked~~ ~~= false~~;\n\n @query('input', true)\n protected input!: HTMLInputElement;\n\n @queryAssignedNodes({ flatten: true })\n protected label!: Array<Node>;\n\n @state()\n protected hideLabel = false;\n\n /\n The value attribute of the control.\n * @attr\n /\n @property()\n public set value(value: string) {\n this._value = value;\n if (this.checked) {\n this._setFormValue(this._value \|\| 'on');\n }\n }\n\n public get value(): string {\n return this._value;\n }\n\n / @tsTwoWayProperty(true, \"igcChange\", \"detail.checked\", false) /\n /\n The checked state of the control.\n * @attr\n /\n @property({ type: Boolean })\n public set checked(value: boolean) {\n this.~~_checked = Boolean(value);\n this~~.~~_setFormValue~~(~~this._checked ? this.~~value ~~\|\| 'on' : null~~);\n this._validate();\n }\n\n public get checked(): boolean {\n return this.~~_checked~~;\n }\n\n /\n The label position of the control.\n * @attr label-position\n /\n @property({ reflect: true, attribute: 'label-position' })\n public labelPosition: 'before' \| 'after' = 'after';\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n\n root.addEventListener('slotchange', () => {\n this.hideLabel = isEmpty(this.label);\n });\n\n return root;\n }\n\n /* Simulates a click on the control. /\n public override click() {\n this.input.click();\n }\n\n / alternateName: focusComponent /\n /* Sets focus on the control. /\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n / alternateName: blurComponent /\n /* Removes focus from the control. */\n public override blur() {\n this.input.blur();\n }\n\n protected handleClick(event: PointerEvent) {\n event.stopPropagation();\n\n this.checked = !this.checked;\n this.emitEvent('igcChange', {\n detail: { checked: this.checked, value: this.value },\n });\n }\n\n protected handleBlur() {\n this._kbFocus.reset();\n }\n\n protected handleFocus() {\n this._dirty = true;\n }\n}\n"]}
1	+ {"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,mCAAmC,EAAE,MAAM,+CAA+C,CAAC;AACpG,OAAO,EAEL,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAiB9C,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,mCAAmC,CAC/E,iBAAiB,CACf,UAAU,CACX,CACF;IACC,IAAuB,YAAY;QACjC,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAoBD,IAAW,KAAK,CAAC,KAAa;QAC5B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAQD,IAAW,OAAO,CAAC,KAAc;QAC/B,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QApDA,aAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAWtC,cAAS,GAAG,KAAK,CAAC;QAsCrB,kBAAa,GAAuB,OAAO,CAAC;QAKjD,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,IAAI,EAAE;YAC3C,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,0BAA0B;SACzC,CAAC,CAAC;IACL,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAErC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;YACvC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC;IAGe,KAAK;QACnB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAES,WAAW,CAAC,KAAmB;QACvC,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;YAC1B,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;SACrD,CAAC,CAAC;IACL,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IACxB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;CACF,CAAA;AAnGW;IADT,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;uDACc;AAGzB;IADT,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACR;AAGpB;IADT,KAAK,EAAE;2DACoB;AAO5B;IADC,QAAQ,EAAE;qDAMV;AAYD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAI3B;AAWM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;+DACN;AA1DxC,wBAAwB;IADpC,gBAAgB;GACJ,wBAAwB,CAiHpC","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\n\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n type FormValue,\n createFormValueState,\n defaultBooleanTransformers,\n} from '../common/mixins/forms/form-value.js';\nimport { isEmpty } from '../common/util.js';\nimport { checkBoxValidators } from './validators.js';\n\nexport interface CheckboxChangeEventArgs {\n checked: boolean;\n value?: string;\n}\n\nexport interface IgcCheckboxComponentEventMap {\n igcChange: CustomEvent<CheckboxChangeEventArgs>;\n // For analyzer meta only:\n /* skipWCPrefix /\n focus: FocusEvent;\n / skipWCPrefix /\n blur: FocusEvent;\n}\n\n@blazorDeepImport\nexport class IgcCheckboxBaseComponent extends FormAssociatedCheckboxRequiredMixin(\n EventEmitterMixin<IgcCheckboxComponentEventMap, Constructor<LitElement>>(\n LitElement\n )\n) {\n protected override get __validators() {\n return checkBoxValidators;\n }\n\n protected _kbFocus = addKeyboardFocusRing(this);\n protected override _formValue: FormValue<boolean>;\n protected _value!: string;\n\n @query('input', true)\n protected input!: HTMLInputElement;\n\n @queryAssignedNodes({ flatten: true })\n protected label!: Array<Node>;\n\n @state()\n protected hideLabel = false;\n\n /\n The value attribute of the control.\n * @attr\n /\n @property()\n public set value(value: string) {\n this._value = value;\n if (this.checked) {\n this._setFormValue(this._value \|\| 'on');\n }\n }\n\n public get value(): string {\n return this._value;\n }\n\n / @tsTwoWayProperty(true, \"igcChange\", \"detail.checked\", false) /\n /\n The checked state of the control.\n * @attr\n /\n @property({ type: Boolean })\n public set checked(value: boolean) {\n this._formValue.setValueAndFormState(value);\n this._validate();\n }\n\n public get checked(): boolean {\n return this._formValue.value;\n }\n\n /\n The label position of the control.\n * @attr label-position\n /\n @property({ reflect: true, attribute: 'label-position' })\n public labelPosition: 'before' \| 'after' = 'after';\n\n constructor() {\n super();\n\n this._formValue = createFormValueState(this, {\n initialValue: false,\n transformers: defaultBooleanTransformers,\n });\n }\n\n protected override createRenderRoot() {\n const root = super.createRenderRoot();\n this.hideLabel = isEmpty(this.label);\n\n root.addEventListener('slotchange', () => {\n this.hideLabel = isEmpty(this.label);\n });\n\n return root;\n }\n\n /* Simulates a click on the control. /\n public override click() {\n this.input.click();\n }\n\n / alternateName: focusComponent /\n /* Sets focus on the control. /\n public override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n / alternateName: blurComponent /\n /* Removes focus from the control. */\n public override blur() {\n this.input.blur();\n }\n\n protected handleClick(event: PointerEvent) {\n event.stopPropagation();\n\n this.checked = !this.checked;\n this.emitEvent('igcChange', {\n detail: { checked: this.checked, value: this.value },\n });\n }\n\n protected handleBlur() {\n this._kbFocus.reset();\n }\n\n protected handleFocus() {\n this._dirty = true;\n }\n}\n"]}

package/components/checkbox/checkbox.js CHANGED Viewed

@@ -92,8 +92,7 @@ let IgcCheckboxComponent = IgcCheckboxComponent_1 = class IgcCheckboxComponent e
           .hidden=${this.hideLabel}
           part=${partNameMap({ label: true, checked })}
           id=${this.labelId}
-        >
-          <slot></slot>
+          ><slot></slot>
         </span>
       </label>
       ${this.renderValidatorContainer()}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,+BAA+B,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iDAAiD,CAAC;AAqBpE,IAAM,oBAAoB,4BAA1B,MAAM,oBAAqB,SAAQ,wBAAwB;IAA3D;;QAUL,YAAO,GAAG,YAAY,sBAAoB,CAAC,SAAS,EAAE,EAAE,CAAC;QACzD,YAAO,GAAG,kBAAkB,IAAI,CAAC,OAAO,EAAE,CAAC;QAO5C,kBAAa,GAAG,KAAK,CAAC;~~IAgF~~/B,CAAC;~~IA7FQ~~,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAoB,EAAE,+BAA+B,CAAC,CAAC;IAC3E,CAAC;IAaD,IAAc,SAAS;QACrB,OAAO,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,KAAK,QAAQ,CAAC;IACtD,CAAC;IAEkB,WAAW,CAAC,KAAmB;QAChD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAES,wBAAwB;QAChC,OAAO,+BAA+B,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC;YACjB,IAAI,EAAE,IAAI;YACV,OAAO;YACP,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;SAC/B,CAAC;cACI,IAAI,CAAC,OAAO;uBACH,IAAI,CAAC,QAAQ,CAAC,KAAK;;;eAG3B,IAAI,CAAC,OAAO;;iBAEV,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO,CAAC;2BACP,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;yBAC1B,IAAI,CAAC,aAAa,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;0BACjD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BAC9B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO;mBAC/C,IAAI,CAAC,WAAW;kBACjB,IAAI,CAAC,UAAU;mBACd,IAAI,CAAC,WAAW;;qBAEd,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uBACrC,WAAW,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;cAClD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;;;;oBAItD,IAAI,CAAC,SAAS;iBACjB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;eACvC,IAAI,CAAC,OAAO~~;;;;;QAKnB~~,IAAI,CAAC,wBAAwB,EAAE;KAClC,CAAC;IACJ,CAAC;;~~AAhGsB~~,4BAAO,GAAG,cAAc,AAAjB,CAAkB;AAC/B,2BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAOnB,8BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AAS7C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACd;AAlBV,oBAAoB;IADxC,MAAM,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;GACnB,oBAAoB,~~CAkGxC~~;~~eAlGoB~~,oBAAoB","sourcesContent":["import { type TemplateResult, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, partNameMap } from '../common/util.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { all } from './themes/checkbox-themes.js';\nimport { styles } from './themes/checkbox.base.css.js';\nimport { styles as shared } from './themes/shared/checkbox/checkbox.common.css.js';\n\n/*\n A check box allowing single values to be selected/deselected.\n \n @element igc-checkbox\n \n @slot - The checkbox label.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n \n @fires igcChange - Emitted when the control's checked state changes.\n \n @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox input element.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox indicator icon.\n /\n@themes(all, { exposeController: true })\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n public static readonly tagName = 'igc-checkbox';\n protected static styles = [styles, shared];\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcCheckboxComponent, IgcValidationContainerComponent);\n }\n\n private static readonly increment = createCounter();\n private inputId = `checkbox-${IgcCheckboxComponent.increment()}`;\n private labelId = `checkbox-label-${this.inputId}`;\n\n /\n Draws the checkbox in indeterminate state.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public indeterminate = false;\n\n protected get _isIndigo(): boolean {\n return getThemeController(this)?.theme === 'indigo';\n }\n\n protected override handleClick(event: PointerEvent) {\n this.indeterminate = false;\n super.handleClick(event);\n }\n\n protected renderValidatorContainer(): TemplateResult {\n return IgcValidationContainerComponent.create(this);\n }\n\n protected renderStandard() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n </svg>\n `;\n }\n\n protected renderIndigo() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <rect width=\"18\" height=\"4\" x=\"3\" y=\"10\" rx=\"1.85\" />\n <path\n d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"\n />\n </svg>\n `;\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n const checked = this.checked;\n\n return html`\n <label\n part=${partNameMap({\n base: true,\n checked,\n focused: this._kbFocus.focused,\n })}\n for=${this.inputId}\n @pointerdown=${this._kbFocus.reset}\n >\n <input\n id=${this.inputId}\n type=\"checkbox\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n .required=${this.required}\n .disabled=${this.disabled}\n .checked=${live(checked)}\n .indeterminate=${live(this.indeterminate)}\n aria-checked=${this.indeterminate && !checked ? 'mixed' : checked}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-labelledby=${labelledBy ? labelledBy : this.labelId}\n @click=${this.handleClick}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n <span part=${partNameMap({ control: true, checked })}>\n <span part=${partNameMap({ indicator: true, checked })}>\n ${this._isIndigo ? this.renderIndigo() : this.renderStandard()}\n </span>\n </span>\n <span\n .hidden=${this.hideLabel}\n part=${partNameMap({ label: true, checked })}\n id=${this.labelId}\n ~~>\n~~ <slot></slot>\n </span>\n </label>\n ${this.renderValidatorContainer()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-checkbox': IgcCheckboxComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,+BAA+B,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iDAAiD,CAAC;AAqBpE,IAAM,oBAAoB,4BAA1B,MAAM,oBAAqB,SAAQ,wBAAwB;IAA3D;;QAUL,YAAO,GAAG,YAAY,sBAAoB,CAAC,SAAS,EAAE,EAAE,CAAC;QACzD,YAAO,GAAG,kBAAkB,IAAI,CAAC,OAAO,EAAE,CAAC;QAO5C,kBAAa,GAAG,KAAK,CAAC;IA+E/B,CAAC;IA5FQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAoB,EAAE,+BAA+B,CAAC,CAAC;IAC3E,CAAC;IAaD,IAAc,SAAS;QACrB,OAAO,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,KAAK,QAAQ,CAAC;IACtD,CAAC;IAEkB,WAAW,CAAC,KAAmB;QAChD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAES,wBAAwB;QAChC,OAAO,+BAA+B,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;IAES,YAAY;QACpB,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC;YACjB,IAAI,EAAE,IAAI;YACV,OAAO;YACP,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;SAC/B,CAAC;cACI,IAAI,CAAC,OAAO;uBACH,IAAI,CAAC,QAAQ,CAAC,KAAK;;;eAG3B,IAAI,CAAC,OAAO;;iBAEV,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO,CAAC;2BACP,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;yBAC1B,IAAI,CAAC,aAAa,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;0BACjD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BAC9B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO;mBAC/C,IAAI,CAAC,WAAW;kBACjB,IAAI,CAAC,UAAU;mBACd,IAAI,CAAC,WAAW;;qBAEd,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uBACrC,WAAW,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;cAClD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;;;;oBAItD,IAAI,CAAC,SAAS;iBACjB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;eACvC,IAAI,CAAC,OAAO;;;;QAInB,IAAI,CAAC,wBAAwB,EAAE;KAClC,CAAC;IACJ,CAAC;;AA/FsB,4BAAO,GAAG,cAAc,AAAjB,CAAkB;AAC/B,2BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAOnB,8BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AAS7C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACd;AAlBV,oBAAoB;IADxC,MAAM,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;GACnB,oBAAoB,CAiGxC;eAjGoB,oBAAoB","sourcesContent":["import { type TemplateResult, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, partNameMap } from '../common/util.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { all } from './themes/checkbox-themes.js';\nimport { styles } from './themes/checkbox.base.css.js';\nimport { styles as shared } from './themes/shared/checkbox/checkbox.common.css.js';\n\n/*\n A check box allowing single values to be selected/deselected.\n \n @element igc-checkbox\n \n @slot - The checkbox label.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n \n @fires igcChange - Emitted when the control's checked state changes.\n \n @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox input element.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox indicator icon.\n /\n@themes(all, { exposeController: true })\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n public static readonly tagName = 'igc-checkbox';\n protected static styles = [styles, shared];\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcCheckboxComponent, IgcValidationContainerComponent);\n }\n\n private static readonly increment = createCounter();\n private inputId = `checkbox-${IgcCheckboxComponent.increment()}`;\n private labelId = `checkbox-label-${this.inputId}`;\n\n /\n Draws the checkbox in indeterminate state.\n * @attr\n */\n @property({ type: Boolean, reflect: true })\n public indeterminate = false;\n\n protected get _isIndigo(): boolean {\n return getThemeController(this)?.theme === 'indigo';\n }\n\n protected override handleClick(event: PointerEvent) {\n this.indeterminate = false;\n super.handleClick(event);\n }\n\n protected renderValidatorContainer(): TemplateResult {\n return IgcValidationContainerComponent.create(this);\n }\n\n protected renderStandard() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n </svg>\n `;\n }\n\n protected renderIndigo() {\n return html`\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <rect width=\"18\" height=\"4\" x=\"3\" y=\"10\" rx=\"1.85\" />\n <path\n d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"\n />\n </svg>\n `;\n }\n\n protected override render() {\n const labelledBy = this.getAttribute('aria-labelledby');\n const checked = this.checked;\n\n return html`\n <label\n part=${partNameMap({\n base: true,\n checked,\n focused: this._kbFocus.focused,\n })}\n for=${this.inputId}\n @pointerdown=${this._kbFocus.reset}\n >\n <input\n id=${this.inputId}\n type=\"checkbox\"\n name=${ifDefined(this.name)}\n value=${ifDefined(this.value)}\n .required=${this.required}\n .disabled=${this.disabled}\n .checked=${live(checked)}\n .indeterminate=${live(this.indeterminate)}\n aria-checked=${this.indeterminate && !checked ? 'mixed' : checked}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-labelledby=${labelledBy ? labelledBy : this.labelId}\n @click=${this.handleClick}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n <span part=${partNameMap({ control: true, checked })}>\n <span part=${partNameMap({ indicator: true, checked })}>\n ${this._isIndigo ? this.renderIndigo() : this.renderStandard()}\n </span>\n </span>\n <span\n .hidden=${this.hideLabel}\n part=${partNameMap({ label: true, checked })}\n id=${this.labelId}\n ><slot></slot>\n </span>\n </label>\n ${this.renderValidatorContainer()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-checkbox': IgcCheckboxComponent;\n }\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-direction:column;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=control]{--size: 1.25rem;position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=control]::after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%, -50%);width:var(--size);height:var(--size);transition:all .15s ease-in}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all;transition:color .2s ease-in-out}[part~=indicator]{display:flex;position:absolute;inset:0;stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;transform:scale(0.45);transform-origin:center}[part~=indicator] svg{width:100%;height:100%}label{display:flex;align-items:center;cursor:pointer;flex-flow:row nowrap;gap:.5rem}[part="indicator checked"]{transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([label-position=before]) [part~=label]{order:-1}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-direction:column;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=control]{--size: 1.25rem;width:var(--size);height:var(--size);min-width:var(--size);position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=control]::after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%, -50%);width:var(--size);height:var(--size);transition:all .15s ease-in}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all;transition:color .2s ease-in-out}[part~=base]{gap:.5rem}[part~=indicator]{--indicator-size: 1.125rem;display:flex;align-items:center;justify-content:center;position:absolute;inset:0;stroke-linecap:square;stroke-width:var(--mark-stroke, 3);stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;transform-origin:center}[part~=indicator] svg{width:var(--indicator-size);height:var(--indicator-size)}label{display:flex;align-items:center;cursor:pointer;flex-flow:row nowrap}[part="indicator checked"]{transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host([indeterminate]) [part~=indicator] svg{width:100%;height:100%}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([label-position=before]) [part~=label]{order:-1}`;
 //# sourceMappingURL=checkbox.base.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.base.css.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/checkbox.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~kxEAAkxE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-direction:column;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=control]{--size: 1.25rem;position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=control]::after{position:absolute;content:\"\";left:50%;top:50%;transform:translate(-50%, -50%);width:var(--size);height:var(--size);transition:all .15s ease-in}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all;transition:color .2s ease-in-out}[part~=indicator]{display:flex;position:absolute;inset:0;stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;transform~~:scale(0.45);transform~~-origin:center}[part~=indicator] svg{width:~~100%;~~height:~~100%~~}label{display:flex;align-items:center;cursor:pointer;flex-flow:row nowrap~~;gap:.5rem~~}[part=\"indicator checked\"]{transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([label-position=before]) [part~=label]{order:-1}`;\n"]}
1	+ {"version":3,"file":"checkbox.base.css.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/checkbox.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2pFAA2pF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-direction:column;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=control]{--size: 1.25rem;width:var(--size);height:var(--size);min-width:var(--size);position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=control]::after{position:absolute;content:\"\";left:50%;top:50%;transform:translate(-50%, -50%);width:var(--size);height:var(--size);transition:all .15s ease-in}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all;transition:color .2s ease-in-out}[part~=base]{gap:.5rem}[part~=indicator]{--indicator-size: 1.125rem;display:flex;align-items:center;justify-content:center;position:absolute;inset:0;stroke-linecap:square;stroke-width:var(--mark-stroke, 3);stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;transform-origin:center}[part~=indicator] svg{width:var(--indicator-size);height:var(--indicator-size)}label{display:flex;align-items:center;cursor:pointer;flex-flow:row nowrap}[part=\"indicator checked\"]{transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host([indeterminate]) [part~=indicator] svg{width:100%;height:100%}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([label-position=before]) [part~=label]{order:-1}`;\n"]}

package/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-300) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}:host(:not([disabled])[invalid]) [part~=indicator],:host(:not(:disabled)[invalid]) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:hsl(from var(--ig-surface-500) h s l/1)}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-300) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}:host(:not([disabled])[invalid]) [part~=indicator],:host(:not(:disabled)[invalid]) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:hsl(from var(--ig-surface-500) h s l/1)}`;
 //# sourceMappingURL=checkbox.bootstrap.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~g0DAAg0D~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-300) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}:host(:not([disabled])[invalid]) [part~=indicator],:host(:not(:disabled)[invalid]) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:hsl(from var(--ig-surface-500) h s l/1)}`;\n"]}
1	+ {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q8DAAq8D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-300) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}:host(:not([disabled])[invalid]) [part~=indicator],:host(:not(:disabled)[invalid]) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:hsl(from var(--ig-surface-500) h s l/1)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-color-hover: var(--ig-checkbox-label-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-400) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--empty-color-hover: var(--ig-checkbox-empty-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-300) h s l/1))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-color-hover: var(--ig-checkbox-label-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-400) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--empty-color-hover: var(--ig-checkbox-empty-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-300) h s l/1))}`;
 //# sourceMappingURL=checkbox.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~q8DAAq8D~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-color-hover: var(--ig-checkbox-label-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-400) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--empty-color-hover: var(--ig-checkbox-empty-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-300) h s l/1))}`;\n"]}
1	+ {"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ykEAAykE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-color-hover: var(--ig-checkbox-label-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-400) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--empty-color-hover: var(--ig-checkbox-empty-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-300) h s l/1))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-600) h s l/1))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-600) h s l/1))}`;
 //# sourceMappingURL=checkbox.bootstrap.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~85CAA85C~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-600) h s l/1))}`;\n"]}
1	+ {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,miDAAmiD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-600) h s l/1))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, hsl(from var(--ig-gray-800) h s l/1));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-900) h s l/0.2));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-500) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, hsl(from var(--ig-gray-800) h s l/1));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-900) h s l/0.2));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-500) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}`;
 //# sourceMappingURL=checkbox.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~mlDAAmlD~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, hsl(from var(--ig-gray-800) h s l/1));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-900) h s l/0.2));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-500) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}`;\n"]}
1	+ {"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,utDAAutD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, hsl(from var(--ig-gray-800) h s l/1));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-900) h s l/0.2));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-500) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsl(from var(--ig-gray-50) h s l/1));--label-color: var(--ig-checkbox-label-color, hsl(from var(--ig-gray-900) h s l/1));--label-color-hover: var(--ig-checkbox-label-color-hover, hsl(from var(--ig-gray-900) h s l/1));--empty-fill-color: var(--ig-checkbox-empty-fill-color, transparent);--fill-color: var(--ig-checkbox-fill-color, hsl(from var(--ig-primary-500) h s l/1));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, transparent);--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, transparent);--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-secondary-100) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-500) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-500) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsl(from var(--ig-gray-50) h s l/1));--label-color: var(--ig-checkbox-label-color, hsl(from var(--ig-gray-900) h s l/1));--label-color-hover: var(--ig-checkbox-label-color-hover, hsl(from var(--ig-gray-900) h s l/1));--empty-fill-color: var(--ig-checkbox-empty-fill-color, transparent);--fill-color: var(--ig-checkbox-fill-color, hsl(from var(--ig-primary-500) h s l/1));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, transparent);--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, transparent);--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, hsl(from var(--ig-gray-50) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-secondary-100) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-500) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-500) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=checkbox.shared.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~iuCAAiuC~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsl(from var(--ig-gray-50) h s l/1));--label-color: var(--ig-checkbox-label-color, hsl(from var(--ig-gray-900) h s l/1));--label-color-hover: var(--ig-checkbox-label-color-hover, hsl(from var(--ig-gray-900) h s l/1));--empty-fill-color: var(--ig-checkbox-empty-fill-color, transparent);--fill-color: var(--ig-checkbox-fill-color, hsl(from var(--ig-primary-500) h s l/1));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, transparent);--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, transparent);--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-secondary-100) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-500) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-500) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;\n"]}
1	+ {"version":3,"file":"checkbox.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o0CAAo0C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsl(from var(--ig-gray-50) h s l/1));--label-color: var(--ig-checkbox-label-color, hsl(from var(--ig-gray-900) h s l/1));--label-color-hover: var(--ig-checkbox-label-color-hover, hsl(from var(--ig-gray-900) h s l/1));--empty-fill-color: var(--ig-checkbox-empty-fill-color, transparent);--fill-color: var(--ig-checkbox-fill-color, hsl(from var(--ig-primary-500) h s l/1));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, transparent);--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, transparent);--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-tick-color: var(--ig-checkbox-disabled-tick-color, hsl(from var(--ig-gray-50) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-secondary-100) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-500) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-500) h s l/1));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{stroke-width:3;transform:scale(0.7);transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);width:var(--size);height:var(--size);min-width:var(--size);transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part="control checked"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}[part~=base]{gap:1rem}:host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--ig-primary-200) h s l/1)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--ig-primary-300) h s l/1)}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]):focus-visible [part~=control],:host(:not([disabled])[invalid]):focus-visible [part="control checked"],:host(:not(:disabled)[invalid]):focus-visible [part~=control],:host(:not(:disabled)[invalid]):focus-visible [part="control checked"]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-visible:not([disabled])[invalid]) [part~=control],:host(:focus-visible:not(:disabled)[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-indeterminate-color);box-shadow:none}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);box-shadow:none}`;
+export const styles = css `:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{--indicator-size: 0.6875rem;transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part="control checked"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--ig-primary-200) h s l/1)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--ig-primary-300) h s l/1)}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]):focus-visible [part~=control],:host(:not([disabled])[invalid]):focus-visible [part="control checked"],:host(:not(:disabled)[invalid]):focus-visible [part~=control],:host(:not(:disabled)[invalid]):focus-visible [part="control checked"]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-visible:not([disabled])[invalid]) [part~=control],:host(:focus-visible:not(:disabled)[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-indeterminate-color);box-shadow:none}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);box-shadow:none}`;
 //# sourceMappingURL=checkbox.bootstrap.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~6zKAA6zK~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{~~stroke~~-~~width~~:~~3;transform:scale(~~0.7);transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);~~width:var(--size);height:var(--size);min-width:var(--size);~~transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part=\"control checked\"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}~~[part~=base]{gap~~:~~1rem}:~~host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--ig-primary-200) h s l/1)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--ig-primary-300) h s l/1)}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{~~stroke-dashoffset:41;opacity:1;~~transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]):focus-visible [part~=control],:host(:not([disabled])[invalid]):focus-visible [part=\"control checked\"],:host(:not(:disabled)[invalid]):focus-visible [part~=control],:host(:not(:disabled)[invalid]):focus-visible [part=\"control checked\"]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-visible:not([disabled])[invalid]) [part~=control],:host(:focus-visible:not(:disabled)[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);box-shadow:none}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);box-shadow:none}`;\n"]}
1	+ {"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qsKAAqsK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.125rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);transition:none}[part~=indicator]{--indicator-size: 0.6875rem;transition:none}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);transition:all .15s ease-in-out;background:var(--empty-fill-color);transform:translate3d(0, 0, 0)}[part~=control]::after{border-radius:var(--border-radius);width:inherit;height:inherit;min-width:inherit;box-shadow:inset 0 0 0 .0625rem var(--empty-color);transition:all .15s ease-in-out}[part=\"control checked\"]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host(:hover) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:focus-visible) [part~=control],[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}:host(:focus-visible) [part=control]::after,[part~=focused] [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--ig-primary-200) h s l/1)}:host(:focus-visible):hover [part=control]::after,[part~=focused]:hover [part=control]::after{box-shadow:inset 0 0 0 .0625rem hsl(from var(--ig-primary-300) h s l/1)}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);box-shadow:inset 0 0 0 .0625rem var(--fill-color)}:host([indeterminate]) [part~=indicator]{transform:rotate(45deg) translateX(-0.075rem) scale(0.7)}:host(:not([disabled])[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);box-shadow:inset 0 0 0 .0625rem var(--fill-color-hover)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color);border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]):focus-visible [part~=control],:host(:not([disabled])[invalid]):focus-visible [part=\"control checked\"],:host(:not(:disabled)[invalid]):focus-visible [part~=control],:host(:not(:disabled)[invalid]):focus-visible [part=\"control checked\"]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{box-shadow:inset 0 0 0 .0625rem var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-visible:not([disabled])[invalid]) [part~=control],:host(:focus-visible:not(:disabled)[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{box-shadow:inset 0 0 0 .0625rem var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);box-shadow:none}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);box-shadow:none}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--error-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}`;
+export const styles = css `[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--error-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:var(--disabled-tick-color)}`;
 //# sourceMappingURL=checkbox.common.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~8uBAA8uB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--error-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}`;\n"]}
1	+ {"version":3,"file":"checkbox.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u1BAAu1B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-color)}[part~=control]{background:var(--empty-fill-color)}[part~=indicator]{stroke:var(--tick-color)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--error-color)}:host([disabled]) [part~=label],:host(:disabled) [part~=label]{color:var(--disabled-color-label)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator]{stroke:var(--disabled-tick-color)}`;\n"]}