igniteui-webcomponents 7.3.0-beta.0 → 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/combo/combo-item.d.ts

@@ -1,9 +1,8 @@
-import { LitElement, type PropertyValues } from 'lit';
+import { LitElement } from 'lit';
 export default class IgcComboItemComponent extends LitElement {
     static readonly tagName = "igc-combo-item";
     static styles: import("lit").CSSResult[];
     static register(): void;
-    private readonly _internals;
     index: number;
     /**
      * Determines whether the item is selected.
@@ -24,7 +23,6 @@ export default class IgcComboItemComponent extends LitElement {
      */
     hideCheckbox: boolean;
     constructor();
-    protected willUpdate(props: PropertyValues<this>): void;
     private _renderCheckbox;
     protected render(): import("lit-html").TemplateResult<1>;
 }

package/components/combo/combo-item.js

@@ -22,22 +22,15 @@ export default class IgcComboItemComponent extends LitElement {
     }
     constructor() {
         super();
-        this._internals = addInternalsController(this, {
-            initialARIA: {
-                role: 'option',
-                ariaSelected: 'false',
-            },
-            reflectRole: true,
-        });
         this.selected = false;
         this.active = false;
         this.hideCheckbox = false;
         addThemingController(this, all);
-    }
-    willUpdate(props) {
-        if (props.has('selected')) {
-            this._internals.setARIA({ ariaSelected: this.selected.toString() });
-        }
+        addInternalsController(this, {
+            initialARIA: { role: 'option' },
+            reflectRole: true,
+            aria: () => ({ ariaSelected: `${this.selected}` }),
+        });
     }
     _renderCheckbox() {
         return html `

package/components/combo/combo-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-item.js","sourceRoot":"","sources":["../../../src/components/combo/combo-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4DAA4D,CAAC;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAGzD,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;aACpC,YAAO,GAAG,gBAAgB,AAAnB,CAAoB;aAC3B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;IACjE,CAAC;IAqCD;QACE,KAAK,EAAE,CAAC;QApCO,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,OAAO;aACtB;YACD,WAAW,EAAE,IAAI;SAClB,CAAC,CAAC;QAWI,aAAQ,GAAG,KAAK,CAAC;QAQjB,WAAM,GAAG,KAAK,CAAC;QAQf,iBAAY,GAAG,KAAK,CAAC;QAI1B,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,UAAU,CAAC,KAA2B;QACvD,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACtE,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA;;;mBAGI,IAAI;qBACF,IAAI,CAAC,QAAQ;;;;KAI7B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;QACP,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;;;;KAI9D,CAAC;IACJ,CAAC;;AAxDM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACT;AAQf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACnB;AAQjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDACrB;AAQf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;2DAC5B","sourcesContent":["import { html, LitElement, nothing, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcCheckboxComponent from '../checkbox/checkbox.js';\nimport { all } from '../dropdown/themes/item.js';\nimport { styles as shared } from '../dropdown/themes/shared/item/dropdown-item.common.css.js';\nimport { styles } from './themes/combo-item.base.css.js';\n\n/* blazorSuppress */\nexport default class IgcComboItemComponent extends LitElement {\n  public static readonly tagName = 'igc-combo-item';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcComboItemComponent, IgcCheckboxComponent);\n  }\n\n  private readonly _internals = addInternalsController(this, {\n    initialARIA: {\n      role: 'option',\n      ariaSelected: 'false',\n    },\n    reflectRole: true,\n  });\n\n  @property({ attribute: false })\n  public index!: number;\n\n  /**\n   * Determines whether the item is selected.\n   * @attr selected\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the item is active.\n   * @attr active\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /**\n   * Determines whether the item is active.\n   * @attr hide-checkbox\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'hide-checkbox' })\n  public hideCheckbox = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override willUpdate(props: PropertyValues<this>): void {\n    if (props.has('selected')) {\n      this._internals.setARIA({ ariaSelected: this.selected.toString() });\n    }\n  }\n\n  private _renderCheckbox() {\n    return html`\n      <section part=\"prefix\">\n        <igc-checkbox\n          .inert=${true}\n          ?checked=${this.selected}\n          exportparts=\"control: checkbox, indicator: checkbox-indicator, checked\"\n        ></igc-checkbox>\n      </section>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      ${cache(this.hideCheckbox ? nothing : this._renderCheckbox())}\n      <section id=\"content\" part=\"content\">\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-item': IgcComboItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"combo-item.js","sourceRoot":"","sources":["../../../src/components/combo/combo-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4DAA4D,CAAC;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAGzD,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;aACpC,YAAO,GAAG,gBAAgB,AAAnB,CAAoB;aAC3B,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;IACjE,CAAC;IA6BD;QACE,KAAK,EAAE,CAAC;QAnBH,aAAQ,GAAG,KAAK,CAAC;QAQjB,WAAM,GAAG,KAAK,CAAC;QAQf,iBAAY,GAAG,KAAK,CAAC;QAI1B,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAEhC,sBAAsB,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC/B,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;SACnD,CAAC,CAAC;IACL,CAAC;IAEO,eAAe;QACrB,OAAO,IAAI,CAAA;;;mBAGI,IAAI;qBACF,IAAI,CAAC,QAAQ;;;;KAI7B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;QACP,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;;;;KAI9D,CAAC;IACJ,CAAC;;AAxDM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACT;AAQf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACnB;AAQjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDACrB;AAQf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;2DAC5B","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcCheckboxComponent from '../checkbox/checkbox.js';\nimport { all } from '../dropdown/themes/item.js';\nimport { styles as shared } from '../dropdown/themes/shared/item/dropdown-item.common.css.js';\nimport { styles } from './themes/combo-item.base.css.js';\n\n/* blazorSuppress */\nexport default class IgcComboItemComponent extends LitElement {\n  public static readonly tagName = 'igc-combo-item';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcComboItemComponent, IgcCheckboxComponent);\n  }\n\n  @property({ attribute: false })\n  public index!: number;\n\n  /**\n   * Determines whether the item is selected.\n   * @attr selected\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the item is active.\n   * @attr active\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /**\n   * Determines whether the item is active.\n   * @attr hide-checkbox\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'hide-checkbox' })\n  public hideCheckbox = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n\n    addInternalsController(this, {\n      initialARIA: { role: 'option' },\n      reflectRole: true,\n      aria: () => ({ ariaSelected: `${this.selected}` }),\n    });\n  }\n\n  private _renderCheckbox() {\n    return html`\n      <section part=\"prefix\">\n        <igc-checkbox\n          .inert=${true}\n          ?checked=${this.selected}\n          exportparts=\"control: checkbox, indicator: checkbox-indicator, checked\"\n        ></igc-checkbox>\n      </section>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      ${cache(this.hideCheckbox ? nothing : this._renderCheckbox())}\n      <section id=\"content\" part=\"content\">\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-item': IgcComboItemComponent;\n  }\n}\n"]}

package/components/combo/combo.d.ts

@@ -4,7 +4,7 @@ import { IgcBaseComboBoxComponent } from '#internals/mixins/combo-box.js';
 import type { AbstractConstructor } from '#internals/mixins/constructor.js';
 import type { Validator } from '#internals/validators.js';
 import type { ComboItemTemplate, ComboRenderFunction, ComboValue, FilteringOptions, GroupingDirection, IgcComboComponentEventMap, Item, Keys } from './types.js';
-declare const IgcComboComponent_base: import("#internals/mixins/constructor.js").Constructor<import("../../internals/mixins/forms/types.js").FormRequiredInterface & import("../../internals/mixins/forms/types.js").FormAssociatedElementInterface> & import("#internals/mixins/constructor.js").Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcComboComponentEventMap>> & AbstractConstructor<IgcBaseComboBoxComponent>;
+declare const IgcComboComponent_base: AbstractConstructor<import("#internals/mixins/i18n.js").I18nInterface<IComboResourceStrings, Required<IComboResourceStrings>>> & import("#internals/mixins/constructor.js").Constructor<import("../../internals/mixins/forms/types.js").FormRequiredInterface & import("../../internals/mixins/forms/types.js").FormAssociatedElementInterface> & import("#internals/mixins/constructor.js").Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcComboComponentEventMap>> & AbstractConstructor<IgcBaseComboBoxComponent>;
 /**
  * The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.
  * In contrast to the Select component, the Combo component displays all options in a virtualized list of items,
@@ -62,7 +62,6 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
     protected get __validators(): Validator<IgcComboComponent<T>>[];
     private readonly _slots;
     protected readonly _rootClickController: import("#internals/controllers/root-click.js").RootClickController;
-    protected readonly _i18nController: import("#internals/i18n/i18n-controller.js").I18nController<IComboResourceStrings>;
     protected readonly _formValue: import("#internals/mixins/forms/form-value.js").FormValue<ComboValue<T>[]>;
     /** The primary input of the combo component. */
     private readonly _inputRef;
