igniteui-webcomponents 4.8.2 → 4.10.0

package/components/list/themes/dark/container/list.indigo.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, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--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-primary-500), 0.5));--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, 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, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--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.0833333333) * 1.5rem), 1.5rem));--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, 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)}`;
 //# sourceMappingURL=list.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6/EAA6/E,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, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--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-primary-500), 0.5));--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, 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, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--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.0833333333) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2)}`;\n"]}
+{"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/container/list.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"]}

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, 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, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--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-primary-500), 0.5));--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, 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, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--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.0833333333) * 1.5rem), 1.5rem));--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, 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)}`;
 //# 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,6/EAA6/E,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, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--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-primary-500), 0.5));--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, 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, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--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.0833333333) * 1.5rem), 1.5rem));--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, 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"]}

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, 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, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--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-primary-500), 0.5));--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, 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, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--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.0833333333) * 1.5rem), 1.5rem));--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, 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)}`;
 //# 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,6/EAA6/E,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, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--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-primary-500), 0.5));--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, 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, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-hover: var(--ig-list-item-action-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--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.0833333333) * 1.5rem), 1.5rem));--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, 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"]}

package/components/list/themes/header.d.ts

@@ -1,2 +1,2 @@
-import { Themes } from '../../../theming/types.js';
+import type { Themes } from '../../../theming/types.js';
 export declare const all: Themes;

package/components/list/themes/header.js

@@ -7,6 +7,7 @@ import { styles as bootstrapLight } from './light/header/list-header.bootstrap.c
 import { styles as fluentLight } from './light/header/list-header.fluent.css.js';
 import { styles as indigoLight } from './light/header/list-header.indigo.css.js';
 import { styles as materialLight } from './light/header/list-header.material.css.js';
