igniteui-webcomponents 5.3.0 → 5.4.0

package/components/dropdown/themes/dark/dropdown.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/dark/dropdown.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ksFAAksF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-2));--background-color: var(--ig-dropdown-background-color, var(--ig-gray-50));--header-text-color: var(--ig-dropdown-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-dropdown-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-dropdown-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-50-contrast));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-dropdown-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-width: var(--ig-dropdown-border-width, 1px);--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) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-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)));--default-size: var(--ig-dropdown-default-size, 2);--hover-item-background: var(--ig-dropdown-hover-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--focused-item-background: var(--ig-dropdown-focused-item-background, transparent);--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-50-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-50-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-gray-50-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"dropdown.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/dark/dropdown.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ksFAAksF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-2));--background-color: var(--ig-dropdown-background-color, var(--ig-gray-50));--header-text-color: var(--ig-dropdown-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-dropdown-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-dropdown-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-item-background: var(--ig-dropdown-hover-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-50-contrast));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, transparent);--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-dropdown-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-width: var(--ig-dropdown-border-width, 1px);--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) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-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)));--default-size: var(--ig-dropdown-default-size, 2);--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-50-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-50-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-gray-50-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo}`;\n"]}

package/components/dropdown/themes/dark/dropdown.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--background-color: var(--ig-dropdown-background-color, var(--ig-surface-500));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-dropdown-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, transparent);--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-400));--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, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;
+export const styles = css `:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--background-color: var(--ig-dropdown-background-color, var(--ig-surface-500));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-dropdown-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-dropdown-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-100));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, transparent);--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--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);--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;
 //# sourceMappingURL=dropdown.material.css.js.map

package/components/dropdown/themes/dark/dropdown.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/dark/dropdown.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s/EAAs/E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--background-color: var(--ig-dropdown-background-color, var(--ig-surface-500));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-dropdown-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, transparent);--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-400));--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, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;\n"]}
+{"version":3,"file":"dropdown.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/dark/dropdown.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k3EAAk3E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--background-color: var(--ig-dropdown-background-color, var(--ig-surface-500));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-dropdown-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-dropdown-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-100));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, transparent);--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--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);--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;\n"]}

package/components/dropdown/themes/dark/dropdown.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-color: var(--ig-dropdown-border-color, var(--ig-gray-100))}`;
+export const styles = css `:host{--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-300));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-100))}`;
 //# sourceMappingURL=dropdown.shared.css.js.map

package/components/dropdown/themes/dark/dropdown.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/dark/dropdown.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4EAA4E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-dropdown-border-color, var(--ig-gray-100))}`;\n"]}
+{"version":3,"file":"dropdown.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/dark/dropdown.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wKAAwK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-300));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-100))}`;\n"]}

package/components/dropdown/themes/light/dropdown.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-0));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-gray-700));--border-width: var(--ig-dropdown-border-width, 1px);--hover-item-background: var(--ig-dropdown-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap}`;
+export const styles = css `:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-0));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-gray-700));--hover-item-background: var(--ig-dropdown-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-200));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-400));--border-width: var(--ig-dropdown-border-width, 1px);--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap}`;
 //# sourceMappingURL=dropdown.bootstrap.css.js.map

package/components/dropdown/themes/light/dropdown.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,opCAAopC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-0));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-gray-700));--border-width: var(--ig-dropdown-border-width, 1px);--hover-item-background: var(--ig-dropdown-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"dropdown.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gvCAAgvC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-0));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-gray-700));--hover-item-background: var(--ig-dropdown-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-200));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-400));--border-width: var(--ig-dropdown-border-width, 1px);--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap}`;\n"]}

package/components/dropdown/themes/light/dropdown.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-gray-200));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-700));--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--hover-item-background: var(--ig-dropdown-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-200-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-gray-200-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-200-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-gray-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;
+export const styles = css `:host{--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-surface-500));--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-gray-200));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-700));--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-gray-900));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-gray-900));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: fluent}`;
 //# sourceMappingURL=dropdown.fluent.css.js.map

package/components/dropdown/themes/light/dropdown.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6yCAA6yC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-gray-200));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-700));--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--hover-item-background: var(--ig-dropdown-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-200-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-gray-200-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-200-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-gray-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"dropdown.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8kCAA8kC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-surface-500));--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-gray-200));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-700));--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-gray-900));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-gray-900));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: fluent}`;\n"]}

