igniteui-webcomponents 4.7.0 → 4.8.0

package/components/select/themes/light/select.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background: var(--ig-select-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-select-toggle-button-background-disabled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--default-size: var(--ig-select-default-size, 2);--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-8));--background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-dropdown-default-size, 2);--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color)}`;
+export const styles = css `:host{--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--helper-text-color: var(--ig-select-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-select-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-select-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-8));--background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-dropdown-default-size, 2);--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-100), 0.8));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, color-mix(in oklch, var(--ig-secondary-100-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--dd-background-color: var(--background-color);--dd-border-radius: var(--border-radius);--dd-border-color: var(--border-color)}`;
 //# sourceMappingURL=select.material.css.js.map

package/components/select/themes/light/select.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0+GAA0+G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background: var(--ig-select-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-select-toggle-button-background-disabled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--default-size: var(--ig-select-default-size, 2);--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-8));--background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-dropdown-default-size, 2);--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color)}`;\n"]}
+{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q/FAAq/F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--helper-text-color: var(--ig-select-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-select-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-select-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-8));--background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-dropdown-default-size, 2);--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-100), 0.8));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, color-mix(in oklch, var(--ig-secondary-100-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--dd-background-color: var(--background-color);--dd-border-radius: var(--border-radius);--dd-border-color: var(--border-color)}`;\n"]}

package/components/select/themes/light/select.shared.css.d.ts

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

package/components/select/themes/light/select.shared.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background: var(--ig-select-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-select-toggle-button-background-disabled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsla(var(--ig-gray-400), var(--ig-gray-a)));--default-size: var(--ig-select-default-size, 2)}`;
+//# sourceMappingURL=select.shared.css.js.map

package/components/select/themes/light/select.shared.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kiCAAkiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background: var(--ig-select-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-select-toggle-button-background-disabled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsla(var(--ig-gray-400), var(--ig-gray-a)));--default-size: var(--ig-select-default-size, 2)}`;\n"]}

package/components/select/themes/shared/select.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host [part=helper-text]{margin-top:.25rem}:host ::slotted([slot=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);color:var(--helper-text-color)}[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius);border:.0625rem solid var(--dd-border-color);padding:.5rem 0}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem var(--focused-secondary-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color);border-color:var(--focused-border-color)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host([invalid]) igc-input[readonly]:not([disabled])::part(input),:host([invalid]:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem var(--error-shadow-color);box-shadow:0 0 0 .25rem var(--error-shadow-color);border-color:var(--error-secondary-color)}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host([disabled]) ::slotted([slot=helper-text]),:host(:disabled) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host [part=helper-text]{margin-top:.25rem}:host ::slotted([slot=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);color:var(--helper-text-color)}[part=base]{border:.0625rem solid var(--dd-border-color);padding:.5rem 0}:host(:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem var(--focused-secondary-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color);border-color:var(--focused-border-color)}:host([invalid]) igc-input[readonly]:not([disabled])::part(input),:host([invalid]:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem var(--error-shadow-color);box-shadow:0 0 0 .25rem var(--error-shadow-color);border-color:var(--error-secondary-color)}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host([disabled]) ::slotted([slot=helper-text]),:host(:disabled) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}`;
 //# sourceMappingURL=select.bootstrap.css.js.map

