igniteui-webcomponents 4.5.0 → 4.6.0

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-dropdown-elevation, var(--ig-elevation-4));\n  --background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-100), 0.8));\n  --focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-100), 0.8));\n  --focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n  --selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-100-contrast));\n  --selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n  --selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-200-contrast));\n  --selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-200-contrast));\n  --disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));\n  --disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --border-width: var(--ig-dropdown-border-width, 0);\n  --border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));\n  --item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));\n  --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)));\n}\n\n[part=base] {\n  background: var(--background-color);\n  border-radius: var(--border-radius);\n  -webkit-box-shadow: var(--ig-elevation-4);\n          box-shadow: var(--ig-elevation-4);\n}`;\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,qyEAAqyE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-4));--background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-gray-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-gray-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-gray-200-contrast));--disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 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/dropdown/themes/light/dropdown.indigo.css.js

@@ -1,32 +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, hsla(var(--ig-surface-500), var(--ig-surface-a)));
-  --header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
-  --hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-primary-500), 0.15));
-  --focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-primary-500), 0.15));
-  --focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
-  --selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-primary-500-contrast));
-  --selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));
-  --selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-primary-400-contrast));
-  --selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));
-  --selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-primary-400-contrast));
-  --disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));
-  --disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --border-width: var(--ig-dropdown-border-width, 0);
-  --border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 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(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));
-}
-
-[part=base] {
-  background: var(--background-color);
-  border-radius: var(--border-radius);
-  -webkit-box-shadow: var(--ig-elevation-3);
-          box-shadow: var(--ig-elevation-3);
-}`;
+export const styles = css `:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-primary-500-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-primary-400-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-primary-400-contrast));--disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 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(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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));\n  --background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-primary-500), 0.15));\n  --focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-primary-500), 0.15));\n  --focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-primary-500-contrast));\n  --selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));\n  --selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-primary-400-contrast));\n  --selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));\n  --selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-primary-400-contrast));\n  --disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));\n  --disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --border-width: var(--ig-dropdown-border-width, 0);\n  --border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));\n  --item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));\n  --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)));\n}\n\n[part=base] {\n  background: var(--background-color);\n  border-radius: var(--border-radius);\n  -webkit-box-shadow: var(--ig-elevation-3);\n          box-shadow: var(--ig-elevation-3);\n}`;\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,s0EAAs0E,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, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-primary-500-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-primary-400-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-primary-400-contrast));--disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 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(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/dropdown/themes/light/dropdown.material.css.js

@@ -1,33 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --elevation: var(--ig-dropdown-elevation, var(--ig-elevation-8));
-  --background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));
-  --header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
-  --hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
-  --hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-100), 0.8));
-  --focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-100), 0.8));
-  --focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
-  --selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));
-  --selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));
-  --selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));
-  --selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));
-  --selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));
-  --selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));
-  --disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));
-  --disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --border-width: var(--ig-dropdown-border-width, 0);
-  --border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));
-  --item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));
-  --size: var(--ig-dropdown-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));
-}
-
-[part=base] {
-  background: var(--background-color);
-  border-radius: var(--border-radius);
-  -webkit-box-shadow: var(--ig-elevation-8);
-          box-shadow: var(--ig-elevation-8);
-  padding: 0.5rem 0;
-}`;
+export const styles = css `:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-8));--background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-dropdown-default-size, 2)}`;
 //# 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-dropdown-elevation, var(--ig-elevation-8));\n  --background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-100), 0.8));\n  --focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-100), 0.8));\n  --focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n  --selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));\n  --selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));\n  --selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n  --selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));\n  --selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n  --selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));\n  --disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));\n  --disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --border-width: var(--ig-dropdown-border-width, 0);\n  --border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n  --item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));\n  --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)));\n}\n\n[part=base] {\n  background: var(--background-color);\n  border-radius: var(--border-radius);\n  -webkit-box-shadow: var(--ig-elevation-8);\n          box-shadow: var(--ig-elevation-8);\n  padding: 0.5rem 0;\n}`;\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,k1EAAk1E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-8));--background-color: var(--ig-dropdown-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-dropdown-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-dropdown-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--disabled-item-background: var(--ig-dropdown-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-dropdown-default-size, 2)}`;\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--dropdown-size: var(--component-size)}[part=base]{background:var(--background-color);border-radius:var(--border-radius);padding:.5rem 0;border:.0625rem solid var(--border-color)}`;