package/components/dropdown/themes/light/dropdown.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background-color: var(--ig-dropdown-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-gray-600));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-600));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-700));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-dropdown-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-400));--border-width: var(--ig-dropdown-border-width, 1px);--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-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)));--hover-item-background: var(--ig-dropdown-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-900-contrast));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: indigo}`;
+export const styles = css `:host{--background-color: var(--ig-dropdown-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-gray-600));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-600));--hover-item-background: var(--ig-dropdown-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-700));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-900-contrast));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-dropdown-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-400));--border-width: var(--ig-dropdown-border-width, 1px);--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-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)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: indigo}`;
 //# sourceMappingURL=dropdown.indigo.css.js.map

package/components/dropdown/themes/light/dropdown.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8lEAA8lE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background-color: var(--ig-dropdown-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-gray-600));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-600));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-700));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-dropdown-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-400));--border-width: var(--ig-dropdown-border-width, 1px);--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-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)));--hover-item-background: var(--ig-dropdown-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-900-contrast));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"dropdown.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8lEAA8lE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background-color: var(--ig-dropdown-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-gray-600));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-600));--hover-item-background: var(--ig-dropdown-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-700));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-900-contrast));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-dropdown-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-400));--border-width: var(--ig-dropdown-border-width, 1px);--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-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)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: indigo}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-secondary-100));--hover-item-background: var(--ig-dropdown-hover-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;
+export const styles = css `:host{--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-secondary-100));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;
 //# sourceMappingURL=dropdown.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,smCAAsmC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-secondary-100));--hover-item-background: var(--ig-dropdown-hover-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;\n"]}
+{"version":3,"file":"dropdown.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,84BAA84B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-secondary-100));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-dropdown-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-dropdown-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--background-color: var(--ig-dropdown-background-color, var(--ig-surface-500));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-dropdown-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, transparent);--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-300));--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)}`;
+export const styles = css `:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--background-color: var(--ig-dropdown-background-color, var(--ig-surface-500));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-dropdown-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-dropdown-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-100));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, transparent);--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-300));--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)}`;
 //# sourceMappingURL=dropdown.shared.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2jDAA2jD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--background-color: var(--ig-dropdown-background-color, var(--ig-surface-500));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-dropdown-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, transparent);--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-300));--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)}`;\n"]}
+{"version":3,"file":"dropdown.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2uDAA2uD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--background-color: var(--ig-dropdown-background-color, var(--ig-surface-500));--header-text-color: var(--ig-dropdown-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-dropdown-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-dropdown-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-dropdown-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-dropdown-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-dropdown-focused-item-background, var(--ig-gray-100));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-dropdown-focused-item-border-color, transparent);--selected-item-background: var(--ig-dropdown-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-dropdown-border-color, var(--ig-gray-300));--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)}`;\n"]}