package/components/select/themes/shared/select.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,knEAAknE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host [part=helper-text]{margin-top:.25rem}:host ::slotted([slot=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);color:var(--helper-text-color)}[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius);border:.0625rem solid var(--dd-border-color);padding:.5rem 0}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem var(--focused-secondary-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color);border-color:var(--focused-border-color)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host([invalid]) igc-input[readonly]:not([disabled])::part(input),:host([invalid]:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem var(--error-shadow-color);box-shadow:0 0 0 .25rem var(--error-shadow-color);border-color:var(--error-secondary-color)}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host([disabled]) ::slotted([slot=helper-text]),:host(:disabled) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}
+{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wsDAAwsD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host [part=helper-text]{margin-top:.25rem}:host ::slotted([slot=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);color:var(--helper-text-color)}[part=base]{border:.0625rem solid var(--dd-border-color);padding:.5rem 0}:host(:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem var(--focused-secondary-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color);border-color:var(--focused-border-color)}:host([invalid]) igc-input[readonly]:not([disabled])::part(input),:host([invalid]:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem var(--error-shadow-color);box-shadow:0 0 0 .25rem var(--error-shadow-color);border-color:var(--error-secondary-color)}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host([disabled]) ::slotted([slot=helper-text]),:host(:disabled) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}

package/components/select/themes/shared/select.common.css.d.ts

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

package/components/select/themes/shared/select.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host ::slotted([slot=helper-text]){color:var(--helper-text-color)}[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host([disabled]) ::slotted([slot=helper-text]),:host(:disabled) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}`;
+//# sourceMappingURL=select.common.css.js.map

package/components/select/themes/shared/select.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.common.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o5BAAo5B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted([slot=helper-text]){color:var(--helper-text-color)}[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host([disabled]) ::slotted([slot=helper-text]),:host(:disabled) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}

package/components/select/themes/shared/select.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius);-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}[part=helper-text]{margin-top:.3125rem}[part=helper-text] ::slotted([slot=helper-text]){color:var(--helper-text-color)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input[readonly]:not([disabled])::part(container){border-width:0.125rem}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){border-color:var(--focused-border-color);border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix){-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix){-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host(:disabled) [part=helper-text] ::slotted([slot=helper-text]),:host([disabled]) [part=helper-text] ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}[part=base]{-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}[part=helper-text]{margin-top:.3125rem}[part=helper-text] ::slotted([slot=helper-text]){color:var(--helper-text-color)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input[readonly]:not([disabled])::part(container){border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){border-color:var(--focused-border-color);border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix){-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix){-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host(:disabled) [part=helper-text] ::slotted([slot=helper-text]),:host([disabled]) [part=helper-text] ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
 //# sourceMappingURL=select.fluent.css.js.map

package/components/select/themes/shared/select.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8tDAA8tD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius);-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}[part=helper-text]{margin-top:.3125rem}[part=helper-text] ::slotted([slot=helper-text]){color:var(--helper-text-color)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input[readonly]:not([disabled])::part(container){border-width:0.125rem}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){border-color:var(--focused-border-color);border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix){-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix){-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host(:disabled) [part=helper-text] ::slotted([slot=helper-text]),:host([disabled]) [part=helper-text] ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}
+{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,shDAAshD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}[part=base]{-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}[part=helper-text]{margin-top:.3125rem}[part=helper-text] ::slotted([slot=helper-text]){color:var(--helper-text-color)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input[readonly]:not([disabled])::part(container){border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){border-color:var(--focused-border-color);border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix){-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix){-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host(:disabled) [part=helper-text] ::slotted([slot=helper-text]),:host([disabled]) [part=helper-text] ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}

package/components/select/themes/shared/select.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::slotted([slot=helper-text]){color:var(--helper-text-color)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}:host [part=helper-text]{margin-top:.375rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius);-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host([invalid]:focus-within) igc-input::part(label){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::slotted([slot=helper-text]){color:var(--helper-text-color)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}:host [part=helper-text]{margin-top:.375rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=base]{-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host([invalid]:focus-within) igc-input::part(label){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
 //# sourceMappingURL=select.indigo.css.js.map

package/components/select/themes/shared/select.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,grEAAgrE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::slotted([slot=helper-text]){color:var(--helper-text-color)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}:host [part=helper-text]{margin-top:.375rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius);-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host([invalid]:focus-within) igc-input::part(label){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}
+{"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,swDAAswD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::slotted([slot=helper-text]){color:var(--helper-text-color)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}:host [part=helper-text]{margin-top:.375rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part=base]{-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host([invalid]:focus-within) igc-input::part(label){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}

package/components/select/themes/shared/select.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius);-webkit-box-shadow:var(--ig-elevation-8);box-shadow:var(--ig-elevation-8);padding:.5rem 0}:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) igc-input:not([invalid])::part(notch){border-bottom-width:.125rem;border-bottom-color:var(--focused-border-color)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--focused-border-color)}:host([outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--error-secondary-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--error-secondary-color)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--error-secondary-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--error-secondary-color)}:host(:not([outlined]):focus-within) igc-input::part(container){background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:not([outlined])[invalid]:focus-within) igc-input::part(container){border-bottom-color:var(--error-secondary-color)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}[part="toggle-icon filled"]{color:var(--toggle-button-foreground-filled)}[part=helper-text]{color:var(--helper-text-color);margin-top:.3125rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([invalid]) [part=helper-text]{color:var(--error-secondary-color)}:host([disabled]) igc-input::part(input)::-moz-selection, :host(:disabled) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host([disabled]) igc-input::part(input)::selection,:host(:disabled) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}:host([disabled]) [part=helper-text],:host(:disabled) [part=helper-text]{color:var(--disabled-text-color)}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][invalid]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;
+export const styles = css `[part=base]{-webkit-box-shadow:var(--ig-elevation-8);box-shadow:var(--ig-elevation-8);padding:.5rem 0}:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) igc-input:not([invalid])::part(notch){border-bottom-width:.125rem;border-bottom-color:var(--focused-border-color)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--focused-border-color)}:host([outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--error-secondary-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--error-secondary-color)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--error-secondary-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--error-secondary-color)}:host(:not([outlined]):focus-within) igc-input::part(container){background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:not([outlined])[invalid]:focus-within) igc-input::part(container){border-bottom-color:var(--error-secondary-color)}[part="toggle-icon filled"]{color:var(--toggle-button-foreground-filled)}[part=helper-text]{color:var(--helper-text-color);margin-top:.3125rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([invalid]) [part=helper-text]{color:var(--error-secondary-color)}:host([disabled]) igc-input::part(input)::-moz-selection, :host(:disabled) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host([disabled]) igc-input::part(input)::selection,:host(:disabled) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}:host([disabled]) [part=helper-text],:host(:disabled) [part=helper-text]{color:var(--disabled-text-color)}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][invalid]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;
 //# sourceMappingURL=select.material.css.js.map

