igniteui-webcomponents 5.3.0-beta.3 → 5.4.0-rc.0

package/CHANGELOG.md

@@ -4,6 +4,44 @@ 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
+- New File Input Component(`igc-file-input`)
+- Exposed more public API type aliases for component property types like `ButtonVariant`, `PickerMode`, `StepperOrientation`, `HorizontalTransitionAnimation` (carousel and horizontal stepper) and more.
+
+### Deprecated
+- Some event argument types have been renamed for consistency:
+  - `CheckboxChangeEventArgs` deprecated, use `IgcCheckboxChangeEventArgs` instead.
+  - `RadioChangeEventArgs` deprecated, use `IgcRadioChangeEventArgs` instead.
+  - `IgcRangeSliderValue` deprecated, use `IgcRangeSliderValueEventArgs` instead.
+  - `IgcActiveStepChangingArgs` deprecated, use `IgcActiveStepChangingEventArgs` instead.
+  - `IgcActiveStepChangedArgs` deprecated, use `IgcActiveStepChangedEventArgs` instead.
+- Carousel Slide's `toggleAnimation` is now marked internal and deprecated for use in favor of parent Carousel's `select` method.
+- Stepper Step's `toggleAnimation` is now marked internal and deprecated for use in favor of parent Stepper's `navigateTo` method.
+
+### Fixed
+- Setting validation properties on a pristine non-dirty form associated element does not apply invalid styles [#1632](https://github.com/IgniteUI/igniteui-webcomponents/issues/1632)
+- Exposed `IgcCalendarResourceStrings`, `PopoverPlacement` (Dropdown and Select) and `IgcTreeSelectionEventArgs` from the public API
+
+## [5.3.0] - 2025-03-13
+### Added
+- Tile manager component [#1402](https://github.com/IgniteUI/igniteui-webcomponents/pull/1402)
+- #### List
+  - The `igc-list-item` component exposes a new `selected` property. When set on a list item, the item will become visually highlighted [#1590](https://github.com/IgniteUI/igniteui-webcomponents/pull/1590)
+
+### Changed
+- #### Progressbar
+  - Use theme schemas [#1582](https://github.com/IgniteUI/igniteui-webcomponents/pull/1582)
+
+### Fixed
+- #### Calendar
+  - Days row height for Fluent and Bootstrap themes [#1597](https://github.com/IgniteUI/igniteui-webcomponents/pull/1597)
+  - Disabled date text color in range preview for Material and Indigo themes [#1595](https://github.com/IgniteUI/igniteui-webcomponents/pull/1595)
+- #### Chip
+  - Improved responsive layout styles [#1588](https://github.com/IgniteUI/igniteui-webcomponents/pull/1588)
+- #### Combo
+  - Improved toggle button visual states [#1580](https://github.com/IgniteUI/igniteui-webcomponents/pull/1580)
+
 ## [5.2.4] - 2025-02-24
 ### Changed
 - #### Carousel - **Potential visual breaking change.**
@@ -699,6 +737,7 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[5.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.4...5.3.0
 [5.2.4]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.3...5.2.4
 [5.2.3]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.2...5.2.3
 [5.2.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.1...5.2.2

package/README.md

@@ -23,6 +23,7 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 
 | Components              | Status |         Documentation          | Released Version |
 | :---------------------- | :----: | :----------------------------: | :--------------: |
+| Tile Manager            |   ✅   |   [Docs][Tile Manager Docs]    |     [5.3.0]      |
 | Carousel                |   ✅   |     [Docs][Carousel Docs]      |     [5.1.0]      |
 | Date picker             |   ✅   |    [Docs][Date Picker Docs]    |     [4.10.0]     |
 | Divider                 |   ✅   |      [Docs][Divider Docs]      |     [4.10.0]     |
@@ -68,11 +69,12 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 
 ## Components available in [Ignite UI for WebComponents Grids]
 
-| Components | Status |      Documentation      |
-| :--------- | :----: | :---------------------: |
-| Pivot Grid |   ✅   | [Docs][Pivot Grid Docs] |
-| Data Grid  |   ✅   | [Docs][Data Grid Docs]  |
-| Tree Grid  |   ✅   | [Docs][Tree Grid Docs]  |
+| Components        | Status |         Documentation          |
+| :---------------- | :----: | :----------------------------: |
+| Pivot Grid        |   ✅   |    [Docs][Pivot Grid Docs]     |
+| Data Grid         |   ✅   |     [Docs][Data Grid Docs]     |
+| Tree Grid         |   ✅   |     [Docs][Tree Grid Docs]     |
+| Hierarchical Grid |   ✅   | [Docs][Hierarchical Grid Docs] |
 
 ### The Lightweight Web Components Data Grid and Data Table
 
@@ -197,6 +199,7 @@ npm run storybook:build
 [Pivot Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/pivot-grid/overview
 [Data Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/grid/overview
 [Tree Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/tree-grid/overview
+[Hierarchical Grid Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/hierarchical-grid/overview
 [Switch Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/switch
 [Ripple Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/ripple
 [Radio Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/radio
@@ -237,6 +240,7 @@ npm run storybook:build
 [Divider Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/divider
 [Date Picker Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/scheduling/date-picker
 [Carousel Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/carousel
+[Tile Manager Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/tile-manager
 [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
@@ -248,3 +252,4 @@ npm run storybook:build
 [4.5.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/4.5.0
 [4.10.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/4.10.0
 [5.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.1.0
+[5.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.3.0

package/animations/player.js.map

@@ -1 +1 @@
-{"version":3,"file":"player.js","sourceRoot":"","sources":["../../src/animations/player.ts"],"names":[],"mappings":"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","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  if (getPrefersReducedMotion() || !document.startViewTransition) {\n    callback?.();\n    return {};\n  }\n\n  return { transition: document.startViewTransition(callback) };\n}\n"]}
+{"version":3,"file":"player.js","sourceRoot":"","sources":["../../src/animations/player.ts"],"names":[],"mappings":"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","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/avatar.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import type { AvatarShape } from '../types.js';
 /**
  * An avatar component is used as a representation of a user identity
  * typically in a user profile.
@@ -37,7 +38,7 @@ export default class IgcAvatarComponent extends LitElement {
      * The shape of the avatar.
      * @attr
      */
-    shape: 'circle' | 'rounded' | 'square';
+    shape: AvatarShape;
     constructor();
     protected roleDescriptionChange(): void;
     protected handleErrorState(): void;

package/components/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAgB1B,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAKjD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAkB,CAAC,CAAC;IACxC,CAAC;IAmCD;QACE,KAAK,EAAE,CAAC;QA/BF,aAAQ,GAAG,KAAK,CAAC;QA4BlB,UAAK,GAAoC,QAAQ,CAAC;QAKvD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,WAAW,CAAC,SAAS,GAAG,QAAQ,CAAC;IACxC,CAAC;IAIS,qBAAqB;QAC7B,IAAI,CAAC,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC;IACnE,CAAC;IAGS,gBAAgB;QACxB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,QAAQ,SAAS;YACrD,CAAC,CAAC,IAAI,CAAA,eAAe;UACrB,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC1B,CAAC,CAAC,IAAI,CAAA;;;sBAGM,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;sBACnB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;yBAChB,IAAI,CAAC,WAAW;;aAE5B;YACH,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;;AAlFsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AACvB,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAUzC;IADP,KAAK,EAAE;oDACiB;AAOlB;IADN,QAAQ,EAAE;+CACS;AAOb;IADN,QAAQ,EAAE;+CACS;AAOb;IADN,QAAQ,EAAE;oDACc;AAOlB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC6B;AAY/C;IAFT,KAAK,CAAC,UAAU,CAAC;IACjB,KAAK,CAAC,KAAK,CAAC;+DAGZ;AAGS;IADT,KAAK,CAAC,KAAK,CAAC;0DAGZ;AA3DkB,kBAAkB;IADtC,MAAM,CAAC,GAAG,CAAC;GACS,kBAAkB,CAoFtC;eApFoB,kBAAkB","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/avatar.base.css.js';\nimport { styles as shared } from './themes/shared/avatar.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * An avatar component is used as a representation of a user identity\n * typically in a user profile.\n *\n * @element igc-avatar\n *\n * @slot - Renders an icon inside the default slot.\n *\n * @csspart base - The base wrapper of the avatar.\n * @csspart initials - The initials wrapper of the avatar.\n * @csspart image - The image wrapper of the avatar.\n * @csspart icon - The icon wrapper of the avatar.\n */\n@themes(all)\nexport default class IgcAvatarComponent extends LitElement {\n  public static readonly tagName = 'igc-avatar';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcAvatarComponent);\n  }\n\n  private __internals: ElementInternals;\n\n  @state()\n  private hasError = false;\n\n  /**\n   * The image source to use.\n   * @attr\n   */\n  @property()\n  public src!: string;\n\n  /**\n   * Alternative text for the image.\n   * @attr\n   */\n  @property()\n  public alt!: string;\n\n  /**\n   * Initials to use as a fallback when no image is available.\n   * @attr\n   */\n  @property()\n  public initials!: string;\n\n  /**\n   * The shape of the avatar.\n   * @attr\n   */\n  @property({ reflect: true })\n  public shape: 'circle' | 'rounded' | 'square' = 'square';\n\n  constructor() {\n    super();\n\n    this.__internals = this.attachInternals();\n    this.__internals.role = 'img';\n    this.__internals.ariaLabel = 'avatar';\n  }\n\n  @watch('initials')\n  @watch('alt')\n  protected roleDescriptionChange() {\n    this.__internals.ariaRoleDescription = this.alt ?? this.initials;\n  }\n\n  @watch('src')\n  protected handleErrorState() {\n    this.hasError = false;\n  }\n\n  protected handleError() {\n    this.hasError = true;\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        ${this.initials\n          ? html`<span part=\"initials\">${this.initials}</span>`\n          : html`<slot></slot>`}\n        ${this.src && !this.hasError\n          ? html`\n              <img\n                part=\"image\"\n                alt=${ifDefined(this.alt)}\n                src=${ifDefined(this.src)}\n                @error=${this.handleError}\n              />\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-avatar': IgcAvatarComponent;\n  }\n}\n"]}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAgB1B,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAKjD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAkB,CAAC,CAAC;IACxC,CAAC;IAmCD;QACE,KAAK,EAAE,CAAC;QA/BF,aAAQ,GAAG,KAAK,CAAC;QA4BlB,UAAK,GAAgB,QAAQ,CAAC;QAKnC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,WAAW,CAAC,SAAS,GAAG,QAAQ,CAAC;IACxC,CAAC;IAIS,qBAAqB;QAC7B,IAAI,CAAC,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC;IACnE,CAAC;IAGS,gBAAgB;QACxB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,QAAQ,SAAS;YACrD,CAAC,CAAC,IAAI,CAAA,eAAe;UACrB,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC1B,CAAC,CAAC,IAAI,CAAA;;;sBAGM,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;sBACnB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;yBAChB,IAAI,CAAC,WAAW;;aAE5B;YACH,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;;AAlFsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AACvB,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAUzC;IADP,KAAK,EAAE;oDACiB;AAOlB;IADN,QAAQ,EAAE;+CACS;AAOb;IADN,QAAQ,EAAE;+CACS;AAOb;IADN,QAAQ,EAAE;oDACc;AAOlB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACS;AAY3B;IAFT,KAAK,CAAC,UAAU,CAAC;IACjB,KAAK,CAAC,KAAK,CAAC;+DAGZ;AAGS;IADT,KAAK,CAAC,KAAK,CAAC;0DAGZ;AA3DkB,kBAAkB;IADtC,MAAM,CAAC,GAAG,CAAC;GACS,kBAAkB,CAoFtC;eApFoB,kBAAkB","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { AvatarShape } from '../types.js';\nimport { styles } from './themes/avatar.base.css.js';\nimport { styles as shared } from './themes/shared/avatar.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * An avatar component is used as a representation of a user identity\n * typically in a user profile.\n *\n * @element igc-avatar\n *\n * @slot - Renders an icon inside the default slot.\n *\n * @csspart base - The base wrapper of the avatar.\n * @csspart initials - The initials wrapper of the avatar.\n * @csspart image - The image wrapper of the avatar.\n * @csspart icon - The icon wrapper of the avatar.\n */\n@themes(all)\nexport default class IgcAvatarComponent extends LitElement {\n  public static readonly tagName = 'igc-avatar';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcAvatarComponent);\n  }\n\n  private __internals: ElementInternals;\n\n  @state()\n  private hasError = false;\n\n  /**\n   * The image source to use.\n   * @attr\n   */\n  @property()\n  public src!: string;\n\n  /**\n   * Alternative text for the image.\n   * @attr\n   */\n  @property()\n  public alt!: string;\n\n  /**\n   * Initials to use as a fallback when no image is available.\n   * @attr\n   */\n  @property()\n  public initials!: string;\n\n  /**\n   * The shape of the avatar.\n   * @attr\n   */\n  @property({ reflect: true })\n  public shape: AvatarShape = 'square';\n\n  constructor() {\n    super();\n\n    this.__internals = this.attachInternals();\n    this.__internals.role = 'img';\n    this.__internals.ariaLabel = 'avatar';\n  }\n\n  @watch('initials')\n  @watch('alt')\n  protected roleDescriptionChange() {\n    this.__internals.ariaRoleDescription = this.alt ?? this.initials;\n  }\n\n  @watch('src')\n  protected handleErrorState() {\n    this.hasError = false;\n  }\n\n  protected handleError() {\n    this.hasError = true;\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        ${this.initials\n          ? html`<span part=\"initials\">${this.initials}</span>`\n          : html`<slot></slot>`}\n        ${this.src && !this.hasError\n          ? html`\n              <img\n                part=\"image\"\n                alt=${ifDefined(this.alt)}\n                src=${ifDefined(this.src)}\n                @error=${this.handleError}\n              />\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-avatar': IgcAvatarComponent;\n  }\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, 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)))}`;
+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,0bAA0b,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)))}`;\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, 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)))}`;
+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,waAAwa,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)))}`;\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/badge/badge.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import type { StyleVariant } from '../types.js';
+import type { BadgeShape, StyleVariant } from '../types.js';
 /**
  * The badge is a component indicating a status on a related item or an area
  * where some active indication is required.
@@ -29,7 +29,7 @@ export default class IgcBadgeComponent extends LitElement {
      * The shape of the badge.
      * @attr
      */
-    shape: 'rounded' | 'square';
+    shape: BadgeShape;
     constructor();
     protected variantChange(): void;
     protected render(): import("lit-html").TemplateResult<1>;

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,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,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;AAa1B,IAAM,iBAAiB,yBAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAKhD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,mBAAiB,CAAC,CAAC;IACvC,CAAC;IAyBD;QACE,KAAK,EAAE,CAAC;QAjBH,YAAO,GAAiB,SAAS,CAAC;QAOlC,aAAQ,GAAG,KAAK,CAAC;QAOjB,UAAK,GAAyB,SAAS,CAAC;QAI7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC;IACnC,CAAC;IAGS,aAAa;QACrB,IAAI,CAAC,WAAW,CAAC,mBAAmB,GAAG,SAAS,IAAI,CAAC,OAAO,EAAE,CAAC;IACjE,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAhDsB,yBAAO,GAAG,WAAW,AAAd,CAAe;AACtB,wBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAc1C;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;gDACmB;AASrC;IADT,KAAK,CAAC,SAAS,CAAC;sDAGhB;AAzCkB,iBAAiB;IADrC,MAAM,CAAC,GAAG,CAAC;GACS,iBAAiB,CAkDrC;eAlDoB,iBAAiB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { 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 */\n@themes(all)\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() {\n    registerComponent(IgcBadgeComponent);\n  }\n\n  private __internals: ElementInternals;\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: 'rounded' | 'square' = 'rounded';\n\n  constructor() {\n    super();\n    this.__internals = this.attachInternals();\n    this.__internals.role = 'status';\n  }\n\n  @watch('variant')\n  protected variantChange() {\n    this.__internals.ariaRoleDescription = `badge ${this.variant}`;\n  }\n\n  protected override render() {\n    return html`\n      <span part=\"base\">\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,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,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;AAa1B,IAAM,iBAAiB,yBAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAKhD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,mBAAiB,CAAC,CAAC;IACvC,CAAC;IAyBD;QACE,KAAK,EAAE,CAAC;QAjBH,YAAO,GAAiB,SAAS,CAAC;QAOlC,aAAQ,GAAG,KAAK,CAAC;QAOjB,UAAK,GAAe,SAAS,CAAC;QAInC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC;IACnC,CAAC;IAGS,aAAa;QACrB,IAAI,CAAC,WAAW,CAAC,mBAAmB,GAAG,SAAS,IAAI,CAAC,OAAO,EAAE,CAAC;IACjE,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAhDsB,yBAAO,GAAG,WAAW,AAAd,CAAe;AACtB,wBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAc1C;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;AAS3B;IADT,KAAK,CAAC,SAAS,CAAC;sDAGhB;AAzCkB,iBAAiB;IADrC,MAAM,CAAC,GAAG,CAAC;GACS,iBAAiB,CAkDrC;eAlDoB,iBAAiB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.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 */\n@themes(all)\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() {\n    registerComponent(IgcBadgeComponent);\n  }\n\n  private __internals: ElementInternals;\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  constructor() {\n    super();\n    this.__internals = this.attachInternals();\n    this.__internals.role = 'status';\n  }\n\n  @watch('variant')\n  protected variantChange() {\n    this.__internals.ariaRoleDescription = `badge ${this.variant}`;\n  }\n\n  protected override render() {\n    return html`\n      <span part=\"base\">\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-color: var(--ig-badge-border-color, var(--ig-gray-50-contrast));--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,2RAA2R,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)}`;\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, var(--ig-primary-400))}`;
+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,kJAAkJ,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))}`;\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, 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)}`;
+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,kNAAkN,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)}`;\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, var(--ig-primary-400))}`;
+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,kJAAkJ,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))}`;\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/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))}`;
+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,wYAAwY,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))}`;\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, 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))}`;
+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,wYAAwY,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))}`;\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, 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)}`;
+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,2YAA2Y,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)}`;\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, 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))}`;
+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,wYAAwY,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))}`;\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, 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))}`;
+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,wYAAwY,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))}`;\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, 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))}`;
+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,wYAAwY,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))}`;\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, 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)}`;
+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,4YAA4Y,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)}`;\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, 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))}`;
+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,wYAAwY,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))}`;\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/button.d.ts

@@ -1,3 +1,4 @@
+import type { ButtonVariant } from '../types.js';
 import { IgcButtonBaseComponent } from './button-base.js';
 /**
  * Represents a clickable button, used to submit forms or anywhere in a
@@ -21,7 +22,7 @@ export default class IgcButtonComponent extends IgcButtonBaseComponent {
      * Sets the variant of the button.
      * @attr
      */
-    variant: 'flat' | 'contained' | 'outlined' | 'fab';
+    variant: ButtonVariant;
     protected renderContent(): import("lit-html").TemplateResult<1>;
 }
 declare global {