igniteui-webcomponents 4.6.0 → 4.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iiDAAiiD,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-200), var(--ig-primary-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-primary-400), 0.12));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-100), 0.5));--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-100), 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, rgba(0, 0, 0, 0.4))}`;\n"]}
+{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,87CAA87C,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-200), var(--ig-primary-a)));--item-active-background: var(--ig-nav-drawer-item-active-background, hsla(var(--ig-primary-400), 0.12));--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-100), 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, rgba(0, 0, 0, 0.4))}`;\n"]}

package/components/nav-drawer/themes/dark/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-500), 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-100), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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-400), 0.5));--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-50), 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-50), 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, 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{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, hsla(var(--ig-gray-500), 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-100), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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-400), 0.5));--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-50), 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-50), 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, 1) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=nav-drawer.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i+CAAi+C,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-500), 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-100), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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-400), 0.5));--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-50), 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-50), 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, 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/dark/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u4CAAu4C,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-500), 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-100), var(--ig-gray-a)));--item-icon-color: var(--ig-nav-drawer-item-icon-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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-400), 0.5));--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-50), 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-50), 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, 1) * 1.5rem), 1.5rem))}`;\n"]}

package/components/nav-drawer/themes/dark/container/nav-drawer.material.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-100), 0.5));--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-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-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))}`;
 //# sourceMappingURL=nav-drawer.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.material.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-100), 0.5));--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.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g3CAAg3C,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-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))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-100), 0.5));--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/dark/container/nav-drawer.shared.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-drawer.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/dark/container/nav-drawer.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qMAAqM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsla(var(--ig-gray-100), 0.5));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;\n"]}

package/components/nav-drawer/themes/header-item.js

@@ -1,32 +1,13 @@
 import { css } from 'lit';
 import { styles as bootstrap } from './shared/header-item/header-item.bootstrap.css.js';
-import { styles as shared } from './shared/header-item/header-item.common.css.js';
 const light = {
     bootstrap: css `
-    ${shared} ${bootstrap}
-  `,
-    material: css `
-    ${shared}
-  `,
-    fluent: css `
-    ${shared}
-  `,
-    indigo: css `
-    ${shared}
+    ${bootstrap}
   `,
 };
 const dark = {
     bootstrap: css `
-    ${shared} ${bootstrap}
-  `,
-    material: css `
-    ${shared}
-  `,
-    fluent: css `
-    ${shared}
-  `,
-    indigo: css `
-    ${shared}
+    ${bootstrap}
   `,
 };
 export const all = { light, dark };

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

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

package/components/nav-drawer/themes/item.js

@@ -1,33 +1,20 @@
 import { css } from 'lit';
-import { styles as shared } from './shared/item/item.common.css.js';
 import { styles as fluent } from './shared/item/item.fluent.css.js';
 import { styles as indigo } from './shared/item/item.indigo.css.js';
 const light = {
-    bootstrap: css `
-    ${shared}
-  `,
-    material: css `
-    ${shared}
-  `,
     fluent: css `
-    ${shared} ${fluent}
+    ${fluent}
   `,
     indigo: css `
-    ${shared} ${indigo}
+    ${indigo}
   `,
 };
 const dark = {
-    bootstrap: css `
-    ${shared}
-  `,
-    material: css `
-    ${shared}
-  `,
     fluent: css `
-    ${shared} ${fluent}
+    ${fluent}
   `,
     indigo: css `
-    ${shared} ${indigo}
+    ${indigo}
   `,
 };
 export const all = { light, dark };

package/components/nav-drawer/themes/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAGpE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM;GACnB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM;GACnB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM;GACnB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM;GACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport { styles as shared } from './shared/item/item.common.css.js';\nimport { styles as fluent } from './shared/item/item.fluent.css.js';\nimport { styles as indigo } from './shared/item/item.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${shared}\n  `,\n  material: css`\n    ${shared}\n  `,\n  fluent: css`\n    ${shared} ${fluent}\n  `,\n  indigo: css`\n    ${shared} ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${shared}\n  `,\n  material: css`\n    ${shared}\n  `,\n  fluent: css`\n    ${shared} ${fluent}\n  `,\n  indigo: css`\n    ${shared} ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/nav-drawer/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAGpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport { styles as fluent } from './shared/item/item.fluent.css.js';\nimport { styles as indigo } from './shared/item/item.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.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{--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--background-color: var(--ig-nav-drawer-background-color, hsla(var(--ig-gray-500), 0.54))}`;
 //# sourceMappingURL=nav-drawer.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.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.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gMAAgM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-nav-drawer-border-color, hsla(var(--ig-gray-300), 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.fluent.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, rgba(255, 255, 255, 0.4))}`;
