igniteui-webcomponents 4.6.0 → 4.8.0

package/components/dropdown/themes/header.js

@@ -1,35 +1,14 @@
 import { css } from 'lit';
-import { styles as bootstrap } from './shared/header/dropdown-header.bootstrap.css.js';
 import { styles as fluent } from './shared/header/dropdown-header.fluent.css.js';
-import { styles as indigo } from './shared/header/dropdown-header.indigo.css.js';
-import { styles as material } from './shared/header/dropdown-header.material.css.js';
 const light = {
-    bootstrap: css `
-    ${bootstrap}
-  `,
-    material: css `
-    ${material}
-  `,
     fluent: css `
     ${fluent}
   `,
-    indigo: css `
-    ${indigo}
-  `,
 };
 const dark = {
-    bootstrap: css `
-    ${bootstrap}
-  `,
-    material: css `
-    ${material}
-  `,
     fluent: css `
     ${fluent}
   `,
-    indigo: css `
-    ${indigo}
-  `,
 };
 export const all = { light, dark };
 //# sourceMappingURL=header.js.map

package/components/dropdown/themes/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAGrF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport { styles as bootstrap } from './shared/header/dropdown-header.bootstrap.css.js';\nimport { styles as fluent } from './shared/header/dropdown-header.fluent.css.js';\nimport { styles as indigo } from './shared/header/dropdown-header.indigo.css.js';\nimport { styles as material } from './shared/header/dropdown-header.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+CAA+C,CAAC;AAGjF,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport { styles as fluent } from './shared/header/dropdown-header.fluent.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nconst dark = {\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/dropdown/themes/item.js

@@ -1,35 +1,14 @@
 import { css } from 'lit';
-import { styles as bootstrap } from './shared/item/dropdown-item.bootstrap.css.js';
 import { styles as fluent } from './shared/item/dropdown-item.fluent.css.js';
-import { styles as indigo } from './shared/item/dropdown-item.indigo.css.js';
-import { styles as material } from './shared/item/dropdown-item.material.css.js';
 const light = {
-    bootstrap: css `
-    ${bootstrap}
-  `,
-    material: css `
-    ${material}
-  `,
     fluent: css `
     ${fluent}
   `,
-    indigo: css `
-    ${indigo}
-  `,
 };
 const dark = {
-    bootstrap: css `
-    ${bootstrap}
-  `,
-    material: css `
-    ${material}
-  `,
     fluent: css `
     ${fluent}
   `,
-    indigo: css `
-    ${indigo}
-  `,
 };
 export const all = { light, dark };
 //# sourceMappingURL=item.js.map

package/components/dropdown/themes/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AAGjF,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport { styles as bootstrap } from './shared/item/dropdown-item.bootstrap.css.js';\nimport { styles as fluent } from './shared/item/dropdown-item.fluent.css.js';\nimport { styles as indigo } from './shared/item/dropdown-item.indigo.css.js';\nimport { styles as material } from './shared/item/dropdown-item.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  material: css`\n    ${material}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/dropdown/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAG7E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport { styles as fluent } from './shared/item/dropdown-item.fluent.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nconst dark = {\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nexport const all: Themes = { light, dark };\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));--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-gray-700), var(--ig-gray-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), var(--ig-gray-a)));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, var(--ig-primary-600-contrast));--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-600-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-primary-600-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, 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.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-0));--header-text-color: var(--ig-dropdown-header-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 1px);--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent))}`;
 //# 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,40EAA40E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-0));--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-gray-700), var(--ig-gray-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), var(--ig-gray-a)));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focused-item-text-color: var(--ig-dropdown-focused-item-text-color, var(--ig-primary-600-contrast));--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-600-contrast));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, var(--ig-primary-600-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, 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.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.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,qpCAAqpC,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, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 1px);--hover-item-background: var(--ig-dropdown-hover-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export 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)}`;
+export const styles = css `:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-4));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--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, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent))}`;
 //# 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,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"]}
