igniteui-webcomponents 7.3.0-beta.1 → 7.3.0

package/components/color-picker/themes/light/color-picker.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/color-picker/themes/light/color-picker.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--label-color: var(--ig-color-picker-label-color, var(--ig-gray-800));--label-color-invalid: var(--ig-color-picker-label-color-invalid, var(--ig-gray-800));--label-color-disabled: var(--ig-color-picker-label-color-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--anchor-background-focus-visible-hover: var(--ig-color-picker-anchor-background-focus-visible-hover, hsl(from var(--ig-gray-900) h s l/0.05));--anchor-outline-color: var(--ig-color-picker-anchor-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--anchor-border-color-disabled: var(--ig-color-picker-anchor-border-color-disabled, hsl(from var(--ig-gray-900) h s l/0.15));--picker-background: var(--ig-color-picker-picker-background, var(--ig-gray-900-contrast));--picker-border-radius: var(--ig-color-picker-picker-border-radius, 0.625rem);--swatch-separator-color: var(--ig-color-picker-swatch-separator-color, transparent);--invalid-color: var(--ig-color-picker-invalid-color, var(--ig-error-500));--picker-elevation: var(--ig-color-picker-picker-elevation, var(--ig-elevation-24));--anchor-background-hover: var(--ig-color-picker-anchor-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--anchor-background-focus-visible: var(--ig-color-picker-anchor-background-focus-visible, transparent);--anchor-background-active: var(--ig-color-picker-anchor-background-active, hsl(from var(--ig-gray-900) h s l/0.05));--anchor-background-active-focus-visible: var(--ig-color-picker-anchor-background-active-focus-visible, hsl(from var(--ig-gray-900) h s l/0.05));--trigger-size: var(--ig-color-picker-trigger-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--ig-theme: indigo;--ig-theme-variant: light}`;
+//# sourceMappingURL=color-picker.indigo.css.js.map

package/components/color-picker/themes/light/color-picker.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/light/color-picker.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wvDAAwvD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--label-color: var(--ig-color-picker-label-color, var(--ig-gray-800));--label-color-invalid: var(--ig-color-picker-label-color-invalid, var(--ig-gray-800));--label-color-disabled: var(--ig-color-picker-label-color-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--anchor-background-focus-visible-hover: var(--ig-color-picker-anchor-background-focus-visible-hover, hsl(from var(--ig-gray-900) h s l/0.05));--anchor-outline-color: var(--ig-color-picker-anchor-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--anchor-border-color-disabled: var(--ig-color-picker-anchor-border-color-disabled, hsl(from var(--ig-gray-900) h s l/0.15));--picker-background: var(--ig-color-picker-picker-background, var(--ig-gray-900-contrast));--picker-border-radius: var(--ig-color-picker-picker-border-radius, 0.625rem);--swatch-separator-color: var(--ig-color-picker-swatch-separator-color, transparent);--invalid-color: var(--ig-color-picker-invalid-color, var(--ig-error-500));--picker-elevation: var(--ig-color-picker-picker-elevation, var(--ig-elevation-24));--anchor-background-hover: var(--ig-color-picker-anchor-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--anchor-background-focus-visible: var(--ig-color-picker-anchor-background-focus-visible, transparent);--anchor-background-active: var(--ig-color-picker-anchor-background-active, hsl(from var(--ig-gray-900) h s l/0.05));--anchor-background-active-focus-visible: var(--ig-color-picker-anchor-background-active-focus-visible, hsl(from var(--ig-gray-900) h s l/0.05));--trigger-size: var(--ig-color-picker-trigger-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--ig-theme: indigo;--ig-theme-variant: light}`;\n  "]}

package/components/color-picker/themes/light/color-picker.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/color-picker/themes/light/color-picker.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--picker-elevation: var(--ig-color-picker-picker-elevation, var(--ig-elevation-24));--anchor-background-hover: var(--ig-color-picker-anchor-background-hover, hsl(from var(--ig-gray-500) h s l/0.08));--anchor-background-active: var(--ig-color-picker-anchor-background-active, hsl(from var(--ig-gray-500) h s l/0.16));--anchor-background-focus-visible: var(--ig-color-picker-anchor-background-focus-visible, hsl(from var(--ig-gray-500) h s l/0.16));--anchor-background-active-focus-visible: var(--ig-color-picker-anchor-background-active-focus-visible, hsl(from var(--ig-gray-500) h s l/0.32));--trigger-size: var(--ig-color-picker-trigger-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--ig-theme: material;--ig-theme-variant: light}`;
+//# sourceMappingURL=color-picker.material.css.js.map

package/components/color-picker/themes/light/color-picker.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/light/color-picker.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o1BAAo1B,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--picker-elevation: var(--ig-color-picker-picker-elevation, var(--ig-elevation-24));--anchor-background-hover: var(--ig-color-picker-anchor-background-hover, hsl(from var(--ig-gray-500) h s l/0.08));--anchor-background-active: var(--ig-color-picker-anchor-background-active, hsl(from var(--ig-gray-500) h s l/0.16));--anchor-background-focus-visible: var(--ig-color-picker-anchor-background-focus-visible, hsl(from var(--ig-gray-500) h s l/0.16));--anchor-background-active-focus-visible: var(--ig-color-picker-anchor-background-active-focus-visible, hsl(from var(--ig-gray-500) h s l/0.32));--trigger-size: var(--ig-color-picker-trigger-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--ig-theme: material;--ig-theme-variant: light}`;\n  "]}

package/components/color-picker/themes/light/color-picker.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/color-picker/themes/light/color-picker.shared.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--label-color: var(--ig-color-picker-label-color, var(--ig-gray-900));--label-color-invalid: var(--ig-color-picker-label-color-invalid, var(--ig-error-800));--label-color-disabled: var(--ig-color-picker-label-color-disabled, var(--ig-gray-500));--anchor-background: var(--ig-color-picker-anchor-background, transparent);--anchor-background-focus-visible-hover: var(--ig-color-picker-anchor-background-focus-visible-hover, hsl(from var(--ig-gray-500) h s l/0.24));--anchor-background-disabled: var(--ig-color-picker-anchor-background-disabled, transparent);--anchor-outline-color: var(--ig-color-picker-anchor-outline-color, transparent);--anchor-border-color: var(--ig-color-picker-anchor-border-color, var(--ig-gray-600));--anchor-border-color-disabled: var(--ig-color-picker-anchor-border-color-disabled, var(--ig-gray-300));--anchor-border-radius: var(--ig-color-picker-anchor-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--swatch-preview-border-color: var(--ig-color-picker-swatch-preview-border-color, var(--ig-gray-300));--swatch-preview-border-radius: var(--ig-color-picker-swatch-preview-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--picker-background: var(--ig-color-picker-picker-background, var(--ig-surface-500));--picker-border-color: var(--ig-color-picker-picker-border-color, transparent);--picker-border-radius: var(--ig-color-picker-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--picker-canvas-border-color: var(--ig-color-picker-picker-canvas-border-color, var(--ig-gray-600));--slider-track-border-radius: var(--ig-color-picker-slider-track-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--slider-thumb-border-color: var(--ig-color-picker-slider-thumb-border-color, var(--ig-gray-900-contrast));--slider-track-border-color: var(--ig-color-picker-slider-track-border-color, var(--ig-gray-600));--swatch-separator-color: var(--ig-color-picker-swatch-separator-color, var(--ig-gray-300));--swatch-border-color: var(--ig-color-picker-swatch-border-color, var(--ig-gray-600));--swatch-border-radius: var(--ig-color-picker-swatch-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--swatch-size: var(--ig-color-picker-swatch-size, 1.75rem);--transparency-grid-odd: var(--ig-color-picker-transparency-grid-odd, var(--ig-gray-400));--transparency-grid-even: var(--ig-color-picker-transparency-grid-even, #fff);--invalid-color: var(--ig-color-picker-invalid-color, var(--ig-error-800));--marker-size: var(--ig-color-picker-marker-size, 1rem);--marker-elevation: var(--ig-color-picker-marker-elevation, var(--ig-elevation-1));--marker-color: var(--ig-color-picker-marker-color, var(--ig-gray-900-contrast));--default-size: var(--ig-color-picker-default-size, 2);--ig-theme-variant: light}`;
+//# sourceMappingURL=color-picker.shared.css.js.map

package/components/color-picker/themes/light/color-picker.shared.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/light/color-picker.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y0FAAy0F,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--label-color: var(--ig-color-picker-label-color, var(--ig-gray-900));--label-color-invalid: var(--ig-color-picker-label-color-invalid, var(--ig-error-800));--label-color-disabled: var(--ig-color-picker-label-color-disabled, var(--ig-gray-500));--anchor-background: var(--ig-color-picker-anchor-background, transparent);--anchor-background-focus-visible-hover: var(--ig-color-picker-anchor-background-focus-visible-hover, hsl(from var(--ig-gray-500) h s l/0.24));--anchor-background-disabled: var(--ig-color-picker-anchor-background-disabled, transparent);--anchor-outline-color: var(--ig-color-picker-anchor-outline-color, transparent);--anchor-border-color: var(--ig-color-picker-anchor-border-color, var(--ig-gray-600));--anchor-border-color-disabled: var(--ig-color-picker-anchor-border-color-disabled, var(--ig-gray-300));--anchor-border-radius: var(--ig-color-picker-anchor-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--swatch-preview-border-color: var(--ig-color-picker-swatch-preview-border-color, var(--ig-gray-300));--swatch-preview-border-radius: var(--ig-color-picker-swatch-preview-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.125rem), 0.125rem));--picker-background: var(--ig-color-picker-picker-background, var(--ig-surface-500));--picker-border-color: var(--ig-color-picker-picker-border-color, transparent);--picker-border-radius: var(--ig-color-picker-picker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--picker-canvas-border-color: var(--ig-color-picker-picker-canvas-border-color, var(--ig-gray-600));--slider-track-border-radius: var(--ig-color-picker-slider-track-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--slider-thumb-border-color: var(--ig-color-picker-slider-thumb-border-color, var(--ig-gray-900-contrast));--slider-track-border-color: var(--ig-color-picker-slider-track-border-color, var(--ig-gray-600));--swatch-separator-color: var(--ig-color-picker-swatch-separator-color, var(--ig-gray-300));--swatch-border-color: var(--ig-color-picker-swatch-border-color, var(--ig-gray-600));--swatch-border-radius: var(--ig-color-picker-swatch-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--swatch-size: var(--ig-color-picker-swatch-size, 1.75rem);--transparency-grid-odd: var(--ig-color-picker-transparency-grid-odd, var(--ig-gray-400));--transparency-grid-even: var(--ig-color-picker-transparency-grid-even, #fff);--invalid-color: var(--ig-color-picker-invalid-color, var(--ig-error-800));--marker-size: var(--ig-color-picker-marker-size, 1rem);--marker-elevation: var(--ig-color-picker-marker-elevation, var(--ig-elevation-1));--marker-color: var(--ig-color-picker-marker-color, var(--ig-gray-900-contrast));--default-size: var(--ig-color-picker-default-size, 2);--ig-theme-variant: light}`;\n  "]}

package/components/color-picker/themes/picker-canvas.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/color-picker/themes/picker-canvas.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;contain:layout style;grid-column:1/-1;position:relative;min-height:14.375rem;background-image:linear-gradient(rgba(0, 0, 0, 0), #000),linear-gradient(90deg, #fff, currentColor);cursor:crosshair}[part~=marker]{position:absolute;cursor:crosshair;width:var(--marker-size);height:var(--marker-size);border:.125rem solid var(--marker-color);border-radius:50%;box-shadow:var(--marker-elevation, var(--ig-elevation-1));background-color:var(--_marker-fill, transparent);background-clip:padding-box;transition:scale .1s ease-in-out}[part~=marker]:focus{outline:none}[part~=marker][part~=dragging],[part~=marker]:focus-visible{scale:1.3}`;
+//# sourceMappingURL=picker-canvas.base.css.js.map

package/components/color-picker/themes/picker-canvas.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-canvas.base.css.js","sourceRoot":"","sources":["../../../../src/components/color-picker/themes/picker-canvas.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilDAAilD,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;contain:layout style;grid-column:1/-1;position:relative;min-height:14.375rem;background-image:linear-gradient(rgba(0, 0, 0, 0), #000),linear-gradient(90deg, #fff, currentColor);cursor:crosshair}[part~=marker]{position:absolute;cursor:crosshair;width:var(--marker-size);height:var(--marker-size);border:.125rem solid var(--marker-color);border-radius:50%;box-shadow:var(--marker-elevation, var(--ig-elevation-1));background-color:var(--_marker-fill, transparent);background-clip:padding-box;transition:scale .1s ease-in-out}[part~=marker]:focus{outline:none}[part~=marker][part~=dragging],[part~=marker]:focus-visible{scale:1.3}`;\n  "]}

package/components/color-picker/themes/shared/color-picker.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/color-picker/themes/shared/color-picker.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--_outline-size: 0.25rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem;--_picker-rows-grid-template-columns: minmax(auto, max(var(--is-large, 1) * max(13.25rem, -1 * 13.25rem), var(--is-medium, 1) * max(11.875rem, -1 * 11.875rem), var(--is-small, 1) * max(10.875rem, -1 * 10.875rem))) 0 max(var(--is-large, 1) * max(6.25rem, -1 * 6.25rem), var(--is-medium, 1) * max(5rem, -1 * 5rem), var(--is-small, 1) * max(4.5rem, -1 * 4.5rem));--_label-spacing: 0.5rem}:host [part~=anchor]:focus-visible::after{box-shadow:0 0 0 var(--_outline-size) var(--anchor-outline-color);width:100%;height:100%;inset:0;border-radius:inherit}:host [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)}: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);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7.5rem, -1 * 7.5rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}`;
+//# sourceMappingURL=color-picker.bootstrap.css.js.map

package/components/color-picker/themes/shared/color-picker.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/shared/color-picker.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ypFAAypF,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--_outline-size: 0.25rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem;--_picker-rows-grid-template-columns: minmax(auto, max(var(--is-large, 1) * max(13.25rem, -1 * 13.25rem), var(--is-medium, 1) * max(11.875rem, -1 * 11.875rem), var(--is-small, 1) * max(10.875rem, -1 * 10.875rem))) 0 max(var(--is-large, 1) * max(6.25rem, -1 * 6.25rem), var(--is-medium, 1) * max(5rem, -1 * 5rem), var(--is-small, 1) * max(4.5rem, -1 * 4.5rem));--_label-spacing: 0.5rem}:host [part~=anchor]:focus-visible::after{box-shadow:0 0 0 var(--_outline-size) var(--anchor-outline-color);width:100%;height:100%;inset:0;border-radius:inherit}:host [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)}: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);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7.5rem, -1 * 7.5rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}`;\n  "]}

package/components/color-picker/themes/shared/color-picker.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/color-picker/themes/shared/color-picker.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--_outline-size: 0.0625rem;--_picker-popover-size: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));--_input-row-spacing: 1rem;--_input-row-gap: 0.75rem;--_alpha-row-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_swatches-spacing: 1rem;--_swatches-row-gap: 0.75rem;--_picker-rows-grid-template-columns: max(var(--is-large, 1) * max(7.1875rem, -1 * 7.1875rem), var(--is-medium, 1) * max(6.25rem, -1 * 6.25rem), var(--is-small, 1) * max(5.625rem, -1 * 5.625rem)) auto max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4.5rem, -1 * 4.5rem), var(--is-small, 1) * max(3.875rem, -1 * 3.875rem));--_picker-rows-inline-spacing: 1rem;--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_picker-buttons-gap: var(--_picker-column-gap);--_current-color: hsl(0deg 100% 50%);--_slider-track-size: 1rem;--_swatch-grid-size: 50% 50%;--_anchor-border-size: 0.0625rem;--_input-mode-trigger-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem));--_empty-swatch: var(--invalid-color);--_empty-swatch-image: linear-gradient( to top right, transparent calc(50% - 0.5px), var(--_empty-swatch) calc(50% - 0.5px), var(--_empty-swatch) calc(50% + 0.5px), transparent calc(50% + 0.5px) );--_transparency-grid: conic-gradient( var(--transparency-grid-odd) 0deg 90deg, var(--transparency-grid-even) 90deg 180deg, var(--transparency-grid-odd) 180deg 270deg, var(--transparency-grid-even) 270deg 360deg );--_hue-slider-track: linear-gradient( 90deg, #fe1016 0%, #fe7f23 15.38%, #fcee37 28.37%, #1cfe3f 42.31%, #1afffe 55.77%, #2a0af8 69.4%, #fb13e9 84.9%, #f90000 100% );--_alpha-color: var(--_selected-color, var(--_current-color));--_alpha-slider-track: linear-gradient( to right, rgb(from var(--_alpha-color) r g b / 0%) 0%, rgb(from var(--_alpha-color) r g b / 100%) 100% ), var(--_transparency-grid);--_alpha-track-position: 0 0;--_alpha-track-size: contain, var(--_slider-track-size) var(--_slider-track-size)}:host input[type=range]{background:rgba(0,0,0,0);cursor:pointer}:host [part=hue]::-webkit-slider-runnable-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background:var(--_hue-slider-track)}:host [part=hue]::-moz-range-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background:var(--_hue-slider-track)}:host [part=hue]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_current-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=hue]::-moz-range-thumb{-moz-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_current-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=alpha]::-webkit-slider-runnable-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background-image:var(--_alpha-slider-track);background-position:var(--_alpha-track-position);background-size:var(--_alpha-track-size)}:host [part=alpha]::-moz-range-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background-image:var(--_alpha-slider-track);background-position:var(--_alpha-track-position);background-size:var(--_alpha-track-size)}:host [part=alpha]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_alpha-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=alpha]::-moz-range-thumb{-moz-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_alpha-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=main-row],:host [part=alpha-row],:host [part=inputs-row]{padding-inline:var(--_picker-rows-inline-spacing);-moz-column-gap:var(--_picker-column-gap);column-gap:var(--_picker-column-gap)}:host [part=main-row],:host [part=alpha-row]{grid-template-columns:var(--_picker-rows-grid-template-columns)}:host [part=main-row] input,:host [part=alpha-row] input{margin:0}:host [part=picker]{background:var(--picker-background);border-radius:var(--picker-border-radius);box-shadow:var(--picker-elevation);border:.0625rem solid var(--picker-border-color)}:host [part=picker] igc-divider{--ig-divider-color: var(--swatch-separator-color);grid-column:1/-1}:host [part=picker]:has([part~=swatches]){--_input-row-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem))}:host [part=swatches]{grid-template-columns:repeat(8, var(--swatch-size))}:host [part=picker-canvas]{border-color:var(--picker-canvas-border-color);border-radius:var(--picker-border-radius)}:host [part=picker-canvas]>igc-picker-canvas{border-radius:calc(var(--picker-border-radius) - .0625rem)}:host [part=swatch]{width:var(--swatch-size);height:var(--swatch-size);border:.0625rem solid var(--swatch-border-color);border-radius:var(--swatch-border-radius);cursor:pointer}:host [part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin-inline-start:var(--_label-spacing)}:host ::part(helper-text){margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part~=anchor]{border:var(--_anchor-border-size) solid var(--anchor-border-color);border-radius:var(--anchor-border-radius);background:var(--anchor-background);width:var(--trigger-size);height:var(--trigger-size);cursor:pointer}:host [part~=anchor]::before{background-image:linear-gradient(to right, var(--_color-preview, transparent) 0 50%, transparent 50%),linear-gradient(var(--_alpha-preview, transparent), var(--_alpha-preview, transparent)),var(--_transparency-grid);background-position:0 0;background-size:100% 100%,100% 100%,var(--_swatch-grid-size);background-clip:content-box;border:var(--_anchor-border-size) solid var(--swatch-preview-border-color);border-radius:calc(var(--anchor-border-radius) - var(--_anchor-border-size))}:host [part~=anchor]:focus-visible::after{content:"";position:absolute;box-shadow:inset 0 0 0 var(--_outline-size) var(--anchor-outline-color);box-sizing:border-box;z-index:1}:host [part~=anchor][part~=input-mode]{background-image:linear-gradient(to right, var(--_color-preview, transparent) 0 50%, transparent 50%),linear-gradient(var(--_alpha-preview, transparent), var(--_alpha-preview, transparent)),var(--_transparency-grid);background-position:0 0;background-size:100% 100%,100% 100%,var(--_swatch-grid-size);background-clip:content-box;width:var(--_input-mode-trigger-size);height:var(--_input-mode-trigger-size);border-radius:calc(var(--anchor-border-radius) - .0625rem);padding:0;margin:0}:host [part~=empty]::before{background-color:var(--ig-gray-900-contrast);background-image:var(--_empty-swatch-image);background-size:100% 100%}:host [part~=empty][part~=input-mode]{background-color:var(--ig-gray-900-contrast);background-image:var(--_empty-swatch-image);background-size:100% 100%}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):hover{background:var(--anchor-background-hover)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):focus-visible{outline:none;background:var(--anchor-background-focus-visible)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):focus-visible:hover{background:var(--anchor-background-focus-visible-hover)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):active{background:var(--anchor-background-active)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):active:focus-visible{background:var(--anchor-background-active-focus-visible)}:host(:not([disabled],:disabled)) [part~=label]{color:var(--label-color);cursor:pointer}:host(:not([disabled],:disabled)) [part=buttons]{-moz-column-gap:var(--_picker-buttons-gap);column-gap:var(--_picker-buttons-gap)}:host(:not([disabled],:disabled):state(ig-invalid)) [part~=anchor]{border-color:var(--invalid-color)}:host(:not([disabled],:disabled):state(ig-invalid)) [part~=label]{color:var(--label-color-invalid)}:host(:not([disabled],:disabled):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=anchor],:host([disabled]) [part~=anchor]{background:var(--anchor-background-disabled);border-color:var(--anchor-border-color-disabled);cursor:not-allowed}:host(:disabled) [part~=anchor]::before,:host([disabled]) [part~=anchor]::before{opacity:.3}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--label-color-disabled);cursor:not-allowed}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
+//# sourceMappingURL=color-picker.common.css.js.map

package/components/color-picker/themes/shared/color-picker.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.common.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/shared/color-picker.common.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qnUAAqnU,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--_outline-size: 0.0625rem;--_picker-popover-size: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));--_input-row-spacing: 1rem;--_input-row-gap: 0.75rem;--_alpha-row-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_swatches-spacing: 1rem;--_swatches-row-gap: 0.75rem;--_picker-rows-grid-template-columns: max(var(--is-large, 1) * max(7.1875rem, -1 * 7.1875rem), var(--is-medium, 1) * max(6.25rem, -1 * 6.25rem), var(--is-small, 1) * max(5.625rem, -1 * 5.625rem)) auto max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4.5rem, -1 * 4.5rem), var(--is-small, 1) * max(3.875rem, -1 * 3.875rem));--_picker-rows-inline-spacing: 1rem;--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_picker-buttons-gap: var(--_picker-column-gap);--_current-color: hsl(0deg 100% 50%);--_slider-track-size: 1rem;--_swatch-grid-size: 50% 50%;--_anchor-border-size: 0.0625rem;--_input-mode-trigger-size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem));--_empty-swatch: var(--invalid-color);--_empty-swatch-image: linear-gradient( to top right, transparent calc(50% - 0.5px), var(--_empty-swatch) calc(50% - 0.5px), var(--_empty-swatch) calc(50% + 0.5px), transparent calc(50% + 0.5px) );--_transparency-grid: conic-gradient( var(--transparency-grid-odd) 0deg 90deg, var(--transparency-grid-even) 90deg 180deg, var(--transparency-grid-odd) 180deg 270deg, var(--transparency-grid-even) 270deg 360deg );--_hue-slider-track: linear-gradient( 90deg, #fe1016 0%, #fe7f23 15.38%, #fcee37 28.37%, #1cfe3f 42.31%, #1afffe 55.77%, #2a0af8 69.4%, #fb13e9 84.9%, #f90000 100% );--_alpha-color: var(--_selected-color, var(--_current-color));--_alpha-slider-track: linear-gradient( to right, rgb(from var(--_alpha-color) r g b / 0%) 0%, rgb(from var(--_alpha-color) r g b / 100%) 100% ), var(--_transparency-grid);--_alpha-track-position: 0 0;--_alpha-track-size: contain, var(--_slider-track-size) var(--_slider-track-size)}:host input[type=range]{background:rgba(0,0,0,0);cursor:pointer}:host [part=hue]::-webkit-slider-runnable-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background:var(--_hue-slider-track)}:host [part=hue]::-moz-range-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background:var(--_hue-slider-track)}:host [part=hue]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_current-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=hue]::-moz-range-thumb{-moz-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_current-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=alpha]::-webkit-slider-runnable-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background-image:var(--_alpha-slider-track);background-position:var(--_alpha-track-position);background-size:var(--_alpha-track-size)}:host [part=alpha]::-moz-range-track{height:var(--_slider-track-size);border-radius:var(--slider-track-border-radius);box-shadow:inset 0 0 0 .0625rem var(--slider-track-border-color);background-image:var(--_alpha-slider-track);background-position:var(--_alpha-track-position);background-size:var(--_alpha-track-size)}:host [part=alpha]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_alpha-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=alpha]::-moz-range-thumb{-moz-appearance:none;appearance:none;border-radius:50%;width:1rem;height:1rem;background-color:var(--_alpha-color);border:.125rem solid var(--slider-thumb-border-color);box-shadow:var(--ig-elevation-1);box-sizing:border-box;margin:0}:host [part=main-row],:host [part=alpha-row],:host [part=inputs-row]{padding-inline:var(--_picker-rows-inline-spacing);-moz-column-gap:var(--_picker-column-gap);column-gap:var(--_picker-column-gap)}:host [part=main-row],:host [part=alpha-row]{grid-template-columns:var(--_picker-rows-grid-template-columns)}:host [part=main-row] input,:host [part=alpha-row] input{margin:0}:host [part=picker]{background:var(--picker-background);border-radius:var(--picker-border-radius);box-shadow:var(--picker-elevation);border:.0625rem solid var(--picker-border-color)}:host [part=picker] igc-divider{--ig-divider-color: var(--swatch-separator-color);grid-column:1/-1}:host [part=picker]:has([part~=swatches]){--_input-row-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem))}:host [part=swatches]{grid-template-columns:repeat(8, var(--swatch-size))}:host [part=picker-canvas]{border-color:var(--picker-canvas-border-color);border-radius:var(--picker-border-radius)}:host [part=picker-canvas]>igc-picker-canvas{border-radius:calc(var(--picker-border-radius) - .0625rem)}:host [part=swatch]{width:var(--swatch-size);height:var(--swatch-size);border:.0625rem solid var(--swatch-border-color);border-radius:var(--swatch-border-radius);cursor:pointer}:host [part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);margin-inline-start:var(--_label-spacing)}:host ::part(helper-text){margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part~=anchor]{border:var(--_anchor-border-size) solid var(--anchor-border-color);border-radius:var(--anchor-border-radius);background:var(--anchor-background);width:var(--trigger-size);height:var(--trigger-size);cursor:pointer}:host [part~=anchor]::before{background-image:linear-gradient(to right, var(--_color-preview, transparent) 0 50%, transparent 50%),linear-gradient(var(--_alpha-preview, transparent), var(--_alpha-preview, transparent)),var(--_transparency-grid);background-position:0 0;background-size:100% 100%,100% 100%,var(--_swatch-grid-size);background-clip:content-box;border:var(--_anchor-border-size) solid var(--swatch-preview-border-color);border-radius:calc(var(--anchor-border-radius) - var(--_anchor-border-size))}:host [part~=anchor]:focus-visible::after{content:\"\";position:absolute;box-shadow:inset 0 0 0 var(--_outline-size) var(--anchor-outline-color);box-sizing:border-box;z-index:1}:host [part~=anchor][part~=input-mode]{background-image:linear-gradient(to right, var(--_color-preview, transparent) 0 50%, transparent 50%),linear-gradient(var(--_alpha-preview, transparent), var(--_alpha-preview, transparent)),var(--_transparency-grid);background-position:0 0;background-size:100% 100%,100% 100%,var(--_swatch-grid-size);background-clip:content-box;width:var(--_input-mode-trigger-size);height:var(--_input-mode-trigger-size);border-radius:calc(var(--anchor-border-radius) - .0625rem);padding:0;margin:0}:host [part~=empty]::before{background-color:var(--ig-gray-900-contrast);background-image:var(--_empty-swatch-image);background-size:100% 100%}:host [part~=empty][part~=input-mode]{background-color:var(--ig-gray-900-contrast);background-image:var(--_empty-swatch-image);background-size:100% 100%}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):hover{background:var(--anchor-background-hover)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):focus-visible{outline:none;background:var(--anchor-background-focus-visible)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):focus-visible:hover{background:var(--anchor-background-focus-visible-hover)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):active{background:var(--anchor-background-active)}:host(:not([disabled],:disabled)) [part~=anchor]:not([part~=input-mode]):active:focus-visible{background:var(--anchor-background-active-focus-visible)}:host(:not([disabled],:disabled)) [part~=label]{color:var(--label-color);cursor:pointer}:host(:not([disabled],:disabled)) [part=buttons]{-moz-column-gap:var(--_picker-buttons-gap);column-gap:var(--_picker-buttons-gap)}:host(:not([disabled],:disabled):state(ig-invalid)) [part~=anchor]{border-color:var(--invalid-color)}:host(:not([disabled],:disabled):state(ig-invalid)) [part~=label]{color:var(--label-color-invalid)}:host(:not([disabled],:disabled):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=anchor],:host([disabled]) [part~=anchor]{background:var(--anchor-background-disabled);border-color:var(--anchor-border-color-disabled);cursor:not-allowed}:host(:disabled) [part~=anchor]::before,:host([disabled]) [part~=anchor]::before{opacity:.3}:host(:disabled) [part~=label],:host([disabled]) [part~=label]{color:var(--label-color-disabled);cursor:not-allowed}:host(:disabled) ::part(helper-text),:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n  "]}

package/components/color-picker/themes/shared/color-picker.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/color-picker/themes/shared/color-picker.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem;--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_picker-rows-grid-template-columns: 1fr auto max(var(--is-large, 1) * max(5rem, -1 * 5rem), var(--is-medium, 1) * max(4.25rem, -1 * 4.25rem), var(--is-small, 1) * max(3.75rem, -1 * 3.75rem));--_label-spacing: 0.5rem}:host igc-input::part(prefix),:host igc-input::part(suffix){background:rgba(0,0,0,0) !important}:host [part~=anchor]:focus-visible::after{width:calc(100% - 0.125rem);height:calc(100% - 0.125rem);inset:.0625rem}:host [part=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}`;
+//# sourceMappingURL=color-picker.fluent.css.js.map

package/components/color-picker/themes/shared/color-picker.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/shared/color-picker.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m+DAAm+D,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem;--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));--_picker-rows-grid-template-columns: 1fr auto max(var(--is-large, 1) * max(5rem, -1 * 5rem), var(--is-medium, 1) * max(4.25rem, -1 * 4.25rem), var(--is-small, 1) * max(3.75rem, -1 * 3.75rem));--_label-spacing: 0.5rem}:host igc-input::part(prefix),:host igc-input::part(suffix){background:rgba(0,0,0,0) !important}:host [part~=anchor]:focus-visible::after{width:calc(100% - 0.125rem);height:calc(100% - 0.125rem);inset:.0625rem}:host [part=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.3125rem, -1 * 0.3125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}`;\n  "]}

