igniteui-webcomponents 6.5.1 → 7.0.0

package/CHANGELOG.md

@@ -4,6 +4,55 @@ 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/).
 
+## [7.0.0] - 2026-02-25
+### Added
+- #### AI-Assisted Development - Copilot Skills
+  - Four end-user skills are now shipped with the package under the `skills/` directory. They provide step-by-step guidance to GitHub Copilot and other LLM agents for common tasks:
+    - **igniteui-wc-choose-components** - Identify the right component for a given UI pattern.
+    - **igniteui-wc-integrate-with-framework** - Set up and use components in React, Angular, Vue, or vanilla JS.
+    - **igniteui-wc-customize-component-theme** - Apply custom styles via CSS custom properties, parts, and the theming system.
+    - **igniteui-wc-optimize-bundle-size** - Reduce production bundle size through selective imports and lazy loading.
+
+  To enable the skills in your project, copy the skill folders into your repository's `.github/skills/` directory so Copilot can automatically discover them:
+
+  **Unix/macOS:**
+  ```sh
+  cp -r node_modules/igniteui-webcomponents/skills/* .github/skills/
+  ```
+
+  **Windows (PowerShell):**
+  ```powershell
+  Copy-Item -Recurse node_modules\igniteui-webcomponents\skills\* .github\skills\
+  ```
+
+  **Windows (Command Prompt):**
+  ```cmd
+  xcopy /E /I node_modules\igniteui-webcomponents\skills .github\skills
+  ```
+  Copilot supports project skills stored in `.github/skills` or `.claude/skills` in your repository, and personal skills stored in `~/.copilot/skills` or `~/.claude/skills` (shared across projects; Copilot coding agent and GitHub Copilot CLI only).
+- #### Chat
+  - **adoptRootStyles** can now be toggled on/off at runtime. [#2093](https://github.com/IgniteUI/igniteui-webcomponents/pull/2093)
+
+### Changed
+- #### Library
+  - Minimum Node version required is now >= 22.
+- #### Themes - **Breaking change**
+  - Changed global prefixes for CSS custom properties for component themes to align with other Ignite UI component libraries.
+
+### Removed
+- #### Chat
+  - Removed the **typingIndicator** template renderer. Users can use the **typing-indicator** slot instead.
+- #### Tooltip
+  - Removed the **disableArrow** deprecated property.
+
+### Fixed
+- #### Carousel
+  - Context instantiation in Blazor. [#2033](https://github.com/IgniteUI/igniteui-webcomponents/pull/2033)
+- #### Combo
+  - Correct cursor style over non input parts. [#2085](https://github.com/IgniteUI/igniteui-webcomponents/pull/2085)
+- #### Textarea
+  - Correct cursor style over non input parts. [#2085](https://github.com/IgniteUI/igniteui-webcomponents/pull/2085)
+
 ## [6.5.1] - 2026-02-04
 ### Fixed
 - #### Calendar
@@ -14,7 +63,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
   - Placeholder color on focus [#2068](https://github.com/IgniteUI/igniteui-webcomponents/pull/2068)
   - CSS border when suffix slot content is present [#2073](https://github.com/IgniteUI/igniteui-webcomponents/pull/2073)
 - #### Textarea
-  - Algin bottom padding to the design system [#2069](https://github.com/IgniteUI/igniteui-webcomponents/pull/2069)
+  - Align bottom padding to the design system [#2069](https://github.com/IgniteUI/igniteui-webcomponents/pull/2069)
 - #### Validation
   - Slotted validation text follows the current theme [#2063](https://github.com/IgniteUI/igniteui-webcomponents/pull/2063)
 
@@ -1215,6 +1264,7 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[7.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.5.1...7.0.0
 [6.5.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.5.0...6.5.1
 [6.5.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.4.0...6.5.0
 [6.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.6...6.4.0

package/README.md

@@ -62,7 +62,6 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 | Calendar                |   ✅   |     [Docs][Calendar Docs]      |     [1.0.0]      | [MIT](LICENSE) |
 | Card                    |   ✅   |       [Docs][Card Docs]        |     [1.0.0]      | [MIT](LICENSE) |
 | Checkbox                |   ✅   |     [Docs][Checkbox Docs]      |     [1.0.0]      | [MIT](LICENSE) |
-| Form                    |   ✅   |       [Docs][Form Docs]        |     [1.0.0]      | [MIT](LICENSE) |
 | Icon                    |   ✅   |       [Docs][Icon Docs]        |     [1.0.0]      | [MIT](LICENSE) |
 | Icon Button             |   ✅   |    [Docs][Icon Button Docs]    |     [1.0.0]      | [MIT](LICENSE) |
 | Input                   |   ✅   |       [Docs][Input Docs]       |     [1.0.0]      | [MIT](LICENSE) |
@@ -212,7 +211,7 @@ npm run storybook:build
 [safari_48x48]: https://user-images.githubusercontent.com/2188411/168109527-6c58f2cf-7386-4b97-98b1-cfe0ab4e8626.png
 [Contribution Guidelines]: https://github.com/IgniteUI/igniteui-webcomponents/blob/master/.github/CONTRIBUTING.md
 [Data Grid]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/data-grid
-[Hierarchical Grid]: https://www.infragistics.com/webcomponentssite/components/grids/hierarchical-grid/overview
+[Hierarchical Grid]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/hierarchical-grid/overview
 [Charts]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/charts/chart-overview
 [Dock Manager]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/dock-manager
 [Pivot Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/pivot-grid/overview
@@ -228,7 +227,6 @@ npm run storybook:build
 [Input Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/input
 [Icon Button Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/icon-button
 [Icon Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/icon
-[Form Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/form
 [Checkbox Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/checkbox
 [Card Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/card
 [Calendar Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/scheduling/calendar
@@ -242,7 +240,7 @@ npm run storybook:build
 [Chip Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/chip
 [Circular Progress Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/circular-progress
 [Linear Progress Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/linear-progress
-[Dropdown Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/notifications/toast
+[Dropdown Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/dropdown
 [Tree Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/tree
 [Expansion Panel Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/expansion-panel
 [Masked Input Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/input
@@ -266,7 +264,7 @@ npm run storybook:build
 [Chat Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/interactivity/chat
 [Commercial License]: https://www.infragistics.com/legal/license
 [Grid Lite]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grid-lite/overview
-[Ignite UI Web Components Grid Lite]: https://www.npmjs.com/package/igniteui-webcomponents-grid-lite
+[Ignite UI Web Components Grid Lite]: https://www.npmjs.com/package/igniteui-grid-lite
 [1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/1.0.0
 [2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.0.0
 [2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap;--ig-theme-variant: dark}`;
 //# 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,qJAAqJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;\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,8KAA8K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: fluent}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: fluent;--ig-theme-variant: dark}`;
 //# 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,yFAAyF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: fluent}`;\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,kHAAkH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: fluent;--ig-theme-variant: dark}`;\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, 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}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--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;--ig-theme-variant: dark}`;
 //# 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,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"]}
+{"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,seAAse,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--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;--ig-theme-variant: dark}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: material}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: material;--ig-theme-variant: dark}`;
 //# 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,2FAA2F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: material}`;\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,oHAAoH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: material;--ig-theme-variant: dark}`;\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);--ig-theme: bootstrap}`;
+export const styles = css `:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap;--ig-theme-variant: light}`;
 //# 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,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"]}
+{"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,iHAAiH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap;--ig-theme-variant: light}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ig-theme: fluent}`;
+export const styles = css `:host{--ig-theme: fluent;--ig-theme-variant: light}`;
 //# 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,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\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,qDAAqD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent;--ig-theme-variant: light}`;\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, 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}`;
+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;--ig-theme-variant: light}`;
 //# 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,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"]}
+{"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,qdAAqd,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;--ig-theme-variant: light}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ig-theme: material}`;
+export const styles = css `:host{--ig-theme: material;--ig-theme-variant: light}`;
 //# 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,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\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,uDAAuD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material;--ig-theme-variant: light}`;\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, 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)}`;
+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);--ig-theme-variant: light}`;
 //# 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,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"]}
+{"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,weAAwe,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);--ig-theme-variant: light}`;\n"]}

package/components/badge/badge.d.ts

@@ -6,40 +6,57 @@ import type { BadgeShape, StyleVariant } from '../types.js';
  *
  * @element igc-badge
  *
- * @slot - Default slot for the badge.
+ * @slot - Default slot for the badge content.
  *
  * @csspart base - The base wrapper of the badge.
+ * @csspart icon - The icon container, present when an igc-icon element is slotted.
+ *
+ * @example
+ * ```html
+ * <igc-badge variant="success">New</igc-badge>
+ * <igc-badge variant="danger" shape="square">5</igc-badge>
+ * <igc-badge dot></igc-badge>
+ * ```
  */
 export default class IgcBadgeComponent extends LitElement {
     static readonly tagName = "igc-badge";
     static styles: import("lit").CSSResult[];
     static register(): void;
-    private _iconPart;
-    private readonly _slots;
-    protected _handleSlotChange(): void;
     private readonly _internals;
+    private readonly _slots;
+    private _hasIcon;
     /**
-     * The type of badge.
-     * @attr
+     * The type (style variant) of the badge.
+     *
+     * @attr variant
+     * @default 'primary'
      */
     variant: StyleVariant;
     /**
      * Sets whether to draw an outlined version of the badge.
-     * @attr
+     *
+     * @attr outlined
+     * @default false
      */
     outlined: boolean;
     /**
      * The shape of the badge.
-     * @attr
+     *
+     * @attr shape
+     * @default 'rounded'
      */
     shape: BadgeShape;
     /**
      * Sets whether to render a dot type badge.
-     * @attr
+     * When enabled, the badge appears as a small dot without any content.
+     *
+     * @attr dot
+     * @default false
      */
     dot: boolean;
     constructor();
     protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected _handleSlotChange(): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/badge/badge.js

@@ -8,7 +8,7 @@ import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { addThemingController } from '../../theming/theming-controller.js';
 import { addInternalsController } from '../common/controllers/internals.js';
-import { addSlotController } from '../common/controllers/slot.js';
+import { addSlotController, setSlots } from '../common/controllers/slot.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { partMap } from '../common/part-map.js';
 import { styles } from './themes/badge.base.css.js';
@@ -20,20 +20,16 @@ export default class IgcBadgeComponent extends LitElement {
     static register() {
         registerComponent(IgcBadgeComponent);
     }
-    _handleSlotChange() {
-        const assignedNodes = this._slots.getAssignedNodes('[default]', true);
-        this._iconPart = assignedNodes.some((node) => node.nodeType === Node.ELEMENT_NODE &&
-            node.tagName.toLowerCase() === 'igc-icon');
-    }
     constructor() {
         super();
-        this._iconPart = false;
-        this._slots = addSlotController(this, {
-            onChange: this._handleSlotChange,
-        });
         this._internals = addInternalsController(this, {
             initialARIA: { role: 'status' },
         });
+        this._slots = addSlotController(this, {
+            slots: setSlots(),
+            onChange: this._handleSlotChange,
+        });
+        this._hasIcon = false;
         this.variant = 'primary';
         this.outlined = false;
         this.shape = 'rounded';
@@ -45,9 +41,14 @@ export default class IgcBadgeComponent extends LitElement {
             this._internals.setARIA({ ariaRoleDescription: `badge ${this.variant}` });
         }
     }
+    _handleSlotChange() {
+        this._hasIcon = this._slots.hasAssignedElements('[default]', {
+            selector: 'igc-icon',
+        });
+    }
     render() {
         return html `
-      <span part=${partMap({ base: true, icon: this._iconPart })}>
+      <span part=${partMap({ base: true, icon: this._hasIcon })}>
         <slot></slot>
       </span>
     `;

package/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAYzC,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,UAAU;aAChC,YAAO,GAAG,WAAW,AAAd,CAAe;aACtB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IAQS,iBAAiB;QACzB,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QACtE,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC,IAAI,CACjC,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YAClC,IAAgB,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,UAAU,CACzD,CAAC;IACJ,CAAC;IAkCD;QACE,KAAK,EAAE,CAAC;QAhDF,cAAS,GAAG,KAAK,CAAC;QAET,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,QAAQ,EAAE,IAAI,CAAC,iBAAiB;SACjC,CAAC,CAAC;QAWc,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAChC,CAAC,CAAC;QAOI,YAAO,GAAiB,SAAS,CAAC;QAOlC,aAAQ,GAAG,KAAK,CAAC;QAOjB,UAAK,GAAe,SAAS,CAAC;QAO9B,QAAG,GAAG,KAAK,CAAC;QAIjB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,UAAU,CAAC,iBAAuC;QACnE,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,mBAAmB,EAAE,SAAS,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;mBACI,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;;;KAG3D,CAAC;IACJ,CAAC;;AAxCM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACa;AAOlC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACS;AAO9B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACxB","sourcesContent":["import { html, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { addSlotController } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport type { BadgeShape, StyleVariant } from '../types.js';\nimport { styles } from './themes/badge.base.css.js';\nimport { styles as shared } from './themes/shared/badge.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The badge is a component indicating a status on a related item or an area\n * where some active indication is required.\n *\n * @element igc-badge\n *\n * @slot - Default slot for the badge.\n *\n * @csspart base - The base wrapper of the badge.\n */\nexport default class IgcBadgeComponent extends LitElement {\n  public static readonly tagName = 'igc-badge';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcBadgeComponent);\n  }\n\n  private _iconPart = false;\n\n  private readonly _slots = addSlotController(this, {\n    onChange: this._handleSlotChange,\n  });\n\n  protected _handleSlotChange(): void {\n    const assignedNodes = this._slots.getAssignedNodes('[default]', true);\n    this._iconPart = assignedNodes.some(\n      (node) =>\n        node.nodeType === Node.ELEMENT_NODE &&\n        (node as Element).tagName.toLowerCase() === 'igc-icon'\n    );\n  }\n\n  private readonly _internals = addInternalsController(this, {\n    initialARIA: { role: 'status' },\n  });\n\n  /**\n   * The type of badge.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant: StyleVariant = 'primary';\n\n  /**\n   * Sets whether to draw an outlined version of the badge.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * The shape of the badge.\n   * @attr\n   */\n  @property({ reflect: true })\n  public shape: BadgeShape = 'rounded';\n\n  /**\n   * Sets whether to render a dot type badge.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public dot = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('variant')) {\n      this._internals.setARIA({ ariaRoleDescription: `badge ${this.variant}` });\n    }\n  }\n\n  protected override render() {\n    return html`\n      <span part=${partMap({ base: true, icon: this._iconPart })}>\n        <slot></slot>\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-badge': IgcBadgeComponent;\n  }\n}\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAoBzC,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,UAAU;aAChC,YAAO,GAAG,WAAW,AAAd,CAAe;aACtB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IAkDD;QACE,KAAK,EAAE,CAAC;QAjDO,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAChC,CAAC,CAAC;QAEc,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAChD,KAAK,EAAE,QAAQ,EAAE;YACjB,QAAQ,EAAE,IAAI,CAAC,iBAAiB;SACjC,CAAC,CAAC;QAEK,aAAQ,GAAG,KAAK,CAAC;QASlB,YAAO,GAAiB,SAAS,CAAC;QASlC,aAAQ,GAAG,KAAK,CAAC;QASjB,UAAK,GAAe,SAAS,CAAC;QAU9B,QAAG,GAAG,KAAK,CAAC;QAKjB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,UAAU,CAAC,iBAAuC;QACnE,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,mBAAmB,EAAE,SAAS,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC;IAES,iBAAiB;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE;YAC3D,QAAQ,EAAE,UAAU;SACrB,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;mBACI,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;;;KAG1D,CAAC;IACJ,CAAC;;AAtDM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACa;AASlC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACnB;AASjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACS;AAU9B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACxB","sourcesContent":["import { html, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport type { BadgeShape, StyleVariant } from '../types.js';\nimport { styles } from './themes/badge.base.css.js';\nimport { styles as shared } from './themes/shared/badge.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * The badge is a component indicating a status on a related item or an area\n * where some active indication is required.\n *\n * @element igc-badge\n *\n * @slot - Default slot for the badge content.\n *\n * @csspart base - The base wrapper of the badge.\n * @csspart icon - The icon container, present when an igc-icon element is slotted.\n *\n * @example\n * ```html\n * <igc-badge variant=\"success\">New</igc-badge>\n * <igc-badge variant=\"danger\" shape=\"square\">5</igc-badge>\n * <igc-badge dot></igc-badge>\n * ```\n */\nexport default class IgcBadgeComponent extends LitElement {\n  public static readonly tagName = 'igc-badge';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcBadgeComponent);\n  }\n\n  private readonly _internals = addInternalsController(this, {\n    initialARIA: { role: 'status' },\n  });\n\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots(),\n    onChange: this._handleSlotChange,\n  });\n\n  private _hasIcon = false;\n\n  /**\n   * The type (style variant) of the badge.\n   *\n   * @attr variant\n   * @default 'primary'\n   */\n  @property({ reflect: true })\n  public variant: StyleVariant = 'primary';\n\n  /**\n   * Sets whether to draw an outlined version of the badge.\n   *\n   * @attr outlined\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * The shape of the badge.\n   *\n   * @attr shape\n   * @default 'rounded'\n   */\n  @property({ reflect: true })\n  public shape: BadgeShape = 'rounded';\n\n  /**\n   * Sets whether to render a dot type badge.\n   * When enabled, the badge appears as a small dot without any content.\n   *\n   * @attr dot\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public dot = false;\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('variant')) {\n      this._internals.setARIA({ ariaRoleDescription: `badge ${this.variant}` });\n    }\n  }\n\n  protected _handleSlotChange(): void {\n    this._hasIcon = this._slots.hasAssignedElements('[default]', {\n      selector: 'igc-icon',\n    });\n  }\n\n  protected override render() {\n    return html`\n      <span part=${partMap({ base: true, icon: this._hasIcon })}>\n        <slot></slot>\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-badge': IgcBadgeComponent;\n  }\n}\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, var(--ig-primary-100-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-100-contrast));--border-radius: var(--ig-badge-border-radius, max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem)));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: bootstrap}`;
+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, max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem)));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
 //# 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,8jBAA8jB,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, max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem)));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: bootstrap}`;\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,ulBAAulB,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, max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem)));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: fluent}`;
+export const styles = css `:host{--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: fluent;--ig-theme-variant: dark}`;
 //# 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,6NAA6N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: fluent}`;\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,sPAAsP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: fluent;--ig-theme-variant: dark}`;\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, var(--ig-primary-400));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo}:host([variant=warning]) [part~=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-gray-50)}`;
+export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--border-color: var(--ig-badge-border-color, var(--ig-gray-100));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=warning]) [part~=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-gray-50)}`;
 //# 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,gxBAAgxB,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));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo}:host([variant=warning]) [part~=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-gray-50)}`;\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,02BAA02B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--border-color: var(--ig-badge-border-color, var(--ig-gray-100));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=warning]) [part~=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-gray-50)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background-color: var(--ig-badge-background-color, var(--ig-primary-800));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem)));--ig-theme: material}`;
+export const styles = css `:host{--background-color: var(--ig-badge-background-color, var(--ig-primary-800));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem)));--ig-theme: material;--ig-theme-variant: dark}`;
 //# 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,uSAAuS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background-color: var(--ig-badge-background-color, var(--ig-primary-800));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem)));--ig-theme: material}`;\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,gUAAgU,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background-color: var(--ig-badge-background-color, var(--ig-primary-800));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem)));--ig-theme: material;--ig-theme-variant: dark}`;\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, var(--ig-primary-100-contrast));--text-color: var(--ig-badge-text-color, var(--ig-primary-100-contrast));--border-radius: var(--ig-badge-border-radius, max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem)));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: bootstrap}`;
+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, max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem)));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: bootstrap;--ig-theme-variant: light}`;
 //# 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,8jBAA8jB,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, max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem)));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: bootstrap}`;\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,wlBAAwlB,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, max(var(--is-large, 1) * max(0.25rem, -1 * 0.25rem), var(--is-medium, 1) * max(0.25rem, -1 * 0.25rem), var(--is-small, 1) * max(0.125rem, -1 * 0.125rem)));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: bootstrap;--ig-theme-variant: light}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: fluent}`;
+export const styles = css `:host{--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: fluent;--ig-theme-variant: light}`;
 //# 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,6NAA6N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: fluent}`;\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,uPAAuP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: fluent;--ig-theme-variant: light}`;\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));--border-color: var(--ig-badge-border-color, var(--ig-gray-100));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo}`;