+//# sourceMappingURL=dropdown.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/shared/dropdown.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iPAAiP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--dropdown-size: var(--component-size)}[part=base]{background:var(--background-color);border-radius:var(--border-radius);padding:.5rem 0;border:.0625rem solid var(--border-color)}`;\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{background:var(--background-color);border-radius:var(--border-radius);-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}`;
+//# sourceMappingURL=dropdown.fluent.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/shared/dropdown.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0NAA0N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{background:var(--background-color);border-radius:var(--border-radius);-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}`;\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{background:var(--background-color);border-radius:var(--border-radius);-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}`;
+//# sourceMappingURL=dropdown.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/shared/dropdown.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0NAA0N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{background:var(--background-color);border-radius:var(--border-radius);-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}`;\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{background:var(--background-color);border-radius:var(--border-radius);-webkit-box-shadow:var(--ig-elevation-8);box-shadow:var(--ig-elevation-8);padding:.5rem 0}`;
+//# sourceMappingURL=dropdown.material.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/shared/dropdown.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0OAA0O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{background:var(--background-color);border-radius:var(--border-radius);-webkit-box-shadow:var(--ig-elevation-8);box-shadow:var(--ig-elevation-8);padding:.5rem 0}`;\n"]}

package/components/dropdown/themes/shared/group/dropdown-group.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host ::slotted([slot=label]){color:var(--header-text-color)}`;
+//# sourceMappingURL=dropdown-group.bootstrap.css.js.map

package/components/dropdown/themes/shared/group/dropdown-group.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-group.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/group/dropdown-group.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+DAA+D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted([slot=label]){color:var(--header-text-color)}`;\n"]}

package/components/dropdown/themes/shared/group/dropdown-group.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host ::slotted([slot=label]){color:var(--header-text-color);padding:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;
+//# sourceMappingURL=dropdown-group.fluent.css.js.map

package/components/dropdown/themes/shared/group/dropdown-group.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-group.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/group/dropdown-group.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6XAA6X,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted([slot=label]){color:var(--header-text-color);padding:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;\n"]}

package/components/dropdown/themes/shared/group/dropdown-group.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host ::slotted([slot=label]){color:var(--header-text-color)}`;
+//# sourceMappingURL=dropdown-group.indigo.css.js.map

package/components/dropdown/themes/shared/group/dropdown-group.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-group.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/group/dropdown-group.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+DAA+D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted([slot=label]){color:var(--header-text-color)}`;\n"]}

package/components/dropdown/themes/shared/group/dropdown-group.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host ::slotted([slot=label]){color:var(--header-text-color)}`;
+//# sourceMappingURL=dropdown-group.material.css.js.map

package/components/dropdown/themes/shared/group/dropdown-group.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-group.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/group/dropdown-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+DAA+D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted([slot=label]){color:var(--header-text-color)}`;\n"]}

package/components/dropdown/themes/shared/header/dropdown-header.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{color:var(--header-text-color);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}`;
+//# sourceMappingURL=dropdown-header.bootstrap.css.js.map

package/components/dropdown/themes/shared/header/dropdown-header.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-header.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/header/dropdown-header.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kwBAAkwB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{color:var(--header-text-color);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}`;\n"]}

package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{color:var(--header-text-color);padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;
+//# sourceMappingURL=dropdown-header.fluent.css.js.map

package/components/dropdown/themes/shared/header/dropdown-header.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-header.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/header/dropdown-header.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2WAA2W,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{color:var(--header-text-color);padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;\n"]}

package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{color:var(--header-text-color);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}`;
+//# sourceMappingURL=dropdown-header.indigo.css.js.map

package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/header/dropdown-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kwBAAkwB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{color:var(--header-text-color);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}`;\n"]}

package/components/dropdown/themes/shared/header/dropdown-header.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{color:var(--header-text-color);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}`;
+//# sourceMappingURL=dropdown-header.material.css.js.map

package/components/dropdown/themes/shared/header/dropdown-header.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-header.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/header/dropdown-header.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kwBAAkwB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{color:var(--header-text-color);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}`;\n"]}

package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color)}:host([active]),:host(:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]){background:var(--focused-item-background);color:var(--focused-item-text-color)}:host([selected]){background:var(--selected-item-background);color:var(--selected-item-text-color)}:host([selected]:hover),:host([selected][active]){background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}:host([disabled]){background:var(--disabled-item-background);color:var(--disabled-item-text-color)}`;
+//# sourceMappingURL=dropdown-item.bootstrap.css.js.map

package/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/item/dropdown-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0mBAA0mB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color)}:host([active]),:host(:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]){background:var(--focused-item-background);color:var(--focused-item-text-color)}:host([selected]){background:var(--selected-item-background);color:var(--selected-item-text-color)}:host([selected]:hover),:host([selected][active]){background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}:host([disabled]){background:var(--disabled-item-background);color:var(--disabled-item-text-color)}`;\n"]}

package/components/dropdown/themes/shared/item/dropdown-item.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color);padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([active]),:host(:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]){background:var(--focused-item-background);color:var(--focused-item-text-color)}:host([selected]){background:var(--selected-item-background);color:var(--selected-item-text-color)}:host([selected]:hover),:host([selected][active]){background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}:host([disabled]){background:var(--disabled-item-background);color:var(--disabled-item-text-color)}`;
+//# sourceMappingURL=dropdown-item.fluent.css.js.map

package/components/dropdown/themes/shared/item/dropdown-item.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/item/dropdown-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,86BAA86B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color);padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([active]),:host(:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]){background:var(--focused-item-background);color:var(--focused-item-text-color)}:host([selected]){background:var(--selected-item-background);color:var(--selected-item-text-color)}:host([selected]:hover),:host([selected][active]){background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}:host([disabled]){background:var(--disabled-item-background);color:var(--disabled-item-text-color)}`;\n"]}