+import { styles as indigo } from './shared/header/list-header.indigo.css.js';
 const light = {
     material: css `
     ${materialLight}
@@ -18,7 +19,7 @@ const light = {
     ${fluentLight}
   `,
     indigo: css `
-    ${indigoLight}
+    ${indigo} ${indigoLight}
   `,
 };
 const dark = {
@@ -32,7 +33,7 @@ const dark = {
     ${fluentDark}
   `,
     indigo: css `
-    ${indigoDark}
+    ${indigo} ${indigoDark}
   `,
 };
 export const all = { light, dark };

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/list/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAEnF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAIrF,MAAM,KAAK,GAAG;IACZ,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/header/list-header.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/header/list-header.fluent.css.js';\nimport { styles as indigoDark } from './dark/header/list-header.indigo.css.js';\nimport { styles as materialDark } from './dark/header/list-header.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/header/list-header.bootstrap.css.js';\nimport { styles as fluentLight } from './light/header/list-header.fluent.css.js';\nimport { styles as indigoLight } from './light/header/list-header.indigo.css.js';\nimport { styles as materialLight } from './light/header/list-header.material.css.js';\n// Shared Styles\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  material: css`\n    ${materialLight}\n  `,\n  bootstrap: css`\n    ${bootstrapLight}\n  `,\n  fluent: css`\n    ${fluentLight}\n  `,\n  indigo: css`\n    ${indigoLight}\n  `,\n};\n\nconst dark = {\n  material: css`\n    ${materialDark}\n  `,\n  bootstrap: css`\n    ${bootstrapDark}\n  `,\n  fluent: css`\n    ${fluentDark}\n  `,\n  indigo: css`\n    ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/list/themes/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAK1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAEnF,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAErF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAE7E,MAAM,KAAK,GAAG;IACZ,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Shared Styles\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/header/list-header.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/header/list-header.fluent.css.js';\nimport { styles as indigoDark } from './dark/header/list-header.indigo.css.js';\nimport { styles as materialDark } from './dark/header/list-header.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/header/list-header.bootstrap.css.js';\nimport { styles as fluentLight } from './light/header/list-header.fluent.css.js';\nimport { styles as indigoLight } from './light/header/list-header.indigo.css.js';\nimport { styles as materialLight } from './light/header/list-header.material.css.js';\n// Shared Styles\nimport { styles as indigo } from './shared/header/list-header.indigo.css.js';\n\nconst light = {\n  material: css`\n    ${materialLight}\n  `,\n  bootstrap: css`\n    ${bootstrapLight}\n  `,\n  fluent: css`\n    ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  material: css`\n    ${materialDark}\n  `,\n  bootstrap: css`\n    ${bootstrapDark}\n  `,\n  fluent: css`\n    ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/list/themes/item.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transition:background .15s ease-out;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[name=end]::slotted(*){-webkit-margin-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));margin-inline-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;
+export const styles = css `:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transition:background .15s ease-out;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;
 //# sourceMappingURL=item.base.css.js.map

package/components/list/themes/item.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,67GAA67G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transition:background .15s ease-out;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[name=end]::slotted(*){-webkit-margin-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));margin-inline-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;\n"]}
+{"version":3,"file":"item.base.css.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,upEAAupE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transition:background .15s ease-out;transition:background .15s ease-out;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host ::slotted(igc-avatar){--ig-size: 1}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part=title]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}`;\n"]}

package/components/list/themes/item.d.ts

@@ -1,2 +1,2 @@
-import { Themes } from '../../../theming/types.js';
+import type { Themes } from '../../../theming/types.js';
 export declare const all: Themes;

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEjF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAGzE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/item/list-item.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/item/list-item.fluent.css.js';\nimport { styles as indigoDark } from './dark/item/list-item.indigo.css.js';\nimport { styles as materialDark } from './dark/item/list-item.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/item/list-item.bootstrap.css.js';\nimport { styles as fluentLight } from './light/item/list-item.fluent.css.js';\nimport { styles as indigoLight } from './light/item/list-item.indigo.css.js';\nimport { styles as materialLight } from './light/item/list-item.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/item/list-item.bootstrap.css.js';\nimport { styles as fluent } from './shared/item/list-item.fluent.css.js';\nimport { styles as indigo } from './shared/item/list-item.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/list/themes/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAE/E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAEjF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAEzE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/item/list-item.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/item/list-item.fluent.css.js';\nimport { styles as indigoDark } from './dark/item/list-item.indigo.css.js';\nimport { styles as materialDark } from './dark/item/list-item.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/item/list-item.bootstrap.css.js';\nimport { styles as fluentLight } from './light/item/list-item.fluent.css.js';\nimport { styles as indigoLight } from './light/item/list-item.indigo.css.js';\nimport { styles as materialLight } from './light/item/list-item.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/item/list-item.bootstrap.css.js';\nimport { styles as fluent } from './shared/item/list-item.fluent.css.js';\nimport { styles as indigo } from './shared/item/list-item.indigo.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-50), var(--ig-primary-a)));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-50), var(--ig-primary-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-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-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;
+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)}`;
 //# 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,quDAAquD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-50), var(--ig-primary-a)));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-50), var(--ig-primary-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-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-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;\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,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"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-50), var(--ig-primary-a)));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-50), var(--ig-primary-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-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-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;
+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)}`;
 //# 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,quDAAquD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-50), var(--ig-primary-a)));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-50), var(--ig-primary-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-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-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;\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,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"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-50), var(--ig-primary-a)));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-50), var(--ig-primary-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-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-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;
+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)}`;
 //# 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,quDAAquD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-text-color: var(--ig-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-background-hover: var(--ig-list-item-background-hover, hsla(var(--ig-primary-50), var(--ig-primary-a)));--item-background-active: var(--ig-list-item-background-active, hsla(var(--ig-primary-50), var(--ig-primary-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-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-600), var(--ig-gray-a)));--item-action-color-active: var(--ig-list-item-action-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-subtitle-color: var(--ig-list-item-subtitle-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, hsla(var(--ig-gray-800), 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-600), var(--ig-gray-a)));--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;\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,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"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));background:var(--background);border:.0625rem solid var(--border-color);border-radius:var(--border-radius)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size)) !important;background:var(--background);border:.0625rem solid var(--border-color);border-radius:var(--border-radius)}`;
 //# sourceMappingURL=list.bootstrap.css.js.map

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

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

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size)) !important}`;
 //# sourceMappingURL=list.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/container/list.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8DAA8D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}`;\n"]}
+{"version":3,"file":"list.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/container/list.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yEAAyE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size)) !important}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size)) !important}`;
 //# sourceMappingURL=list.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8DAA8D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}`;\n"]}
+{"version":3,"file":"list.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/container/list.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yEAAyE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size)) !important}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size)) !important}`;
 //# sourceMappingURL=list.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/container/list.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8DAA8D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}`;\n"]}
+{"version":3,"file":"list.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/container/list.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yEAAyE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size)) !important}`;\n"]}

package/components/list/themes/shared/header/list-header.indigo.css.d.ts

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

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

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

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

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

package/components/list/themes/shared/item/list-item.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}`;
+export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}:host(:hover) ::slotted(igc-icon),:host(:focus-within) ::slotted(igc-icon){color:var(--item-action-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-text-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}[name=start]::slotted(*){-webkit-margin-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[name=end]::slotted(*){-webkit-margin-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));margin-inline-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;
 //# sourceMappingURL=list-item.common.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list-item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yUAAyU,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}`;\n"]}