package/components/select/themes/shared/select.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0nIAA0nI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius);-webkit-box-shadow:var(--ig-elevation-8);box-shadow:var(--ig-elevation-8);padding:.5rem 0}:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) igc-input:not([invalid])::part(notch){border-bottom-width:.125rem;border-bottom-color:var(--focused-border-color)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--focused-border-color)}:host([outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--error-secondary-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--error-secondary-color)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--error-secondary-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--error-secondary-color)}:host(:not([outlined]):focus-within) igc-input::part(container){background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:not([outlined])[invalid]:focus-within) igc-input::part(container){border-bottom-color:var(--error-secondary-color)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}[part=\"toggle-icon filled\"]{color:var(--toggle-button-foreground-filled)}[part=helper-text]{color:var(--helper-text-color);margin-top:.3125rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([invalid]) [part=helper-text]{color:var(--error-secondary-color)}:host([disabled]) igc-input::part(input)::-moz-selection, :host(:disabled) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host([disabled]) igc-input::part(input)::selection,:host(:disabled) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}:host([disabled]) [part=helper-text],:host(:disabled) [part=helper-text]{color:var(--disabled-text-color)}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][invalid]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;\n"]}
+{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gtHAAgtH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{-webkit-box-shadow:var(--ig-elevation-8);box-shadow:var(--ig-elevation-8);padding:.5rem 0}:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--focused-border-color)}:host([outlined]:focus-within) igc-input:not([invalid])::part(notch){border-bottom-width:.125rem;border-bottom-color:var(--focused-border-color)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--focused-border-color)}:host([outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--error-secondary-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--error-secondary-color)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--error-secondary-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--error-secondary-color)}:host(:not([outlined]):focus-within) igc-input::part(container){background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:not([outlined])[invalid]:focus-within) igc-input::part(container){border-bottom-color:var(--error-secondary-color)}[part=\"toggle-icon filled\"]{color:var(--toggle-button-foreground-filled)}[part=helper-text]{color:var(--helper-text-color);margin-top:.3125rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([invalid]) [part=helper-text]{color:var(--error-secondary-color)}:host([disabled]) igc-input::part(input)::-moz-selection, :host(:disabled) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host([disabled]) igc-input::part(input)::selection,:host(:disabled) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}:host([disabled]) [part=helper-text],:host(:disabled) [part=helper-text]{color:var(--disabled-text-color)}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][invalid]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;\n"]}

