igniteui-webcomponents 4.9.0 → 4.11.0

package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background-color: var(--ig-nav-drawer-background-color, rgba(255, 255, 255, 0.4))}`;
+export const styles = css `:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--item-text-color: var(--ig-nav-drawer-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-primary-700), var(--ig-primary-a)));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--background-color: var(--ig-nav-drawer-background-color, rgba(255, 255, 255, 0.4))}`;
 //# sourceMappingURL=nav-drawer.fluent.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4FAA4F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background-color: var(--ig-nav-drawer-background-color, rgba(255, 255, 255, 0.4))}`;\n"]}
+{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6uCAA6uC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--item-text-color: var(--ig-nav-drawer-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-primary-700), var(--ig-primary-a)));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--background-color: var(--ig-nav-drawer-background-color, rgba(255, 255, 255, 0.4))}`;\n"]}

package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-color: var(--ig-nav-drawer-border-color, transparent);--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-text-color: var(--ig-nav-drawer-item-text-color, hsla(var(--ig-gray-300), 0.8));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-300), 0.8));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-gray-600), 0.8));--item-hover-background: var(--ig-nav-drawer-item-hover-background, transparent);--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;
+export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsla(var(--ig-gray-900), 0.2));--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-text-color: var(--ig-nav-drawer-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-primary-300), 0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-900), 0.05));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;
 //# sourceMappingURL=nav-drawer.indigo.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m1CAAm1C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-color: var(--ig-nav-drawer-border-color, transparent);--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-text-color: var(--ig-nav-drawer-item-text-color, hsla(var(--ig-gray-300), 0.8));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-300), 0.8));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-gray-600), 0.8));--item-hover-background: var(--ig-nav-drawer-item-hover-background, transparent);--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;\n"]}
+{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w+CAAw+C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsla(var(--ig-gray-900), 0.2));--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-text-color: var(--ig-nav-drawer-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-primary-300), 0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-900), 0.05));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;\n"]}

package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;
+export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-text-color: var(--ig-nav-drawer-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-primary-500), 0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;
 //# sourceMappingURL=nav-drawer.material.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kGAAkG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;\n"]}
+{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k6CAAk6C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-text-color: var(--ig-nav-drawer-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-primary-500), 0.12));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;\n"]}

package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-16));--background: var(--ig-nav-drawer-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-900), 0.14));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-text-color: var(--ig-nav-drawer-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-primary-500), 0.12));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-200), 0.8));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;
+export const styles = css `:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;
 //# sourceMappingURL=nav-drawer.shared.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6iDAA6iD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-16));--background: var(--ig-nav-drawer-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-900), 0.14));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-text-color: var(--ig-nav-drawer-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-primary-500), 0.12));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-200), 0.8));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;\n"]}
+{"version":3,"file":"nav-drawer.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,umBAAumB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;\n"]}

package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part=overlay]{background:var(--background-color)}`;
+export const styles = css `:host{--menu-mini-width: 5.5rem}[part=mini],[part=main]{padding:1rem}`;
 //# sourceMappingURL=nav-drawer.bootstrap.css.js.map

package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0DAA0D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=overlay]{background:var(--background-color)}`;\n"]}
+{"version":3,"file":"nav-drawer.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uEAAuE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--menu-mini-width: 5.5rem}[part=mini],[part=main]{padding:1rem}`;\n"]}