+{"version":3,"file":"list-item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qsEAAqsE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background)}::slotted(igc-icon){color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover)}:host(:hover) ::slotted(igc-icon),:host(:focus-within) ::slotted(igc-icon){color:var(--item-action-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-text-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}[name=start]::slotted(*){-webkit-margin-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));margin-inline-end:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[name=end]::slotted(*){-webkit-margin-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));margin-inline-start:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=subtitle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;
+export const styles = css `:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title],[part=subtitle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part=start],[part=end]{gap:.5rem}[name=start]::slotted(*){-webkit-margin-end:0;margin-inline-end:0}[name=end]::slotted(*){-webkit-margin-start:0;margin-inline-start:0}[part=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem}`;
 //# sourceMappingURL=list-item.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kaAAka,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=subtitle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}`;\n"]}
+{"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,miDAAmiD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title],[part=subtitle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part=start],[part=end]{gap:.5rem}[name=start]::slotted(*){-webkit-margin-end:0;margin-inline-end:0}[name=end]::slotted(*){-webkit-margin-start:0;margin-inline-start:0}[part=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem}`;\n"]}

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

@@ -1,5 +1,5 @@
-import { MaskParser } from './mask-parser.js';
 import { IgcInputBaseComponent } from '../input/input-base.js';
+import { MaskParser } from './mask-parser.js';
 export type MaskRange = {
     start: number;
     end: number;

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

@@ -5,9 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { property, state } from 'lit/decorators.js';
-import { MaskParser } from './mask-parser.js';
 import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
 import { IgcInputBaseComponent } from '../input/input-base.js';
+import { MaskParser } from './mask-parser.js';
 let IgcMaskInputBaseComponent = class IgcMaskInputBaseComponent extends IgcInputBaseComponent {
     constructor() {
         super(...arguments);

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

@@ -1 +1 @@
-{"version":3,"file":"mask-input-base.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { property, state } from 'lit/decorators.js';\n\nimport { MaskParser } from './mask-parser.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { IgcInputBaseComponent } from '../input/input-base.js';\n\nexport type MaskRange = {\n  start: number;\n  end: number;\n};\n\n@blazorDeepImport\nexport abstract class IgcMaskInputBaseComponent extends IgcInputBaseComponent {\n  protected parser = new MaskParser();\n  protected selection: MaskRange = { start: 0, end: 0 };\n  protected compositionStart = 0;\n\n  @state()\n  protected focused = false;\n\n  @state()\n  protected maskedValue = '';\n\n  @state()\n  protected _mask = '';\n\n  /** The prompt symbol to use for unfilled parts of the mask. */\n  @property()\n  public prompt!: string;\n\n  protected get inputSelection(): MaskRange {\n    return {\n      start: this.input.selectionStart || 0,\n      end: this.input.selectionEnd || 0,\n    };\n  }\n\n  protected get emptyMask(): string {\n    return this.parser.apply();\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n\n    this._mask = this._mask || this.parser.mask;\n    this.prompt = this.prompt || this.parser.prompt;\n  }\n\n  /** Selects all text within the input. */\n  public select() {\n    this.input.select();\n  }\n\n  protected handleInput({ inputType, isComposing }: InputEvent) {\n    const EMPTY = '';\n    const value = this.input.value;\n    const { start, end } = this.selection;\n    const deleteEnd = this.parser.getNextNonLiteralPosition(end) + 1;\n\n    switch (inputType) {\n      case 'deleteContentForward':\n        this.updateInput(EMPTY, { start, end: deleteEnd });\n        return this.updateComplete.then(() =>\n          this.input.setSelectionRange(deleteEnd, deleteEnd)\n        );\n\n      case 'deleteContentBackward':\n        if (isComposing) return;\n        return this.updateInput(EMPTY, {\n          start: this.parser.getPreviousNonLiteralPosition(\n            this.inputSelection.start\n          ),\n          end,\n        });\n\n      case 'deleteByCut':\n        return this.updateInput(EMPTY, this.selection);\n\n      case 'insertText':\n        return this.updateInput(\n          value.substring(start, this.inputSelection.end),\n          this.selection\n        );\n\n      case 'insertFromPaste':\n        return this.updateInput(\n          value.substring(start, this.inputSelection.end),\n          {\n            start,\n            end: this.inputSelection.start,\n          }\n        );\n\n      case 'insertFromDrop':\n        return this.updateInput(\n          value.substring(this.inputSelection.start, this.inputSelection.end),\n          { ...this.inputSelection }\n        );\n    }\n  }\n\n  protected handleKeydown({ key }: KeyboardEvent) {\n    if (!key) {\n      return;\n    }\n    this.selection = this.inputSelection;\n  }\n\n  protected handleCut() {\n    this.selection = this.inputSelection;\n  }\n\n  protected handleDragStart() {\n    this.selection = this.inputSelection;\n  }\n\n  protected handleCompositionStart() {\n    this.compositionStart = this.inputSelection.start;\n  }\n\n  protected handleCompositionEnd({ data }: CompositionEvent) {\n    this.updateInput(data, {\n      start: this.compositionStart,\n      end: this.inputSelection.end,\n    });\n  }\n\n  protected handleClick() {\n    const { selectionStart: start, selectionEnd: end } = this.input;\n\n    // Clicking at the end of the input field will select the entire mask\n    if (start === end && start === this.maskedValue.length) {\n      this.select();\n    }\n  }\n\n  /* blazorSuppress */\n  public override setSelectionRange(\n    start: number,\n    end: number,\n    direction?: 'backward' | 'forward' | 'none'\n  ): void {\n    super.setSelectionRange(start, end, direction);\n    this.selection = { start, end };\n  }\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the control and re-applies the mask */\n  public override setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: 'select' | 'start' | 'end' | 'preserve'\n  ) {\n    const current = this.inputSelection;\n    const _start = start ?? current.start;\n    const _end = end ?? current.end;\n\n    const result = this.parser.replace(\n      this.maskedValue || this.emptyMask,\n      replacement,\n      _start,\n      _end\n    );\n    this.maskedValue = this.parser.apply(this.parser.parse(result.value));\n    this._updateSetRangeTextValue();\n\n    this.updateComplete.then(() => {\n      switch (selectMode) {\n        case 'select':\n          this.setSelectionRange(_start, _end);\n          break;\n        case 'start':\n          this.setSelectionRange(_start, _start);\n          break;\n        case 'end':\n          this.setSelectionRange(_end, _end);\n          break;\n        default:\n          this.setSelectionRange(current.start, current.end);\n      }\n    });\n  }\n\n  protected abstract _updateSetRangeTextValue(): void;\n  protected abstract updateInput(string: string, range: MaskRange): void;\n}\n"]}
+{"version":3,"file":"mask-input-base.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { property, state } from 'lit/decorators.js';\n\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { IgcInputBaseComponent } from '../input/input-base.js';\nimport { MaskParser } from './mask-parser.js';\n\nexport type MaskRange = {\n  start: number;\n  end: number;\n};\n\n@blazorDeepImport\nexport abstract class IgcMaskInputBaseComponent extends IgcInputBaseComponent {\n  protected parser = new MaskParser();\n  protected selection: MaskRange = { start: 0, end: 0 };\n  protected compositionStart = 0;\n\n  @state()\n  protected focused = false;\n\n  @state()\n  protected maskedValue = '';\n\n  @state()\n  protected _mask = '';\n\n  /** The prompt symbol to use for unfilled parts of the mask. */\n  @property()\n  public prompt!: string;\n\n  protected get inputSelection(): MaskRange {\n    return {\n      start: this.input.selectionStart || 0,\n      end: this.input.selectionEnd || 0,\n    };\n  }\n\n  protected get emptyMask(): string {\n    return this.parser.apply();\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n\n    this._mask = this._mask || this.parser.mask;\n    this.prompt = this.prompt || this.parser.prompt;\n  }\n\n  /** Selects all text within the input. */\n  public select() {\n    this.input.select();\n  }\n\n  protected handleInput({ inputType, isComposing }: InputEvent) {\n    const EMPTY = '';\n    const value = this.input.value;\n    const { start, end } = this.selection;\n    const deleteEnd = this.parser.getNextNonLiteralPosition(end) + 1;\n\n    switch (inputType) {\n      case 'deleteContentForward':\n        this.updateInput(EMPTY, { start, end: deleteEnd });\n        return this.updateComplete.then(() =>\n          this.input.setSelectionRange(deleteEnd, deleteEnd)\n        );\n\n      case 'deleteContentBackward':\n        if (isComposing) return;\n        return this.updateInput(EMPTY, {\n          start: this.parser.getPreviousNonLiteralPosition(\n            this.inputSelection.start\n          ),\n          end,\n        });\n\n      case 'deleteByCut':\n        return this.updateInput(EMPTY, this.selection);\n\n      case 'insertText':\n        return this.updateInput(\n          value.substring(start, this.inputSelection.end),\n          this.selection\n        );\n\n      case 'insertFromPaste':\n        return this.updateInput(\n          value.substring(start, this.inputSelection.end),\n          {\n            start,\n            end: this.inputSelection.start,\n          }\n        );\n\n      case 'insertFromDrop':\n        return this.updateInput(\n          value.substring(this.inputSelection.start, this.inputSelection.end),\n          { ...this.inputSelection }\n        );\n    }\n  }\n\n  protected handleKeydown({ key }: KeyboardEvent) {\n    if (!key) {\n      return;\n    }\n    this.selection = this.inputSelection;\n  }\n\n  protected handleCut() {\n    this.selection = this.inputSelection;\n  }\n\n  protected handleDragStart() {\n    this.selection = this.inputSelection;\n  }\n\n  protected handleCompositionStart() {\n    this.compositionStart = this.inputSelection.start;\n  }\n\n  protected handleCompositionEnd({ data }: CompositionEvent) {\n    this.updateInput(data, {\n      start: this.compositionStart,\n      end: this.inputSelection.end,\n    });\n  }\n\n  protected handleClick() {\n    const { selectionStart: start, selectionEnd: end } = this.input;\n\n    // Clicking at the end of the input field will select the entire mask\n    if (start === end && start === this.maskedValue.length) {\n      this.select();\n    }\n  }\n\n  /* blazorSuppress */\n  public override setSelectionRange(\n    start: number,\n    end: number,\n    direction?: 'backward' | 'forward' | 'none'\n  ): void {\n    super.setSelectionRange(start, end, direction);\n    this.selection = { start, end };\n  }\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the control and re-applies the mask */\n  public override setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: 'select' | 'start' | 'end' | 'preserve'\n  ) {\n    const current = this.inputSelection;\n    const _start = start ?? current.start;\n    const _end = end ?? current.end;\n\n    const result = this.parser.replace(\n      this.maskedValue || this.emptyMask,\n      replacement,\n      _start,\n      _end\n    );\n    this.maskedValue = this.parser.apply(this.parser.parse(result.value));\n    this._updateSetRangeTextValue();\n\n    this.updateComplete.then(() => {\n      switch (selectMode) {\n        case 'select':\n          this.setSelectionRange(_start, _end);\n          break;\n        case 'start':\n          this.setSelectionRange(_start, _start);\n          break;\n        case 'end':\n          this.setSelectionRange(_end, _end);\n          break;\n        default:\n          this.setSelectionRange(current.start, current.end);\n      }\n    });\n  }\n\n  protected abstract _updateSetRangeTextValue(): void;\n  protected abstract updateInput(string: string, range: MaskRange): void;\n}\n"]}

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

@@ -1,5 +1,5 @@
-import { IgcMaskInputBaseComponent, MaskRange } from './mask-input-base.js';
-import { Validator } from '../common/validators.js';
+import { type Validator } from '../common/validators.js';
+import { IgcMaskInputBaseComponent, type MaskRange } from './mask-input-base.js';
 /**
  * A masked input is an input field where a developer can control user input and format the visible value,
  * based on configurable rules

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

@@ -8,21 +8,18 @@ import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
-import { IgcMaskInputBaseComponent } from './mask-input-base.js';
 import { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
 import messages from '../common/localization/validation-en.js';
 import { partNameMap } from '../common/util.js';
 import { requiredValidator } from '../common/validators.js';
+import { IgcMaskInputBaseComponent, } from './mask-input-base.js';
 class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
     constructor() {
         super(...arguments);
         this.validators = [
-            {
-                ...requiredValidator,
-                isValid: () => (this.required ? !!this._value : true),
-            },
+            requiredValidator,
             {
                 key: 'badInput',
                 message: messages.mask,
@@ -33,7 +30,7 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
         this.valueMode = 'raw';
     }
     static register() {
-        registerComponent(this);
+        registerComponent(IgcMaskInputComponent);
     }
     get value() {
         return this.valueMode !== 'raw' ? this.maskedValue : this._value;
@@ -41,6 +38,7 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
     set value(string) {
         this._value = string ?? '';
         this.maskedValue = this.parser.apply(this._value);
+        this.updateMaskedValue();
         this.updateFormValue();
     }
     get mask() {