package/components/expansion-panel/expansion-panel.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import type { Constructor } from '../common/mixins/constructor.js';
+import type { ExpansionPanelIndicatorPosition } from '../types.js';
 export interface IgcExpansionPanelComponentEventMap {
     igcOpening: CustomEvent<IgcExpansionPanelComponent>;
     igcOpened: CustomEvent<IgcExpansionPanelComponent>;
@@ -55,7 +56,7 @@ export default class IgcExpansionPanelComponent extends IgcExpansionPanelCompone
      * The indicator position of the expansion panel.
      * @attr indicator-position
      */
-    indicatorPosition: 'start' | 'end' | 'none';
+    indicatorPosition: ExpansionPanelIndicatorPosition;
     constructor();
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     connectedCallback(): void;

package/components/expansion-panel/expansion-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.js","sourceRoot":"","sources":["../../../src/components/expansion-panel/expansion-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { addAnimationController } from '../../animations/player.js';\nimport { growVerIn, growVerOut } from '../../animations/presets/grow/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n} from '../common/controllers/key-bindings.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { createCounter, isEmpty } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { styles } from './themes/expansion-panel.base.css.js';\nimport { styles as shared } from './themes/shared/expansion-panel.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcExpansionPanelComponentEventMap {\n  igcOpening: CustomEvent<IgcExpansionPanelComponent>;\n  igcOpened: CustomEvent<IgcExpansionPanelComponent>;\n  igcClosing: CustomEvent<IgcExpansionPanelComponent>;\n  igcClosed: CustomEvent<IgcExpansionPanelComponent>;\n}\n\n/**\n * The Expansion Panel Component provides a way to display information in a toggleable way -\n * compact summary view containing title and description and expanded detail view containing\n * additional content to the summary header.\n *\n * @element igc-expansion-panel\n *\n * @slot - renders the default content of the panel\n * @slot title - renders the title of the panel's header\n * @slot subtitle - renders the subtitle of the panel's header\n * @slot indicator - renders the expand/collapsed indicator\n * @slot indicator-expanded - renders the expanded state of the indicator\n *\n * @fires igcOpening - Emitted before opening the expansion panel.\n * @fires igcOpened - Emitted after the expansion panel is opened.\n * @fires igcClosing - Emitted before closing the expansion panel.\n * @fires igcClosed - Emitted after the expansion panel is closed.\n *\n * @csspart header - The container of the expansion indicator, title and subtitle.\n * @csspart title -  The title container.\n * @csspart subtitle - The subtitle container.\n * @csspart indicator - The indicator container.\n * @csspart content - The expansion panel's content wrapper.\n */\n@themes(all)\nexport default class IgcExpansionPanelComponent extends EventEmitterMixin<\n  IgcExpansionPanelComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-expansion-panel';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcExpansionPanelComponent, IgcIconComponent);\n  }\n\n  private static readonly increment = createCounter();\n\n  private _panelId!: string;\n  private headerRef: Ref<HTMLDivElement> = createRef();\n  private contentRef: Ref<HTMLDivElement> = createRef();\n\n  private animationPlayer = addAnimationController(this, this.contentRef);\n\n  @queryAssignedElements({ slot: 'indicator-expanded' })\n  private _indicatorExpandedElements!: HTMLElement[];\n\n  /**\n   * Indicates whether the contents of the control should be visible.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public open = false;\n\n  /**\n   * Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /**\n   * The indicator position of the expansion panel.\n   * @attr indicator-position\n   */\n  @property({ reflect: true, attribute: 'indicator-position' })\n  public indicatorPosition: 'start' | 'end' | 'none' = 'start';\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      ref: this.headerRef,\n      skip: () => this.disabled,\n      bindingDefaults: { preventDefault: true },\n    })\n      .setActivateHandler(this.toggleWithEvent)\n      .set([altKey, arrowDown], this.openWithEvent)\n      .set([altKey, arrowUp], this.closeWithEvent);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this._panelId =\n      this.id ||\n      `igc-expansion-panel-${IgcExpansionPanelComponent.increment()}`;\n  }\n\n  private handleClick() {\n    this.headerRef.value!.focus();\n    this.toggleWithEvent();\n  }\n\n  private toggleWithEvent() {\n    this.open ? this.closeWithEvent() : this.openWithEvent();\n  }\n\n  private async toggleAnimation(dir: 'open' | 'close') {\n    const animation = dir === 'open' ? growVerIn : growVerOut;\n\n    const [_, event] = await Promise.all([\n      this.animationPlayer.stopAll(),\n      this.animationPlayer.play(animation()),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  private async openWithEvent() {\n    if (\n      this.open ||\n      !this.emitEvent('igcOpening', { cancelable: true, detail: this })\n    ) {\n      return;\n    }\n\n    this.open = true;\n\n    if (await this.toggleAnimation('open')) {\n      this.emitEvent('igcOpened', { detail: this });\n    }\n  }\n\n  private async closeWithEvent() {\n    if (\n      !(\n        this.open &&\n        this.emitEvent('igcClosing', { cancelable: true, detail: this })\n      )\n    ) {\n      return;\n    }\n\n    this.open = false;\n\n    if (await this.toggleAnimation('close')) {\n      this.emitEvent('igcClosed', { detail: this });\n    }\n  }\n\n  /** Toggles the panel open/close state. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n\n  /** Hides the panel content. */\n  public async hide(): Promise<boolean> {\n    if (!this.open) {\n      return false;\n    }\n\n    this.open = false;\n    await this.toggleAnimation('close');\n    return true;\n  }\n\n  /** Shows the panel content. */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    await this.toggleAnimation('open');\n    return true;\n  }\n\n  private renderIndicatorTemplate() {\n    const indicatorHidden =\n      this.open && this._indicatorExpandedElements.length > 0;\n    const indicatorExpandedHidden =\n      isEmpty(this._indicatorExpandedElements) || !this.open;\n\n    return html`\n      <div part=\"indicator\" aria-hidden=\"true\">\n        <slot name=\"indicator\" ?hidden=${indicatorHidden}>\n          <igc-icon\n            name=${this.open ? 'collapse' : 'expand'}\n            collection=\"default\"\n          >\n          </igc-icon>\n        </slot>\n        <slot\n          name=\"indicator-expanded\"\n          ?hidden=${indicatorExpandedHidden}\n        ></slot>\n      </div>\n    `;\n  }\n\n  private renderHeaderTemplate() {\n    return html`\n      <div\n        ${ref(this.headerRef)}\n        part=\"header\"\n        id=\"${this._panelId}-header\"\n        role=\"button\"\n        aria-expanded=${this.open}\n        aria-disabled=${this.disabled}\n        aria-controls=\"${this._panelId}-content\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        @click=${this.disabled ? nothing : this.handleClick}\n      >\n        ${this.renderIndicatorTemplate()}\n        <div>\n          <slot name=\"title\" part=\"title\"></slot>\n          <slot name=\"subtitle\" part=\"subtitle\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderContentTemplate() {\n    return html`\n      <div\n        ${ref(this.contentRef)}\n        part=\"content\"\n        role=\"region\"\n        id=\"${this._panelId}-content\"\n        aria-labelledby=\"${this._panelId}-header\"\n        .inert=${!this.open}\n        aria-hidden=${!this.open}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`${this.renderHeaderTemplate()}${this.renderContentTemplate()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-expansion-panel': IgcExpansionPanelComponent;\n  }\n}\n"]}
+{"version":3,"file":"expansion-panel.js","sourceRoot":"","sources":["../../../src/components/expansion-panel/expansion-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { addAnimationController } from '../../animations/player.js';\nimport { growVerIn, growVerOut } from '../../animations/presets/grow/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n} from '../common/controllers/key-bindings.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { createCounter, isEmpty } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { ExpansionPanelIndicatorPosition } from '../types.js';\nimport { styles } from './themes/expansion-panel.base.css.js';\nimport { styles as shared } from './themes/shared/expansion-panel.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcExpansionPanelComponentEventMap {\n  igcOpening: CustomEvent<IgcExpansionPanelComponent>;\n  igcOpened: CustomEvent<IgcExpansionPanelComponent>;\n  igcClosing: CustomEvent<IgcExpansionPanelComponent>;\n  igcClosed: CustomEvent<IgcExpansionPanelComponent>;\n}\n\n/**\n * The Expansion Panel Component provides a way to display information in a toggleable way -\n * compact summary view containing title and description and expanded detail view containing\n * additional content to the summary header.\n *\n * @element igc-expansion-panel\n *\n * @slot - renders the default content of the panel\n * @slot title - renders the title of the panel's header\n * @slot subtitle - renders the subtitle of the panel's header\n * @slot indicator - renders the expand/collapsed indicator\n * @slot indicator-expanded - renders the expanded state of the indicator\n *\n * @fires igcOpening - Emitted before opening the expansion panel.\n * @fires igcOpened - Emitted after the expansion panel is opened.\n * @fires igcClosing - Emitted before closing the expansion panel.\n * @fires igcClosed - Emitted after the expansion panel is closed.\n *\n * @csspart header - The container of the expansion indicator, title and subtitle.\n * @csspart title -  The title container.\n * @csspart subtitle - The subtitle container.\n * @csspart indicator - The indicator container.\n * @csspart content - The expansion panel's content wrapper.\n */\n@themes(all)\nexport default class IgcExpansionPanelComponent extends EventEmitterMixin<\n  IgcExpansionPanelComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-expansion-panel';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcExpansionPanelComponent, IgcIconComponent);\n  }\n\n  private static readonly increment = createCounter();\n\n  private _panelId!: string;\n  private headerRef: Ref<HTMLDivElement> = createRef();\n  private contentRef: Ref<HTMLDivElement> = createRef();\n\n  private animationPlayer = addAnimationController(this, this.contentRef);\n\n  @queryAssignedElements({ slot: 'indicator-expanded' })\n  private _indicatorExpandedElements!: HTMLElement[];\n\n  /**\n   * Indicates whether the contents of the control should be visible.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public open = false;\n\n  /**\n   * Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /**\n   * The indicator position of the expansion panel.\n   * @attr indicator-position\n   */\n  @property({ reflect: true, attribute: 'indicator-position' })\n  public indicatorPosition: ExpansionPanelIndicatorPosition = 'start';\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      ref: this.headerRef,\n      skip: () => this.disabled,\n      bindingDefaults: { preventDefault: true },\n    })\n      .setActivateHandler(this.toggleWithEvent)\n      .set([altKey, arrowDown], this.openWithEvent)\n      .set([altKey, arrowUp], this.closeWithEvent);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this._panelId =\n      this.id ||\n      `igc-expansion-panel-${IgcExpansionPanelComponent.increment()}`;\n  }\n\n  private handleClick() {\n    this.headerRef.value!.focus();\n    this.toggleWithEvent();\n  }\n\n  private toggleWithEvent() {\n    this.open ? this.closeWithEvent() : this.openWithEvent();\n  }\n\n  private async toggleAnimation(dir: 'open' | 'close') {\n    const animation = dir === 'open' ? growVerIn : growVerOut;\n\n    const [_, event] = await Promise.all([\n      this.animationPlayer.stopAll(),\n      this.animationPlayer.play(animation()),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  private async openWithEvent() {\n    if (\n      this.open ||\n      !this.emitEvent('igcOpening', { cancelable: true, detail: this })\n    ) {\n      return;\n    }\n\n    this.open = true;\n\n    if (await this.toggleAnimation('open')) {\n      this.emitEvent('igcOpened', { detail: this });\n    }\n  }\n\n  private async closeWithEvent() {\n    if (\n      !(\n        this.open &&\n        this.emitEvent('igcClosing', { cancelable: true, detail: this })\n      )\n    ) {\n      return;\n    }\n\n    this.open = false;\n\n    if (await this.toggleAnimation('close')) {\n      this.emitEvent('igcClosed', { detail: this });\n    }\n  }\n\n  /** Toggles the panel open/close state. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n\n  /** Hides the panel content. */\n  public async hide(): Promise<boolean> {\n    if (!this.open) {\n      return false;\n    }\n\n    this.open = false;\n    await this.toggleAnimation('close');\n    return true;\n  }\n\n  /** Shows the panel content. */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    await this.toggleAnimation('open');\n    return true;\n  }\n\n  private renderIndicatorTemplate() {\n    const indicatorHidden =\n      this.open && this._indicatorExpandedElements.length > 0;\n    const indicatorExpandedHidden =\n      isEmpty(this._indicatorExpandedElements) || !this.open;\n\n    return html`\n      <div part=\"indicator\" aria-hidden=\"true\">\n        <slot name=\"indicator\" ?hidden=${indicatorHidden}>\n          <igc-icon\n            name=${this.open ? 'collapse' : 'expand'}\n            collection=\"default\"\n          >\n          </igc-icon>\n        </slot>\n        <slot\n          name=\"indicator-expanded\"\n          ?hidden=${indicatorExpandedHidden}\n        ></slot>\n      </div>\n    `;\n  }\n\n  private renderHeaderTemplate() {\n    return html`\n      <div\n        ${ref(this.headerRef)}\n        part=\"header\"\n        id=\"${this._panelId}-header\"\n        role=\"button\"\n        aria-expanded=${this.open}\n        aria-disabled=${this.disabled}\n        aria-controls=\"${this._panelId}-content\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        @click=${this.disabled ? nothing : this.handleClick}\n      >\n        ${this.renderIndicatorTemplate()}\n        <div>\n          <slot name=\"title\" part=\"title\"></slot>\n          <slot name=\"subtitle\" part=\"subtitle\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderContentTemplate() {\n    return html`\n      <div\n        ${ref(this.contentRef)}\n        part=\"content\"\n        role=\"region\"\n        id=\"${this._panelId}-content\"\n        aria-labelledby=\"${this._panelId}-header\"\n        .inert=${!this.open}\n        aria-hidden=${!this.open}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`${this.renderHeaderTemplate()}${this.renderContentTemplate()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-expansion-panel': IgcExpansionPanelComponent;\n  }\n}\n"]}

