igniteui-webcomponents 5.2.4 → 5.3.0-RC.0

package/CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [Unreleased]
+### Added
+- #### List
+  - The `igc-list-item` component exposes a new `selected` property. When set on a list item, the item will become visually highlighted.
+
 ## [5.2.4] - 2025-02-24
 ### Changed
 - #### Carousel - **Potential visual breaking change.**

package/animations/player.d.ts

@@ -17,4 +17,8 @@ declare class AnimationController implements ReactiveController {
  * the host element itself.
  */
 export declare function addAnimationController(host: ReactiveControllerHost & HTMLElement, target?: Ref<HTMLElement> | HTMLElement): AnimationController;
+type ViewTransitionResult = {
+    transition?: ViewTransition;
+};
+export declare function startViewTransition(callback?: ViewTransitionUpdateCallback): ViewTransitionResult;
 export {};

package/animations/player.js

@@ -56,4 +56,11 @@ class AnimationController {
 export function addAnimationController(host, target) {
     return new AnimationController(host, target);
 }
+export function startViewTransition(callback) {
+    if (getPrefersReducedMotion() || !document.startViewTransition) {
+        callback?.();
+        return {};
+    }
+    return { transition: document.startViewTransition(callback) };
+}
 //# sourceMappingURL=player.js.map

package/animations/player.js.map

@@ -1 +1 @@
-{"version":3,"file":"player.js","sourceRoot":"","sources":["../../src/animations/player.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,MAAM,eAAe,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAEvC,SAAS,uBAAuB;IAC9B,OAAO,UAAU,EAAE,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;AAC5E,CAAC;AAED,MAAM,mBAAmB;IACvB,IAAc,MAAM;QAClB,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;IAC1C,CAAC;IAED,YACmB,IAA0C,EACnD,OAAwC;QAD/B,SAAI,GAAJ,IAAI,CAAsC;QACnD,YAAO,GAAP,OAAO,CAAiC;QAEhD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEO,cAAc,CAAC,SAAqB;QAC1C,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAChC,IAAI,CAAC,QAAQ,CAAC,MAAM;gBAAE,OAAO,QAAQ,CAAC;YAEtC,OAAO;gBACL,GAAG,QAAQ;gBACX,MAAM,EACJ,QAAQ,CAAC,MAAM,KAAK,MAAM;oBACxB,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI;oBACjC,CAAC,CAAC,QAAQ,CAAC,MAAM;aACtB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,KAAK,CAAC,IAAI,CAAC,SAAqC;QACrD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;QAErC,IAAI,OAAO,EAAE,QAAQ,KAAK,MAAM,CAAC,iBAAiB,EAAE,CAAC;YACnD,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;YACrD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAChE,GAAG,OAAO;gBACV,QAAQ,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAQ,CAAC,QAAQ;aAC5D,CAAC,CAAC;YAEH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;YAC/D,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,OAAO;QACZ,OAAO,OAAO,CAAC,GAAG,CAChB,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YAC5C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;gBAC7B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;gBACtD,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;gBAChE,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;gBAEhE,SAAS,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAEM,aAAa,KAAI,CAAC;CAC1B;AAOD,MAAM,UAAU,sBAAsB,CACpC,IAA0C,EAC1C,MAAuC;IAEvC,OAAO,IAAI,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { Ref } from 'lit/directives/ref.js';\n\nimport { isElement } from '../components/common/util.js';\nimport type { AnimationReferenceMetadata } from './types.js';\n\nconst listenerOptions = { once: true };\n\nfunction getPrefersReducedMotion() {\n  return globalThis?.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nclass AnimationController implements ReactiveController {\n  protected get target() {\n    if (isElement(this._target)) {\n      return this._target;\n    }\n    return this._target?.value ?? this.host;\n  }\n\n  constructor(\n    private readonly host: ReactiveControllerHost & HTMLElement,\n    private _target?: Ref<HTMLElement> | HTMLElement\n  ) {\n    this.host.addController(this);\n  }\n\n  private parseKeyframes(keyframes: Keyframe[]) {\n    return keyframes.map((keyframe) => {\n      if (!keyframe.height) return keyframe;\n\n      return {\n        ...keyframe,\n        height:\n          keyframe.height === 'auto'\n            ? `${this.target.scrollHeight}px`\n            : keyframe.height,\n      };\n    });\n  }\n\n  public async play(animation: AnimationReferenceMetadata) {\n    const { steps, options } = animation;\n\n    if (options?.duration === Number.POSITIVE_INFINITY) {\n      throw new Error('Promise-based animations must be finite.');\n    }\n\n    return new Promise<AnimationPlaybackEvent>((resolve) => {\n      const animation = this.target.animate(this.parseKeyframes(steps), {\n        ...options,\n        duration: getPrefersReducedMotion() ? 0 : options!.duration,\n      });\n\n      animation.addEventListener('cancel', resolve, listenerOptions);\n      animation.addEventListener('finish', resolve, listenerOptions);\n    });\n  }\n\n  public stopAll() {\n    return Promise.all(\n      this.target.getAnimations().map((animation) => {\n        return new Promise((resolve) => {\n          const resolver = () => requestAnimationFrame(resolve);\n          animation.addEventListener('cancel', resolver, listenerOptions);\n          animation.addEventListener('finish', resolver, listenerOptions);\n\n          animation.cancel();\n        });\n      })\n    );\n  }\n\n  public hostConnected() {}\n}\n\n/**\n * Creates and attaches an animation player instance to the passed in `host` element.\n * The player will run animations on the passed in `target`, or if `target` is undefined,\n * the host element itself.\n */\nexport function addAnimationController(\n  host: ReactiveControllerHost & HTMLElement,\n  target?: Ref<HTMLElement> | HTMLElement\n) {\n  return new AnimationController(host, target);\n}\n"]}
+{"version":3,"file":"player.js","sourceRoot":"","sources":["../../src/animations/player.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,MAAM,eAAe,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAEvC,SAAS,uBAAuB;IAC9B,OAAO,UAAU,EAAE,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;AAC5E,CAAC;AAED,MAAM,mBAAmB;IACvB,IAAc,MAAM;QAClB,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;IAC1C,CAAC;IAED,YACmB,IAA0C,EACnD,OAAwC;QAD/B,SAAI,GAAJ,IAAI,CAAsC;QACnD,YAAO,GAAP,OAAO,CAAiC;QAEhD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEO,cAAc,CAAC,SAAqB;QAC1C,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAChC,IAAI,CAAC,QAAQ,CAAC,MAAM;gBAAE,OAAO,QAAQ,CAAC;YAEtC,OAAO;gBACL,GAAG,QAAQ;gBACX,MAAM,EACJ,QAAQ,CAAC,MAAM,KAAK,MAAM;oBACxB,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI;oBACjC,CAAC,CAAC,QAAQ,CAAC,MAAM;aACtB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,KAAK,CAAC,IAAI,CAAC,SAAqC;QACrD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;QAErC,IAAI,OAAO,EAAE,QAAQ,KAAK,MAAM,CAAC,iBAAiB,EAAE,CAAC;YACnD,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;YACrD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAChE,GAAG,OAAO;gBACV,QAAQ,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAQ,CAAC,QAAQ;aAC5D,CAAC,CAAC;YAEH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;YAC/D,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,OAAO;QACZ,OAAO,OAAO,CAAC,GAAG,CAChB,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YAC5C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;gBAC7B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;gBACtD,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;gBAChE,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;gBAEhE,SAAS,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAEM,aAAa,KAAI,CAAC;CAC1B;AAOD,MAAM,UAAU,sBAAsB,CACpC,IAA0C,EAC1C,MAAuC;IAEvC,OAAO,IAAI,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/C,CAAC;AAMD,MAAM,UAAU,mBAAmB,CACjC,QAAuC;IAGvC,IAAI,uBAAuB,EAAE,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;QAC/D,QAAQ,EAAE,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE,CAAC;AAChE,CAAC","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { Ref } from 'lit/directives/ref.js';\n\nimport { isElement } from '../components/common/util.js';\nimport type { AnimationReferenceMetadata } from './types.js';\n\nconst listenerOptions = { once: true };\n\nfunction getPrefersReducedMotion() {\n  return globalThis?.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\nclass AnimationController implements ReactiveController {\n  protected get target() {\n    if (isElement(this._target)) {\n      return this._target;\n    }\n    return this._target?.value ?? this.host;\n  }\n\n  constructor(\n    private readonly host: ReactiveControllerHost & HTMLElement,\n    private _target?: Ref<HTMLElement> | HTMLElement\n  ) {\n    this.host.addController(this);\n  }\n\n  private parseKeyframes(keyframes: Keyframe[]) {\n    return keyframes.map((keyframe) => {\n      if (!keyframe.height) return keyframe;\n\n      return {\n        ...keyframe,\n        height:\n          keyframe.height === 'auto'\n            ? `${this.target.scrollHeight}px`\n            : keyframe.height,\n      };\n    });\n  }\n\n  public async play(animation: AnimationReferenceMetadata) {\n    const { steps, options } = animation;\n\n    if (options?.duration === Number.POSITIVE_INFINITY) {\n      throw new Error('Promise-based animations must be finite.');\n    }\n\n    return new Promise<AnimationPlaybackEvent>((resolve) => {\n      const animation = this.target.animate(this.parseKeyframes(steps), {\n        ...options,\n        duration: getPrefersReducedMotion() ? 0 : options!.duration,\n      });\n\n      animation.addEventListener('cancel', resolve, listenerOptions);\n      animation.addEventListener('finish', resolve, listenerOptions);\n    });\n  }\n\n  public stopAll() {\n    return Promise.all(\n      this.target.getAnimations().map((animation) => {\n        return new Promise((resolve) => {\n          const resolver = () => requestAnimationFrame(resolve);\n          animation.addEventListener('cancel', resolver, listenerOptions);\n          animation.addEventListener('finish', resolver, listenerOptions);\n\n          animation.cancel();\n        });\n      })\n    );\n  }\n\n  public hostConnected() {}\n}\n\n/**\n * Creates and attaches an animation player instance to the passed in `host` element.\n * The player will run animations on the passed in `target`, or if `target` is undefined,\n * the host element itself.\n */\nexport function addAnimationController(\n  host: ReactiveControllerHost & HTMLElement,\n  target?: Ref<HTMLElement> | HTMLElement\n) {\n  return new AnimationController(host, target);\n}\n\ntype ViewTransitionResult = {\n  transition?: ViewTransition;\n};\n\nexport function startViewTransition(\n  callback?: ViewTransitionUpdateCallback\n): ViewTransitionResult {\n  /* c8 ignore next 4 */\n  if (getPrefersReducedMotion() || !document.startViewTransition) {\n    callback?.();\n    return {};\n  }\n\n  return { transition: document.startViewTransition(callback) };\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;
+export const styles = css `:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;
 //# sourceMappingURL=avatar.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iEAAiE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;\n"]}
+{"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uFAAuF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: fluent}`;
 //# sourceMappingURL=avatar.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"avatar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-300) h s l/1));--color: var(--ig-avatar-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--icon-color: var(--ig-avatar-icon-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-300));--color: var(--ig-avatar-color, var(--ig-gray-300-contrast));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-300-contrast));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--ig-theme: indigo}`;
 //# sourceMappingURL=avatar.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0hBAA0hB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-300) h s l/1));--color: var(--ig-avatar-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--icon-color: var(--ig-avatar-icon-color, color-mix(in oklch, var(--ig-gray-300-contrast) 100%, transparent));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;\n"]}
+{"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6cAA6c,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-300));--color: var(--ig-avatar-color, var(--ig-gray-300-contrast));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-300-contrast));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--ig-theme: indigo}`;\n"]}

package/components/avatar/themes/dark/avatar.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: material}`;
 //# sourceMappingURL=avatar.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"avatar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;
+export const styles = css `:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;
 //# sourceMappingURL=avatar.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iEAAiE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem)}`;\n"]}
+{"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uFAAuF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: fluent}`;
 //# sourceMappingURL=avatar.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"avatar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-300) h s l/1));--color: var(--ig-avatar-color, hsl(from var(--ig-gray-700) h s l/1));--icon-color: var(--ig-avatar-icon-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-300));--color: var(--ig-avatar-color, var(--ig-gray-700));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-600));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--ig-theme: indigo}`;
 //# sourceMappingURL=avatar.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.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{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-300) h s l/1));--color: var(--ig-avatar-color, hsl(from var(--ig-gray-700) h s l/1));--icon-color: var(--ig-avatar-icon-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)))}`;\n"]}
+{"version":3,"file":"avatar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2bAA2b,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-300));--color: var(--ig-avatar-color, var(--ig-gray-700));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-600));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--ig-theme: indigo}`;\n"]}

package/components/avatar/themes/light/avatar.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: material}`;
 //# sourceMappingURL=avatar.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"avatar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-400) h s l/1));--color: var(--ig-avatar-color, hsl(from var(--ig-gray-800) h s l/1));--icon-color: var(--ig-avatar-icon-color, hsl(from var(--ig-gray-800) h s l/1));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-avatar-default-size, 1)}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-400));--color: var(--ig-avatar-color, var(--ig-gray-800));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-800));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-avatar-default-size, 1)}`;
 //# sourceMappingURL=avatar.shared.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ogBAAogB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, hsl(from var(--ig-gray-400) h s l/1));--color: var(--ig-avatar-color, hsl(from var(--ig-gray-800) h s l/1));--icon-color: var(--ig-avatar-icon-color, hsl(from var(--ig-gray-800) h s l/1));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-avatar-default-size, 1)}`;\n"]}
+{"version":3,"file":"avatar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/light/avatar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8cAA8c,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-400));--color: var(--ig-avatar-color, var(--ig-gray-800));--icon-color: var(--ig-avatar-icon-color, var(--ig-gray-800));--border-radius: var(--ig-avatar-border-radius, 0.5rem);--size: var(--ig-avatar-size, max(var(--is-large, 1) * max(5.5rem, -1 * 5.5rem), var(--is-medium, 1) * max(4rem, -1 * 4rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-avatar-default-size, 1)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{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);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(*){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]) [part=base]{background:hsl(from var(--ig-success-500) h s l/1)}:host([variant=warning]) [part=base]{background:hsl(from var(--ig-warn-500) h s l/1)}:host([variant=danger]) [part=base]{background:hsl(from var(--ig-error-500) h s l/1)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{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);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(*){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:var(--ig-info-500)}:host([variant=success]) [part=base]{background:var(--ig-success-500)}:host([variant=warning]) [part=base]{background:var(--ig-warn-500)}:host([variant=danger]) [part=base]{background:var(--ig-error-500)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;
 //# sourceMappingURL=badge.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6tEAA6tE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{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);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(*){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:hsl(from var(--ig-info-500) h s l/1)}:host([variant=success]) [part=base]{background:hsl(from var(--ig-success-500) h s l/1)}:host([variant=warning]) [part=base]{background:hsl(from var(--ig-warn-500) h s l/1)}:host([variant=danger]) [part=base]{background:hsl(from var(--ig-error-500) h s l/1)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;\n"]}
+{"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../src/components/badge/themes/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qpEAAqpE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--size: 1.375rem;--_badge-size: var(--size);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:inline-flex;font-weight:500;vertical-align:top}[part=base]{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);display:inline-flex;min-width:var(--size);min-height:var(--size);justify-content:center;align-items:center;overflow:hidden;white-space:nowrap}::slotted(*){--size: calc(var(--_badge-size) / 2) !important}:host(:not(:empty)) [part=base]{padding-inline:.25rem}:host([variant=info]) [part=base]{background:var(--ig-info-500)}:host([variant=success]) [part=base]{background:var(--ig-success-500)}:host([variant=warning]) [part=base]{background:var(--ig-warn-500)}:host([variant=danger]) [part=base]{background:var(--ig-error-500)}:host([shape=rounded]),:host([shape=rounded]) [part=base]{border-radius:calc(var(--size)*2)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;
+export const styles = css `:host{--icon-color: var(--ig-badge-icon-color, var(--ig-primary-100-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-100-contrast));--border-color: var(--ig-badge-border-color, var(--ig-gray-50-contrast));--border-radius: var(--ig-badge-border-radius, 0.25rem);--ig-theme: bootstrap}`;
 //# sourceMappingURL=badge.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gZAAgZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;\n"]}
+{"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iTAAiT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-color: var(--ig-badge-icon-color, var(--ig-primary-100-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-100-contrast));--border-color: var(--ig-badge-border-color, var(--ig-gray-50-contrast));--border-radius: var(--ig-badge-border-radius, 0.25rem);--ig-theme: bootstrap}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: fluent}`;
 //# sourceMappingURL=badge.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"badge.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-400) h s l/1))}`;
+export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--ig-theme: indigo}`;
 //# sourceMappingURL=badge.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oKAAoK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-400) h s l/1))}`;\n"]}
+{"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qKAAqK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--ig-theme: indigo}`;\n"]}

package/components/badge/themes/dark/badge.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: material}`;
 //# sourceMappingURL=badge.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.material.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"badge.material.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;
+export const styles = css `:host{--icon-color: var(--ig-badge-icon-color, var(--ig-primary-100-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-100-contrast));--border-radius: var(--ig-badge-border-radius, 0.25rem);--ig-theme: bootstrap}`;
 //# sourceMappingURL=badge.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gSAAgS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-100-contrast) 100%, transparent));--border-radius: var(--ig-badge-border-radius, 0.25rem)}`;\n"]}
+{"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wOAAwO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-color: var(--ig-badge-icon-color, var(--ig-primary-100-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-100-contrast));--border-radius: var(--ig-badge-border-radius, 0.25rem);--ig-theme: bootstrap}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: fluent}`;
 //# sourceMappingURL=badge.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"badge.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-400) h s l/1))}`;
+export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--ig-theme: indigo}`;
 //# sourceMappingURL=badge.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oKAAoK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-400) h s l/1))}`;\n"]}
+{"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qKAAqK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--ig-theme: indigo}`;\n"]}

