igniteui-webcomponents 5.0.2 → 5.1.1

package/components/list/themes/dark/header/list-header.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-400), 0.3));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;
+export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;
 //# sourceMappingURL=list-header.indigo.css.js.map

package/components/list/themes/dark/header/list-header.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/header/list-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilFAAilF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-400), 0.3));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;\n"]}
+{"version":3,"file":"list-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/header/list-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilFAAilF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;\n"]}

package/components/list/themes/dark/header/list-header.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
+export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
 //# sourceMappingURL=list-header.material.css.js.map

package/components/list/themes/dark/header/list-header.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-header.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/header/list-header.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mhEAAmhE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
+{"version":3,"file":"list-header.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/header/list-header.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,29DAA29D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}

package/components/list/themes/dark/item/list-item.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
+export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-gray-50) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-gray-50) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
 //# sourceMappingURL=list-item.bootstrap.css.js.map

package/components/list/themes/dark/item/list-item.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ujEAAujE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
+{"version":3,"file":"list-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+/DAA+/D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-gray-50) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-gray-50) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}

package/components/list/themes/dark/item/list-item.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
+export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
 //# sourceMappingURL=list-item.fluent.css.js.map

package/components/list/themes/dark/item/list-item.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mhEAAmhE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
+{"version":3,"file":"list-item.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,29DAA29D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}

package/components/list/themes/dark/item/list-item.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-400), 0.3));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;
+export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;
 //# sourceMappingURL=list-item.indigo.css.js.map

package/components/list/themes/dark/item/list-item.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilFAAilF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-400), 0.3));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;\n"]}
+{"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilFAAilF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-400) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--item-text-color-hover: var(--ig-list-item-text-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-text-color-active: var(--ig-list-item-text-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-action-color-hover: var(--ig-list-item-action-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-action-color-active: var(--ig-list-item-action-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color: var(--ig-list-item-subtitle-color, color-mix(in oklch, var(--ig-gray-50-contrast) 70%, transparent));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem);--default-size: var(--ig-list-default-size, 2)}`;\n"]}

package/components/list/themes/dark/item/list-item.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
+export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
 //# sourceMappingURL=list-item.material.css.js.map