package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color)}:host([active]),:host(:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]){background:var(--focused-item-background);color:var(--focused-item-text-color)}:host([selected]){background:var(--selected-item-background);color:var(--selected-item-text-color)}:host([selected]:hover),:host([selected][active]){background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}:host([disabled]){background:var(--disabled-item-background);color:var(--disabled-item-text-color)}`;
+//# sourceMappingURL=dropdown-item.indigo.css.js.map

package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/item/dropdown-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0mBAA0mB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color)}:host([active]),:host(:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]){background:var(--focused-item-background);color:var(--focused-item-text-color)}:host([selected]){background:var(--selected-item-background);color:var(--selected-item-text-color)}:host([selected]:hover),:host([selected][active]){background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}:host([disabled]){background:var(--disabled-item-background);color:var(--disabled-item-text-color)}`;\n"]}

package/components/dropdown/themes/shared/item/dropdown-item.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color)}:host([active]),:host(:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]){background:var(--focused-item-background);color:var(--focused-item-text-color)}:host([selected]){background:var(--selected-item-background);color:var(--selected-item-text-color)}:host([selected]:hover),:host([selected][active]){background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}:host([disabled]){background:var(--disabled-item-background);color:var(--disabled-item-text-color)}`;
+//# sourceMappingURL=dropdown-item.material.css.js.map

package/components/dropdown/themes/shared/item/dropdown-item.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-item.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/item/dropdown-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0mBAA0mB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color)}:host([active]),:host(:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]){background:var(--focused-item-background);color:var(--focused-item-text-color)}:host([selected]){background:var(--selected-item-background);color:var(--selected-item-text-color)}:host([selected]:hover),:host([selected][active]){background:var(--selected-hover-item-background);color:var(--selected-hover-item-text-color)}:host([disabled]){background:var(--disabled-item-background);color:var(--disabled-item-text-color)}`;\n"]}

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