package/components/badge/themes/light/badge.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: material}`;
 //# sourceMappingURL=badge.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.material.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"badge.material.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, hsl(from var(--ig-gray-50) h s l/1));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-500) h s l/1));--border-radius: var(--ig-badge-border-radius, 0)}`;
+export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, var(--ig-primary-900-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-badge-border-color, var(--ig-gray-50));--background-color: var(--ig-badge-background-color, var(--ig-primary-500));--border-radius: var(--ig-badge-border-radius, 0)}`;
 //# sourceMappingURL=badge.shared.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wgBAAwgB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--text-color: var(--ig-badge-text-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--border-color: var(--ig-badge-border-color, hsl(from var(--ig-gray-50) h s l/1));--background-color: var(--ig-badge-background-color, hsl(from var(--ig-primary-500) h s l/1));--border-radius: var(--ig-badge-border-radius, 0)}`;\n"]}
+{"version":3,"file":"badge.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sZAAsZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-1));--icon-color: var(--ig-badge-icon-color, var(--ig-primary-900-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-900-contrast));--border-color: var(--ig-badge-border-color, var(--ig-gray-50));--background-color: var(--ig-badge-background-color, var(--ig-primary-500));--border-radius: var(--ig-badge-border-radius, 0)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-800) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-800) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-800));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-800));--ig-theme: bootstrap}`;
 //# sourceMappingURL=banner.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gdAAgd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-800) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-800) h s l/1))}`;\n"]}
+{"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8ZAA8Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-800));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-800));--ig-theme: bootstrap}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900));--ig-theme: fluent}`;
 //# sourceMappingURL=banner.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gdAAgd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;\n"]}
+{"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2ZAA2Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900));--ig-theme: fluent}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-gray-50) h s l/1));--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-100) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-700) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-gray-50));--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-100));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-700));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-600));--border-radius: var(--ig-banner-border-radius, 0.375rem);--ig-theme: indigo}`;
 //# sourceMappingURL=banner.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mdAAmd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-gray-50) h s l/1));--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-100) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-700) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;\n"]}
+{"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8ZAA8Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-gray-50));--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-100));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-700));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-600));--border-radius: var(--ig-banner-border-radius, 0.375rem);--ig-theme: indigo}`;\n"]}

package/components/banner/themes/dark/banner.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900));--ig-theme: material}`;
 //# sourceMappingURL=banner.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gdAAgd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;\n"]}
+{"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/dark/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6ZAA6Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900));--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-800) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-800) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-800));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-800));--ig-theme: bootstrap}`;
 //# sourceMappingURL=banner.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gdAAgd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-800) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-800) h s l/1))}`;\n"]}