package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part=base]{border-radius:var(--border-radius);background:var(--background);border:none;-webkit-box-shadow:none;box-shadow:none}:host [part=overlay]{background:var(--background-color)}[part=mini]{background:var(--background)}:host([position=start]) [part=mini],:host([position=end]) [part=mini]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}:host([position=start]) [part=mini]{border-inline-end-color:var(--border-color)}:host([position=end]) [part=mini]{border-inline-start-color:var(--border-color)}:host([open][position=end]) [part=base]{border-inline-start-color:var(--border-color)}:host([position=relative]) [part=base],:host([position=relative]) [part~=mini]{border-inline-end-color:var(--border-color)}:host([open]:not([position=relative])) [part=base]{border-inline-end-color:var(--border-color);-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}`;
+export const styles = css `[part=overlay]{background:var(--background-color)}[part=base]{border-radius:var(--border-radius);background:var(--background)}[part=mini]{background:var(--background)}:host([position=start]) [part=mini],:host([position=end]) [part=mini]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}[part~=base],[part~=mini]{border-inline-end-color:var(--border-color)}:host([open]:not([position=relative])) [part=base]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}`;
 //# sourceMappingURL=nav-drawer.common.css.js.map

package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+3BAA+3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=base]{border-radius:var(--border-radius);background:var(--background);border:none;-webkit-box-shadow:none;box-shadow:none}:host [part=overlay]{background:var(--background-color)}[part=mini]{background:var(--background)}:host([position=start]) [part=mini],:host([position=end]) [part=mini]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}:host([position=start]) [part=mini]{border-inline-end-color:var(--border-color)}:host([position=end]) [part=mini]{border-inline-start-color:var(--border-color)}:host([open][position=end]) [part=base]{border-inline-start-color:var(--border-color)}:host([position=relative]) [part=base],:host([position=relative]) [part~=mini]{border-inline-end-color:var(--border-color)}:host([open]:not([position=relative])) [part=base]{border-inline-end-color:var(--border-color);-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}`;\n"]}
+{"version":3,"file":"nav-drawer.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,weAAwe,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=overlay]{background:var(--background-color)}[part=base]{border-radius:var(--border-radius);background:var(--background)}[part=mini]{background:var(--background)}:host([position=start]) [part=mini],:host([position=end]) [part=mini]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}[part~=base],[part~=mini]{border-inline-end-color:var(--border-color)}:host([open]:not([position=relative])) [part=base]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}`;\n"]}

package/components/nav-drawer/themes/shared/container/nav-drawer.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part=overlay]{background:var(--background-color)}`;
+export const styles = css `:host{--menu-mini-width: 2.5rem}[part=base],[part~=mini]{border:.0625rem solid var(--border-color)}`;
 //# sourceMappingURL=nav-drawer.fluent.css.js.map

package/components/nav-drawer/themes/shared/container/nav-drawer.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0DAA0D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=overlay]{background:var(--background-color)}`;\n"]}
+{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qGAAqG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--menu-mini-width: 2.5rem}[part=base],[part~=mini]{border:.0625rem solid var(--border-color)}`;\n"]}

package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part=overlay]{background:var(--background-color)}`;
+export const styles = css `:host{--menu-mini-width: 3rem}:host [part=overlay]{background:var(--background-color)}:host [part=mini],:host [part=main]{padding:.5rem}`;
 //# sourceMappingURL=nav-drawer.indigo.css.js.map

package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0DAA0D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=overlay]{background:var(--background-color)}`;\n"]}
+{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0IAA0I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--menu-mini-width: 3rem}:host [part=overlay]{background:var(--background-color)}:host [part=mini],:host [part=main]{padding:.5rem}`;\n"]}

package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.d.ts

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

package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--menu-mini-width: 3.5rem}[part=mini],[part=main]{padding:.5rem}`;
+//# sourceMappingURL=nav-drawer.material.css.js.map

package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wEAAwE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--menu-mini-width: 3.5rem}[part=mini],[part=main]{padding:.5rem}`;\n"]}

package/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;
+export const styles = css `:host{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);padding:.5rem 1rem;min-height:2.5rem}`;
 //# sourceMappingURL=header-item.bootstrap.css.js.map

package/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iaAAia,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;\n"]}
+{"version":3,"file":"header-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/header-item/header-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,scAAsc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);padding:.5rem 1rem;min-height:2.5rem}`;\n"]}

package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.d.ts

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

package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{padding:.625rem .5rem;min-height:2.75rem}`;
+//# sourceMappingURL=header-item.fluent.css.js.map

package/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/header-item/header-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iDAAiD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding:.625rem .5rem;min-height:2.75rem}`;\n"]}

package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.d.ts

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

package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom);padding:.5rem 1rem;-webkit-box-sizing:content-box;box-sizing:content-box;min-height:16px}`;
+//# sourceMappingURL=header-item.indigo.css.js.map

package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mgBAAmgB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom);padding:.5rem 1rem;-webkit-box-sizing:content-box;box-sizing:content-box;min-height:16px}`;\n"]}

package/components/nav-drawer/themes/shared/header-item/header-item.material.css.d.ts

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

package/components/nav-drawer/themes/shared/header-item/header-item.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{padding:.75rem .5rem;min-height:3rem}`;
+//# sourceMappingURL=header-item.material.css.js.map

package/components/nav-drawer/themes/shared/header-item/header-item.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-item.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/header-item/header-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6CAA6C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding:.75rem .5rem;min-height:3rem}`;\n"]}

