igniteui-webcomponents 3.3.0-beta.0 → 4.0.0-alpha

package/CHANGELOG.md

@@ -5,11 +5,35 @@ 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/).
 
-## [3.3.0-beta.0] - 2022-07-12
+## [3.3.1] - 2022-08-10
+### Changed
+- Tree - Removed theme-specified height [#460](https://github.com/IgniteUI/igniteui-webcomponents/pull/460)
+
+### Fixed
+- Dropdown - Dispose of top-level event listeners [#462](https://github.com/IgniteUI/igniteui-webcomponents/issues/462)
+- Linear Progress - Indeterminate animation in Safari [#378](https://github.com/IgniteUI/igniteui-webcomponents/issues/378)
+- Radio Group - Child radio components auto-registration [#464](https://github.com/IgniteUI/igniteui-webcomponents/pull/464)
+
+## [3.3.0] - 2022-07-26
 ### Added
-- DateTime input [#314](https://github.com/IgniteUI/igniteui-webcomponents/pull/314)
-- Tabs [#341](https://github.com/IgniteUI/igniteui-webcomponents/pull/341)
+- DateTime input component [#314](https://github.com/IgniteUI/igniteui-webcomponents/pull/314)
+- Tabs component [#341](https://github.com/IgniteUI/igniteui-webcomponents/pull/341)
 - Typography styles in themes [#392](https://github.com/IgniteUI/igniteui-webcomponents/pull/392)
+- Accordion component [#418](https://github.com/IgniteUI/igniteui-webcomponents/pull/418)
+
+### Changed
+- Rating - Added support for single selection and empty symbols [#428](https://github.com/IgniteUI/igniteui-webcomponents/pull/428)
+- Slider - Improved slider steps rendering [#448](https://github.com/IgniteUI/igniteui-webcomponents/pull/448)
+- Components will now auto register their dependencies when they are registered in `defineComponents`
+
+    ```typescript
+    import { IgcDropdownComponent, defineComponents } from 'igniteui-webcomponents';
+    // will automatically register the dropdown item & group elements
+    // as well as their dependencies if any
+    defineComponents(IgcDropdownComponent);
+    ```
+
+    Check the official [documentation](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/general-getting-started) for more information.
 
 ### Fixed
 - Remove input helper text container when it is empty [#395](https://github.com/IgniteUI/igniteui-webcomponents/pull/395)
@@ -17,6 +41,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - Checkbox not showing in Safari [#398](https://github.com/IgniteUI/igniteui-webcomponents/pull/398)
 - Button stretches correctly in flex containers [#407](https://github.com/IgniteUI/igniteui-webcomponents/pull/407)
 - Various theming issues [#402](https://github.com/IgniteUI/igniteui-webcomponents/pull/402) [#409](https://github.com/IgniteUI/igniteui-webcomponents/pull/409) [#424](https://github.com/IgniteUI/igniteui-webcomponents/pull/424)
+- Dropdown - bug fixes and improvements [#434](https://github.com/IgniteUI/igniteui-webcomponents/pull/434)
 
 ## [3.2.0] - 2022-05-30
 ### Added
@@ -117,20 +142,13 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
-  [3.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.1.0...3.2.0
-  [3.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.0.0...3.1.0
-  [3.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.2.0...3.0.0
-  [2.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.1.1...2.2.0
-  [2.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.1.0...2.1.1
-  [2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.0.0...2.1.0
-  [2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/1.0.0...2.0.0
-
-[3.3.0-beta.0]: https://github.com/IgniteUI/igniteui-webcomponents.git/compare/v3.2.0...v3.3.0-beta.0
-[3.2.0]: https://github.com/IgniteUI/igniteui-webcomponents.git/compare/v3.1.0...v3.2.0
-[3.1.0]: https://github.com/IgniteUI/igniteui-webcomponents.git/compare/v3.0.0...v3.1.0
-[3.0.0]: https://github.com/IgniteUI/igniteui-webcomponents.git/compare/v2.2.0...v3.0.0
-[2.2.0]: https://github.com/IgniteUI/igniteui-webcomponents.git/compare/v2.1.1...v2.2.0
-[2.1.1]: https://github.com/IgniteUI/igniteui-webcomponents.git/compare/v2.1.0...v2.1.1
-[2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents.git/compare/v2.0.0...v2.1.0
-[2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents.git/compare/v1.0.0...v2.0.0
-[1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents.git/releases/tag/v1.0.0
+[3.3.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.3.0...3.3.1
+[3.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.2.0...3.3.0
+[3.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.1.0...3.2.0
+[3.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.0.0...3.1.0
+[3.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.2.0...3.0.0
+[2.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.1.1...2.2.0
+[2.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.1.0...2.1.1
+[2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.0.0...2.1.0
+[2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/1.0.0...2.0.0
+[1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/1.0.0

package/README.md

@@ -2,7 +2,7 @@
 
 
 <h1 align="center">
-  Ignite UI for Angular - from Infragistics 
+  Ignite UI for Web Components - from Infragistics 
 </h1>
 
 
@@ -12,7 +12,8 @@
 [![npm version](https://badge.fury.io/js/igniteui-webcomponents.svg)](https://badge.fury.io/js/igniteui-webcomponents)
 [![Discord](https://img.shields.io/discord/836634487483269200?logo=discord&logoColor=ffffff)](https://discord.gg/39MjrTRqds)
 
-[Ignite UI for Web Components](https://www.infragistics.com/products/ignite-ui-web-components) is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach. See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)!
+[Ignite UI for Web Components](https://www.infragistics.com/products/ignite-ui-web-components) is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach. See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)!  
+All components are based on the [Indigo.Design Design System](https://www.infragistics.com/products/appbuilder/ui-toolkit) and are backed by ready-to-use UI kits for Sketch, Adobe XD and Figma.
 
 ## Browser Support
 
@@ -48,10 +49,14 @@ Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
 |Chip|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/chip)|[2.1.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0)|    
 |Snackbar|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/notifications/snackbar)|[2.1.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0)|
 |Toast|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/notifications/toast)|[2.1.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0)|
+|Rating|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/rating)|[2.1.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0)|
 |Drop Down|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/notifications/toast)|[2.2.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.2.0)|
 |Mask Input|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/input)|[3.2.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/3.2.0)|
 |Expansion Panel|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/expansion-panel)|[3.2.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/3.2.0)|
 |Tree|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grids/tree)|[3.2.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/3.2.0)|
+|Date Time Input|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/date-time-input)|[3.3.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/3.3.0)|
+|Tabs|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/tabs)|[3.3.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/3.3.0)|
+|Accordion|:white_check_mark:|[Docs](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/accordion)|[3.3.0](https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/3.3.0)|
 
 ## Usage
 

package/components/accordion/accordion.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';
+/**
+ * The Accordion is a container-based component that can house multiple expansion panels
+ * and offers keyboard navigation.
+ *
+ * @element igc-accordion
+ *
+ * @slot - Renders the expansion panels inside default slot.
+ */
+export default class IgcAccordionComponent extends LitElement {
+    static readonly tagName = "igc-accordion";
+    static styles: import("lit").CSSResult;
+    private get _enabledPanels();
+    singleExpand: boolean;
+    /** Returns all of the accordions's direct igc-expansion-panel children. */
+    panels: Array<IgcExpansionPanelComponent>;
+    constructor();
+    private handlePanelOpening;
+    private handleKeydown;
+    private handleUpDownArrow;
+    private getNextPanel;
+    private getPanelHeader;
+    private closePanel;
+    private openPanel;
+    /** Hides all of the child expansion panels' contents. */
+    hideAll(): void;
+    /** Shows all of the child expansion panels' contents. */
+    showAll(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-accordion': IgcAccordionComponent;
+    }
+}

package/components/accordion/accordion.js

@@ -0,0 +1,129 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property, queryAssignedElements } from 'lit/decorators.js';
+import { styles } from './themes/accordion.base.css.js';
+import { defineComponents } from '../common/definitions/defineComponents.js';
+import IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';
+import { blazorSuppress } from '../common/decorators/blazorSuppress.js';
+defineComponents(IgcExpansionPanelComponent);
+export default class IgcAccordionComponent extends LitElement {
+    constructor() {
+        super();
+        this.singleExpand = false;
+        this.handleKeydown = (event) => {
+            if (event.target.tagName.toLowerCase() !==
+                'igc-expansion-panel' ||
+                !this._enabledPanels.includes(event.target)) {
+                return;
+            }
+            switch (event.key.toLowerCase()) {
+                case 'home':
+                    this.getPanelHeader(this._enabledPanels.at(0)).focus();
+                    break;
+                case 'end':
+                    this.getPanelHeader(this._enabledPanels.at(-1)).focus();
+                    break;
+                case 'arrowup':
+                case 'up':
+                    this.handleUpDownArrow(true, event);
+                    break;
+                case 'arrowdown':
+                case 'down':
+                    this.handleUpDownArrow(false, event);
+                    break;
+            }
+        };
+        this.addEventListener('keydown', this.handleKeydown, { capture: true });
+        this.addEventListener('igcOpening', this.handlePanelOpening);
+    }
+    get _enabledPanels() {
+        return this.panels.filter((p) => !p.disabled);
+    }
+    handlePanelOpening(event) {
+        const panel = event.target;
+        if (!this.singleExpand || !this.panels.includes(panel)) {
+            return;
+        }
+        this._enabledPanels.forEach((p) => {
+            if (p.open && p !== panel) {
+                this.closePanel(p);
+            }
+        });
+    }
+    handleUpDownArrow(isUp, event) {
+        const focusedPanel = event.target;
+        if (!event.altKey) {
+            const next = this.getNextPanel(focusedPanel, isUp ? -1 : 1);
+            if (next === focusedPanel) {
+                return;
+            }
+            this.getPanelHeader(next).focus();
+        }
+        if (event.shiftKey && event.altKey) {
+            if (this.singleExpand && !isUp) {
+                this._enabledPanels.forEach((p) => p !== focusedPanel ? this.closePanel(p) : this.openPanel(p));
+                return;
+            }
+            if (isUp) {
+                this._enabledPanels.forEach((p) => this.closePanel(p));
+            }
+            else {
+                this._enabledPanels.forEach((p) => this.openPanel(p));
+            }
+        }
+    }
+    getNextPanel(panel, dir = 1) {
+        const panelIndex = this._enabledPanels.indexOf(panel);
+        return this._enabledPanels[panelIndex + dir] || panel;
+    }
+    getPanelHeader(panel) {
+        var _a;
+        return (_a = panel.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('div[part="header"]');
+    }
+    async closePanel(panel) {
+        if (!panel.open) {
+            return;
+        }
+        if (!panel.emitEvent('igcClosing', { cancelable: true, detail: panel })) {
+            return;
+        }
+        panel.open = false;
+        await panel.updateComplete;
+        panel.emitEvent('igcClosed', { detail: panel });
+    }
+    async openPanel(panel) {
+        if (panel.open) {
+            return;
+        }
+        if (!panel.emitEvent('igcOpening', { cancelable: true, detail: panel })) {
+            return;
+        }
+        panel.open = true;
+        await panel.updateComplete;
+        panel.emitEvent('igcOpened', { detail: panel });
+    }
+    hideAll() {
+        this.panels.forEach((p) => (p.open = false));
+    }
+    showAll() {
+        this.panels.forEach((p) => (p.open = true));
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+IgcAccordionComponent.tagName = 'igc-accordion';
+IgcAccordionComponent.styles = styles;
+__decorate([
+    property({ attribute: 'single-expand', reflect: true, type: Boolean })
+], IgcAccordionComponent.prototype, "singleExpand", void 0);
+__decorate([
+    queryAssignedElements({ selector: 'igc-expansion-panel' }),
+    blazorSuppress()
+], IgcAccordionComponent.prototype, "panels", void 0);
+//# sourceMappingURL=accordion.js.map

package/components/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { styles } from './themes/accordion.base.css.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\n\ndefineComponents(IgcExpansionPanelComponent);\n\n/**\n * The Accordion is a container-based component that can house multiple expansion panels\n * and offers keyboard navigation.\n *\n * @element igc-accordion\n *\n * @slot - Renders the expansion panels inside default slot.\n */\nexport default class IgcAccordionComponent extends LitElement {\n  public static readonly tagName = 'igc-accordion';\n  public static override styles = styles;\n\n  private get _enabledPanels(): Array<IgcExpansionPanelComponent> {\n    return this.panels.filter((p) => !p.disabled);\n  }\n\n  @property({ attribute: 'single-expand', reflect: true, type: Boolean })\n  public singleExpand = false;\n\n  /** Returns all of the accordions's direct igc-expansion-panel children. */\n  @queryAssignedElements({ selector: 'igc-expansion-panel' })\n  @blazorSuppress()\n  public panels!: Array<IgcExpansionPanelComponent>;\n\n  constructor() {\n    super();\n    this.addEventListener('keydown', this.handleKeydown, { capture: true });\n    this.addEventListener('igcOpening', this.handlePanelOpening);\n  }\n\n  private handlePanelOpening(event: Event) {\n    const panel = event.target as IgcExpansionPanelComponent;\n    if (!this.singleExpand || !this.panels.includes(panel)) {\n      return;\n    }\n    this._enabledPanels.forEach((p) => {\n      if (p.open && p !== panel) {\n        this.closePanel(p);\n      }\n    });\n  }\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    if (\n      (event.target as HTMLElement).tagName.toLowerCase() !==\n        'igc-expansion-panel' ||\n      !this._enabledPanels.includes(event.target as IgcExpansionPanelComponent)\n    ) {\n      return;\n    }\n    switch (event.key.toLowerCase()) {\n      case 'home':\n        this.getPanelHeader(this._enabledPanels.at(0)!).focus();\n        break;\n      case 'end':\n        this.getPanelHeader(this._enabledPanels.at(-1)!).focus();\n        break;\n      case 'arrowup':\n      case 'up':\n        this.handleUpDownArrow(true, event);\n        break;\n      case 'arrowdown':\n      case 'down':\n        this.handleUpDownArrow(false, event);\n        break;\n    }\n  };\n\n  private handleUpDownArrow(isUp: boolean, event: KeyboardEvent) {\n    const focusedPanel = event.target as IgcExpansionPanelComponent;\n    if (!event.altKey) {\n      const next = this.getNextPanel(focusedPanel, isUp ? -1 : 1);\n      if (next === focusedPanel) {\n        return;\n      }\n      this.getPanelHeader(next).focus();\n    }\n    if (event.shiftKey && event.altKey) {\n      if (this.singleExpand && !isUp) {\n        this._enabledPanels.forEach((p) =>\n          p !== focusedPanel ? this.closePanel(p) : this.openPanel(p)\n        );\n        return;\n      }\n\n      if (isUp) {\n        this._enabledPanels.forEach((p) => this.closePanel(p));\n      } else {\n        this._enabledPanels.forEach((p) => this.openPanel(p));\n      }\n    }\n  }\n\n  private getNextPanel(panel: IgcExpansionPanelComponent, dir: 1 | -1 = 1) {\n    const panelIndex = this._enabledPanels.indexOf(panel);\n    return this._enabledPanels[panelIndex + dir] || panel;\n  }\n\n  private getPanelHeader(panel: IgcExpansionPanelComponent) {\n    return panel.shadowRoot?.querySelector('div[part=\"header\"]') as HTMLElement;\n  }\n\n  private async closePanel(panel: IgcExpansionPanelComponent) {\n    if (!panel.open) {\n      return;\n    }\n    if (!panel.emitEvent('igcClosing', { cancelable: true, detail: panel })) {\n      return;\n    }\n    panel.open = false;\n    await panel.updateComplete;\n\n    panel.emitEvent('igcClosed', { detail: panel });\n  }\n\n  private async openPanel(panel: IgcExpansionPanelComponent) {\n    if (panel.open) {\n      return;\n    }\n    if (!panel.emitEvent('igcOpening', { cancelable: true, detail: panel })) {\n      return;\n    }\n\n    panel.open = true;\n    await panel.updateComplete;\n\n    panel.emitEvent('igcOpened', { detail: panel });\n  }\n\n  /** Hides all of the child expansion panels' contents. */\n  public hideAll() {\n    this.panels.forEach((p) => (p.open = false));\n  }\n\n  /** Shows all of the child expansion panels' contents. */\n  public showAll() {\n    this.panels.forEach((p) => (p.open = true));\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-accordion': IgcAccordionComponent;\n  }\n}\n"]}

package/components/accordion/themes/accordion.base.css.d.ts

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

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

@@ -0,0 +1,14 @@
+import { css } from 'lit';
+export const styles = css `:host ::slotted(igc-expansion-panel) {
+  --lines-clamped: 4;
+}
+:host ::slotted(igc-expansion-panel[open]) {
+  margin: 0.5rem 0;
+}
+:host ::slotted(igc-expansion-panel:first-of-type) {
+  margin-top: 0;
+}
+:host ::slotted(igc-expansion-panel:last-of-type) {
+  margin-bottom: 0;
+}`;
+//# sourceMappingURL=accordion.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.base.css.js","sourceRoot":"","sources":["../../../../src/components/accordion/themes/accordion.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;EAWvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted(igc-expansion-panel) {\n  --lines-clamped: 4;\n}\n:host ::slotted(igc-expansion-panel[open]) {\n  margin: 0.5rem 0;\n}\n:host ::slotted(igc-expansion-panel:first-of-type) {\n  margin-top: 0;\n}\n:host ::slotted(igc-expansion-panel:last-of-type) {\n  margin-bottom: 0;\n}`;\n"]}

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

@@ -1,3 +1,96 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:inline-block}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-radius:0;outline-style:none;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;font-family:var(--igc-font-family);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([size=large]) [part=base]{--size: 5.5rem}:host([size=medium]) [part=base]{--size: 4rem}:host([size=small]) [part=base]{--size: 2.5rem}:host([shape=rounded]) [part=base]{border-radius:.5rem}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;
+export const styles = css `:host {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host {
+  display: inline-block;
+}
+
+[part=base] {
+  position: relative;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  background: hsla(var(--ig-gray-400), var(--ig-gray-a));
+  border-radius: 0;
+  outline-style: none;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  overflow: hidden;
+  font-family: var(--ig-font-family);
+  width: var(--size);
+  height: var(--size);
+}
+[part=base] [part=initials] {
+  font-size: calc(var(--size) / 2);
+  line-height: calc(var(--size) / 2);
+}
+
+img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  background-color: inherit;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+[part=initials] {
+  text-transform: uppercase;
+}
+
+:host([size=large]) [part=base] {
+  --size: 5.5rem;
+}
+
+:host([size=medium]) [part=base] {
+  --size: 4rem;
+}
+
+:host([size=small]) [part=base] {
+  --size: 2.5rem;
+}
+
+:host([shape=rounded]) [part=base] {
+  border-radius: 0.5rem;
+}
+
+:host([shape=circle]) [part=base] {
+  border-radius: calc(var(--size) / 2);
+}`;
 //# sourceMappingURL=avatar.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i1DAAi1D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:inline-block}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-radius:0;outline-style:none;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;font-family:var(--igc-font-family);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([size=large]) [part=base]{--size: 5.5rem}:host([size=medium]) [part=base]{--size: 4rem}:host([size=small]) [part=base]{--size: 2.5rem}:host([shape=rounded]) [part=base]{border-radius:.5rem}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;\n"]}
+{"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n:host {\n  display: inline-block;\n}\n\n[part=base] {\n  position: relative;\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  border-radius: 0;\n  outline-style: none;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  overflow: hidden;\n  font-family: var(--ig-font-family);\n  width: var(--size);\n  height: var(--size);\n}\n[part=base] [part=initials] {\n  font-size: calc(var(--size) / 2);\n  line-height: calc(var(--size) / 2);\n}\n\nimg {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  background-color: inherit;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n[part=initials] {\n  text-transform: uppercase;\n}\n\n:host([size=large]) [part=base] {\n  --size: 5.5rem;\n}\n\n:host([size=medium]) [part=base] {\n  --size: 4rem;\n}\n\n:host([size=small]) [part=base] {\n  --size: 2.5rem;\n}\n\n:host([shape=rounded]) [part=base] {\n  border-radius: 0.5rem;\n}\n\n:host([shape=circle]) [part=base] {\n  border-radius: calc(var(--size) / 2);\n}`;\n"]}

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

@@ -1,3 +1,6 @@
 import { css } from 'lit';
-export const styles = css `:host([shape=square]) [part=base],:host([shape=rounded]) [part=base]{border-radius:.25rem}`;
+export const styles = css `:host([shape=square]) [part=base],
+:host([shape=rounded]) [part=base] {
+  border-radius: 0.25rem;
+}`;
 //# sourceMappingURL=avatar.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4FAA4F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([shape=square]) [part=base],:host([shape=rounded]) [part=base]{border-radius:.25rem}`;\n"]}
+{"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;EAGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([shape=square]) [part=base],\n:host([shape=rounded]) [part=base] {\n  border-radius: 0.25rem;\n}`;\n"]}

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

@@ -1,3 +1,101 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{--size: 0.75rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:500}span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--size);min-height:var(--size);max-height:calc(var(--size)*2);line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--igc-font-family);font-size:var(--igc-subtitle-1-font-size);font-weight:inherit}:host(:not(:empty)) span{padding:.25rem .5rem;min-width:calc(var(--size)*2)}:host([variant=primary]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=info]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=success]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=warning]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=danger]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([shape=rounded]),:host([outlined][shape=rounded]) span{border-radius:calc(var(--size)/2)}:host([shape=square]),:host([outlined][shape=square]) span{border-radius:0}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
+export const styles = css `:host {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host {
+  --size: 0.75rem;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  font-weight: 500;
+}
+
+span {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  min-width: var(--size);
+  min-height: var(--size);
+  max-height: calc(var(--size) * 2);
+  line-height: 1;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  overflow: hidden;
+  white-space: nowrap;
+  font-family: var(--ig-font-family);
+  font-size: var(--ig-subtitle-1-font-size);
+  font-weight: inherit;
+}
+
+:host(:not(:empty)) span {
+  padding: 0.25rem 0.5rem;
+  min-width: calc(var(--size) * 2);
+}
+
+:host([variant=primary]) {
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  color: var(--ig-primary-500-contrast);
+}
+
+:host([variant=info]) {
+  background: hsla(var(--ig-info-500), var(--ig-info-a));
+  color: var(--ig-info-500-contrast);
+}
+
+:host([variant=success]) {
+  background: hsla(var(--ig-success-500), var(--ig-success-a));
+  color: var(--ig-success-500-contrast);
+}
+
+:host([variant=warning]) {
+  background: hsla(var(--ig-warn-500), var(--ig-warn-a));
+  color: var(--ig-warn-500-contrast);
+}
+
+:host([variant=danger]) {
+  background: hsla(var(--ig-error-500), var(--ig-error-a));
+  color: var(--ig-error-500-contrast);
+}
+
+:host([shape=rounded]),
+:host([outlined][shape=rounded]) span {
+  border-radius: calc(var(--size) / 2);
+}
+
+:host([shape=square]),
+:host([outlined][shape=square]) span {
+  border-radius: 0;
+}
+
+:host([outlined]) span {
+  -webkit-box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-50), var(--ig-gray-a));
+          box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-50), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=badge.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mwEAAmwE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{--size: 0.75rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:500}span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--size);min-height:var(--size);max-height:calc(var(--size)*2);line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--igc-font-family);font-size:var(--igc-subtitle-1-font-size);font-weight:inherit}:host(:not(:empty)) span{padding:.25rem .5rem;min-width:calc(var(--size)*2)}:host([variant=primary]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=info]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=success]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=warning]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=danger]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([shape=rounded]),:host([outlined][shape=rounded]) span{border-radius:calc(var(--size)/2)}:host([shape=square]),:host([outlined][shape=square]) span{border-radius:0}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n:host {\n  --size: 0.75rem;\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-weight: 500;\n}\n\nspan {\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  min-width: var(--size);\n  min-height: var(--size);\n  max-height: calc(var(--size) * 2);\n  line-height: 1;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  overflow: hidden;\n  white-space: nowrap;\n  font-family: var(--ig-font-family);\n  font-size: var(--ig-subtitle-1-font-size);\n  font-weight: inherit;\n}\n\n:host(:not(:empty)) span {\n  padding: 0.25rem 0.5rem;\n  min-width: calc(var(--size) * 2);\n}\n\n:host([variant=primary]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n\n:host([variant=info]) {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n}\n\n:host([variant=success]) {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n}\n\n:host([variant=warning]) {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n}\n\n:host([variant=danger]) {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n}\n\n:host([shape=rounded]),\n:host([outlined][shape=rounded]) span {\n  border-radius: calc(var(--size) / 2);\n}\n\n:host([shape=square]),\n:host([outlined][shape=square]) span {\n  border-radius: 0;\n}\n\n:host([outlined]) span {\n  -webkit-box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-50), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-50), var(--ig-gray-a));\n}`;\n"]}

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

@@ -1,3 +1,12 @@
 import { css } from 'lit';
-export const styles = css `:host{--size: 1.125rem;--igc-subtitle-1-font-size: 0.75rem;font-weight:700}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
+export const styles = css `:host {
+  --size: 1.125rem;
+  --ig-subtitle-1-font-size: 0.75rem;
+  font-weight: 700;
+}
+
+:host([outlined]) span {
+  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), var(--ig-gray-a));
+          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), var(--ig-gray-a));
+}`;
 //# 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,oQAAoQ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 1.125rem;--igc-subtitle-1-font-size: 0.75rem;font-weight:700}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;\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;;;;;;;;;EASvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --size: 1.125rem;\n  --ig-subtitle-1-font-size: 0.75rem;\n  font-weight: 700;\n}\n\n:host([outlined]) span {\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), var(--ig-gray-a));\n}`;\n"]}

package/components/button/button-base.js

@@ -10,8 +10,9 @@ import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { EventEmitterMixin } from '../common//mixins/event-emitter.js';
 import { alternateName } from '../common/decorators/alternateName.js';
+import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
 import { SizableMixin } from '../common/mixins/sizable.js';
-export class IgcButtonBaseComponent extends SizableMixin(EventEmitterMixin(LitElement)) {
+let IgcButtonBaseComponent = class IgcButtonBaseComponent extends SizableMixin(EventEmitterMixin(LitElement)) {
     constructor() {
         super(...arguments);
         this.disabled = false;
@@ -80,7 +81,7 @@ export class IgcButtonBaseComponent extends SizableMixin(EventEmitterMixin(LitEl
         const link = this.href !== undefined;
         return link ? this.renderLinkButton() : this.renderButton();
     }
-}
+};
 IgcButtonBaseComponent.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
@@ -116,4 +117,8 @@ __decorate([
 __decorate([
     alternateName('blurComponent')
 ], IgcButtonBaseComponent.prototype, "blur", null);
+IgcButtonBaseComponent = __decorate([
+    blazorDeepImport
+], IgcButtonBaseComponent);
+export { IgcButtonBaseComponent };
 //# sourceMappingURL=button-base.js.map