@@ -73,14 +72,10 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
     private readonly _listRef;
     private readonly _state;
     private readonly _navigation;
-    private _data;
     private _index?;
     private _indexSize;
-    private _valueKey?;
     private _displayKey?;
     private _placeholderSearch?;
-    private _disableFiltering;
-    private _singleSelect;
     private _selected;
     private _filteringOptions;
     private set _activeIndex(value);
@@ -97,8 +92,7 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
     private get _activeDescendant();
     private get _mainAriaLabel();
     /** The data source used to generate the list of options. */
-    set data(value: T[]);
-    get data(): T[];
+    data: T[];
     /**
      * Whether the control has an outlined appearance.
      * @attr outlined
@@ -110,8 +104,7 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
      * @attr single-select
      * @default false
      */
-    set singleSelect(value: boolean);
-    get singleSelect(): boolean;
+    singleSelect: boolean;
     /**
      * Whether the control should receive focus automatically.
      * @attr autofocus
@@ -124,7 +117,8 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
      */
     autofocusList: boolean;
     /**
-     * Gets/Sets the locale used for getting language, affecting resource strings.
+     * The locale used to resolve the component's resource strings.
+     * Falls back to the global locale when not set.
      * @attr locale
      */
     set locale(value: string);
@@ -145,17 +139,11 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
      */
     set placeholderSearch(value: string | undefined);
     get placeholderSearch(): string;
-    /**
-     * The resource strings for localization.
-     */
-    set resourceStrings(value: IComboResourceStrings);
-    get resourceStrings(): IComboResourceStrings;
     /**
      * The key in the data source used when selecting items.
      * @attr value-key
      */
-    set valueKey(value: Keys<T> | undefined);
-    get valueKey(): Keys<T> | undefined;
+    valueKey?: Keys<T>;
     /**
      * The key in the data source used to display items in the list.
      * @attr display-key
@@ -191,8 +179,7 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
      * @attr disable-filtering
      * @default false
      */
-    set disableFiltering(value: boolean);
-    get disableFiltering(): boolean;
+    disableFiltering: boolean;
     /**
      * Hides the clear button.
      * @attr disable-clear