+export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--border-color: var(--ig-badge-border-color, var(--ig-gray-100));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo;--ig-theme-variant: light}`;
 //# 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,skBAAskB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--border-color: var(--ig-badge-border-color, var(--ig-gray-100));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo}`;\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,gmBAAgmB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--border-color: var(--ig-badge-border-color, var(--ig-gray-100));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo;--ig-theme-variant: light}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background-color: var(--ig-badge-background-color, var(--ig-primary-800));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem)));--ig-theme: material}`;
+export const styles = css `:host{--background-color: var(--ig-badge-background-color, var(--ig-primary-800));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem)));--ig-theme: material;--ig-theme-variant: light}`;
 //# 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,uSAAuS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background-color: var(--ig-badge-background-color, var(--ig-primary-800));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem)));--ig-theme: material}`;\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,iUAAiU,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background-color: var(--ig-badge-background-color, var(--ig-primary-800));--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.75rem, -1 * 0.75rem), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem)));--ig-theme: material;--ig-theme-variant: light}`;\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, 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-900-contrast));--background-color: var(--ig-badge-background-color, var(--ig-primary-500));--border-radius: var(--ig-badge-border-radius, 0);--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.625rem, -1 * 1.625rem), var(--is-medium, 1) * max(1.375rem, -1 * 1.375rem), var(--is-small, 1) * max(1rem, -1 * 1rem)));--default-size: var(--ig-badge-default-size, 2)}`;