package/components/color-picker/themes/shared/color-picker.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/color-picker/themes/shared/color-picker.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--_outline-size: 0.1875rem;--_input-mode-trigger-size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_alpha-row-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-rows-grid-template-columns: minmax(auto, max(var(--is-large, 1) * max(15.25rem, -1 * 15.25rem), var(--is-medium, 1) * max(13.125rem, -1 * 13.125rem), var(--is-small, 1) * max(11.875rem, -1 * 11.875rem))) 0 max(var(--is-large, 1) * max(4.25rem, -1 * 4.25rem), var(--is-medium, 1) * max(3.75rem, -1 * 3.75rem), var(--is-small, 1) * max(3.5rem, -1 * 3.5rem));--_swatches-row-gap: 0.75rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_label-spacing: 0.5rem;--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem))}:host [part~=anchor]:focus-visible::after{box-shadow:0 0 0 var(--_outline-size) var(--anchor-outline-color);width:calc(100% + 2px);height:calc(100% + 2px);inset:-1px;border-radius:var(--anchor-border-radius)}:host [part=inputs-row]{grid-template-columns:min(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}:host [part=picker]:has([part~=swatches]){--_input-row-spacing: max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem))}:host [part=swatches]{padding-block-start:0}:host [part=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host(:not([disabled],:disabled):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}`;
+//# sourceMappingURL=color-picker.indigo.css.js.map

package/components/color-picker/themes/shared/color-picker.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/shared/color-picker.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o+EAAo+E,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--_outline-size: 0.1875rem;--_input-mode-trigger-size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_alpha-row-spacing: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-rows-grid-template-columns: minmax(auto, max(var(--is-large, 1) * max(15.25rem, -1 * 15.25rem), var(--is-medium, 1) * max(13.125rem, -1 * 13.125rem), var(--is-small, 1) * max(11.875rem, -1 * 11.875rem))) 0 max(var(--is-large, 1) * max(4.25rem, -1 * 4.25rem), var(--is-medium, 1) * max(3.75rem, -1 * 3.75rem), var(--is-small, 1) * max(3.5rem, -1 * 3.5rem));--_swatches-row-gap: 0.75rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_label-spacing: 0.5rem;--_picker-buttons-gap: max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--_picker-column-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem))}:host [part~=anchor]:focus-visible::after{box-shadow:0 0 0 var(--_outline-size) var(--anchor-outline-color);width:calc(100% + 2px);height:calc(100% + 2px);inset:-1px;border-radius:var(--anchor-border-radius)}:host [part=inputs-row]{grid-template-columns:min(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}:host [part=picker]:has([part~=swatches]){--_input-row-spacing: max(var(--is-large, 1) * max(1.75rem, -1 * 1.75rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem))}:host [part=swatches]{padding-block-start:0}:host [part=label]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}:host ::part(helper-text){grid-auto-rows:minmax(0.9375rem, auto)}:host(:not([disabled],:disabled):state(ig-invalid)) ::part(helper-text){color:var(--helper-text-color)}`;\n  "]}

package/components/color-picker/themes/shared/color-picker.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/color-picker/themes/shared/color-picker.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--_label-spacing: 0.75rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto)}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}:host([mode=input]) ::part(helper-text){padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;
+//# sourceMappingURL=color-picker.material.css.js.map

package/components/color-picker/themes/shared/color-picker.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/color-picker/themes/shared/color-picker.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uhCAAuhC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--_label-spacing: 0.75rem;--_input-row-gap: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--_swatches-spacing: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(1rem, -1 * 1rem)) 1rem 1rem 1rem}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto)}:host [part=inputs-row]{grid-template-columns:max(max(var(--is-large, 1)*max(7rem, -1 * 7rem),var(--is-medium, 1)*max(6.5rem, -1 * 6.5rem),var(--is-small, 1)*max(6rem, -1 * 6rem))) 1fr}:host([mode=input]) ::part(helper-text){padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;\n  "]}

package/components/color-picker/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '#theming/types.js';
+export declare const all: Themes;

package/components/color-picker/themes/themes.js

@@ -0,0 +1,50 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/color-picker.bootstrap.css.js';
+import { styles as fluentDark } from './dark/color-picker.fluent.css.js';
+import { styles as indigoDark } from './dark/color-picker.indigo.css.js';
+import { styles as materialDark } from './dark/color-picker.material.css.js';
+import { styles as bootstrapLight } from './light/color-picker.bootstrap.css.js';
+import { styles as fluentLight } from './light/color-picker.fluent.css.js';
+import { styles as indigoLight } from './light/color-picker.indigo.css.js';
+import { styles as materialLight } from './light/color-picker.material.css.js';
+import { styles as shared } from './light/color-picker.shared.css.js';
+import { styles as bootstrap } from './shared/color-picker.bootstrap.css.js';
+import { styles as fluent } from './shared/color-picker.fluent.css.js';
+import { styles as indigo } from './shared/color-picker.indigo.css.js';
+import { styles as material } from './shared/color-picker.material.css.js';
+const light = {
+    shared: css `
+    ${shared}
+  `,
+    bootstrap: css `
+    ${bootstrap} ${bootstrapLight}
+  `,
+    material: css `
+    ${material} ${materialLight}
+  `,
+    fluent: css `
+    ${fluent} ${fluentLight}
+  `,
+    indigo: css `
+    ${indigo} ${indigoLight}
+  `,
+};
+const dark = {
+    shared: css `
+    ${shared}
+  `,
+    bootstrap: css `
+    ${bootstrap} ${bootstrapDark}
+  `,
+    material: css `
+    ${material} ${materialDark}
+  `,
+    fluent: css `
+    ${fluent} ${fluentDark}
+  `,
+    indigo: css `
+    ${indigo} ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map

package/components/color-picker/themes/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/color-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAEtE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAE3E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/color-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/color-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/color-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/color-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/color-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/color-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/color-picker.indigo.css.js';\nimport { styles as materialLight } from './light/color-picker.material.css.js';\nimport { styles as shared } from './light/color-picker.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/color-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/color-picker.fluent.css.js';\nimport { styles as indigo } from './shared/color-picker.indigo.css.js';\nimport { styles as material } from './shared/color-picker.material.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/color-picker/validators.d.ts

@@ -0,0 +1,3 @@
+import { type Validator } from '#internals/validators.js';
+import type IgcColorPickerComponent from './color-picker.js';
+export declare const colorPickerValidators: Validator<IgcColorPickerComponent>[];

package/components/color-picker/validators.js

@@ -0,0 +1,5 @@
+import { requiredValidator } from '#internals/validators.js';
+export const colorPickerValidators = [
+    requiredValidator,
+];
+//# sourceMappingURL=validators.js.map

package/components/color-picker/validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/color-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,0BAA0B,CAAC;AAG7E,MAAM,CAAC,MAAM,qBAAqB,GAAyC;IACzE,iBAAiB;CAClB,CAAC","sourcesContent":["import { requiredValidator, type Validator } from '#internals/validators.js';\nimport type IgcColorPickerComponent from './color-picker.js';\n\nexport const colorPickerValidators: Validator<IgcColorPickerComponent>[] = [\n  requiredValidator,\n];\n"]}

package/components/date-picker/date-picker.base.d.ts

@@ -25,7 +25,7 @@ export interface IgcPickerBaseEventMap<T> {
 /** The parts of the calendar which the pickers re-export to their own consumers. */
 export declare const calendarExportParts: "header, header-title, header-date, content: calendar-content, navigation, months-navigation,\n  years-navigation, years-range, navigation-buttons, navigation-button, days-view-container,\n  days-view, months-view, years-view, days-row, months-row, years-row, label: calendar-label,\n  label-inner: calendar-label-inner, week-number, week-number-inner, date,\n  date-inner, first, last, inactive, hidden, weekend, range, special, disabled, single, preview,\n  month, month-inner, year, year-inner, selected, current";
 /** The components rendered by the picker chrome of every picker. */
-export declare const pickerDependencies: (typeof IgcIconComponent | typeof IgcValidationContainerComponent | typeof IgcPopoverComponent | typeof IgcCalendarComponent | typeof IgcDialogComponent | typeof IgcFocusTrapComponent)[];
+export declare const pickerDependencies: (typeof IgcIconComponent | typeof IgcValidationContainerComponent | typeof IgcPopoverComponent | typeof IgcCalendarComponent | typeof IgcFocusTrapComponent | typeof IgcDialogComponent)[];
 /**
  * The subset of the slot controller which the base picker queries.
  * Kept structural so that each picker can declare its own set of slot names.

package/components/icon/icon-references.js

@@ -36,6 +36,7 @@ const ICON_ALIASES = {
     regenerate: { default: 'reload' },
     copy_content: { default: 'copy' },
     collapse: { default: 'keyboard_arrow_up', indigo: 'indigo_chevron_up' },
+    eye_dropper: { default: 'colorize' },
     arrow_prev: {
         default: 'navigate_before',
         fluent: 'arrow_upward',

package/components/icon/icon-references.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-references.js","sourceRoot":"","sources":["../../../src/components/icon/icon-references.ts"],"names":[],"mappings":"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","sourcesContent":["/** READ BEFORE YOU MODIFY THIS FILE!\n *\n * Before you add/modify an icon reference, please think about the semantics of the icon you are adding/modifying.\n *\n * Icon aliases have sematic meaning depending on the context in which they are used.\n * For instance, if your component handles toggling between expanded and collapsed states,\n * you may want to use the already existing `expand` and `collapse` aliases that point to\n * the `expand_more` and `expand_less` icons in the material font set.\n *\n * It may so happen, however, that the design of your component requires you to use the `chevron_right` for the\n * expand icon and the `expand_more` for the collapse icon. In this case the `tree_expand` and `tree_collapse` aliases\n * would be appropriate.\n * This distinction is important when choosing which icon to use for your component as it will have an impact\n * when a user decides to rewire the `expand`/`collapse` icons to some other icons.\n *\n * Likewise, modifying existing references should be handled with caution as many component in the framework already\n * share icons that have equivalent semantic meaning. For example, the `Paginator`, `Grid Filtering Row`,\n * and `Tabs` components in Ignite UI for Angular all use the `prev` and `next` icons for navigating between pages\n * or lists of items. Changing the underlying target for those icons should be done in a way that suits all components.\n *\n * Keep in mind that icon aliases and their underlying names are shared between Ignite UI component frameworks\n * and changing an alias name here should be reflected in the other frameworks as well.\n *\n * To get acquainted with which component uses what icon, please make sure to read the\n * [docs](https://infragistics.com/products/ignite-ui-angular/Angular/components/icon-service#internal-usage).\n */\nimport type { IconMeta, IconThemeKey } from './registry/types.js';\n\n/** The collection every built-in alias target lives in. */\nconst INTERNAL = 'internal';\n\n/**\n * Maps an alias in the `default` collection to the name of its target icon in\n * the `internal` collection, per theme. The `default` entry is the fallback for\n * themes without an explicit target.\n */\nconst ICON_ALIASES: Record<string, Partial<Record<IconThemeKey, string>>> = {\n  expand: { default: 'keyboard_arrow_down', indigo: 'indigo_chevron_down' },\n  attach_file: { default: 'attach_file', indigo: 'indigo_attach_file' },\n  attach_document: { default: 'document_filled' },\n  attach_image: { default: 'document_image' },\n  auto_suggest: { default: 'auto_suggest' },\n  send_message: { default: 'send' },\n  image_thumbnail: { default: 'image' },\n  table_thumbnail: { default: 'table' },\n  layout_thumbnail: { default: 'layout' },\n  code_thumbnail: { default: 'code_circle' },\n  document_thumbnail: { default: 'document_empty' },\n  file_generic: { default: 'file_generic' },\n  file_css: { default: 'file_css' },\n  file_csv: { default: 'file_csv' },\n  file_doc: { default: 'file_doc' },\n  file_htm: { default: 'file_htm' },\n  file_html: { default: 'file_html' },\n  file_js: { default: 'file_js' },\n  file_json: { default: 'file_json' },\n  file_pdf: { default: 'file_pdf' },\n  file_rtf: { default: 'file_rtf' },\n  file_svg: { default: 'file_svg' },\n  file_txt: { default: 'file_txt' },\n  file_xls: { default: 'file_xls' },\n  file_xml: { default: 'file_xml' },\n  file_zip: { default: 'file_zip' },\n  file_link: { default: 'file_link' },\n  more_horiz: { default: 'more_horiz' },\n  open_in_new: { default: 'open_in_new' },\n  thumb_up_active: { default: 'thumb_up_filled' },\n  thumb_up_inactive: { default: 'thumb_up_empty' },\n  thumb_down_active: { default: 'thumb_down_filled' },\n  thumb_down_inactive: { default: 'thumb_down_empty' },\n  regenerate: { default: 'reload' },\n  copy_content: { default: 'copy' },\n  collapse: { default: 'keyboard_arrow_up', indigo: 'indigo_chevron_up' },\n  arrow_prev: {\n    default: 'navigate_before',\n    fluent: 'arrow_upward',\n    indigo: 'indigo_chevron_left',\n  },\n  arrow_next: {\n    default: 'navigate_next',\n    fluent: 'arrow_downward',\n    indigo: 'indigo_chevron_right',\n  },\n  selected: { default: 'chip_select' },\n  remove: { default: 'chip_cancel', indigo: 'indigo_cancel' },\n  input_clear: { default: 'clear', indigo: 'indigo_clear' },\n  input_expand: {\n    default: 'keyboard_arrow_down',\n    indigo: 'indigo_chevron_down',\n  },\n  input_collapse: { default: 'keyboard_arrow_up', indigo: 'indigo_chevron_up' },\n  chevron_right: {\n    default: 'keyboard_arrow_right',\n    indigo: 'indigo_chevron_right',\n  },\n  chevron_left: { default: 'navigate_before', indigo: 'indigo_chevron_left' },\n  case_sensitive: { default: 'case_sensitive' },\n  today: { default: 'calendar_today', indigo: 'indigo_calendar_today' },\n  clock: { default: 'access_time', indigo: 'indigo_access_time' },\n  star_filled: { default: 'star' },\n  star_outlined: { default: 'star_border' },\n  prev: { default: 'navigate_before', indigo: 'indigo_chevron_left' },\n  next: { default: 'navigate_next', indigo: 'indigo_chevron_right' },\n  tree_expand: {\n    default: 'keyboard_arrow_right',\n    indigo: 'indigo_chevron_right',\n  },\n  tree_collapse: {\n    default: 'keyboard_arrow_down',\n    indigo: 'indigo_chevron_down',\n  },\n  carousel_prev: {\n    default: 'keyboard_arrow_left',\n    indigo: 'indigo_chevron_left',\n  },\n  carousel_next: {\n    default: 'keyboard_arrow_right',\n    indigo: 'indigo_chevron_right',\n  },\n  error: { default: 'error', indigo: 'indigo_error' },\n  fullscreen: { default: 'fullscreen', indigo: 'indigo_fullscreen' },\n  fullscreen_exit: {\n    default: 'fullscreen_exit',\n    indigo: 'indigo_fullscreen_exit',\n  },\n  expand_content: {\n    default: 'expand_content',\n    indigo: 'indigo_expand_content',\n  },\n  collapse_content: {\n    default: 'collapse_content',\n    indigo: 'indigo_collapse_content',\n  },\n  resize: { default: 'resize' },\n};\n\n/** Resolved alias name -> theme -> target icon. */\nexport const ICON_REFERENCES: ReadonlyMap<\n  string,\n  ReadonlyMap<IconThemeKey, IconMeta>\n> = new Map(\n  Object.entries(ICON_ALIASES).map(([alias, targets]) => [\n    alias,\n    new Map(\n      (Object.entries(targets) as [IconThemeKey, string][]).map(\n        ([theme, name]) => [theme, { name, collection: INTERNAL }]\n      )\n    ),\n  ])\n);\n"]}
+{"version":3,"file":"icon-references.js","sourceRoot":"","sources":["../../../src/components/icon/icon-references.ts"],"names":[],"mappings":"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","sourcesContent":["/** READ BEFORE YOU MODIFY THIS FILE!\n *\n * Before you add/modify an icon reference, please think about the semantics of the icon you are adding/modifying.\n *\n * Icon aliases have sematic meaning depending on the context in which they are used.\n * For instance, if your component handles toggling between expanded and collapsed states,\n * you may want to use the already existing `expand` and `collapse` aliases that point to\n * the `expand_more` and `expand_less` icons in the material font set.\n *\n * It may so happen, however, that the design of your component requires you to use the `chevron_right` for the\n * expand icon and the `expand_more` for the collapse icon. In this case the `tree_expand` and `tree_collapse` aliases\n * would be appropriate.\n * This distinction is important when choosing which icon to use for your component as it will have an impact\n * when a user decides to rewire the `expand`/`collapse` icons to some other icons.\n *\n * Likewise, modifying existing references should be handled with caution as many component in the framework already\n * share icons that have equivalent semantic meaning. For example, the `Paginator`, `Grid Filtering Row`,\n * and `Tabs` components in Ignite UI for Angular all use the `prev` and `next` icons for navigating between pages\n * or lists of items. Changing the underlying target for those icons should be done in a way that suits all components.\n *\n * Keep in mind that icon aliases and their underlying names are shared between Ignite UI component frameworks\n * and changing an alias name here should be reflected in the other frameworks as well.\n *\n * To get acquainted with which component uses what icon, please make sure to read the\n * [docs](https://infragistics.com/products/ignite-ui-angular/Angular/components/icon-service#internal-usage).\n */\nimport type { IconMeta, IconThemeKey } from './registry/types.js';\n\n/** The collection every built-in alias target lives in. */\nconst INTERNAL = 'internal';\n\n/**\n * Maps an alias in the `default` collection to the name of its target icon in\n * the `internal` collection, per theme. The `default` entry is the fallback for\n * themes without an explicit target.\n */\nconst ICON_ALIASES: Record<string, Partial<Record<IconThemeKey, string>>> = {\n  expand: { default: 'keyboard_arrow_down', indigo: 'indigo_chevron_down' },\n  attach_file: { default: 'attach_file', indigo: 'indigo_attach_file' },\n  attach_document: { default: 'document_filled' },\n  attach_image: { default: 'document_image' },\n  auto_suggest: { default: 'auto_suggest' },\n  send_message: { default: 'send' },\n  image_thumbnail: { default: 'image' },\n  table_thumbnail: { default: 'table' },\n  layout_thumbnail: { default: 'layout' },\n  code_thumbnail: { default: 'code_circle' },\n  document_thumbnail: { default: 'document_empty' },\n  file_generic: { default: 'file_generic' },\n  file_css: { default: 'file_css' },\n  file_csv: { default: 'file_csv' },\n  file_doc: { default: 'file_doc' },\n  file_htm: { default: 'file_htm' },\n  file_html: { default: 'file_html' },\n  file_js: { default: 'file_js' },\n  file_json: { default: 'file_json' },\n  file_pdf: { default: 'file_pdf' },\n  file_rtf: { default: 'file_rtf' },\n  file_svg: { default: 'file_svg' },\n  file_txt: { default: 'file_txt' },\n  file_xls: { default: 'file_xls' },\n  file_xml: { default: 'file_xml' },\n  file_zip: { default: 'file_zip' },\n  file_link: { default: 'file_link' },\n  more_horiz: { default: 'more_horiz' },\n  open_in_new: { default: 'open_in_new' },\n  thumb_up_active: { default: 'thumb_up_filled' },\n  thumb_up_inactive: { default: 'thumb_up_empty' },\n  thumb_down_active: { default: 'thumb_down_filled' },\n  thumb_down_inactive: { default: 'thumb_down_empty' },\n  regenerate: { default: 'reload' },\n  copy_content: { default: 'copy' },\n  collapse: { default: 'keyboard_arrow_up', indigo: 'indigo_chevron_up' },\n  eye_dropper: { default: 'colorize' },\n  arrow_prev: {\n    default: 'navigate_before',\n    fluent: 'arrow_upward',\n    indigo: 'indigo_chevron_left',\n  },\n  arrow_next: {\n    default: 'navigate_next',\n    fluent: 'arrow_downward',\n    indigo: 'indigo_chevron_right',\n  },\n  selected: { default: 'chip_select' },\n  remove: { default: 'chip_cancel', indigo: 'indigo_cancel' },\n  input_clear: { default: 'clear', indigo: 'indigo_clear' },\n  input_expand: {\n    default: 'keyboard_arrow_down',\n    indigo: 'indigo_chevron_down',\n  },\n  input_collapse: { default: 'keyboard_arrow_up', indigo: 'indigo_chevron_up' },\n  chevron_right: {\n    default: 'keyboard_arrow_right',\n    indigo: 'indigo_chevron_right',\n  },\n  chevron_left: { default: 'navigate_before', indigo: 'indigo_chevron_left' },\n  case_sensitive: { default: 'case_sensitive' },\n  today: { default: 'calendar_today', indigo: 'indigo_calendar_today' },\n  clock: { default: 'access_time', indigo: 'indigo_access_time' },\n  star_filled: { default: 'star' },\n  star_outlined: { default: 'star_border' },\n  prev: { default: 'navigate_before', indigo: 'indigo_chevron_left' },\n  next: { default: 'navigate_next', indigo: 'indigo_chevron_right' },\n  tree_expand: {\n    default: 'keyboard_arrow_right',\n    indigo: 'indigo_chevron_right',\n  },\n  tree_collapse: {\n    default: 'keyboard_arrow_down',\n    indigo: 'indigo_chevron_down',\n  },\n  carousel_prev: {\n    default: 'keyboard_arrow_left',\n    indigo: 'indigo_chevron_left',\n  },\n  carousel_next: {\n    default: 'keyboard_arrow_right',\n    indigo: 'indigo_chevron_right',\n  },\n  error: { default: 'error', indigo: 'indigo_error' },\n  fullscreen: { default: 'fullscreen', indigo: 'indigo_fullscreen' },\n  fullscreen_exit: {\n    default: 'fullscreen_exit',\n    indigo: 'indigo_fullscreen_exit',\n  },\n  expand_content: {\n    default: 'expand_content',\n    indigo: 'indigo_expand_content',\n  },\n  collapse_content: {\n    default: 'collapse_content',\n    indigo: 'indigo_collapse_content',\n  },\n  resize: { default: 'resize' },\n};\n\n/** Resolved alias name -> theme -> target icon. */\nexport const ICON_REFERENCES: ReadonlyMap<\n  string,\n  ReadonlyMap<IconThemeKey, IconMeta>\n> = new Map(\n  Object.entries(ICON_ALIASES).map(([alias, targets]) => [\n    alias,\n    new Map(\n      (Object.entries(targets) as [IconThemeKey, string][]).map(\n        ([theme, name]) => [theme, { name, collection: INTERNAL }]\n      )\n    ),\n  ])\n);\n"]}

package/components/icon/internal-icons-lib.js

@@ -32,6 +32,9 @@ export const internalIcons = new Map(Object.entries({
     copy: {
         svg: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"/></svg>`,
     },
+    colorize: {
+        svg: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-120v-190l358-358-58-56 58-56 76 76 124-124q5-5 12.5-8t15.5-3q8 0 15 3t13 8l94 94q5 6 8 13t3 15q0 8-3 15.5t-8 12.5L705-555l76 78-57 57-56-58-358 358H120Zm80-80h78l332-334-76-76-334 332v78Zm447-410 96-96-37-37-96 96 37 37Zm0 0-37-37 37 37Z"/></svg>`,
+    },
     chip_cancel: {
         svg: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>`,
     },