@@ -18,6 +18,7 @@ declare const IgcExpansionPanelComponent_base: import("../common/mixins/construc
  * @slot title - renders the title of the panel's header
  * @slot subtitle - renders the subtitle of the panel's header
  * @slot indicator - renders the expand/collapsed indicator
+ * @slot indicator-expanded - renders the expanded state of the indicator
  *
  * @fires igcOpening - Emitted before opening the expansion panel.
  * @fires igcOpened - Emitted after the expansion panel is opened.
@@ -36,6 +37,7 @@ export default class IgcExpansionPanelComponent extends IgcExpansionPanelCompone
     static register(): void;
     private static readonly increment;
     private animationPlayer;
+    private _indicatorExpandedElements;
     /**
      * Indicates whether the contents of the control should be visible.
      * @attr
@@ -51,23 +53,16 @@ export default class IgcExpansionPanelComponent extends IgcExpansionPanelCompone
      * @attr indicator-position
      */
     indicatorPosition: 'start' | 'end' | 'none';
-    protected panelHeader: HTMLElement;
     protected panelContent: HTMLElement;
     private panelId;
+    private headerRef;
+    constructor();
     connectedCallback(): void;
     protected firstUpdated(): void;
     private handleClicked;
-    private handleKeydown;
+    private toggleWithEvent;
     private toggleAnimation;
-    /**
-     * @private
-     * Opens the panel.
-     */
     private openWithEvent;
-    /**
-     * @private
-     * Closes the panel.
-     */
     private closeWithEvent;
     /** Toggles panel open state. */
     toggle(): void;
@@ -75,6 +70,7 @@ export default class IgcExpansionPanelComponent extends IgcExpansionPanelCompone
     hide(): void;
     /** Shows the panel content. */
     show(): void;
+    private handleSlotChange;
     private indicatorTemplate;
     private headerTemplate;
     private contentTemplate;

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

@@ -6,28 +6,35 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var IgcExpansionPanelComponent_1;
 import { LitElement, html } from 'lit';
-import { property, query } from 'lit/decorators.js';
+import { property, query, queryAssignedElements } from 'lit/decorators.js';
+import { createRef, ref } from 'lit/directives/ref.js';
+import { styles } from './themes/expansion-panel.base.css.js';
+import { all } from './themes/themes.js';
 import { AnimationPlayer } from '../../animations/player.js';
 import { growVerIn, growVerOut } from '../../animations/presets/grow/index.js';
 import { themes } from '../../theming/theming-decorator.js';
+import { addKeybindings, altKey, arrowDown, arrowUp, } from '../common/controllers/key-bindings.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { createCounter } from '../common/util.js';
 import IgcIconComponent from '../icon/icon.js';
-import { styles } from './themes/light/expansion-panel.base.css.js';
-import { styles as material } from './themes/light/expansion-panel.material.css.js';
-import { styles as bootstrap } from './themes/light/expansion-panel.bootstrap.css.js';
-import { styles as fluent } from './themes/light/expansion-panel.fluent.css.js';
-import { styles as indigo } from './themes/light/expansion-panel.indigo.css.js';
 let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansionPanelComponent extends EventEmitterMixin(LitElement) {
+    static register() {
+        registerComponent(this, IgcIconComponent);
+    }
     constructor() {
-        super(...arguments);
+        super();
         this.open = false;
         this.disabled = false;
         this.indicatorPosition = 'start';
-    }
-    static register() {
-        registerComponent(this, IgcIconComponent);
+        this.headerRef = createRef();
+        addKeybindings(this, {
+            ref: this.headerRef,
+            bindingDefaults: { preventDefault: true },
+        })
+            .setActivateHandler(this.toggleWithEvent)
+            .set([altKey, arrowDown], this.openWithEvent)
+            .set([altKey, arrowUp], this.closeWithEvent);
     }
     connectedCallback() {
         super.connectedCallback();
@@ -39,36 +46,13 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
         this.animationPlayer = new AnimationPlayer(this.panelContent);
     }
     handleClicked() {
-        this.panelHeader.focus();
-        if (this.open) {
-            this.closeWithEvent();
-        }
-        else {
-            this.openWithEvent();
-        }
+        this.headerRef.value.focus();
+        this.toggleWithEvent();
     }
-    handleKeydown(event) {
-        if (this.disabled) {
+    toggleWithEvent() {
+        if (this.disabled)
             return;
-        }
-        switch (event.key.toLowerCase()) {
-            case 'arrowdown':
-            case 'down':
-                if (event.altKey) {
-                    this.openWithEvent();
-                }
-                break;
-            case 'arrowup':
-            case 'up':
-                if (event.altKey) {
-                    this.closeWithEvent();
-                }
-                break;
-            case 'enter':
-            case ' ':
-                this.open ? this.closeWithEvent() : this.openWithEvent();
-                break;
-        }
+        this.open ? this.closeWithEvent() : this.openWithEvent();
     }
     async toggleAnimation(dir) {
         const animation = dir === 'open' ? growVerIn : growVerOut;
@@ -79,15 +63,8 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
         return event.type === 'finish';
     }
     async openWithEvent() {
-        if (this.open) {
-            return;
-        }
-        const args = {
-            cancelable: true,
-            detail: this,
-        };
-        const allowed = this.emitEvent('igcOpening', args);
-        if (!allowed) {
+        if (this.open ||
+            !this.emitEvent('igcOpening', { cancelable: true, detail: this })) {
             return;
         }
         this.open = true;
@@ -96,15 +73,8 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
         }
     }
     async closeWithEvent() {
-        if (!this.open) {
-            return;
-        }
-        const args = {
-            cancelable: true,
-            detail: this,
-        };
-        const allowed = this.emitEvent('igcClosing', args);
-        if (!allowed) {
+        if (!this.open ||
+            !this.emitEvent('igcClosing', { cancelable: true, detail: this })) {
             return;
         }
         this.open = false;
@@ -127,22 +97,37 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
         }
         this.open = true;
     }
+    handleSlotChange() {
+        this.requestUpdate();
+    }
     indicatorTemplate() {
+        const indicatorHidden = this.open && this._indicatorExpandedElements.length > 0;
+        const indicatorExpandedHidden = this._indicatorExpandedElements.length < 1 || !this.open;
         return html `
       <div part="indicator" aria-hidden="true">
-        <slot name="indicator">
+        <slot
+          name="indicator"
+          ?hidden=${indicatorHidden}
+          @slotchange=${this.handleSlotChange}
+        >
           <igc-icon
             name=${this.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}
             collection="internal"
           >
           </igc-icon>
         </slot>
+        <slot
+          name="indicator-expanded"
+          ?hidden=${indicatorExpandedHidden}
+          @slotchange=${this.handleSlotChange}
+        ></slot>
       </div>
     `;
     }
     headerTemplate() {
         return html `
       <div
+        ${ref(this.headerRef)}
         part="header"
         id="${this.panelId}-header"
         role="button"
@@ -151,7 +136,6 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
         aria-controls="${this.panelId}-content"
         tabindex=${this.disabled ? '-1' : '0'}
         @click=${this.handleClicked}
-        @keydown=${this.handleKeydown}
       >
         ${this.indicatorTemplate()}
         <div>
@@ -168,6 +152,7 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
         role="region"
         id="${this.panelId}-content"
         aria-labelledby="${this.panelId}-header"
+        .inert=${!this.open}
         aria-hidden=${!this.open}
       >
         <slot></slot>
@@ -175,12 +160,15 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
     `;
     }
     render() {
-        return html ` ${this.headerTemplate()} ${this.contentTemplate()}`;
+        return html `${this.headerTemplate()}${this.contentTemplate()}`;
     }
 };
 IgcExpansionPanelComponent.tagName = 'igc-expansion-panel';
 IgcExpansionPanelComponent.styles = styles;
 IgcExpansionPanelComponent.increment = createCounter();
+__decorate([
+    queryAssignedElements({ slot: 'indicator-expanded' })
+], IgcExpansionPanelComponent.prototype, "_indicatorExpandedElements", void 0);
 __decorate([
     property({ reflect: true, type: Boolean })
 ], IgcExpansionPanelComponent.prototype, "open", void 0);
@@ -190,17 +178,11 @@ __decorate([
 __decorate([
     property({ reflect: true, attribute: 'indicator-position' })
 ], IgcExpansionPanelComponent.prototype, "indicatorPosition", void 0);
-__decorate([
-    query('[part~="header"]', true)
-], IgcExpansionPanelComponent.prototype, "panelHeader", void 0);
 __decorate([
     query('[part~="content"]', true)
 ], IgcExpansionPanelComponent.prototype, "panelContent", void 0);
 IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = __decorate([
-    themes({
-        light: { material, bootstrap, fluent, indigo },
-        dark: { material, bootstrap, fluent, indigo },
-    })
+    themes(all)
 ], IgcExpansionPanelComponent);
 export default IgcExpansionPanelComponent;
 //# sourceMappingURL=expansion-panel.js.map