package/components/file-input/file-input.d.ts

@@ -0,0 +1,85 @@
+import { type FormValue } from '../common/mixins/forms/form-value.js';
+import { IgcInputBaseComponent } from '../input/input-base.js';
+/**
+ * @element igc-file-input
+ *
+ * @slot prefix - Renders content before the input.
+ * @slot suffix - Renders content after input.
+ * @slot helper-text - Renders content below the input.
+ * @slot file-selector-text - Renders content for the browse button when input type is file.
+ * @slot file-missing-text - Renders content when input type is file and no file is chosen.
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
+ *
+ * @fires igcInput - Emitted when the control input receives user input.
+ * @fires igcChange - Emitted when the control's checked state changes.
+ * @fires igcCancel - Emitted when the control's file picker dialog is canceled.
+ *
+ * @csspart container - The main wrapper that holds all main input elements.
+ * @csspart input - The native input element.
+ * @csspart label - The native label element.
+ * @csspart file-names - The file names wrapper when input type is 'file'.
+ * @csspart file-selector-button - The browse button when input type is 'file'.
+ * @csspart prefix - The prefix wrapper.
+ * @csspart suffix - The suffix wrapper.
+ * @csspart helper-text - The helper text wrapper.
+ */
+export default class IgcFileInputComponent extends IgcInputBaseComponent {
+    static readonly tagName = "igc-file-input";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    protected get __validators(): import("../common/validators.js").Validator<IgcFileInputComponent>[];
+    protected _formValue: FormValue<FileList | null>;
+    private _hasActivation;
+    private get _fileNames();
+    /**
+     * The value of the control.
+     * @attr
+     */
+    set value(value: string);
+    get value(): string;
+    /**
+     * The multiple attribute of the control.
+     * Used to indicate that a file input allows the user to select more than one file.
+     * @attr
+     */
+    multiple: boolean;
+    /**
+     * The accept attribute of the control.
+     * Defines the file types as a list of comma-separated values that the file input should accept.
+     * @attr
+     */
+    accept: string;
+    /**
+     * The autofocus attribute of the control.
+     * @attr
+     */
+    autofocus: boolean;
+    /**
+     * @internal
+     */
+    tabIndex: number;
+    /** @hidden */
+    readonly readOnly = false;
+    /** Returns the selected files when input type is 'file', otherwise returns null. */
+    get files(): FileList | null;
+    constructor();
+    protected _restoreDefaultValue(): void;
+    /** @hidden */
+    setSelectionRange(): void;
+    /** @hidden */
+    setRangeText(): void;
+    private _handleChange;
+    private _handleCancel;
+    protected _handleFocus(): void;
+    protected _handleBlur(): void;
+    protected _handleClick(): void;
+    protected renderFileParts(): import("lit-html").TemplateResult<1>;
+    protected renderInput(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-file-input': IgcFileInputComponent;
+    }
+}