package/components/select/themes/themes.js

@@ -7,11 +7,15 @@ import { styles as bootstrapLight } from './light/select.bootstrap.css.js';
 import { styles as fluentLight } from './light/select.fluent.css.js';
 import { styles as indigoLight } from './light/select.indigo.css.js';
 import { styles as materialLight } from './light/select.material.css.js';
+import { styles as shared } from './light/select.shared.css.js';
 import { styles as bootstrap } from './shared/select.bootstrap.css.js';
 import { styles as fluent } from './shared/select.fluent.css.js';
 import { styles as indigo } from './shared/select.indigo.css.js';
 import { styles as material } from './shared/select.material.css.js';
 const light = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapLight}
   `,
@@ -26,6 +30,9 @@ const light = {
   `,
 };
 const dark = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapDark}
   `,

package/components/select/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/select/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGrE,MAAM,KAAK,GAAG;IACZ,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,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\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/select.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/select.fluent.css.js';\nimport { styles as indigoDark } from './dark/select.indigo.css.js';\nimport { styles as materialDark } from './dark/select.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/select.bootstrap.css.js';\nimport { styles as fluentLight } from './light/select.fluent.css.js';\nimport { styles as indigoLight } from './light/select.indigo.css.js';\nimport { styles as materialLight } from './light/select.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/select.bootstrap.css.js';\nimport { styles as fluent } from './shared/select.fluent.css.js';\nimport { styles as indigo } from './shared/select.indigo.css.js';\nimport { styles as material } from './shared/select.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\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  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"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/select/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGrE,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\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/select.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/select.fluent.css.js';\nimport { styles as indigoDark } from './dark/select.indigo.css.js';\nimport { styles as materialDark } from './dark/select.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/select.bootstrap.css.js';\nimport { styles as fluentLight } from './light/select.fluent.css.js';\nimport { styles as indigoLight } from './light/select.indigo.css.js';\nimport { styles as materialLight } from './light/select.material.css.js';\nimport { styles as shared } from './light/select.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/select.bootstrap.css.js';\nimport { styles as fluent } from './shared/select.fluent.css.js';\nimport { styles as indigo } from './shared/select.indigo.css.js';\nimport { styles as material } from './shared/select.material.css.js';\nimport { Themes } from '../../../theming/types.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/slider/range-slider.d.ts

@@ -14,7 +14,7 @@ export interface IgcRangeSliderEventMap {
      */
     igcChange: CustomEvent<IgcRangeSliderValue>;
 }
-declare const IgcRangeSliderComponent_base: import("../common/mixins/constructor.js").AbstractConstructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcRangeSliderEventMap>> & Constructor<IgcSliderBaseComponent>;
+declare const IgcRangeSliderComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcRangeSliderEventMap>> & Constructor<IgcSliderBaseComponent>;
 /**
  * A range slider component used to select two numeric values within a range.
  *
@@ -45,40 +45,55 @@ export default class IgcRangeSliderComponent extends IgcRangeSliderComponent_bas
     private thumbTo;
     private _lower;
     private _upper;
-    set lower(val: number);
     /**
      * The current value of the lower thumb.
      * @attr
      */
+    set lower(val: number);
     get lower(): number;
-    set upper(val: number);
     /**
      * The current value of the upper thumb.
      * @attr
      */
+    set upper(val: number);
     get upper(): number;
+    /**
+     * The aria label for the lower thumb.
+     * @attr thumb-label-lower
+     */
+    thumbLabelLower: string;
+    /**
+     * The aria label for the upper thumb.
+     * @attr thumb-label-upper
+     */
+    thumbLabelUpper: string;
     /**
      * The aria label of the lower thumb.
      * @attr aria-label-lower
+     *
+     * @deprecated since v4.8.0. Use the `thumbLabelLower` property instead.
      */
-    ariaLabelLower: string;
+    set ariaLabelLower(value: string);
+    get ariaLabelLower(): string;
     /**
      * The aria label of the upper thumb.
      * @attr aria-label-upper
+     *
+     * @deprecated since v4.8.0. Use the `thumbLabelUpper` property instead.
      */
-    ariaLabelUpper: string;
+    set ariaLabelUpper(value: string);
+    get ariaLabelUpper(): string;
     protected get activeValue(): number;
     protected normalizeValue(): void;
     protected getTrackStyle(): {
-        width: string;
         insetInlineStart: string;
+        width: string;
     };
     private closestTo;
     protected closestHandle(event: PointerEvent): HTMLElement;
     protected updateValue(increment: number): boolean;
     protected emitInputEvent(): void;
     protected emitChangeEvent(): void;
-    private swapValues;
     private toggleActiveThumb;
     private handleFocus;
     protected renderThumb(value: number, ariaLabel?: string, thumbId?: string): import("lit-html").TemplateResult<1>;

package/components/slider/range-slider.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html } from 'lit';
+import { html, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { styleMap } from 'lit/directives/style-map.js';
@@ -12,6 +12,7 @@ import { IgcSliderBaseComponent } from './slider-base.js';
 import IgcSliderLabelComponent from './slider-label.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { asNumber, asPercent } from '../common/util.js';
 class IgcRangeSliderComponent extends EventEmitterMixin(IgcSliderBaseComponent) {
     constructor() {
         super(...arguments);
@@ -22,21 +23,29 @@ class IgcRangeSliderComponent extends EventEmitterMixin(IgcSliderBaseComponent)
         registerComponent(this, IgcSliderLabelComponent);
     }
     set lower(val) {
-        const oldVal = this._lower;
-        this._lower = this.validateValue(val);
-        this.requestUpdate('lower', oldVal);
+        this._lower = this.validateValue(asNumber(val, this._lower));
     }
     get lower() {
         return this._lower;
     }
     set upper(val) {
-        const oldVal = this._upper;
-        this._upper = this.validateValue(val);
-        this.requestUpdate('upper', oldVal);
+        this._upper = this.validateValue(asNumber(val, this._upper));
     }
     get upper() {
         return this._upper;
     }
+    set ariaLabelLower(value) {
+        this.thumbLabelLower = value;
+    }
+    get ariaLabelLower() {
+        return this.thumbLabelLower;
+    }
+    set ariaLabelUpper(value) {
+        this.thumbLabelUpper = value;
+    }
+    get ariaLabelUpper() {
+        return this.thumbLabelUpper;
+    }
     get activeValue() {
         return this.activeThumb === this.thumbFrom ? this.lower : this.upper;
     }
@@ -45,14 +54,11 @@ class IgcRangeSliderComponent extends EventEmitterMixin(IgcSliderBaseComponent)
         this._upper = this.validateValue(this._upper);
     }
     getTrackStyle() {
-        const toPosition = this.valueToFraction(this.upper);
-        const fromPosition = this.valueToFraction(this.lower);
-        const positionGap = toPosition - fromPosition;
-        const filledTrackStyle = {
-            width: `${positionGap * 100}%`,
-            insetInlineStart: `${fromPosition * 100}%`,
+        const start = asPercent(this.lower - this.min, this.distance);
+        return {
+            insetInlineStart: `${start}%`,
+            width: `${asPercent(this.upper - this.min, this.distance) - start}%`,
         };
-        return filledTrackStyle;
     }
     closestTo(goal, positions) {
         return positions.reduce((previous, current) => Math.abs(goal - current) < Math.abs(goal - previous) ? current : previous);
@@ -77,25 +83,15 @@ class IgcRangeSliderComponent extends EventEmitterMixin(IgcSliderBaseComponent)
     }
     updateValue(increment) {
         const oldValue = this.activeValue;
-        let lower = this.lower;
-        let upper = this.upper;
-        if (this.activeThumb === this.thumbFrom) {
-            lower += increment;
-        }
-        else {
-            upper += increment;
-        }
+        const isThumbFromActive = this.activeThumb === this.thumbFrom;
+        let [lower, upper] = [this.lower, this.upper];
+        isThumbFromActive ? (lower += increment) : (upper += increment);
         if (lower >= upper) {
-            this.swapValues(lower, upper);
+            [this.lower, this.upper] = [upper, lower];
             this.toggleActiveThumb();
         }
         else {
-            if (this.activeThumb === this.thumbFrom) {
-                this.lower = lower;
-            }
-            else {
-                this.upper = upper;
-            }
+            isThumbFromActive ? (this.lower = lower) : (this.upper = upper);
         }
         if (oldValue === this.activeValue) {
             return false;
@@ -113,32 +109,32 @@ class IgcRangeSliderComponent extends EventEmitterMixin(IgcSliderBaseComponent)
             detail: { lower: this.lower, upper: this.upper },
         });
     }
-    swapValues(lower, upper) {
-        this.lower = upper;
-        this.upper = lower;
-    }
     toggleActiveThumb() {
         const thumb = this.activeThumb === this.thumbFrom ? this.thumbTo : this.thumbFrom;
         thumb.focus();
     }
-    handleFocus(ev) {
-        this.activeThumb = ev.target;
-        const thumbId = this.activeThumb?.id;
-        const thumbs = this.shadowRoot?.querySelectorAll('div[part="thumb"]');
-        thumbs?.forEach((t) => {
-            if (t.id !== thumbId) {
-                const activeThumbVal = parseFloat(this.activeThumb.ariaValueNow);
-                const thumbVal = parseFloat(t.ariaValueNow);
-                const rangeFrom = Math.min(activeThumbVal, thumbVal);
-                const rangeTo = Math.max(activeThumbVal, thumbVal);
-                this.activeThumb?.setAttribute('aria-valuetext', `${this.formatValue(rangeFrom)} - ${this.formatValue(rangeTo)}`);
-            }
-        });
+    handleFocus(event) {
+        this.activeThumb = event.target;
+        const id = this.activeThumb.id;
+        for (const thumb of [this.thumbFrom, this.thumbTo]) {
+            if (thumb.id === id)
+                continue;
+            const [activeValue, thumbVal] = [
+                asNumber(this.activeThumb.ariaValueNow),
+                asNumber(thumb.ariaValueNow),
+            ];
+            this.activeThumb.ariaValueText = `${this.formatValue(Math.min(activeValue, thumbVal))} - ${this.formatValue(Math.max(activeValue, thumbVal))}`;
+        }
     }
     renderThumb(value, ariaLabel, thumbId) {
-        const percent = `${this.valueToFraction(value) * 100}%`;
+        const percent = `${asPercent(value - this.min, this.distance)}%`;
+        const thumbStyles = { insetInlineStart: percent };
+        const tooltipStyles = {
+            insetInlineStart: percent,
+            opacity: this.thumbLabelsVisible ? 1 : 0,
+        };
         const ariaValueText = thumbId === 'thumbFrom' ? `min ${this.lower}` : `max ${this.upper}`;
-        const textValue = this.labels
+        const textValue = this.hasLabels
             ? this.labels[value]
             : this.valueFormat || this.valueFormatOptions
                 ? this.formatValue(value)
@@ -148,40 +144,33 @@ class IgcRangeSliderComponent extends EventEmitterMixin(IgcSliderBaseComponent)
         part="thumb"
         id=${ifDefined(thumbId)}
         tabindex=${this.disabled ? -1 : 0}
-        style=${styleMap({ insetInlineStart: percent })}
+        style=${styleMap(thumbStyles)}
         role="slider"
-        aria-valuemin=${this.actualMin}
-        aria-valuemax=${this.actualMax}
+        aria-valuemin=${this.lowerBound}
+        aria-valuemax=${this.upperBound}
         aria-valuenow=${value}
         aria-valuetext=${ifDefined(textValue)}
         aria-label=${ifDefined(ariaLabel)}
         aria-disabled=${this.disabled ? 'true' : 'false'}
-        @pointerenter=${this.handleThumbPointerEnter}
-        @pointerleave=${this.handleThumbPointerLeave}
-        @focus=${(ev) => this.handleFocus(ev)}
-        @blur=${() => (this.activeThumb?.part.remove('focused'),
-            (this.activeThumb = undefined))}
+        @pointerenter=${this.showThumbLabels}
+        @pointerleave=${this.hideThumbLabels}
+        @focus=${this.handleFocus}
+        @blur=${this.handleThumbBlur}
       ></div>
       ${this.hideTooltip
-            ? html ``
+            ? nothing
             : html `