+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-900-contrast));--background-color: var(--ig-badge-background-color, var(--ig-primary-500));--border-radius: var(--ig-badge-border-radius, 0);--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.625rem, -1 * 1.625rem), var(--is-medium, 1) * max(1.375rem, -1 * 1.375rem), var(--is-small, 1) * max(1rem, -1 * 1rem)));--default-size: var(--ig-badge-default-size, 2);--ig-theme-variant: light}`;
 //# 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,ooBAAooB,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-900-contrast));--background-color: var(--ig-badge-background-color, var(--ig-primary-500));--border-radius: var(--ig-badge-border-radius, 0);--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.625rem, -1 * 1.625rem), var(--is-medium, 1) * max(1.375rem, -1 * 1.375rem), var(--is-small, 1) * max(1rem, -1 * 1rem)));--default-size: var(--ig-badge-default-size, 2)}`;\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,8pBAA8pB,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-900-contrast));--background-color: var(--ig-badge-background-color, var(--ig-primary-500));--border-radius: var(--ig-badge-border-radius, 0);--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.625rem, -1 * 1.625rem), var(--is-medium, 1) * max(1.375rem, -1 * 1.375rem), var(--is-small, 1) * max(1rem, -1 * 1rem)));--default-size: var(--ig-badge-default-size, 2);--ig-theme-variant: light}`;\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, 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}`;
+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;--ig-theme-variant: dark}`;
 //# 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,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"]}
+{"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,ubAAub,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;--ig-theme-variant: dark}`;\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, 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}`;
+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;--ig-theme-variant: dark}`;
 //# 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,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"]}
+{"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,obAAob,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;--ig-theme-variant: dark}`;\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, 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}`;
+export const styles = css `:host{--banner-background: var(--ig-banner-banner-background, var(--ig-gray-50));--border-radius: var(--ig-banner-border-radius, 0.375rem);--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));--ig-theme: indigo;--ig-theme-variant: dark}`;
 //# 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,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"]}
+{"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,ubAAub,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--banner-background: var(--ig-banner-banner-background, var(--ig-gray-50));--border-radius: var(--ig-banner-border-radius, 0.375rem);--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));--ig-theme: indigo;--ig-theme-variant: dark}`;\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, 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}`;
+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;--ig-theme-variant: dark}`;
 //# sourceMappingURL=banner.material.css.js.map