+export const styles = css `:host{--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,uiDAAuiD,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, 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,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"]}

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)));--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, 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{--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))}`;
 //# 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,y8CAAy8C,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)));--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, 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,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"]}

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{--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{--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,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.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"]}

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

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

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

@@ -0,0 +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))}`;
+//# sourceMappingURL=nav-drawer.shared.css.js.map

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

@@ -0,0 +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"]}

package/components/navbar/navbar.d.ts

@@ -16,7 +16,7 @@ import { LitElement } from 'lit';
  */
 export default class IgcNavbarComponent extends LitElement {
     static readonly tagName = "igc-navbar";
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     static register(): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }

package/components/navbar/navbar.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement, html } from 'lit';
 import { styles } from './themes/navbar.base.css.js';
+import { styles as shared } from './themes/shared/navbar.common.css.js';
 import { all } from './themes/themes.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { registerComponent } from '../common/definitions/register.js';
@@ -30,7 +31,7 @@ let IgcNavbarComponent = class IgcNavbarComponent extends LitElement {
     }
 };
 IgcNavbarComponent.tagName = 'igc-navbar';
-IgcNavbarComponent.styles = styles;
+IgcNavbarComponent.styles = [styles, shared];
 IgcNavbarComponent = __decorate([
     themes(all)
 ], IgcNavbarComponent);

package/components/navbar/navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAkBvD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAIjD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC;;AArBsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AACvB,yBAAM,GAAG,MAAM,AAAT,CAAU;AAFpB,kBAAkB;IADtC,MAAM,CAAC,GAAG,CAAC;GACS,kBAAkB,CAuBtC;eAvBoB,kBAAkB","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { styles } from './themes/navbar.base.css.js';\nimport { all } from './themes/themes.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\n@themes(all)\nexport default class IgcNavbarComponent extends LitElement {\n  public static readonly tagName = 'igc-navbar';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        <span part=\"start\">\n          <slot name=\"start\"></slot>\n        </span>\n        <span part=\"middle\">\n          <slot></slot>\n        </span>\n        <span part=\"end\">\n          <slot name=\"end\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-navbar': IgcNavbarComponent;\n  }\n}\n"]}
+{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAkBvD,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAKjD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC;;AAtBsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AACvB,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAF9B,kBAAkB;IADtC,MAAM,CAAC,GAAG,CAAC;GACS,kBAAkB,CAwBtC;eAxBoB,kBAAkB","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { styles } from './themes/navbar.base.css.js';\nimport { styles as shared } from './themes/shared/navbar.common.css.js';\nimport { all } from './themes/themes.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\n@themes(all)\nexport default class IgcNavbarComponent extends LitElement {\n  public static readonly tagName = 'igc-navbar';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(this);\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        <span part=\"start\">\n          <slot name=\"start\"></slot>\n        </span>\n        <span part=\"middle\">\n          <slot></slot>\n        </span>\n        <span part=\"end\">\n          <slot name=\"end\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-navbar': IgcNavbarComponent;\n  }\n}\n"]}

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

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

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

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

package/components/navbar/themes/dark/navbar.fluent.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-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)));--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)))}`;
 //# 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,ucAAuc,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-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,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"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uZAAuZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast))}`;\n"]}
+{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.indigo.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{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0))}`;\n"]}

package/components/navbar/themes/dark/navbar.material.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)));--text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast))}`;
+export const styles = css ``;
 //# sourceMappingURL=navbar.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uZAAuZ,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)));--text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast))}`;\n"]}
+{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

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

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

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

package/components/navbar/themes/light/navbar.fluent.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-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)));--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)))}`;
 //# 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,ucAAuc,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-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,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"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uZAAuZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));--background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast))}`;\n"]}