-            <div
-              part="thumb-label"
-              style=${styleMap({
-                opacity: this.thumbLabelsVisible ? '1' : '0',
-                insetInlineStart: percent,
-            })}
-            >
+            <div part="thumb-label" style=${styleMap(tooltipStyles)}>
               <div part="thumb-label-inner">
-                ${this.labels ? this.labels[value] : this.formatValue(value)}
+                ${this.hasLabels ? this.labels[value] : this.formatValue(value)}
               </div>
             </div>
           `}
     `;
     }
     renderThumbs() {
-        return html `${this.renderThumb(this.lower, this.ariaLabelLower, 'thumbFrom')}
-    ${this.renderThumb(this.upper, this.ariaLabelUpper, 'thumbTo')}`;
+        return html `${this.renderThumb(this.lower, this.thumbLabelLower, 'thumbFrom')}
+    ${this.renderThumb(this.upper, this.thumbLabelUpper, 'thumbTo')}`;
     }
 }
 IgcRangeSliderComponent.tagName = 'igc-range-slider';
@@ -198,10 +187,16 @@ __decorate([
 __decorate([
     property({ type: Number })
 ], IgcRangeSliderComponent.prototype, "upper", null);
+__decorate([
+    property({ attribute: 'thumb-label-lower' })
+], IgcRangeSliderComponent.prototype, "thumbLabelLower", void 0);
+__decorate([
+    property({ attribute: 'thumb-label-upper' })
+], IgcRangeSliderComponent.prototype, "thumbLabelUpper", void 0);
 __decorate([
     property({ attribute: 'aria-label-lower' })
-], IgcRangeSliderComponent.prototype, "ariaLabelLower", void 0);
+], IgcRangeSliderComponent.prototype, "ariaLabelLower", null);
 __decorate([
     property({ attribute: 'aria-label-upper' })
-], IgcRangeSliderComponent.prototype, "ariaLabelUpper", void 0);
+], IgcRangeSliderComponent.prototype, "ariaLabelUpper", null);
 //# sourceMappingURL=range-slider.js.map