package/components/list/themes/dark/item/list-item.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mhEAAmhE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
+{"version":3,"file":"list-item.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/item/list-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,29DAA29D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}

package/components/list/themes/light/container/list.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=list.bootstrap.css.js.map

package/components/list/themes/light/container/list.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ozBAAozB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"list.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4xBAA4xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}

package/components/list/themes/light/container/list.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-300), 0.3));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-300), 0.3));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-action-color: var(--ig-list-item-action-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
+export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
 //# sourceMappingURL=list.indigo.css.js.map

package/components/list/themes/light/container/list.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,szDAAszD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-300), 0.3));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-300), 0.3));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-action-color: var(--ig-list-item-action-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}
+{"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vDAA0vD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}

package/components/list/themes/light/container/list.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
+export const styles = css `:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-gray-200) h s l/1));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-gray-200) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;
 //# sourceMappingURL=list.shared.css.js.map

package/components/list/themes/light/container/list.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yuEAAyuE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-background: var(--ig-list-header-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-background: var(--ig-list-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
+{"version":3,"file":"list.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qqEAAqqE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, hsl(from var(--ig-surface-500) h s l/1));--header-background: var(--ig-list-header-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-background: var(--ig-list-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-gray-200) h s l/1));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-gray-200) h s l/1));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-title-color: var(--ig-list-item-title-color, 'currentColor');--item-title-color-hover: var(--ig-list-item-title-color-hover, 'currentColor');--item-title-color-active: var(--ig-list-item-title-color-active, 'currentColor');--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, 'currentColor');--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, 'currentColor');--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, 'currentColor');--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--border-color: var(--ig-list-border-color, transparent);--border-width: var(--ig-list-border-width, 0);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}

package/components/list/themes/light/header/list-header.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=list-header.bootstrap.css.js.map

package/components/list/themes/light/header/list-header.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-header.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/header/list-header.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ozBAAozB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"list-header.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/header/list-header.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4xBAA4xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}

package/components/list/themes/light/header/list-header.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-300), 0.3));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-300), 0.3));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-action-color: var(--ig-list-item-action-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
+export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
 //# sourceMappingURL=list-header.indigo.css.js.map

package/components/list/themes/light/header/list-header.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/header/list-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,szDAAszD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-300), 0.3));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-300), 0.3));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-action-color: var(--ig-list-item-action-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}
+{"version":3,"file":"list-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/header/list-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vDAA0vD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}

package/components/list/themes/light/item/list-item.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=list-item.bootstrap.css.js.map

package/components/list/themes/light/item/list-item.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/item/list-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ozBAAozB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"list-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/item/list-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4xBAA4xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-background: var(--ig-list-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-background: var(--ig-list-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--border-color: var(--ig-list-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}

package/components/list/themes/light/item/list-item.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-300), 0.3));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-300), 0.3));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-action-color: var(--ig-list-item-action-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
+export const styles = css `:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;
 //# sourceMappingURL=list-item.indigo.css.js.map

package/components/list/themes/light/item/list-item.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,szDAAszD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-300), 0.3));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-300), 0.3));--item-text-color: var(--ig-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-text-color-active: var(--ig-list-item-text-color-active, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-action-color: var(--ig-list-item-action-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}
+{"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vDAA0vD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, transparent);--header-background: var(--ig-list-header-background, transparent);--header-text-color: var(--ig-list-header-text-color, hsl(from var(--ig-gray-600) h s l/1));--item-background: var(--ig-list-item-background, transparent);--item-background-hover: var(--ig-list-item-background-hover, hsl(from var(--ig-primary-300) h s l/0.3));--item-background-active: var(--ig-list-item-background-active, hsl(from var(--ig-primary-300) h s l/0.3));--item-text-color: var(--ig-list-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-text-color-hover: var(--ig-list-item-text-color-hover, hsl(from var(--ig-gray-900) h s l/1));--item-text-color-active: var(--ig-list-item-text-color-active, hsl(from var(--ig-gray-900) h s l/1));--item-action-color: var(--ig-list-item-action-color, hsl(from var(--ig-gray-600) h s l/1));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-action-color-active: var(--ig-list-item-action-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsl(from var(--ig-gray-600) h s l/1));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, hsl(from var(--ig-gray-600) h s l/1));--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, hsl(from var(--ig-gray-700) h s l/1));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsl(from var(--ig-gray-700) h s l/1));--item-border-radius: var(--ig-list-item-border-radius, 0.25rem)}`;\n"]}

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

@@ -8,6 +8,10 @@ import { IgcMaskInputBaseComponent, type MaskRange } from './mask-input-base.js'
  * @slot prefix - Renders content before the input
  * @slot suffix - Renders content after the input
  * @slot helper-text - Renders content below the input
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot bad-input - Renders content when a required mask pattern validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
  *
  * @fires igcInput - Emitted when the control receives user input
  * @fires igcChange - Emitted when an alteration of the control's value is committed by the user

package/components/mask-input/mask-input.js

@@ -4,13 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html } from 'lit';
+import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { partNameMap } from '../common/util.js';
+import { isEmpty, partNameMap } from '../common/util.js';
+import IgcValidationContainerComponent from '../validation-container/validation-container.js';
 import { IgcMaskInputBaseComponent, } from './mask-input-base.js';
 import { maskValidators } from './validators.js';
 class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