package/components/nav-drawer/themes/shared/item/item.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;
+export const styles = css `[part~=base]{padding:.5rem 1rem;gap:.5rem;min-height:2.5rem}[part~=base][part~=mini]{min-width:3.5rem}[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;
 //# sourceMappingURL=item.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/item/item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iaAAia,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;\n"]}
+{"version":3,"file":"item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/item/item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ugBAAugB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{padding:.5rem 1rem;gap:.5rem;min-height:2.5rem}[part~=base][part~=mini]{min-width:3.5rem}[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;\n"]}

package/components/nav-drawer/themes/shared/item/item.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=base]{border-radius:var(--item-border-radius);color:var(--item-text-color)}[part~=base]:hover,[part~=base]:focus-within{background:var(--item-hover-background);color:var(--item-hover-text-color)}[part~=base]:hover ::slotted(igc-icon),[part~=base]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}[part~=base] ::slotted(igc-icon){color:var(--item-icon-color)}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([active]) [part~=base]{background:var(--item-active-background);color:var(--item-active-text-color)}:host([active]) [part~=base] ::slotted(igc-icon){color:var(--item-active-icon-color)}`;
+export const styles = css `[part~=base]{border-radius:var(--item-border-radius);color:var(--item-text-color)}[part~=base]:hover,[part~=base]:focus-within{background:var(--item-hover-background);color:var(--item-hover-text-color)}[part~=base]:hover ::slotted(igc-icon),[part~=base]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}[part~=base] ::slotted(igc-icon){color:var(--item-icon-color)}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([active]) [part~=base]{background:var(--item-active-background);color:var(--item-active-text-color)}:host([active]) [part~=base] ::slotted(igc-icon){color:var(--item-active-icon-color)}:host([disabled]) [part~=base]{color:var(--item-disabled-text-color)}:host([disabled]) [part~=base] ::slotted(igc-icon){color:var(--item-disabled-icon-color)}`;
 //# sourceMappingURL=item.common.css.js.map

package/components/nav-drawer/themes/shared/item/item.common.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/item/item.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ogCAAogC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border-radius:var(--item-border-radius);color:var(--item-text-color)}[part~=base]:hover,[part~=base]:focus-within{background:var(--item-hover-background);color:var(--item-hover-text-color)}[part~=base]:hover ::slotted(igc-icon),[part~=base]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}[part~=base] ::slotted(igc-icon){color:var(--item-icon-color)}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([active]) [part~=base]{background:var(--item-active-background);color:var(--item-active-text-color)}:host([active]) [part~=base] ::slotted(igc-icon){color:var(--item-active-icon-color)}`;\n"]}
+{"version":3,"file":"item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/item/item.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kqCAAkqC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border-radius:var(--item-border-radius);color:var(--item-text-color)}[part~=base]:hover,[part~=base]:focus-within{background:var(--item-hover-background);color:var(--item-hover-text-color)}[part~=base]:hover ::slotted(igc-icon),[part~=base]:focus-within ::slotted(igc-icon){color:var(--item-hover-icon-color)}[part~=base] ::slotted(igc-icon){color:var(--item-icon-color)}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([active]) [part~=base]{background:var(--item-active-background);color:var(--item-active-text-color)}:host([active]) [part~=base] ::slotted(igc-icon){color:var(--item-active-icon-color)}:host([disabled]) [part~=base]{color:var(--item-disabled-text-color)}:host([disabled]) [part~=base] ::slotted(igc-icon){color:var(--item-disabled-icon-color)}`;\n"]}

package/components/nav-drawer/themes/shared/item/item.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;
+export const styles = css `[part~=base]{padding:.625rem .5rem;gap:.5rem;min-height:2.75rem}[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;
 //# sourceMappingURL=item.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/item/item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iaAAia,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;\n"]}
+{"version":3,"file":"item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/item/item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ieAAie,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{padding:.625rem .5rem;gap:.5rem;min-height:2.75rem}[part=content]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;\n"]}

package/components/nav-drawer/themes/shared/item/item.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=base]{gap:1.5rem;padding:.25rem;margin:.9375rem .5rem}[part=content]{-webkit-padding-start:.5rem;padding-inline-start:.5rem}`;
+export const styles = css `[part~=base]{gap:1rem;padding:.5rem 1rem;margin:0;-webkit-margin-after:.25rem;margin-block-end:.25rem}[part~=base] ::slotted(igc-icon){--ig-size: 2}[part="base mini"]{padding:.5rem}`;
 //# sourceMappingURL=item.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/item/item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qIAAqI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{gap:1.5rem;padding:.25rem;margin:.9375rem .5rem}[part=content]{-webkit-padding-start:.5rem;padding-inline-start:.5rem}`;\n"]}