+{"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,q6CAAq6C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-4));--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focused-item-background: var(--ig-dropdown-focused-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--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, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent))}`;\n"]}

package/components/dropdown/themes/light/dropdown.indigo.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, 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)}`;
+export const styles = css `:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--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)));--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));--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));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--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, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--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, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;
 //# 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,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"]}
+{"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,46CAA46C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dropdown-elevation, var(--ig-elevation-3));--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)));--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));--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));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--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, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--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, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;\n"]}

package/components/dropdown/themes/light/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-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)}`;
+export const styles = css `:host{--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-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));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, color-mix(in oklch, var(--ig-secondary-100-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent))}`;
 //# 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,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"]}
+{"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,2iCAA2iC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--selected-item-background: var(--ig-dropdown-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-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));--selected-item-text-color: var(--ig-dropdown-selected-item-text-color, color-mix(in oklch, var(--ig-secondary-100-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-dropdown-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-dropdown-selected-hover-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-dropdown-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-dropdown-selected-focus-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent))}`;\n"]}

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

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

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

@@ -0,0 +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)));--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)));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-dropdown-default-size, 2)}`;
+//# sourceMappingURL=dropdown.shared.css.js.map

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

@@ -0,0 +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,+gDAA+gD,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)));--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)));--disabled-item-background: var(--ig-dropdown-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-dropdown-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-dropdown-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-dropdown-border-width, 0);--border-radius: var(--ig-dropdown-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-dropdown-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-dropdown-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-dropdown-default-size, 2)}`;\n"]}

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

@@ -1,3 +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)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--dropdown-size: var(--component-size)}[part=base]{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

@@ -1 +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"]}
+{"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,2KAA2K,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]{padding:.5rem 0;border:.0625rem solid var(--border-color)}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=base]{background:var(--background-color);border-radius:var(--border-radius)}`;
+//# sourceMappingURL=dropdown.common.css.js.map

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

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

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

@@ -1,3 +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)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{-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

@@ -1 +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"]}
+{"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,oJAAoJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}`;\n"]}

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

@@ -1,3 +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)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{-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

@@ -1 +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"]}
+{"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,oJAAoJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{-webkit-box-shadow:var(--ig-elevation-3);box-shadow:var(--ig-elevation-3)}`;\n"]}

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

@@ -1,3 +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}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{-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

@@ -1 +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"]}
+{"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,oKAAoK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}[part=base]{-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.common.css.d.ts

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

package/components/dropdown/themes/shared/group/{dropdown-group.indigo.css.js → dropdown-group.common.css.js}

@@ -1,3 +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
+//# sourceMappingURL=dropdown-group.common.css.js.map

package/components/dropdown/themes/shared/group/{dropdown-group.indigo.css.js.map → dropdown-group.common.css.js.map}

@@ -1 +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"]}
+{"version":3,"file":"dropdown-group.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/group/dropdown-group.common.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

@@ -1,3 +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)))}`;
+export const styles = css `:host ::slotted([slot=label]){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

@@ -1 +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"]}
+{"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,8VAA8V,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted([slot=label]){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/header/dropdown-header.common.css.d.ts

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

package/components/dropdown/themes/shared/header/{dropdown-header.indigo.css.js → dropdown-header.common.css.js}

@@ -1,3 +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
+//# sourceMappingURL=dropdown-header.common.css.js.map

package/components/dropdown/themes/shared/header/{dropdown-header.indigo.css.js.map → dropdown-header.common.css.js.map}

@@ -1 +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"]}
+{"version":3,"file":"dropdown-header.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/header/dropdown-header.common.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

@@ -1,3 +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)))}`;
+export const styles = css `:host{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

@@ -1 +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"]}
+{"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,4UAA4U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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/item/dropdown-item.common.css.d.ts

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

package/components/dropdown/themes/shared/item/{dropdown-item.indigo.css.js → dropdown-item.common.css.js}

@@ -1,3 +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
+//# sourceMappingURL=dropdown-item.common.css.js.map

package/components/dropdown/themes/shared/item/{dropdown-item.indigo.css.js.map → dropdown-item.common.css.js.map}

@@ -1 +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"]}
+{"version":3,"file":"dropdown-item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/dropdown/themes/shared/item/dropdown-item.common.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

@@ -1,3 +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)}`;
+export const styles = css `:host{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]:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]){outline:.0625rem solid var(--border-color);outline-offset:-0.0625rem}`;
 //# sourceMappingURL=dropdown-item.fluent.css.js.map

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

@@ -1 +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"]}
+{"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,kgBAAkgB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{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]:hover){background:var(--hover-item-background);color:var(--hover-item-text-color)}:host([active]){outline:.0625rem solid var(--border-color);outline-offset:-0.0625rem}`;\n"]}

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