+{"version":3,"file":"banner.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8ZAA8Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-800));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-800));--ig-theme: bootstrap}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900));--ig-theme: fluent}`;
 //# sourceMappingURL=banner.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gdAAgd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;\n"]}
+{"version":3,"file":"banner.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2ZAA2Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900));--ig-theme: fluent}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-gray-200) h s l/1));--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-700) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-gray-200));--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-700));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-600));--border-radius: var(--ig-banner-border-radius, 0.375rem);--ig-theme: indigo}`;
 //# sourceMappingURL=banner.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,odAAod,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-gray-200) h s l/1));--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-700) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-banner-border-radius, 0.375rem)}`;\n"]}
+{"version":3,"file":"banner.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+ZAA+Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-gray-200));--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-700));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-600));--border-radius: var(--ig-banner-border-radius, 0.375rem);--ig-theme: indigo}`;\n"]}

package/components/banner/themes/light/banner.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900));--ig-theme: material}`;
 //# sourceMappingURL=banner.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gdAAgd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, hsl(from var(--ig-surface-500) h s l/1));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, hsl(from var(--ig-gray-300) h s l/1));--banner-message-color: var(--ig-banner-banner-message-color, hsl(from var(--ig-gray-900) h s l/1));--banner-illustration-color: var(--ig-banner-banner-illustration-color, hsl(from var(--ig-gray-900) h s l/1))}`;\n"]}
+{"version":3,"file":"banner.material.css.js","sourceRoot":"","sources":["../../../../../src/components/banner/themes/light/banner.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6ZAA6Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-surface-500));--border-radius: var(--ig-banner-border-radius, 0);--banner-border-color: var(--ig-banner-banner-border-color, var(--ig-gray-300));--banner-message-color: var(--ig-banner-banner-message-color, var(--ig-gray-900));--banner-illustration-color: var(--ig-banner-banner-illustration-color, var(--ig-gray-900));--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-primary-800) h s l/1));--foreground: var(--ig-button-foreground, hsl(from var(--ig-primary-500) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500) h s l/1));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-primary-600) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-primary-600) h s l/1));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-primary-600) h s l/1));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-primary-800) h s l/1))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500) h s l/1));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-600) h s l/1));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/1));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500) h s l/1));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-800) h s l/1));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-50) h s l/1));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--foreground: var(--ig-button-foreground, hsl(from var(--ig-primary-500) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-50) h s l/1));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-50) h s l/1));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent))}`;
+export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800));--ig-theme: bootstrap}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast));--ig-theme: bootstrap}`;
 //# sourceMappingURL=button.bootstrap.css.js.map