+{"version":3,"file":"item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/item/item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uLAAuL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{gap:1rem;padding:.5rem 1rem;margin:0;-webkit-margin-after:.25rem;margin-block-end:.25rem}[part~=base] ::slotted(igc-icon){--ig-size: 2}[part=\"base mini\"]{padding:.5rem}`;\n"]}

package/components/nav-drawer/themes/shared/item/item.material.css.d.ts

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

package/components/nav-drawer/themes/shared/item/item.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=base]{padding:.75rem .5rem;gap:2rem;background:rgba(0,0,0,0);min-height:3rem}[part~=base]::after{content:"";position:absolute;width:100%;inset-block-start:.25rem;inset-inline-start:0;height:calc(100% - 0.5rem);border-radius:var(--item-border-radius);z-index:-1}[part~=base]:hover,[part~=base]:focus-within{background:rgba(0,0,0,0)}[part~=base]:hover::after,[part~=base]:focus-within::after{background:var(--item-hover-background)}:host([active]) [part~=base]{background:rgba(0,0,0,0)}:host([active]) [part~=base]::after{background:var(--item-active-background)}[part~=base][part~=mini]{margin-inline:0;min-width:2.5rem}`;
+//# sourceMappingURL=item.material.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/item/item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,onBAAonB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{padding:.75rem .5rem;gap:2rem;background:rgba(0,0,0,0);min-height:3rem}[part~=base]::after{content:\"\";position:absolute;width:100%;inset-block-start:.25rem;inset-inline-start:0;height:calc(100% - 0.5rem);border-radius:var(--item-border-radius);z-index:-1}[part~=base]:hover,[part~=base]:focus-within{background:rgba(0,0,0,0)}[part~=base]:hover::after,[part~=base]:focus-within::after{background:var(--item-hover-background)}:host([active]) [part~=base]{background:rgba(0,0,0,0)}:host([active]) [part~=base]::after{background:var(--item-active-background)}[part~=base][part~=mini]{margin-inline:0;min-width:2.5rem}`;\n"]}

package/components/navbar/themes/dark/navbar.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-navbar-border-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
+export const styles = css `:host{--background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
 //# sourceMappingURL=navbar.fluent.css.js.map

package/components/navbar/themes/dark/navbar.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,weAAwe,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-navbar-border-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wYAAwY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-navbar-border-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
+export const styles = css `:host{--background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
 //# sourceMappingURL=navbar.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,weAAwe,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-navbar-border-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wYAAwY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));--background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-color: var(--ig-navbar-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--text-color: var(--ig-navbar-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--idle-icon-color: var(--ig-navbar-idle-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-icon-color: var(--ig-navbar-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;
+export const styles = css `:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));--background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-color: var(--ig-navbar-border-color, transparent);--text-color: var(--ig-navbar-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--idle-icon-color: var(--ig-navbar-idle-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-icon-color: var(--ig-navbar-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;
 //# sourceMappingURL=navbar.shared.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4mBAA4mB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));--background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-color: var(--ig-navbar-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--text-color: var(--ig-navbar-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--idle-icon-color: var(--ig-navbar-idle-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-icon-color: var(--ig-navbar-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;\n"]}
+{"version":3,"file":"navbar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukBAAukB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));--background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-color: var(--ig-navbar-border-color, transparent);--text-color: var(--ig-navbar-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--idle-icon-color: var(--ig-navbar-idle-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-icon-color: var(--ig-navbar-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;\n"]}

package/components/navbar/themes/navbar.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;font-family:var(--ig-font-family);z-index:4}:host ::slotted(igc-icon){--ig-size: 3}[part=base]{--ig-size: 1;display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}[name=start]::slotted(*){margin-inline:.0625rem 1rem}[name=end]::slotted(*){margin-inline:1rem .0625rem}::slotted(igc-icon){cursor:pointer;-webkit-transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}::slotted(*){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);line-height:normal;margin:0}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;font-family:var(--ig-font-family);z-index:4}:host ::slotted(igc-icon){--ig-size: 3}:host ::slotted(igc-button){--ig-size: 2}[part=base]{--ig-size: 1;display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}[name=start]::slotted(*){margin-inline:.0625rem 1rem}[name=end]::slotted(*){margin-inline:1rem .0625rem}::slotted(igc-icon){cursor:pointer;-webkit-transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}::slotted(*){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);line-height:normal;margin:0}`;
 //# sourceMappingURL=navbar.base.css.js.map

package/components/navbar/themes/navbar.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/navbar/themes/navbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8lFAA8lF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;font-family:var(--ig-font-family);z-index:4}:host ::slotted(igc-icon){--ig-size: 3}[part=base]{--ig-size: 1;display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}[name=start]::slotted(*){margin-inline:.0625rem 1rem}[name=end]::slotted(*){margin-inline:1rem .0625rem}::slotted(igc-icon){cursor:pointer;-webkit-transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}::slotted(*){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);line-height:normal;margin:0}`;\n"]}
+{"version":3,"file":"navbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/navbar/themes/navbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uoFAAuoF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:3.5rem;max-height:8rem;padding:0 1rem;font-family:var(--ig-font-family);z-index:4}:host ::slotted(igc-icon){--ig-size: 3}:host ::slotted(igc-button){--ig-size: 2}[part=base]{--ig-size: 1;display:inherit;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part=middle]{display:-webkit-inline-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}[name=start]::slotted(*){margin-inline:.0625rem 1rem}[name=end]::slotted(*){margin-inline:1rem .0625rem}::slotted(igc-icon){cursor:pointer;-webkit-transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94)}::slotted(*){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);line-height:normal;margin:0}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{-webkit-box-shadow:var(--ig-elevation-0);box-shadow:var(--ig-elevation-0);padding:0 .5rem;border-bottom:.0625rem solid var(--border-color)}[part=base]{padding-inline:.25rem}::slotted(*){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);line-height:normal;margin:0}`;
+export const styles = css `:host{-webkit-box-shadow:var(--ig-elevation-0);box-shadow:var(--ig-elevation-0);padding:0 .5rem}[part=base]{padding-inline:.25rem}::slotted(*){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);line-height:normal;margin:0}`;
 //# sourceMappingURL=navbar.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/shared/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0kBAA0kB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{-webkit-box-shadow:var(--ig-elevation-0);box-shadow:var(--ig-elevation-0);padding:0 .5rem;border-bottom:.0625rem solid var(--border-color)}[part=base]{padding-inline:.25rem}::slotted(*){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);line-height:normal;margin:0}`;\n"]}