@@ -6,7 +6,7 @@ export interface IgcExpansionPanelComponentEventMap {
     igcClosing: CustomEvent<IgcExpansionPanelComponent>;
     igcClosed: CustomEvent<IgcExpansionPanelComponent>;
 }
-declare const IgcExpansionPanelComponent_base: import("../common/mixins/constructor.js").AbstractConstructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcExpansionPanelComponentEventMap>> & Constructor<LitElement>;
+declare const IgcExpansionPanelComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcExpansionPanelComponentEventMap>> & Constructor<LitElement>;
 /**
  * The Expansion Panel Component provides a way to display information in a toggleable way -
  * compact summary view containing title and description and expanded detail view containing
@@ -33,9 +33,11 @@ declare const IgcExpansionPanelComponent_base: import("../common/mixins/construc
  */
 export default class IgcExpansionPanelComponent extends IgcExpansionPanelComponent_base {
     static readonly tagName = "igc-expansion-panel";
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     static register(): void;
     private static readonly increment;
+    private headerRef;
+    private contentRef;
     private animationPlayer;
     private _indicatorExpandedElements;
     /**
@@ -53,12 +55,9 @@ export default class IgcExpansionPanelComponent extends IgcExpansionPanelCompone
      * @attr indicator-position
      */
     indicatorPosition: 'start' | 'end' | 'none';
-    protected panelContent: HTMLElement;
     private panelId;
-    private headerRef;
     constructor();
     connectedCallback(): void;
-    protected firstUpdated(): void;
     private handleClicked;
     private toggleWithEvent;
     private toggleAnimation;

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

@@ -6,11 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var IgcExpansionPanelComponent_1;
 import { LitElement, html } from 'lit';
-import { property, query, queryAssignedElements } from 'lit/decorators.js';
+import { property, queryAssignedElements } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { styles } from './themes/expansion-panel.base.css.js';
+import { styles as shared } from './themes/shared/expansion-panel.common.css.js';
 import { all } from './themes/themes.js';
-import { AnimationPlayer } from '../../animations/player.js';
+import { addAnimationController } 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';
@@ -24,10 +25,12 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
     }
     constructor() {
         super();
+        this.headerRef = createRef();
+        this.contentRef = createRef();
+        this.animationPlayer = addAnimationController(this, this.contentRef);
         this.open = false;
         this.disabled = false;
         this.indicatorPosition = 'start';
-        this.headerRef = createRef();
         addKeybindings(this, {
             ref: this.headerRef,
             bindingDefaults: { preventDefault: true },
@@ -42,9 +45,6 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
             this.getAttribute('id') ||
                 `igc-expansion-panel-${IgcExpansionPanelComponent_1.increment()}`;
     }
-    firstUpdated() {
-        this.animationPlayer = new AnimationPlayer(this.panelContent);
-    }
     handleClicked() {
         this.headerRef.value.focus();
         this.toggleWithEvent();
@@ -148,6 +148,7 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
     contentTemplate() {
         return html `
       <div
+        ${ref(this.contentRef)}
         part="content"
         role="region"
         id="${this.panelId}-content"
@@ -164,7 +165,7 @@ let IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = class IgcExpansi
     }
 };
 IgcExpansionPanelComponent.tagName = 'igc-expansion-panel';
-IgcExpansionPanelComponent.styles = styles;
+IgcExpansionPanelComponent.styles = [styles, shared];
 IgcExpansionPanelComponent.increment = createCounter();
 __decorate([
     queryAssignedElements({ slot: 'indicator-expanded' })
@@ -178,9 +179,6 @@ __decorate([
 __decorate([
     property({ reflect: true, attribute: 'indicator-position' })
 ], IgcExpansionPanelComponent.prototype, "indicatorPosition", void 0);
-__decorate([
-    query('[part~="content"]', true)
-], IgcExpansionPanelComponent.prototype, "panelContent", void 0);
 IgcExpansionPanelComponent = IgcExpansionPanelComponent_1 = __decorate([
     themes(all)
 ], IgcExpansionPanelComponent);

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 } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { styles } from './themes/expansion-panel.base.css.js';\nimport { all } from './themes/themes.js';\nimport { AnimationPlayer } 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 } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.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\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;\n\n  public static register() {\n    registerComponent(this, IgcIconComponent);\n  }\n\n  private static readonly increment = createCounter();\n  private animationPlayer!: AnimationPlayer;\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  @query('[part~=\"content\"]', true)\n  protected panelContent!: HTMLElement;\n\n  private panelId!: string;\n\n  private headerRef: Ref<HTMLDivElement> = createRef();\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      ref: this.headerRef,\n      bindingDefaults: { preventDefault: true },\n    })\n      .setActivateHandler(this.toggleWithEvent)\n      .set([altKey, arrowDown], this.openWithEvent)\n      .set([altKey, arrowUp], this.closeWithEvent);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.panelId =\n      this.getAttribute('id') ||\n      `igc-expansion-panel-${IgcExpansionPanelComponent.increment()}`;\n  }\n\n  protected override firstUpdated() {\n    this.animationPlayer = new AnimationPlayer(this.panelContent);\n  }\n\n  private handleClicked() {\n    this.headerRef.value!.focus();\n    this.toggleWithEvent();\n  }\n\n  private toggleWithEvent() {\n    if (this.disabled) return;\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      !this.open ||\n      !this.emitEvent('igcClosing', { cancelable: true, detail: this })\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 panel open state. */\n  public toggle(): void {\n    this.open ? this.hide() : this.show();\n  }\n\n  /** Hides the panel content. */\n  public hide(): void {\n    if (this.open) {\n      this.toggleAnimation('close');\n    }\n\n    this.open = false;\n  }\n\n  /** Shows the panel content. */\n  public show(): void {\n    if (!this.open) {\n      this.toggleAnimation('open');\n    }\n\n    this.open = true;\n  }\n\n  private handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  private indicatorTemplate() {\n    const indicatorHidden =\n      this.open && this._indicatorExpandedElements.length > 0;\n    const indicatorExpandedHidden =\n      this._indicatorExpandedElements.length < 1 || !this.open;\n\n    return html`\n      <div part=\"indicator\" aria-hidden=\"true\">\n        <slot\n          name=\"indicator\"\n          ?hidden=${indicatorHidden}\n          @slotchange=${this.handleSlotChange}\n        >\n          <igc-icon\n            name=${this.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\n            collection=\"internal\"\n          >\n          </igc-icon>\n        </slot>\n        <slot\n          name=\"indicator-expanded\"\n          ?hidden=${indicatorExpandedHidden}\n          @slotchange=${this.handleSlotChange}\n        ></slot>\n      </div>\n    `;\n  }\n\n  private headerTemplate() {\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.handleClicked}\n      >\n        ${this.indicatorTemplate()}\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 contentTemplate() {\n    return html`\n      <div\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.headerTemplate()}${this.contentTemplate()}`;\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 } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { Ref, createRef, ref } from 'lit/directives/ref.js';\n\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';\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 } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.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\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(this, IgcIconComponent);\n  }\n\n  private static readonly increment = createCounter();\n\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  private panelId!: string;\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      ref: this.headerRef,\n      bindingDefaults: { preventDefault: true },\n    })\n      .setActivateHandler(this.toggleWithEvent)\n      .set([altKey, arrowDown], this.openWithEvent)\n      .set([altKey, arrowUp], this.closeWithEvent);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.panelId =\n      this.getAttribute('id') ||\n      `igc-expansion-panel-${IgcExpansionPanelComponent.increment()}`;\n  }\n\n  private handleClicked() {\n    this.headerRef.value!.focus();\n    this.toggleWithEvent();\n  }\n\n  private toggleWithEvent() {\n    if (this.disabled) return;\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      !this.open ||\n      !this.emitEvent('igcClosing', { cancelable: true, detail: this })\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 panel open state. */\n  public toggle(): void {\n    this.open ? this.hide() : this.show();\n  }\n\n  /** Hides the panel content. */\n  public hide(): void {\n    if (this.open) {\n      this.toggleAnimation('close');\n    }\n\n    this.open = false;\n  }\n\n  /** Shows the panel content. */\n  public show(): void {\n    if (!this.open) {\n      this.toggleAnimation('open');\n    }\n\n    this.open = true;\n  }\n\n  private handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  private indicatorTemplate() {\n    const indicatorHidden =\n      this.open && this._indicatorExpandedElements.length > 0;\n    const indicatorExpandedHidden =\n      this._indicatorExpandedElements.length < 1 || !this.open;\n\n    return html`\n      <div part=\"indicator\" aria-hidden=\"true\">\n        <slot\n          name=\"indicator\"\n          ?hidden=${indicatorHidden}\n          @slotchange=${this.handleSlotChange}\n        >\n          <igc-icon\n            name=${this.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\n            collection=\"internal\"\n          >\n          </igc-icon>\n        </slot>\n        <slot\n          name=\"indicator-expanded\"\n          ?hidden=${indicatorExpandedHidden}\n          @slotchange=${this.handleSlotChange}\n        ></slot>\n      </div>\n    `;\n  }\n\n  private headerTemplate() {\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.handleClicked}\n      >\n        ${this.indicatorTemplate()}\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 contentTemplate() {\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.headerTemplate()}${this.contentTemplate()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-expansion-panel': IgcExpansionPanelComponent;\n  }\n}\n"]}

package/components/expansion-panel/themes/dark/expansion-panel.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--header-background: var(--ig-expansion-panel-header-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--body-background: var(--ig-expansion-panel-body-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--header-focus-background: var(--ig-expansion-panel-header-focus-background, hsla(var(--ig-gray-100), 0.3));--header-title-color: var(--ig-expansion-panel-header-title-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--header-description-color: var(--ig-expansion-panel-header-description-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--header-icon-color: var(--ig-expansion-panel-header-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--body-color: var(--ig-expansion-panel-body-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-color: var(--ig-expansion-panel-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--expanded-margin: var(--ig-expansion-panel-expanded-margin, 0.5rem);--border-radius: var(--ig-expansion-panel-border-radius, 0rem, 0rem, 1rem)}`;
+export const styles = css `:host{--header-background: var(--ig-expansion-panel-header-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--body-background: var(--ig-expansion-panel-body-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--header-title-color: var(--ig-expansion-panel-header-title-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--header-description-color: var(--ig-expansion-panel-header-description-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--header-icon-color: var(--ig-expansion-panel-header-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--body-color: var(--ig-expansion-panel-body-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-color: var(--ig-expansion-panel-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--expanded-margin: var(--ig-expansion-panel-expanded-margin, 0.5rem);--border-radius: var(--ig-expansion-panel-border-radius, 0rem, 0rem, 1rem)}`;
 //# sourceMappingURL=expansion-panel.bootstrap.css.js.map