package/components/file-input/file-input.js

@@ -0,0 +1,155 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+var IgcFileInputComponent_1;
+import { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { themes } from '../../theming/theming-decorator.js';
+import IgcButtonComponent from '../button/button.js';
+import { registerComponent } from '../common/definitions/register.js';
+import { createFormValueState, defaultFileListTransformer, } from '../common/mixins/forms/form-value.js';
+import { isEmpty, partNameMap } from '../common/util.js';
+import { IgcInputBaseComponent } from '../input/input-base.js';
+import IgcValidationContainerComponent from '../validation-container/validation-container.js';
+import { styles } from './themes/file-input.base.css.js';
+import { all } from './themes/themes.js';
+import { fileValidators } from './validators.js';
+let IgcFileInputComponent = IgcFileInputComponent_1 = class IgcFileInputComponent extends IgcInputBaseComponent {
+    static register() {
+        registerComponent(IgcFileInputComponent_1, IgcValidationContainerComponent, IgcButtonComponent);
+    }
+    get __validators() {
+        return fileValidators;
+    }
+    get _fileNames() {
+        if (!this.files || this.files.length === 0)
+            return null;
+        return Array.from(this.files)
+            .map((file) => file.name)
+            .join(', ');
+    }
+    set value(value) {
+        if (value === '' && this.input) {
+            this.input.value = value;
+        }
+    }
+    get value() {
+        return this.input?.value ?? '';
+    }
+    get files() {
+        return this.input?.files ?? null;
+    }
+    constructor() {
+        super();
+        this._hasActivation = false;
+        this.multiple = false;
+        this.accept = '';
+        this.tabIndex = 0;
+        this.readOnly = false;
+        this._formValue = createFormValueState(this, {
+            initialValue: null,
+            transformers: defaultFileListTransformer,
+        });
+    }
+    _restoreDefaultValue() {
+        this.input.value = '';
+        super._restoreDefaultValue();
+    }
+    setSelectionRange() { }
+    setRangeText() { }
+    _handleChange() {
+        this._hasActivation = false;
+        this._formValue.setValueAndFormState(this.files);
+        this._validate();
+        this.requestUpdate();
+        this.emitEvent('igcChange', { detail: this.value });
+    }
+    _handleCancel() {
+        this._hasActivation = false;
+        this._validate();
+        this.emitEvent('igcCancel', {
+            detail: this.value,
+        });
+    }
+    _handleFocus() {
+        this._dirty = true;
+    }
+    _handleBlur() {
+        if (!this._hasActivation) {
+            this._validate();
+        }
+    }
+    _handleClick() {
+        this._hasActivation = true;
+    }
+    renderFileParts() {
+        const emptyText = this.placeholder ?? 'No file chosen';
+        return html `
+      <div part="file-parts">
+        <div part="file-selector-button">
+          <igc-button variant="flat" ?disabled=${this.disabled} tabindex="-1">
+            <slot name="file-selector-text">Browse</slot>
+          </igc-button>
+        </div>
+        <div part="file-names">
+          ${this._fileNames ??
+            html `<slot name="file-missing-text">${emptyText}</slot>`}
+        </div>
+      </div>
+    `;
+    }
+    renderInput() {
+        return html `
+      <input
+        id=${this.inputId}
+        part=${partNameMap(this.resolvePartNames('input'))}
+        type="file"
+        ?disabled=${this.disabled}
+        ?required=${this.required}
+        ?autofocus=${this.autofocus}
+        ?multiple=${this.multiple}
+        tabindex=${this.tabIndex}
+        accept=${ifDefined(this.accept === '' ? undefined : this.accept)}
+        aria-invalid=${this.invalid}
+        aria-describedby=${ifDefined(isEmpty(this._helperText) ? nothing : 'helper-text')}
+        @click=${this._handleClick}
+        @change=${this._handleChange}
+        @cancel=${this._handleCancel}
+        @focus=${this._handleFocus}
+        @blur=${this._handleBlur}
+      />
+    `;
+    }
+};
+IgcFileInputComponent.tagName = 'igc-file-input';
+IgcFileInputComponent.styles = [...IgcInputBaseComponent.styles, styles];
+__decorate([
+    state()
+], IgcFileInputComponent.prototype, "_hasActivation", void 0);
+__decorate([
+    property()
+], IgcFileInputComponent.prototype, "value", null);
+__decorate([
+    property({ type: Boolean })
+], IgcFileInputComponent.prototype, "multiple", void 0);
+__decorate([
+    property({ type: String })
+], IgcFileInputComponent.prototype, "accept", void 0);
+__decorate([
+    property({ type: Boolean })
+], IgcFileInputComponent.prototype, "autofocus", void 0);
+__decorate([
+    property({ type: Number })
+], IgcFileInputComponent.prototype, "tabIndex", void 0);
+__decorate([
+    property({ type: Boolean, attribute: false, noAccessor: true })
+], IgcFileInputComponent.prototype, "readOnly", void 0);
+IgcFileInputComponent = IgcFileInputComponent_1 = __decorate([
+    themes(all)
+], IgcFileInputComponent);
+export default IgcFileInputComponent;
+//# sourceMappingURL=file-input.js.map

package/components/file-input/file-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../../src/components/file-input/file-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  type FormValue,\n  createFormValueState,\n  defaultFileListTransformer,\n} from '../common/mixins/forms/form-value.js';\nimport { isEmpty, partNameMap } from '../common/util.js';\nimport { IgcInputBaseComponent } from '../input/input-base.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/file-input.base.css.js';\nimport { all } from './themes/themes.js';\nimport { fileValidators } from './validators.js';\n\n/**\n * @element igc-file-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @slot file-selector-text - Renders content for the browse button when input type is file.\n * @slot file-missing-text - Renders content when input type is file and no file is chosen.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcCancel - Emitted when the control's file picker dialog is canceled.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart file-names - The file names wrapper when input type is 'file'.\n * @csspart file-selector-button - The browse button when input type is 'file'.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\n@themes(all)\nexport default class IgcFileInputComponent extends IgcInputBaseComponent {\n  public static readonly tagName = 'igc-file-input';\n  public static override styles = [...IgcInputBaseComponent.styles, styles];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcFileInputComponent,\n      IgcValidationContainerComponent,\n      IgcButtonComponent\n    );\n  }\n\n  protected override get __validators() {\n    return fileValidators;\n  }\n\n  protected override _formValue: FormValue<FileList | null>;\n\n  @state()\n  private _hasActivation = false;\n\n  private get _fileNames(): string | null {\n    if (!this.files || this.files.length === 0) return null;\n\n    return Array.from(this.files)\n      .map((file) => file.name)\n      .join(', ');\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    if (value === '' && this.input) {\n      this.input.value = value;\n    }\n  }\n\n  public get value(): string {\n    return this.input?.value ?? '';\n  }\n\n  /**\n   * The multiple attribute of the control.\n   * Used to indicate that a file input allows the user to select more than one file.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public multiple = false;\n\n  /**\n   * The accept attribute of the control.\n   * Defines the file types as a list of comma-separated values that the file input should accept.\n   * @attr\n   */\n  @property({ type: String })\n  public accept = '';\n\n  /**\n   * The autofocus attribute of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * @internal\n   */\n  @property({ type: Number })\n  public override tabIndex = 0;\n\n  /** @hidden */\n  @property({ type: Boolean, attribute: false, noAccessor: true })\n  public override readonly readOnly = false;\n\n  /** Returns the selected files when input type is 'file', otherwise returns null. */\n  public get files(): FileList | null {\n    return this.input?.files ?? null;\n  }\n\n  constructor() {\n    super();\n    this._formValue = createFormValueState(this, {\n      initialValue: null,\n      transformers: defaultFileListTransformer,\n    });\n  }\n\n  protected override _restoreDefaultValue(): void {\n    this.input.value = '';\n    super._restoreDefaultValue();\n  }\n\n  /* c8 ignore next 2 */\n  /** @hidden */\n  public override setSelectionRange(): void {}\n\n  /* c8 ignore next 2 */\n  /** @hidden */\n  public override setRangeText(): void {}\n\n  private _handleChange(): void {\n    this._hasActivation = false;\n    this._formValue.setValueAndFormState(this.files);\n    this._validate();\n\n    this.requestUpdate();\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  private _handleCancel(): void {\n    this._hasActivation = false;\n    this._validate();\n\n    this.emitEvent('igcCancel', {\n      detail: this.value,\n    });\n  }\n\n  protected _handleFocus(): void {\n    this._dirty = true;\n  }\n\n  protected _handleBlur(): void {\n    if (!this._hasActivation) {\n      this._validate();\n    }\n  }\n\n  /* c8 ignore next 3 */\n  protected _handleClick(): void {\n    this._hasActivation = true;\n  }\n\n  protected override renderFileParts() {\n    const emptyText = this.placeholder ?? 'No file chosen';\n\n    return html`\n      <div part=\"file-parts\">\n        <div part=\"file-selector-button\">\n          <igc-button variant=\"flat\" ?disabled=${this.disabled} tabindex=\"-1\">\n            <slot name=\"file-selector-text\">Browse</slot>\n          </igc-button>\n        </div>\n        <div part=\"file-names\">\n          ${this._fileNames ??\n          html`<slot name=\"file-missing-text\">${emptyText}</slot>`}\n        </div>\n      </div>\n    `;\n  }\n\n  protected renderInput() {\n    return html`\n      <input\n        id=${this.inputId}\n        part=${partNameMap(this.resolvePartNames('input'))}\n        type=\"file\"\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        ?autofocus=${this.autofocus}\n        ?multiple=${this.multiple}\n        tabindex=${this.tabIndex}\n        accept=${ifDefined(this.accept === '' ? undefined : this.accept)}\n        aria-invalid=${this.invalid}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        @click=${this._handleClick}\n        @change=${this._handleChange}\n        @cancel=${this._handleCancel}\n        @focus=${this._handleFocus}\n        @blur=${this._handleBlur}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-file-input': IgcFileInputComponent;\n  }\n}\n"]}