+{"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/shared/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yhBAAyhB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{-webkit-box-shadow:var(--ig-elevation-0);box-shadow:var(--ig-elevation-0);padding:0 .5rem}[part=base]{padding-inline:.25rem}::slotted(*){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);line-height:normal;margin:0}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{background:var(--background);color:var(--text-color);-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}::slotted(igc-icon){color:var(--idle-icon-color)}::slotted(igc-icon:hover){color:var(--hover-icon-color)}`;
+export const styles = css `:host{background:var(--background);color:var(--text-color);border-bottom:.0625rem solid var(--border-color);-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}::slotted(igc-icon){color:var(--idle-icon-color)}::slotted(igc-icon:hover){color:var(--hover-icon-color)}`;
 //# sourceMappingURL=navbar.common.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.common.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/shared/navbar.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gPAAgP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{background:var(--background);color:var(--text-color);-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}::slotted(igc-icon){color:var(--idle-icon-color)}::slotted(igc-icon:hover){color:var(--hover-icon-color)}`;\n"]}
+{"version":3,"file":"navbar.common.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/shared/navbar.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iSAAiS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{background:var(--background);color:var(--text-color);border-bottom:.0625rem solid var(--border-color);-webkit-box-shadow:var(--ig-elevation-4);box-shadow:var(--ig-elevation-4)}::slotted(igc-icon){color:var(--idle-icon-color)}::slotted(igc-icon:hover){color:var(--hover-icon-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{-webkit-box-shadow:var(--ig-elevation-0);box-shadow:var(--ig-elevation-0)}`;
+export const styles = css `:host{min-height:3.5rem;-webkit-box-shadow:var(--ig-elevation-0);box-shadow:var(--ig-elevation-0)}:host [name=start]::slotted(*),:host [name=end]::slotted(*){margin:initial}[part=end]{gap:.5rem}[part=base]{gap:1rem}::slotted(*){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}::slotted(igc-icon){--size: rem(16px);padding:.375rem;margin:0}`;
 //# sourceMappingURL=navbar.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/shared/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kFAAkF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{-webkit-box-shadow:var(--ig-elevation-0);box-shadow:var(--ig-elevation-0)}`;\n"]}
+{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/shared/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ipBAAipB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{min-height:3.5rem;-webkit-box-shadow:var(--ig-elevation-0);box-shadow:var(--ig-elevation-0)}:host [name=start]::slotted(*),:host [name=end]::slotted(*){margin:initial}[part=end]{gap:.5rem}[part=base]{gap:1rem}::slotted(*){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}::slotted(igc-icon){--size: rem(16px);padding:.375rem;margin:0}`;\n"]}

package/components/popover/popover.d.ts

@@ -8,6 +8,8 @@ export type IgcPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-
  *
  * @slot - Content of the popover.
  * @slot anchor - The element the popover will be anchored to.
+ *
+ * @csspart container - The container wrapping the slotted content in the popover.
  */
 export default class IgcPopoverComponent extends LitElement {
     static readonly tagName = "igc-popover";

package/components/popover/popover.js

@@ -130,7 +130,7 @@ class IgcPopoverComponent extends LitElement {
     render() {
         return html `
       <slot name="anchor" @slotchange=${this._anchorSlotChange}></slot>
-      <div id="container" popover="manual">
+      <div id="container" part="container" popover="manual">
         <slot></slot>
       </div>
     `;

package/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  type Middleware,\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  size,\n} from '@floating-ui/dom';\nimport { LitElement, html } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { getElementByIdFromRoot } from '../common/util.js';\nimport { styles } from './themes/light/popover.base.css.js';\n\nfunction roundByDPR(value: number) {\n  const dpr = globalThis.devicePixelRatio || 1;\n  return Math.round(value * dpr) / dpr;\n}\n\n/**\n * Describes the preferred placement of a toggle component.\n */\nexport type IgcPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\n/* blazorSuppress */\n/**\n * @element igc-popover\n *\n * @slot - Content of the popover.\n * @slot anchor - The element the popover will be anchored to.\n */\nexport default class IgcPopoverComponent extends LitElement {\n  public static readonly tagName = 'igc-popover';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcPopoverComponent);\n  }\n\n  private dispose?: ReturnType<typeof autoUpdate>;\n  private target?: Element;\n\n  @query('#container', true)\n  private _container!: HTMLElement;\n\n  @queryAssignedElements({ slot: 'anchor', flatten: true })\n  private _anchors!: HTMLElement[];\n\n  /**\n   * Pass an IDREF or an DOM element reference to use as the\n   * anchor target for the floating element.\n   */\n  @property()\n  public anchor?: Element | string;\n\n  /**\n   * When enabled this changes the placement of the floating element in order to keep it\n   * in view along the main axis.\n   */\n  @property({ type: Boolean, reflect: true })\n  public flip = false;\n\n  /**\n   * Placement modifier which translates the floating element along the main axis.\n   */\n  @property({ type: Number })\n  public offset = 0;\n\n  /**\n   * The visibility state of the popover component.\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Where to place the floating element relative to the parent anchor element.\n   */\n  @property()\n  public placement: IgcPlacement = 'bottom-start';\n\n  /**\n   * When enabled the floating element will match the width of its parent anchor element.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'same-width' })\n  public sameWidth = false;\n\n  /**\n   * When enabled this tries to shift the floating element along the main axis\n   * keeping it in view, preventing overflow while maintaining the desired placement.\n   */\n  @property({ type: Boolean, reflect: true })\n  public shift = false;\n\n  @watch('anchor')\n  protected async anchorChange() {\n    const newTarget =\n      typeof this.anchor === 'string'\n        ? getElementByIdFromRoot(this, this.anchor)\n        : this.anchor;\n\n    if (newTarget) {\n      this.target = newTarget;\n      this._updateState();\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  protected openChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  @watch('flip', { waitUntilFirstUpdate: true })\n  @watch('offset', { waitUntilFirstUpdate: true })\n  @watch('placement', { waitUntilFirstUpdate: true })\n  @watch('sameWidth', { waitUntilFirstUpdate: true })\n  @watch('shift', { waitUntilFirstUpdate: true })\n  protected floatingPropChange() {\n    this._updateState();\n  }\n\n  public override async connectedCallback() {\n    super.connectedCallback();\n\n    await this.updateComplete;\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  public override disconnectedCallback() {\n    this.hide();\n    super.disconnectedCallback();\n  }\n\n  protected show() {\n    if (!this.target) return;\n    this._showPopover();\n\n    this.dispose = autoUpdate(\n      this.target,\n      this._container,\n      this._updatePosition.bind(this)\n    );\n  }\n\n  protected async hide(): Promise<void> {\n    this._hidePopover();\n\n    return new Promise((resolve) => {\n      this.dispose?.();\n      this.dispose = undefined;\n      resolve();\n    });\n  }\n\n  private _showPopover() {\n    this._container?.showPopover();\n  }\n\n  private _hidePopover() {\n    this._container?.hidePopover();\n  }\n\n  private _createMiddleware(): Middleware[] {\n    const middleware: Middleware[] = [];\n    const styles = this._container.style;\n\n    if (this.offset) {\n      middleware.push(offset(this.offset));\n    }\n\n    if (this.shift) {\n      middleware.push(\n        shift({\n          limiter: limitShift(),\n        })\n      );\n    }\n\n    if (this.flip) {\n      middleware.push(flip());\n    }\n\n    if (this.sameWidth) {\n      middleware.push(\n        size({\n          apply: ({ rects }) => {\n            Object.assign(styles, { width: `${rects.reference.width}px` });\n          },\n        })\n      );\n    } else {\n      Object.assign(styles, { width: '' });\n    }\n\n    return middleware;\n  }\n\n  private async _updateState() {\n    if (this.open) {\n      await this.hide();\n      this.show();\n    }\n  }\n\n  private async _updatePosition() {\n    if (!this.open || !this.target) {\n      return;\n    }\n\n    const { x, y } = await computePosition(this.target, this._container, {\n      placement: this.placement ?? 'bottom-start',\n      middleware: this._createMiddleware(),\n      strategy: 'fixed',\n    });\n\n    Object.assign(this._container.style, {\n      left: 0,\n      top: 0,\n      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,\n    });\n  }\n\n  private _anchorSlotChange() {\n    if (this.anchor || this._anchors.length < 1) return;\n\n    this.target = this._anchors[0];\n    this._updateState();\n  }\n\n  protected override render() {\n    return html`\n      <slot name=\"anchor\" @slotchange=${this._anchorSlotChange}></slot>\n      <div id=\"container\" popover=\"manual\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-popover': IgcPopoverComponent;\n  }\n}\n"]}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  type Middleware,\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  size,\n} from '@floating-ui/dom';\nimport { LitElement, html } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { getElementByIdFromRoot } from '../common/util.js';\nimport { styles } from './themes/light/popover.base.css.js';\n\nfunction roundByDPR(value: number) {\n  const dpr = globalThis.devicePixelRatio || 1;\n  return Math.round(value * dpr) / dpr;\n}\n\n/**\n * Describes the preferred placement of a toggle component.\n */\nexport type IgcPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\n/* blazorSuppress */\n/**\n * @element igc-popover\n *\n * @slot - Content of the popover.\n * @slot anchor - The element the popover will be anchored to.\n *\n * @csspart container - The container wrapping the slotted content in the popover.\n */\nexport default class IgcPopoverComponent extends LitElement {\n  public static readonly tagName = 'igc-popover';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcPopoverComponent);\n  }\n\n  private dispose?: ReturnType<typeof autoUpdate>;\n  private target?: Element;\n\n  @query('#container', true)\n  private _container!: HTMLElement;\n\n  @queryAssignedElements({ slot: 'anchor', flatten: true })\n  private _anchors!: HTMLElement[];\n\n  /**\n   * Pass an IDREF or an DOM element reference to use as the\n   * anchor target for the floating element.\n   */\n  @property()\n  public anchor?: Element | string;\n\n  /**\n   * When enabled this changes the placement of the floating element in order to keep it\n   * in view along the main axis.\n   */\n  @property({ type: Boolean, reflect: true })\n  public flip = false;\n\n  /**\n   * Placement modifier which translates the floating element along the main axis.\n   */\n  @property({ type: Number })\n  public offset = 0;\n\n  /**\n   * The visibility state of the popover component.\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Where to place the floating element relative to the parent anchor element.\n   */\n  @property()\n  public placement: IgcPlacement = 'bottom-start';\n\n  /**\n   * When enabled the floating element will match the width of its parent anchor element.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'same-width' })\n  public sameWidth = false;\n\n  /**\n   * When enabled this tries to shift the floating element along the main axis\n   * keeping it in view, preventing overflow while maintaining the desired placement.\n   */\n  @property({ type: Boolean, reflect: true })\n  public shift = false;\n\n  @watch('anchor')\n  protected async anchorChange() {\n    const newTarget =\n      typeof this.anchor === 'string'\n        ? getElementByIdFromRoot(this, this.anchor)\n        : this.anchor;\n\n    if (newTarget) {\n      this.target = newTarget;\n      this._updateState();\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  protected openChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  @watch('flip', { waitUntilFirstUpdate: true })\n  @watch('offset', { waitUntilFirstUpdate: true })\n  @watch('placement', { waitUntilFirstUpdate: true })\n  @watch('sameWidth', { waitUntilFirstUpdate: true })\n  @watch('shift', { waitUntilFirstUpdate: true })\n  protected floatingPropChange() {\n    this._updateState();\n  }\n\n  public override async connectedCallback() {\n    super.connectedCallback();\n\n    await this.updateComplete;\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  public override disconnectedCallback() {\n    this.hide();\n    super.disconnectedCallback();\n  }\n\n  protected show() {\n    if (!this.target) return;\n    this._showPopover();\n\n    this.dispose = autoUpdate(\n      this.target,\n      this._container,\n      this._updatePosition.bind(this)\n    );\n  }\n\n  protected async hide(): Promise<void> {\n    this._hidePopover();\n\n    return new Promise((resolve) => {\n      this.dispose?.();\n      this.dispose = undefined;\n      resolve();\n    });\n  }\n\n  private _showPopover() {\n    this._container?.showPopover();\n  }\n\n  private _hidePopover() {\n    this._container?.hidePopover();\n  }\n\n  private _createMiddleware(): Middleware[] {\n    const middleware: Middleware[] = [];\n    const styles = this._container.style;\n\n    if (this.offset) {\n      middleware.push(offset(this.offset));\n    }\n\n    if (this.shift) {\n      middleware.push(\n        shift({\n          limiter: limitShift(),\n        })\n      );\n    }\n\n    if (this.flip) {\n      middleware.push(flip());\n    }\n\n    if (this.sameWidth) {\n      middleware.push(\n        size({\n          apply: ({ rects }) => {\n            Object.assign(styles, { width: `${rects.reference.width}px` });\n          },\n        })\n      );\n    } else {\n      Object.assign(styles, { width: '' });\n    }\n\n    return middleware;\n  }\n\n  private async _updateState() {\n    if (this.open) {\n      await this.hide();\n      this.show();\n    }\n  }\n\n  private async _updatePosition() {\n    if (!this.open || !this.target) {\n      return;\n    }\n\n    const { x, y } = await computePosition(this.target, this._container, {\n      placement: this.placement ?? 'bottom-start',\n      middleware: this._createMiddleware(),\n      strategy: 'fixed',\n    });\n\n    Object.assign(this._container.style, {\n      left: 0,\n      top: 0,\n      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,\n    });\n  }\n\n  private _anchorSlotChange() {\n    if (this.anchor || this._anchors.length < 1) return;\n\n    this.target = this._anchors[0];\n    this._updateState();\n  }\n\n  protected override render() {\n    return html`\n      <slot name=\"anchor\" @slotchange=${this._anchorSlotChange}></slot>\n      <div id=\"container\" part=\"container\" popover=\"manual\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-popover': IgcPopoverComponent;\n  }\n}\n"]}

package/components/progress/base.d.ts

@@ -47,8 +47,8 @@ export declare abstract class IgcProgressBaseComponent extends LitElement {
     protected indeterminateChange(): void;
     protected maxChange(): void;
     protected valueChange(previous: number): void;
-    protected slotChanged(): void;
     constructor();
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected updated(): void;
     private _updateARIA;
     private _setProgress;

package/components/progress/base.js

@@ -35,9 +35,6 @@ export class IgcProgressBaseComponent extends LitElement {
             this.animateLabelTo(previous, this.value);
         }
     }
-    slotChanged() {
-        this.requestUpdate();
-    }
     constructor() {
         super();
         this.percentage = 0;
@@ -52,6 +49,11 @@ export class IgcProgressBaseComponent extends LitElement {
         this.__internals.role = 'progressbar';
         this.__internals.ariaValueMin = '0';
     }
+    createRenderRoot() {
+        const root = super.createRenderRoot();
+        root.addEventListener('slotchange', () => this.requestUpdate());
+        return root;
+    }
     updated() {
         this._updateARIA();
     }
@@ -106,7 +108,7 @@ export class IgcProgressBaseComponent extends LitElement {
     renderDefaultSlot() {
         const hasNoLabel = this.indeterminate || this.hideLabel || this.assignedElements.length;
         return html `
-      <slot part="label" @slotchange=${this.slotChanged}></slot>
+      <slot part="label"></slot>
       ${hasNoLabel
             ? nothing
             : html `<span part="label value">${this.renderLabelText()}</span>`}