@@ -20,7 +21,7 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
         this.valueMode = 'raw';
     }
     static register() {
-        registerComponent(IgcMaskInputComponent);
+        registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);
     }
     get __validators() {
         return maskValidators;
@@ -129,6 +130,7 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
         @compositionstart=${this.handleCompositionStart}
         @compositionend=${this.handleCompositionEnd}
         @input=${this.handleInput}
+        aria-describedby=${ifDefined(isEmpty(this._helperText) ? nothing : 'helper-text')}
         aria-invalid=${this.invalid ? 'true' : 'false'}
         @keydown=${this.handleKeydown}
       />

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

@@ -1 +1 @@
-{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,yBAAyB,GAE1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAsBjD,MAAqB,qBAAsB,SAAQ,yBAAyB;IAA5E;;QAYY,WAAM,GAAG,EAAE,CAAC;QAUf,cAAS,GAA6B,KAAK,CAAC;IA6JrD,CAAC;IA/KQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;IAED,IAAuB,YAAY;QACjC,OAAO,cAAc,CAAC;IACxB,CAAC;IAoBD,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;IACnE,CAAC;IAID,IAAW,KAAK,CAAC,MAAc;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAClD,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAOD,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAGD,IAAW,IAAI,CAAC,KAAa;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;QACzB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAEkB,gBAAgB,CACjC,CAAgB,EAChB,OAAsB;QAEtB,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;IAC/B,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,SAAS,KAAK,KAAK;YACtB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC;YACxC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAGS,YAAY;QACpB,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QACjC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAES,KAAK,CAAC,WAAW,CAAC,MAAc,EAAE,KAAgB;QAC1D,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CACxC,IAAI,CAAC,WAAW,EAChB,MAAM,EACN,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,GAAG,CACV,CAAC;QAEF,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACrC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACrD,CAAC;QACD,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACzC,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YAClC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;QACpC,CAAC;IACH,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAES,KAAK,CAAC,WAAW;QACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QAEpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YAEjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;YAElC,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IACvC,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC;IAES,iBAAiB;QACzB,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACxC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEkB,wBAAwB;QACzC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACnD,CAAC;IAEkB,WAAW;QAC5B,OAAO,IAAI,CAAA;;;eAGA,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;eAC3C,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;uBAChB,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;oBACpD,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;qBACZ,IAAI,CAAC,eAAe;qBACpB,IAAI,CAAC,eAAe;qBACpB,IAAI,CAAC,eAAe;gBACzB,IAAI,CAAC,UAAU;iBACd,IAAI,CAAC,WAAW;eAClB,IAAI,CAAC,SAAS;kBACX,IAAI,CAAC,YAAY;iBAClB,IAAI,CAAC,WAAW;4BACL,IAAI,CAAC,sBAAsB;0BAC7B,IAAI,CAAC,oBAAoB;iBAClC,IAAI,CAAC,WAAW;uBACV,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;mBACnC,IAAI,CAAC,aAAa;;KAEhC,CAAC;IACJ,CAAC;;AAjLsB,6BAAO,GAAG,gBAAgB,AAAnB,CAAoB;eAD/B,qBAAqB;AAsBjC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;wDACa;AAcnD;IADC,QAAQ,EAAE;kDAMV;AAOD;IADC,QAAQ,EAAE;iDAGV;AA0BS;IADT,KAAK,CAAC,QAAQ,CAAC;yDAMf","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n  public static readonly tagName = 'igc-mask-input';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcMaskInputComponent);\n  }\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected _value = '';\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw` will return the clean user input.\n   * - `withFormatting` will return the value with all literals and prompts.\n   * @attr value-mode\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: 'raw' | 'withFormatting' = 'raw';\n\n  /**\n   * The value of the input.\n   *\n   * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n   * @attr\n   */\n  public get value(): string {\n    return this.valueMode !== 'raw' ? this.maskedValue : this._value;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  @property()\n  public set value(string: string) {\n    this._value = string ?? '';\n    this.maskedValue = this.parser.apply(this._value);\n    this.updateMaskedValue();\n    this.updateFormValue();\n  }\n\n  /**\n   * The mask pattern to apply on the input.\n   * @attr\n   */\n  @property()\n  public get mask(): string {\n    return this._mask;\n  }\n\n  /** The mask pattern to apply on the input. */\n  public set mask(value: string) {\n    this._mask = value;\n    this.parser.mask = value;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._value);\n    }\n  }\n\n  protected override _setDefaultValue(\n    _: string | null,\n    current: string | null\n  ): void {\n    this._defaultValue = current;\n  }\n\n  protected updateFormValue() {\n    this.valueMode === 'raw'\n      ? this._setFormValue(this.value || null)\n      : this._setFormValue(this.maskedValue || null);\n    this._validate();\n  }\n\n  @watch('prompt')\n  protected promptChange() {\n    this.parser.prompt = this.prompt;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._value);\n    }\n  }\n\n  protected async updateInput(string: string, range: MaskRange) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      string,\n      range.start,\n      range.end\n    );\n\n    this.maskedValue = value;\n    this._value = this.parser.parse(value);\n\n    this.updateFormValue();\n    this.requestUpdate();\n\n    if (range.start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n    await this.updateComplete;\n\n    this.input.setSelectionRange(end, end);\n  }\n\n  protected handleDragEnter() {\n    if (!this.focused && !this._value) {\n      this.maskedValue = this.emptyMask;\n    }\n  }\n\n  protected handleDragLeave() {\n    if (!this.focused) {\n      this.updateMaskedValue();\n    }\n  }\n\n  protected async handleFocus() {\n    this.focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    if (!this._value) {\n      // In case of empty value, select the whole mask\n      this.maskedValue = this.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected handleBlur() {\n    this.focused = false;\n    this.updateMaskedValue();\n    this.invalid = !this.checkValidity();\n  }\n\n  protected handleChange() {\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected updateMaskedValue() {\n    if (this.maskedValue === this.emptyMask) {\n      this.maskedValue = '';\n    }\n  }\n\n  protected override _updateSetRangeTextValue() {\n    this.value = this.parser.parse(this.maskedValue);\n  }\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partNameMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @cut=${this.handleCut}\n        @change=${this.handleChange}\n        @click=${this.handleClick}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @input=${this.handleInput}\n        aria-invalid=${this.invalid ? 'true' : 'false'}\n        @keydown=${this.handleKeydown}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { isEmpty, partNameMap } from '../common/util.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n  public static readonly tagName = 'igc-mask-input';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected _value = '';\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw` will return the clean user input.\n   * - `withFormatting` will return the value with all literals and prompts.\n   * @attr value-mode\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: 'raw' | 'withFormatting' = 'raw';\n\n  /**\n   * The value of the input.\n   *\n   * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n   * @attr\n   */\n  public get value(): string {\n    return this.valueMode !== 'raw' ? this.maskedValue : this._value;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  @property()\n  public set value(string: string) {\n    this._value = string ?? '';\n    this.maskedValue = this.parser.apply(this._value);\n    this.updateMaskedValue();\n    this.updateFormValue();\n  }\n\n  /**\n   * The mask pattern to apply on the input.\n   * @attr\n   */\n  @property()\n  public get mask(): string {\n    return this._mask;\n  }\n\n  /** The mask pattern to apply on the input. */\n  public set mask(value: string) {\n    this._mask = value;\n    this.parser.mask = value;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._value);\n    }\n  }\n\n  protected override _setDefaultValue(\n    _: string | null,\n    current: string | null\n  ): void {\n    this._defaultValue = current;\n  }\n\n  protected updateFormValue() {\n    this.valueMode === 'raw'\n      ? this._setFormValue(this.value || null)\n      : this._setFormValue(this.maskedValue || null);\n    this._validate();\n  }\n\n  @watch('prompt')\n  protected promptChange() {\n    this.parser.prompt = this.prompt;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._value);\n    }\n  }\n\n  protected async updateInput(string: string, range: MaskRange) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      string,\n      range.start,\n      range.end\n    );\n\n    this.maskedValue = value;\n    this._value = this.parser.parse(value);\n\n    this.updateFormValue();\n    this.requestUpdate();\n\n    if (range.start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n    await this.updateComplete;\n\n    this.input.setSelectionRange(end, end);\n  }\n\n  protected handleDragEnter() {\n    if (!this.focused && !this._value) {\n      this.maskedValue = this.emptyMask;\n    }\n  }\n\n  protected handleDragLeave() {\n    if (!this.focused) {\n      this.updateMaskedValue();\n    }\n  }\n\n  protected async handleFocus() {\n    this.focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    if (!this._value) {\n      // In case of empty value, select the whole mask\n      this.maskedValue = this.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected handleBlur() {\n    this.focused = false;\n    this.updateMaskedValue();\n    this.invalid = !this.checkValidity();\n  }\n\n  protected handleChange() {\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected updateMaskedValue() {\n    if (this.maskedValue === this.emptyMask) {\n      this.maskedValue = '';\n    }\n  }\n\n  protected override _updateSetRangeTextValue() {\n    this.value = this.parser.parse(this.maskedValue);\n  }\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partNameMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @cut=${this.handleCut}\n        @change=${this.handleChange}\n        @click=${this.handleClick}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @input=${this.handleInput}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        aria-invalid=${this.invalid ? 'true' : 'false'}\n        @keydown=${this.handleKeydown}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}

package/components/nav-drawer/nav-drawer-item.d.ts

@@ -28,7 +28,7 @@ export default class IgcNavDrawerItemComponent extends LitElement {
     private _textLength;
     private _text;
     protected navdrawerIcon: Array<Node>;
-    protected createRenderRoot(): DocumentFragment | HTMLElement;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/nav-drawer/nav-drawer.d.ts

@@ -27,7 +27,7 @@ export default class IgcNavDrawerComponent extends LitElement {
      * @attr
      */
     open: boolean;
-    protected createRenderRoot(): DocumentFragment | HTMLElement;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     private _waitTransitions;
     /** Opens the drawer. */
     show(): Promise<boolean>;

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

@@ -9,7 +9,7 @@ import { LitElement, html } from 'lit';
 import { property, queryAssignedElements } from 'lit/decorators.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { partNameMap } from '../common/util.js';
+import { isEmpty, partNameMap } from '../common/util.js';
 import IgcNavDrawerHeaderItemComponent from './nav-drawer-header-item.js';
 import IgcNavDrawerItemComponent from './nav-drawer-item.js';
 import { styles } from './themes/container.base.css.js';
@@ -58,7 +58,7 @@ let IgcNavDrawerComponent = IgcNavDrawerComponent_1 = class IgcNavDrawerComponen
     render() {
         const parts = partNameMap({
             mini: true,
-            hidden: this._miniSlotElements.length < 1,
+            hidden: isEmpty(this._miniSlotElements),
         });
         return html `
       <div part="overlay" @click=${this.hide}></div>