package/components/file-input/themes/file-input.base.css.d.ts

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

package/components/file-input/themes/file-input.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;align-content:center;grid-area:1/3}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--disabled-text-color)}`;
+//# sourceMappingURL=file-input.base.css.js.map

package/components/file-input/themes/file-input.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.base.css.js","sourceRoot":"","sources":["../../../../src/components/file-input/themes/file-input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yiCAAyiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:is(igc-file-input)) [part~=file-parts]{display:contents}:host(:is(igc-file-input)) [part=file-selector-button]{align-content:center;grid-area:1/2}:host(:is(igc-file-input)) [part=file-selector-button] igc-button::part(base){transition:none}:host(:is(igc-file-input)) [part=file-names]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;align-content:center;grid-area:1/3}:host(:is(igc-file-input)) [part~=container]{position:relative;grid-template-columns:auto auto 1fr auto}:host(:is(igc-file-input)) [part~=input]{position:absolute;border:none;inset:0;width:100%;grid-column:2/4;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}:host(:is(igc-file-input)) [part~=input]::file-selector-button{width:100%;cursor:auto}:host(:is(igc-file-input)) [part~=suffix]{grid-area:1/4}:host(:not(:disabled)) [part~=input],:host(:not(:disabled)) [part~=input]::file-selector-button{cursor:pointer}:host(:is(igc-file-input):disabled) [part~=file-names],:host(:is(igc-file-input)[disabled]) [part~=file-names]{color:var(--disabled-text-color)}`;\n"]}