+{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.indigo.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{--elevation: var(--ig-navbar-elevation, var(--ig-elevation-0))}`;\n"]}

package/components/navbar/themes/light/navbar.material.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)));--text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast))}`;
+export const styles = css ``;
 //# sourceMappingURL=navbar.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uZAAuZ,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)));--text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));--idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));--hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast))}`;\n"]}
+{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

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

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

@@ -0,0 +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))}`;
+//# sourceMappingURL=navbar.shared.css.js.map

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

@@ -0,0 +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"]}

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}[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;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}`;
 //# 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,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"]}
+{"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"]}

package/components/navbar/themes/themes.js

@@ -7,36 +7,42 @@ import { styles as bootstrapLight } from './light/navbar.bootstrap.css.js';
 import { styles as fluentLight } from './light/navbar.fluent.css.js';
 import { styles as indigoLight } from './light/navbar.indigo.css.js';
 import { styles as materialLight } from './light/navbar.material.css.js';
+import { styles as shared } from './light/navbar.shared.css.js';
 import { styles as bootstrap } from './shared/navbar.bootstrap.css.js';
-import { styles as shared } from './shared/navbar.common.css.js';
 import { styles as fluent } from './shared/navbar.fluent.css.js';
 import { styles as indigo } from './shared/navbar.indigo.css.js';
 const light = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
-    ${shared} ${bootstrap} ${bootstrapLight}
+    ${bootstrap} ${bootstrapLight}
   `,
     material: css `
-    ${shared} ${materialLight}
+    ${materialLight}
   `,
     fluent: css `
-    ${shared} ${fluent} ${fluentLight}
+    ${fluent} ${fluentLight}
   `,
     indigo: css `
-    ${shared} ${indigo} ${indigoLight}
+    ${indigo} ${indigoLight}
   `,
 };
 const dark = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
-    ${shared} ${bootstrap} ${bootstrapDark}
+    ${bootstrap} ${bootstrapDark}
   `,
     material: css `
-    ${shared} ${materialDark}
+    ${materialDark}
   `,
     fluent: css `
-    ${shared} ${fluent} ${fluentDark}
+    ${fluent} ${fluentDark}
   `,
     indigo: css `
-    ${shared} ${indigo} ${indigoDark}
+    ${indigo} ${indigoDark}
   `,
 };
 export const all = { light, dark };

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

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/navbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAGjE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,MAAM,IAAI,SAAS,IAAI,cAAc;GACxC;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM,IAAI,aAAa;GAC1B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,WAAW;GAClC;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,WAAW;GAClC;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,MAAM,IAAI,SAAS,IAAI,aAAa;GACvC;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM,IAAI,YAAY;GACzB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,UAAU;GACjC;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,UAAU;GACjC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/navbar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/navbar.fluent.css.js';\nimport { styles as indigoDark } from './dark/navbar.indigo.css.js';\nimport { styles as materialDark } from './dark/navbar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/navbar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/navbar.fluent.css.js';\nimport { styles as indigoLight } from './light/navbar.indigo.css.js';\nimport { styles as materialLight } from './light/navbar.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/navbar.bootstrap.css.js';\nimport { styles as shared } from './shared/navbar.common.css.js';\nimport { styles as fluent } from './shared/navbar.fluent.css.js';\nimport { styles as indigo } from './shared/navbar.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${shared} ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${shared} ${materialLight}\n  `,\n  fluent: css`\n    ${shared} ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${shared} ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${shared} ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${shared} ${materialDark}\n  `,\n  fluent: css`\n    ${shared} ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${shared} ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/navbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAGjE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/navbar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/navbar.fluent.css.js';\nimport { styles as indigoDark } from './dark/navbar.indigo.css.js';\nimport { styles as materialDark } from './dark/navbar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/navbar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/navbar.fluent.css.js';\nimport { styles as indigoLight } from './light/navbar.indigo.css.js';\nimport { styles as materialLight } from './light/navbar.material.css.js';\nimport { styles as shared } from './light/navbar.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/navbar.bootstrap.css.js';\nimport { styles as fluent } from './shared/navbar.fluent.css.js';\nimport { styles as indigo } from './shared/navbar.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/popover/popover.js

@@ -12,7 +12,7 @@ import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { getElementByIdFromRoot } from '../common/util.js';
 function roundByDPR(value) {
-    const dpr = window.devicePixelRatio || 1;
+    const dpr = globalThis.devicePixelRatio || 1;
     return Math.round(value * dpr) / dpr;
 }
 class IgcPopoverComponent extends LitElement {