package/components/file-input/themes/shared/file-input.bootstrap.css.d.ts

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

package/components/file-input/themes/shared/file-input.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button{--foreground: var(--input-prefix-color);--background: var(--input-prefix-background);--hover-foreground: var(--foreground);--hover-background: var(--background);--active-foreground: var(--foreground);--active-background: var(--background);--focus-visible-foreground: var(--foreground);--focus-visible-background: var(--background);--disabled-foreground: var(--disabled-text-color);--disabled-background: var(--border-disabled-background)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));color:var(--idle-text-color);border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled])[invalid]){--input-border-color: var(--error-secondary-color)}:host(:not([disabled])[invalid]) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:not([disabled])[invalid]) [part=prefix],:host(:not([disabled])[invalid]) [part=suffix],:host(:not([disabled])[invalid]) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;
+//# sourceMappingURL=file-input.bootstrap.css.js.map

package/components/file-input/themes/shared/file-input.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilGAAilG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:focus-within){--border-color: var(--focused-border-color)}:host(:focus-within) [part~=container]{box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=file-selector-button] igc-button{--foreground: var(--input-prefix-color);--background: var(--input-prefix-background);--hover-foreground: var(--foreground);--hover-background: var(--background);--active-foreground: var(--foreground);--active-background: var(--background);--focus-visible-foreground: var(--foreground);--focus-visible-background: var(--background);--disabled-foreground: var(--disabled-text-color);--disabled-background: var(--border-disabled-background)}[part~=file-selector-button] igc-button::part(base){font-size:var(--input-font);transition:border .15s ease-out;box-shadow:none;border-style:solid;border-color:var(--input-border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part~=file-names]{font-size:var(--input-font);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));color:var(--idle-text-color);border:1px solid var(--border-color);border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius);transition:box-shadow .15s ease-out,border .15s ease-out}[part*=prefixed] [part~=file-selector-button] igc-button::part(base){border-start-start-radius:0;border-end-start-radius:0}[part*=suffixed] [part~=file-names]{border-start-end-radius:0;border-end-end-radius:0}[part~=container]{transition:box-shadow .15s ease-out,border .15s ease-out}[part~=container] [part~=file-selector-button] igc-button::part(base){border-start-end-radius:0;border-end-end-radius:0;height:var(--input-height)}:host(:not([disabled])[invalid]){--input-border-color: var(--error-secondary-color)}:host(:not([disabled])[invalid]) [part~=container]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:not([disabled])[invalid]) [part=prefix],:host(:not([disabled])[invalid]) [part=suffix],:host(:not([disabled])[invalid]) [part~=file-names]{border-color:var(--error-secondary-color)}:host(:disabled),:host([disabled]){--input-border-color: var(--disabled-border-color)}:host(:disabled) [part~=file-names],:host([disabled]) [part~=file-names]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-color:var(--disabled-border-color)}:host(:disabled) [part~=file-selector-button] igc-button,:host([disabled]) [part~=file-selector-button] igc-button{--disabled-border-color: var(--input-border-color)}`;\n"]}

package/components/file-input/themes/shared/file-input.fluent.css.d.ts

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

package/components/file-input/themes/shared/file-input.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=file-names]{font-size:.875rem}`;
+//# sourceMappingURL=file-input.fluent.css.js.map

package/components/file-input/themes/shared/file-input.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/file-input/themes/shared/file-input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sCAAsC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=file-names]{font-size:.875rem}`;\n"]}

package/components/file-input/themes/shared/file-input.indigo.css.d.ts

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