igniteui-webcomponents 7.1.0 → 7.1.2

package/CHANGELOG.md

@@ -4,6 +4,30 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [7.1.2] - 2026-04-22
+### Changed
+- #### AI-Assisted Development
+  - Updated and enhanced the library provided skills [#2189](https://github.com/IgniteUI/igniteui-webcomponents/pull/2189) [#2195](https://github.com/IgniteUI/igniteui-webcomponents/pull/2195) [#2198](https://github.com/IgniteUI/igniteui-webcomponents/pull/2198)
+- #### Button group
+  - Themes colors alignment [#2182](https://github.com/IgniteUI/igniteui-webcomponents/pull/2182)
+- #### Circular progressbar
+  - Unified track color CSS variable between progress bars [#2185](https://github.com/IgniteUI/igniteui-webcomponents/pull/2185)
+- #### Chip
+  - Wrap content inside a new part container and update styles [#2190](https://github.com/IgniteUI/igniteui-webcomponents/pull/2190)
+
+### Fixed
+- #### Dropdown
+  - Selected item styles [#2168](https://github.com/IgniteUI/igniteui-webcomponents/pull/2168)
+- #### Linear progressbar
+  - Unified display size across platforms [#2184](https://github.com/IgniteUI/igniteui-webcomponents/pull/2184)
+- #### Tree
+  - Background style discrepancies [#2173](https://github.com/IgniteUI/igniteui-webcomponents/pull/2173)
+
+## [7.1.1] - 2026-03-25
+### Changed
+- #### Checkbox
+  - Updated disabled and indeterminate styles [#2158](https://github.com/IgniteUI/igniteui-webcomponents/pull/2158)
+
 ## [7.1.0] - 2026-03-19
 ### Added
 - Splitter component
@@ -1282,6 +1306,8 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[7.1.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.1.1...7.1.2
+[7.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.1.0...7.1.1
 [7.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.0.1...7.1.0
 [7.0.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.0.0...7.0.1
 [7.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.5.1...7.0.0

package/README.md

@@ -24,9 +24,10 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 <details open>
 <summary>Components</summary>
 
-| Components              | Status |         Documentation          | Released Version |   License   |
-| :---------------------- | :----: | :----------------------------: | :--------------: | :---------: |
-| Chat                    |   ✅   | [Docs][Chat Docs]              |     [6.3.0]      | [MIT](LICENSE) |
+| Components              | Status |         Documentation          | Released Version |    License     |
+| :---------------------- | :----: | :----------------------------: | :--------------: | :------------: |
+| Splitter                |   ✅   |     [Docs][Splitter Docs]      |     [7.1.0]      | [MIT](LICENSE) |
+| Chat                    |   ✅   |       [Docs][Chat Docs]        |     [6.3.0]      | [MIT](LICENSE) |
 | Date Range Picker       |   ✅   | [Docs][Date Range Picker Docs] |     [6.1.0]      | [MIT](LICENSE) |
 | Tooltip                 |   ✅   |      [Docs][Tooltip Docs]      |     [5.4.0]      | [MIT](LICENSE) |
 | File Input              |   ✅   |    [Docs][File Input Docs]     |     [5.4.0]      | [MIT](LICENSE) |
@@ -73,18 +74,17 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 | Ripple                  |   ✅   |      [Docs][Ripple Docs]       |     [1.0.0]      | [MIT](LICENSE) |
 | Switch                  |   ✅   |      [Docs][Switch Docs]       |     [1.0.0]      | [MIT](LICENSE) |
 
-
 </details>
 
 ## Components available in Ignite UI for WebComponents Grids & Grid Lite
 
-| Components        | Status |         Documentation          |   License   |   Package   |
-| :---------------- | :----: | :----------------------------: | :---------: | :---------: |
-| Pivot Grid        |   ✅   |    [Docs][Pivot Grid Docs]     | [Commercial][Commercial License] | [Ignite UI Web Components Grids][Ignite UI for WebComponents Grids] |
-| Data Grid         |   ✅   |     [Docs][Data Grid Docs]     | [Commercial][Commercial License] | [Ignite UI Web Components Grids][Ignite UI for WebComponents Grids] |
-| Tree Grid         |   ✅   |     [Docs][Tree Grid Docs]     | [Commercial][Commercial License] | [Ignite UI Web Components Grids][Ignite UI for WebComponents Grids] |
-| Hierarchical Grid |   ✅   | [Docs][Hierarchical Grid Docs] | [Commercial][Commercial License] | [Ignite UI Web Components Grids][Ignite UI for WebComponents Grids] |
-| Grid Lite         |   ✅   |        [Docs][Grid Lite]       | [MIT](LICENSE)           | [Ignite UI Web Components Grid Lite][Ignite UI Web Components Grid Lite]
+| Components        | Status |         Documentation          |             License              |                                 Package                                  |
+| :---------------- | :----: | :----------------------------: | :------------------------------: | :----------------------------------------------------------------------: |
+| Pivot Grid        |   ✅   |    [Docs][Pivot Grid Docs]     | [Commercial][Commercial License] |   [Ignite UI Web Components Grids][Ignite UI for WebComponents Grids]    |
+| Data Grid         |   ✅   |     [Docs][Data Grid Docs]     | [Commercial][Commercial License] |   [Ignite UI Web Components Grids][Ignite UI for WebComponents Grids]    |
+| Tree Grid         |   ✅   |     [Docs][Tree Grid Docs]     | [Commercial][Commercial License] |   [Ignite UI Web Components Grids][Ignite UI for WebComponents Grids]    |
+| Hierarchical Grid |   ✅   | [Docs][Hierarchical Grid Docs] | [Commercial][Commercial License] |   [Ignite UI Web Components Grids][Ignite UI for WebComponents Grids]    |
+| Grid Lite         |   ✅   |       [Docs][Grid Lite]        |          [MIT](LICENSE)          | [Ignite UI Web Components Grid Lite][Ignite UI Web Components Grid Lite] |
 
 ### The Lightweight Web Components Data Grid and Data Table
 
@@ -265,6 +265,7 @@ npm run storybook:build
 [Commercial License]: https://www.infragistics.com/legal/license
 [Grid Lite]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grid-lite/overview
 [Ignite UI Web Components Grid Lite]: https://www.npmjs.com/package/igniteui-grid-lite
+[Splitter Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/splitter
 [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
@@ -280,3 +281,4 @@ npm run storybook:build
 [5.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.4.0
 [6.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/6.1.0
 [6.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/6.3.0
+[7.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/7.1.0

package/animations/easings.d.ts

@@ -28,4 +28,4 @@ declare enum EaseInOut {
     Circ = "cubic-bezier(0.785, 0.135, 0.150, 0.860)",
     Back = "cubic-bezier(0.680, -0.550, 0.265, 1.550)"
 }
-export { EaseIn, EaseOut, EaseInOut };
+export { EaseIn, EaseInOut, EaseOut };

package/animations/easings.js

@@ -31,5 +31,5 @@ var EaseInOut;
     EaseInOut["Circ"] = "cubic-bezier(0.785, 0.135, 0.150, 0.860)";
     EaseInOut["Back"] = "cubic-bezier(0.680, -0.550, 0.265, 1.550)";
 })(EaseInOut || (EaseInOut = {}));
-export { EaseIn, EaseOut, EaseInOut };
+export { EaseIn, EaseInOut, EaseOut };
 //# sourceMappingURL=easings.js.map

package/animations/easings.js.map

@@ -1 +1 @@
-{"version":3,"file":"easings.js","sourceRoot":"","sources":["../../src/animations/easings.ts"],"names":[],"mappings":"AAAA,IAAK,MASJ;AATD,WAAK,MAAM;IACT,2DAAiD,CAAA;IACjD,4DAAkD,CAAA;IAClD,4DAAkD,CAAA;IAClD,4DAAkD,CAAA;IAClD,2DAAiD,CAAA;IACjD,2DAAiD,CAAA;IACjD,2DAAiD,CAAA;IACjD,4DAAkD,CAAA;AACpD,CAAC,EATI,MAAM,KAAN,MAAM,QASV;AAED,IAAK,OASJ;AATD,WAAK,OAAO;IACV,4DAAiD,CAAA;IACjD,6DAAkD,CAAA;IAClD,6DAAkD,CAAA;IAClD,6DAAkD,CAAA;IAClD,4DAAiD,CAAA;IACjD,4DAAiD,CAAA;IACjD,4DAAiD,CAAA;IACjD,4DAAiD,CAAA;AACnD,CAAC,EATI,OAAO,KAAP,OAAO,QASX;AAED,IAAK,SASJ;AATD,WAAK,SAAS;IACZ,8DAAiD,CAAA;IACjD,+DAAkD,CAAA;IAClD,+DAAkD,CAAA;IAClD,+DAAkD,CAAA;IAClD,8DAAiD,CAAA;IACjD,8DAAiD,CAAA;IACjD,8DAAiD,CAAA;IACjD,+DAAkD,CAAA;AACpD,CAAC,EATI,SAAS,KAAT,SAAS,QASb;AAED,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC","sourcesContent":["enum EaseIn {\n  Quad = 'cubic-bezier(0.550, 0.085, 0.680, 0.530)',\n  Cubic = 'cubic-bezier(0.550, 0.055, 0.675, 0.190)',\n  Quart = 'cubic-bezier(0.895, 0.030, 0.685, 0.220)',\n  Quint = 'cubic-bezier(0.755, 0.050, 0.855, 0.060)',\n  Sine = 'cubic-bezier(0.470, 0.000, 0.745, 0.715)',\n  Expo = 'cubic-bezier(0.950, 0.050, 0.795, 0.035)',\n  Circ = 'cubic-bezier(0.600, 0.040, 0.980, 0.335)',\n  Back = 'cubic-bezier(0.600, -0.280, 0.735, 0.045)',\n}\n\nenum EaseOut {\n  Quad = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)',\n  Cubic = 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',\n  Quart = 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',\n  Quint = 'cubic-bezier(0.230, 1.000, 0.320, 1.000)',\n  Sine = 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n  Expo = 'cubic-bezier(0.190, 1.000, 0.220, 1.000)',\n  Circ = 'cubic-bezier(0.075, 0.820, 0.165, 1.000)',\n  Back = 'cubic-bezier(0.175, 0.885, 0.320, 1.275)',\n}\n\nenum EaseInOut {\n  Quad = 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',\n  Cubic = 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',\n  Quart = 'cubic-bezier(0.770, 0.000, 0.175, 1.000)',\n  Quint = 'cubic-bezier(0.860, 0.000, 0.070, 1.000)',\n  Sine = 'cubic-bezier(0.445, 0.050, 0.550, 0.950)',\n  Expo = 'cubic-bezier(1.000, 0.000, 0.000, 1.000)',\n  Circ = 'cubic-bezier(0.785, 0.135, 0.150, 0.860)',\n  Back = 'cubic-bezier(0.680, -0.550, 0.265, 1.550)',\n}\n\nexport { EaseIn, EaseOut, EaseInOut };\n"]}
+{"version":3,"file":"easings.js","sourceRoot":"","sources":["../../src/animations/easings.ts"],"names":[],"mappings":"AAAA,IAAK,MASJ;AATD,WAAK,MAAM;IACT,2DAAiD,CAAA;IACjD,4DAAkD,CAAA;IAClD,4DAAkD,CAAA;IAClD,4DAAkD,CAAA;IAClD,2DAAiD,CAAA;IACjD,2DAAiD,CAAA;IACjD,2DAAiD,CAAA;IACjD,4DAAkD,CAAA;AACpD,CAAC,EATI,MAAM,KAAN,MAAM,QASV;AAED,IAAK,OASJ;AATD,WAAK,OAAO;IACV,4DAAiD,CAAA;IACjD,6DAAkD,CAAA;IAClD,6DAAkD,CAAA;IAClD,6DAAkD,CAAA;IAClD,4DAAiD,CAAA;IACjD,4DAAiD,CAAA;IACjD,4DAAiD,CAAA;IACjD,4DAAiD,CAAA;AACnD,CAAC,EATI,OAAO,KAAP,OAAO,QASX;AAED,IAAK,SASJ;AATD,WAAK,SAAS;IACZ,8DAAiD,CAAA;IACjD,+DAAkD,CAAA;IAClD,+DAAkD,CAAA;IAClD,+DAAkD,CAAA;IAClD,8DAAiD,CAAA;IACjD,8DAAiD,CAAA;IACjD,8DAAiD,CAAA;IACjD,+DAAkD,CAAA;AACpD,CAAC,EATI,SAAS,KAAT,SAAS,QASb;AAED,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC","sourcesContent":["enum EaseIn {\n  Quad = 'cubic-bezier(0.550, 0.085, 0.680, 0.530)',\n  Cubic = 'cubic-bezier(0.550, 0.055, 0.675, 0.190)',\n  Quart = 'cubic-bezier(0.895, 0.030, 0.685, 0.220)',\n  Quint = 'cubic-bezier(0.755, 0.050, 0.855, 0.060)',\n  Sine = 'cubic-bezier(0.470, 0.000, 0.745, 0.715)',\n  Expo = 'cubic-bezier(0.950, 0.050, 0.795, 0.035)',\n  Circ = 'cubic-bezier(0.600, 0.040, 0.980, 0.335)',\n  Back = 'cubic-bezier(0.600, -0.280, 0.735, 0.045)',\n}\n\nenum EaseOut {\n  Quad = 'cubic-bezier(0.250, 0.460, 0.450, 0.940)',\n  Cubic = 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',\n  Quart = 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',\n  Quint = 'cubic-bezier(0.230, 1.000, 0.320, 1.000)',\n  Sine = 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n  Expo = 'cubic-bezier(0.190, 1.000, 0.220, 1.000)',\n  Circ = 'cubic-bezier(0.075, 0.820, 0.165, 1.000)',\n  Back = 'cubic-bezier(0.175, 0.885, 0.320, 1.275)',\n}\n\nenum EaseInOut {\n  Quad = 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',\n  Cubic = 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',\n  Quart = 'cubic-bezier(0.770, 0.000, 0.175, 1.000)',\n  Quint = 'cubic-bezier(0.860, 0.000, 0.070, 1.000)',\n  Sine = 'cubic-bezier(0.445, 0.050, 0.550, 0.950)',\n  Expo = 'cubic-bezier(1.000, 0.000, 0.000, 1.000)',\n  Circ = 'cubic-bezier(0.785, 0.135, 0.150, 0.860)',\n  Back = 'cubic-bezier(0.680, -0.550, 0.265, 1.550)',\n}\n\nexport { EaseIn, EaseInOut, EaseOut };\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));--border-color: var(--ig-badge-border-color, var(--ig-gray-100));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=warning]) [part~=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-gray-50)}`;
+export const styles = css `:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=warning]) [part~=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-gray-50)}`;
 //# sourceMappingURL=badge.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,02BAA02B,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--border-color: var(--ig-badge-border-color, var(--ig-gray-100));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=warning]) [part~=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-gray-50)}`;\n  "]}
+{"version":3,"file":"badge.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/dark/badge.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yyBAAyyB,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-badge-elevation, var(--ig-elevation-0));--background-color: var(--ig-badge-background-color, var(--ig-primary-400));--size: var(--ig-badge-size, max(var(--is-large, 1) * max(1.375rem, -1 * 1.375rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--default-size: var(--ig-badge-default-size, 3);--dot-size: var(--ig-badge-dot-size, max(var(--is-large, 1) * max(0.625rem, -1 * 0.625rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.375rem, -1 * 0.375rem)));--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=warning]) [part~=base]{color:var(--ig-gray-50)}:host([variant=warning]) [part~=base] igc-icon,:host([variant=warning]) [part~=base] ::slotted(igc-icon){color:var(--ig-gray-50)}`;\n  "]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-flat-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-contained-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-contained-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=fab]){--disabled-foreground: var(--ig-fab-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-fab-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-fab-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-fab-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--ig-theme: indigo;--ig-theme-variant: light}`;
+export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-flat-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-contained-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-contained-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=fab]){--size: var(--ig-fab-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-fab-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--ig-theme: indigo;--ig-theme-variant: light}`;
 //# sourceMappingURL=button.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mlRAAmlR,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-flat-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-contained-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-contained-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=fab]){--disabled-foreground: var(--ig-fab-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-fab-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-fab-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-fab-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--ig-theme: indigo;--ig-theme-variant: light}`;\n  "]}
+{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,22QAA22Q,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-flat-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-flat-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-flat-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-button-default-size, 2);--focus-foreground: var(--ig-flat-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-flat-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-flat-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-flat-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-flat-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-flat-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-flat-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-flat-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-flat-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-flat-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-flat-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-flat-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-flat-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-flat-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=outlined]){--shadow-color: var(--ig-outlined-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-outlined-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-outlined-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-outlined-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-outlined-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-outlined-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-outlined-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-outlined-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-outlined-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-outlined-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-button-default-size, 2);--focus-foreground: var(--ig-outlined-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-outlined-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-outlined-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-outlined-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-outlined-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-outlined-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-outlined-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-outlined-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-outlined-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-outlined-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-outlined-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-outlined-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-outlined-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-outlined-button-focus-visible-foreground, var(--ig-gray-700));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=contained]){--shadow-color: var(--ig-contained-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-contained-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-contained-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-button-default-size, 2);--resting-elevation: var(--ig-contained-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-contained-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-contained-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-contained-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-contained-button-background, var(--ig-primary-500));--active-background: var(--ig-contained-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-contained-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-contained-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-contained-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-contained-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-contained-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-contained-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-contained-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-contained-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-contained-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-contained-button-focus-visible-foreground, var(--ig-primary-500-contrast));--ig-theme: indigo;--ig-theme-variant: light}:host([variant=fab]){--size: var(--ig-fab-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--foreground: var(--ig-fab-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-fab-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-fab-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-fab-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-fab-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-fab-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-fab-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-fab-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-fab-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-fab-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-fab-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-fab-button-focus-visible-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-fab-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--ig-theme: indigo;--ig-theme-variant: light}`;\n  "]}

package/components/button/themes/icon-button/dark/icon-button.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-flat-icon-button-background, transparent);--foreground: var(--ig-flat-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-icon-button-focus-background, transparent);--focus-foreground: var(--ig-flat-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-flat-icon-button-border-color, transparent);--focus-border-color: var(--ig-flat-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-flat-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-flat-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-outlined-icon-button-background, transparent);--foreground: var(--ig-outlined-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-icon-button-focus-background, transparent);--focus-foreground: var(--ig-outlined-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-outlined-icon-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-border-color: var(--ig-outlined-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-outlined-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-outlined-icon-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-radius: var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-contained-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-contained-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-contained-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-contained-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-contained-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-contained-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-contained-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-contained-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-contained-icon-button-border-color, transparent);--focus-border-color: var(--ig-contained-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-contained-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}`;
+export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-flat-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-flat-icon-button-background, transparent);--foreground: var(--ig-flat-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-icon-button-focus-background, transparent);--focus-foreground: var(--ig-flat-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-flat-icon-button-border-color, transparent);--focus-border-color: var(--ig-flat-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-flat-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-flat-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-outlined-icon-button-background, transparent);--foreground: var(--ig-outlined-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-icon-button-focus-background, transparent);--focus-foreground: var(--ig-outlined-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-outlined-icon-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-border-color: var(--ig-outlined-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-outlined-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-outlined-icon-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-radius: var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-contained-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-contained-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-contained-icon-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-contained-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-contained-icon-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-contained-icon-button-active-background, var(--ig-primary-400));--active-foreground: var(--ig-contained-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-contained-icon-button-border-color, transparent);--focus-border-color: var(--ig-contained-icon-button-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-contained-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}`;
 //# sourceMappingURL=icon-button.indigo.css.js.map

package/components/button/themes/icon-button/dark/icon-button.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uyMAAuyM,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-flat-icon-button-background, transparent);--foreground: var(--ig-flat-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-icon-button-focus-background, transparent);--focus-foreground: var(--ig-flat-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-flat-icon-button-border-color, transparent);--focus-border-color: var(--ig-flat-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-flat-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-flat-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-outlined-icon-button-background, transparent);--foreground: var(--ig-outlined-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-icon-button-focus-background, transparent);--focus-foreground: var(--ig-outlined-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-outlined-icon-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-border-color: var(--ig-outlined-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-outlined-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-outlined-icon-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-radius: var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-contained-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-contained-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-contained-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-contained-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-contained-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-contained-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-contained-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-contained-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-contained-icon-button-border-color, transparent);--focus-border-color: var(--ig-contained-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-contained-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}`;\n  "]}
+{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,usMAAusM,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host([variant=flat]){--shadow-color: var(--ig-flat-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-flat-icon-button-background, transparent);--foreground: var(--ig-flat-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-flat-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-flat-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-flat-icon-button-focus-background, transparent);--focus-foreground: var(--ig-flat-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-flat-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-flat-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-flat-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-flat-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-flat-icon-button-border-color, transparent);--focus-border-color: var(--ig-flat-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-flat-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-flat-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-flat-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-flat-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-flat-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-flat-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=outlined]){--shadow-color: var(--ig-outlined-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-outlined-icon-button-background, transparent);--foreground: var(--ig-outlined-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-outlined-icon-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-outlined-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-outlined-icon-button-focus-background, transparent);--focus-foreground: var(--ig-outlined-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-outlined-icon-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-outlined-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-outlined-icon-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-outlined-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-outlined-icon-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-border-color: var(--ig-outlined-icon-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-outlined-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-outlined-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-outlined-icon-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-radius: var(--ig-outlined-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-outlined-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-outlined-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}:host([variant=contained]){--shadow-color: var(--ig-contained-icon-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--background: var(--ig-contained-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-contained-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-contained-icon-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-contained-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-contained-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-contained-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-contained-icon-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-contained-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-contained-icon-button-active-background, var(--ig-primary-400));--active-foreground: var(--ig-contained-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-contained-icon-button-border-color, transparent);--focus-border-color: var(--ig-contained-icon-button-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-contained-icon-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-contained-icon-button-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-border-color: var(--ig-contained-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-contained-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-contained-icon-button-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-contained-icon-button-default-size, 2);--ig-theme: indigo;--ig-theme-variant: dark}`;\n  "]}

package/components/button-group/button-group.js

@@ -11,7 +11,7 @@ import { createMutationController, } from '../common/controllers/mutation-observ
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { findElementFromEventPath, last } from '../common/util.js';
+import { getElementFromPath, last } from '../common/util.js';
 import { styles } from './themes/group.base.css.js';
 import { all } from './themes/group.js';
 import { styles as shared } from './themes/shared/group/group.common.css.js';
@@ -94,7 +94,7 @@ export default class IgcButtonGroupComponent extends EventEmitterMixin(LitElemen
         }
     }
     handleClick(event) {
-        const button = findElementFromEventPath(IgcToggleButtonComponent.tagName, event);
+        const button = getElementFromPath(IgcToggleButtonComponent.tagName, event);
         if (button) {
             this.isMultiple
                 ? this.handleMultipleSelection(button)

package/components/button-group/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport {\n  createMutationController,\n  type MutationControllerParams,\n} from '../common/controllers/mutation-observer.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { findElementFromEventPath, last } from '../common/util.js';\nimport type { ButtonGroupSelection, ContentOrientation } from '../types.js';\nimport { styles } from './themes/group.base.css.js';\nimport { all } from './themes/group.js';\nimport { styles as shared } from './themes/shared/group/group.common.css.js';\nimport IgcToggleButtonComponent from './toggle-button.js';\n\nexport interface IgcButtonGroupComponentEventMap {\n  igcSelect: CustomEvent<string | undefined>;\n  igcDeselect: CustomEvent<string | undefined>;\n}\n\n/* blazorAdditionalDependency: IgcToggleButtonComponent */\n/**\n * The `igc-button-group` groups a series of `igc-toggle-button`s together, exposing features such as layout and selection.\n *\n * @element igc-button-group\n *\n * @slot - Renders `igc-toggle-button` component.\n *\n * @fires igcSelect - Emitted when a button is selected through user interaction.\n * @fires igcDeselect - Emitted when a button is deselected through user interaction.\n *\n * @csspart group - The button group container.\n */\nexport default class IgcButtonGroupComponent extends EventEmitterMixin<\n  IgcButtonGroupComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-button-group';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcButtonGroupComponent, IgcToggleButtonComponent);\n  }\n\n  private get isMultiple() {\n    return this.selection === 'multiple';\n  }\n\n  private _selectedItems: Set<string> = new Set();\n\n  private _observerCallback({\n    changes: { added, attributes },\n  }: MutationControllerParams<IgcToggleButtonComponent>) {\n    if (this.isMultiple || this._selectedButtons.length <= 1) {\n      return;\n    }\n\n    const buttons = this.toggleButtons;\n    const idx = buttons.indexOf(\n      added.length ? last(added).node : last(attributes).node\n    );\n\n    for (const [i, button] of buttons.entries()) {\n      if (button.selected && i !== idx) {\n        button.selected = false;\n      }\n    }\n  }\n\n  private get _selectedButtons(): Array<IgcToggleButtonComponent> {\n    return this.toggleButtons.filter((b) => b.selected);\n  }\n\n  @queryAssignedElements({ selector: IgcToggleButtonComponent.tagName })\n  private toggleButtons!: Array<IgcToggleButtonComponent>;\n\n  /**\n   * Disables all buttons inside the group.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Sets the orientation of the buttons in the group.\n   * @attr\n   */\n  @property({ reflect: true })\n  public alignment: ContentOrientation = 'horizontal';\n\n  /**\n   * Controls the mode of selection for the button group.\n   * @attr\n   */\n  @property({ reflect: false })\n  public selection: ButtonGroupSelection = 'single';\n\n  /**\n   * Gets/Sets the currently selected buttons (their values).\n   * @attr\n   */\n  @property({ attribute: 'selected-items', type: Array, reflect: false })\n  public get selectedItems(): string[] {\n    return this._selectedButtons.map((b) => b.value).filter((v) => v);\n  }\n\n  public set selectedItems(values: string[]) {\n    this._selectedItems = new Set(Array.isArray(values) ? values : []);\n    this.setSelection(this._selectedItems);\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  protected updateDisabledState() {\n    this.toggleButtons.forEach((b) => {\n      b.disabled = this.disabled;\n    });\n  }\n\n  @watch('selection', { waitUntilFirstUpdate: true })\n  protected updateSelectionState() {\n    if (this._selectedButtons.length) {\n      this.toggleButtons.forEach((b) => {\n        b.selected = false;\n      });\n    }\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    createMutationController(this, {\n      callback: this._observerCallback,\n      filter: [IgcToggleButtonComponent.tagName],\n      config: {\n        attributeFilter: ['selected'],\n        childList: true,\n        subtree: true,\n      },\n    });\n  }\n\n  protected override firstUpdated() {\n    if (this.disabled) {\n      this.updateDisabledState();\n    }\n\n    const buttons = this._selectedButtons;\n\n    if (buttons.length) {\n      if (!this.isMultiple) {\n        const index = buttons.indexOf(buttons.at(-1)!);\n\n        for (let i = 0; i < index; i++) {\n          buttons[i].selected = false;\n        }\n      }\n    } else {\n      this.setSelection(this._selectedItems);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    const button = findElementFromEventPath<IgcToggleButtonComponent>(\n      IgcToggleButtonComponent.tagName,\n      event\n    );\n\n    if (button) {\n      this.isMultiple\n        ? this.handleMultipleSelection(button)\n        : this.handleSingleSelection(button);\n    }\n  }\n\n  private handleSingleSelection(button: IgcToggleButtonComponent) {\n    const singleRequired = this.selection === 'single-required';\n    const selectedButton = this._selectedButtons.at(0);\n    const isSame = selectedButton && selectedButton.value === button.value;\n\n    if (selectedButton) {\n      if (singleRequired && isSame) return;\n      this.emitDeselectEvent(selectedButton);\n    }\n    if (isSame) return;\n    this.emitSelectEvent(button);\n  }\n\n  private handleMultipleSelection(button: IgcToggleButtonComponent) {\n    button.selected\n      ? this.emitDeselectEvent(button)\n      : this.emitSelectEvent(button);\n  }\n\n  private emitSelectEvent(button: IgcToggleButtonComponent) {\n    button.selected = true;\n    this.emitEvent('igcSelect', { detail: button.value });\n  }\n\n  private emitDeselectEvent(button: IgcToggleButtonComponent) {\n    button.selected = false;\n    this.emitEvent('igcDeselect', { detail: button.value });\n  }\n\n  private setSelection(values: Set<string>) {\n    if (!values.size) {\n      this.toggleButtons.forEach((b) => {\n        b.selected = false;\n      });\n      return;\n    }\n\n    for (const button of this.toggleButtons) {\n      if (values.has(button.value)) {\n        button.selected = true;\n        if (!this.isMultiple) {\n          break;\n        }\n      }\n    }\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=\"group\"\n        role=\"group\"\n        aria-disabled=${this.disabled}\n        @click=${this.handleClick}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-button-group': IgcButtonGroupComponent;\n  }\n}\n"]}
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport {\n  createMutationController,\n  type MutationControllerParams,\n} from '../common/controllers/mutation-observer.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { getElementFromPath, last } from '../common/util.js';\nimport type { ButtonGroupSelection, ContentOrientation } from '../types.js';\nimport { styles } from './themes/group.base.css.js';\nimport { all } from './themes/group.js';\nimport { styles as shared } from './themes/shared/group/group.common.css.js';\nimport IgcToggleButtonComponent from './toggle-button.js';\n\nexport interface IgcButtonGroupComponentEventMap {\n  igcSelect: CustomEvent<string | undefined>;\n  igcDeselect: CustomEvent<string | undefined>;\n}\n\n/* blazorAdditionalDependency: IgcToggleButtonComponent */\n/**\n * The `igc-button-group` groups a series of `igc-toggle-button`s together, exposing features such as layout and selection.\n *\n * @element igc-button-group\n *\n * @slot - Renders `igc-toggle-button` component.\n *\n * @fires igcSelect - Emitted when a button is selected through user interaction.\n * @fires igcDeselect - Emitted when a button is deselected through user interaction.\n *\n * @csspart group - The button group container.\n */\nexport default class IgcButtonGroupComponent extends EventEmitterMixin<\n  IgcButtonGroupComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-button-group';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcButtonGroupComponent, IgcToggleButtonComponent);\n  }\n\n  private get isMultiple() {\n    return this.selection === 'multiple';\n  }\n\n  private _selectedItems: Set<string> = new Set();\n\n  private _observerCallback({\n    changes: { added, attributes },\n  }: MutationControllerParams<IgcToggleButtonComponent>) {\n    if (this.isMultiple || this._selectedButtons.length <= 1) {\n      return;\n    }\n\n    const buttons = this.toggleButtons;\n    const idx = buttons.indexOf(\n      added.length ? last(added).node : last(attributes).node\n    );\n\n    for (const [i, button] of buttons.entries()) {\n      if (button.selected && i !== idx) {\n        button.selected = false;\n      }\n    }\n  }\n\n  private get _selectedButtons(): Array<IgcToggleButtonComponent> {\n    return this.toggleButtons.filter((b) => b.selected);\n  }\n\n  @queryAssignedElements({ selector: IgcToggleButtonComponent.tagName })\n  private toggleButtons!: Array<IgcToggleButtonComponent>;\n\n  /**\n   * Disables all buttons inside the group.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Sets the orientation of the buttons in the group.\n   * @attr\n   */\n  @property({ reflect: true })\n  public alignment: ContentOrientation = 'horizontal';\n\n  /**\n   * Controls the mode of selection for the button group.\n   * @attr\n   */\n  @property({ reflect: false })\n  public selection: ButtonGroupSelection = 'single';\n\n  /**\n   * Gets/Sets the currently selected buttons (their values).\n   * @attr\n   */\n  @property({ attribute: 'selected-items', type: Array, reflect: false })\n  public get selectedItems(): string[] {\n    return this._selectedButtons.map((b) => b.value).filter((v) => v);\n  }\n\n  public set selectedItems(values: string[]) {\n    this._selectedItems = new Set(Array.isArray(values) ? values : []);\n    this.setSelection(this._selectedItems);\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  protected updateDisabledState() {\n    this.toggleButtons.forEach((b) => {\n      b.disabled = this.disabled;\n    });\n  }\n\n  @watch('selection', { waitUntilFirstUpdate: true })\n  protected updateSelectionState() {\n    if (this._selectedButtons.length) {\n      this.toggleButtons.forEach((b) => {\n        b.selected = false;\n      });\n    }\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    createMutationController(this, {\n      callback: this._observerCallback,\n      filter: [IgcToggleButtonComponent.tagName],\n      config: {\n        attributeFilter: ['selected'],\n        childList: true,\n        subtree: true,\n      },\n    });\n  }\n\n  protected override firstUpdated() {\n    if (this.disabled) {\n      this.updateDisabledState();\n    }\n\n    const buttons = this._selectedButtons;\n\n    if (buttons.length) {\n      if (!this.isMultiple) {\n        const index = buttons.indexOf(buttons.at(-1)!);\n\n        for (let i = 0; i < index; i++) {\n          buttons[i].selected = false;\n        }\n      }\n    } else {\n      this.setSelection(this._selectedItems);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    const button = getElementFromPath(IgcToggleButtonComponent.tagName, event);\n\n    if (button) {\n      this.isMultiple\n        ? this.handleMultipleSelection(button)\n        : this.handleSingleSelection(button);\n    }\n  }\n\n  private handleSingleSelection(button: IgcToggleButtonComponent) {\n    const singleRequired = this.selection === 'single-required';\n    const selectedButton = this._selectedButtons.at(0);\n    const isSame = selectedButton && selectedButton.value === button.value;\n\n    if (selectedButton) {\n      if (singleRequired && isSame) return;\n      this.emitDeselectEvent(selectedButton);\n    }\n    if (isSame) return;\n    this.emitSelectEvent(button);\n  }\n\n  private handleMultipleSelection(button: IgcToggleButtonComponent) {\n    button.selected\n      ? this.emitDeselectEvent(button)\n      : this.emitSelectEvent(button);\n  }\n\n  private emitSelectEvent(button: IgcToggleButtonComponent) {\n    button.selected = true;\n    this.emitEvent('igcSelect', { detail: button.value });\n  }\n\n  private emitDeselectEvent(button: IgcToggleButtonComponent) {\n    button.selected = false;\n    this.emitEvent('igcDeselect', { detail: button.value });\n  }\n\n  private setSelection(values: Set<string>) {\n    if (!values.size) {\n      this.toggleButtons.forEach((b) => {\n        b.selected = false;\n      });\n      return;\n    }\n\n    for (const button of this.toggleButtons) {\n      if (values.has(button.value)) {\n        button.selected = true;\n        if (!this.isMultiple) {\n          break;\n        }\n      }\n    }\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=\"group\"\n        role=\"group\"\n        aria-disabled=${this.disabled}\n        @click=${this.handleClick}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-button-group': IgcButtonGroupComponent;\n  }\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--item-text-color: var(--ig-button-group-item-text-color, var(--ig-primary-600-contrast));--item-background: var(--ig-button-group-item-background, var(--ig-primary-500));--item-border-color: var(--ig-button-group-item-border-color, var(--ig-primary-500));--item-hover-background: var(--ig-button-group-item-hover-background, var(--ig-primary-600));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-primary-600-contrast));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-primary-600-contrast));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-400));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-primary-100));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-primary-600-contrast));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-primary-500));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-primary-600-contrast));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-primary-900) h s l/0.6));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-primary-600) h s l/0.5));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-primary-700));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-primary-700-contrast));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-primary-700-contrast));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-primary-700));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-primary-800));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-primary-700-contrast));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-primary-700-contrast));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-primary-700));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-primary-900) h s l/0.9));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-primary-200));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-primary-100));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-primary-200));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-primary-200));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-primary-100));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
+export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--item-text-color: var(--ig-button-group-item-text-color, var(--ig-primary-600-contrast));--item-background: var(--ig-button-group-item-background, var(--ig-primary-500));--item-border-color: var(--ig-button-group-item-border-color, var(--ig-primary-500));--item-hover-background: var(--ig-button-group-item-hover-background, var(--ig-primary-600));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-primary-600-contrast));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-primary-600-contrast));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-primary-500));--item-focused-hover-text-color: var(--ig-button-group-item-focused-hover-text-color, var(--ig-primary-600-contrast));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-primary-600));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, var(--ig-primary-600));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-primary-700-contrast));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-primary-700-contrast));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-primary-700));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, var(--ig-primary-800));--item-selected-active-background: var(--ig-button-group-item-selected-active-background, var(--ig-primary-900));--item-active-border-color: var(--ig-button-group-item-active-border-color, var(--ig-primary-800));--item-selected-active-border-color: var(--ig-button-group-item-selected-active-border-color, var(--ig-primary-900));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-primary-50));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-primary-600-contrast));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-primary-500));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-primary-600-contrast));--item-focused-background: var(--ig-button-group-item-focused-background, var(--ig-primary-500));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-primary-700));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-primary-700-contrast));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-primary-700-contrast));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-primary-700));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-primary-800));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-primary-700));--item-active-background: var(--ig-button-group-item-active-background, var(--ig-primary-800));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-primary-200));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-primary-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, var(--ig-primary-100));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-primary-200));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-primary-200));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-primary-100));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
 //# sourceMappingURL=button-group.bootstrap.css.js.map

package/components/button-group/themes/dark/button-group.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8gHAA8gH,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--item-text-color: var(--ig-button-group-item-text-color, var(--ig-primary-600-contrast));--item-background: var(--ig-button-group-item-background, var(--ig-primary-500));--item-border-color: var(--ig-button-group-item-border-color, var(--ig-primary-500));--item-hover-background: var(--ig-button-group-item-hover-background, var(--ig-primary-600));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-primary-600-contrast));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-primary-600-contrast));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-400));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-primary-100));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-primary-600-contrast));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-primary-500));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-primary-600-contrast));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-primary-900) h s l/0.6));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-primary-600) h s l/0.5));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-primary-700));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-primary-700-contrast));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-primary-700-contrast));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-primary-700));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-primary-800));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-primary-700-contrast));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-primary-700-contrast));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-primary-700));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-primary-900) h s l/0.9));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-primary-200));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-primary-100));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-primary-200));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-primary-200));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-primary-100));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n  "]}
+{"version":3,"file":"button-group.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4jIAA4jI,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--item-text-color: var(--ig-button-group-item-text-color, var(--ig-primary-600-contrast));--item-background: var(--ig-button-group-item-background, var(--ig-primary-500));--item-border-color: var(--ig-button-group-item-border-color, var(--ig-primary-500));--item-hover-background: var(--ig-button-group-item-hover-background, var(--ig-primary-600));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-primary-600-contrast));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-primary-600-contrast));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-primary-500));--item-focused-hover-text-color: var(--ig-button-group-item-focused-hover-text-color, var(--ig-primary-600-contrast));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-primary-600));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, var(--ig-primary-600));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-primary-700-contrast));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-primary-700-contrast));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-primary-700));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, var(--ig-primary-800));--item-selected-active-background: var(--ig-button-group-item-selected-active-background, var(--ig-primary-900));--item-active-border-color: var(--ig-button-group-item-active-border-color, var(--ig-primary-800));--item-selected-active-border-color: var(--ig-button-group-item-selected-active-border-color, var(--ig-primary-900));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-primary-50));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-primary-600-contrast));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-primary-500));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-primary-600-contrast));--item-focused-background: var(--ig-button-group-item-focused-background, var(--ig-primary-500));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-primary-700));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-primary-700-contrast));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-primary-700-contrast));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-primary-700));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-primary-800));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-primary-700));--item-active-background: var(--ig-button-group-item-active-background, var(--ig-primary-800));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-primary-200));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-primary-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, var(--ig-primary-100));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-primary-200));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-primary-200));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-primary-100));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n  "]}

package/components/button-group/themes/dark/button-group.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-900));--item-background: var(--ig-button-group-item-background, var(--ig-gray-900-contrast));--item-border-color: var(--ig-button-group-item-border-color, var(--ig-gray-400));--item-hover-background: var(--ig-button-group-item-hover-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-900));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-900));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-400));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-900));--item-focused-background: var(--ig-button-group-item-focused-background, var(--ig-gray-100));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, var(--ig-gray-200));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-900));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-400));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-900));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-900));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-400));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-400) h s l/0.3));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-400));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-gray-300));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.3));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-300));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-300));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-300));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-400));--ig-theme: fluent;--ig-theme-variant: dark}`;
+export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-900));--item-background: var(--ig-button-group-item-background, var(--ig-gray-900-contrast));--item-border-color: var(--ig-button-group-item-border-color, var(--ig-gray-400));--item-hover-background: var(--ig-button-group-item-hover-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-900));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-900));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-400));--item-focused-hover-text-color: var(--ig-button-group-item-focused-hover-text-color, var(--ig-gray-900));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-400));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, var(--ig-gray-50));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-active-background: var(--ig-button-group-item-selected-active-background, var(--ig-gray-300));--item-active-border-color: var(--ig-button-group-item-active-border-color, var(--ig-gray-400));--item-selected-active-border-color: var(--ig-button-group-item-selected-active-border-color, var(--ig-gray-600));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-900));--item-focused-background: var(--ig-button-group-item-focused-background, var(--ig-gray-900-contrast));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-900));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-400));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-900));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-900));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-600));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-gray-200));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-600));--item-active-background: var(--ig-button-group-item-active-background, var(--ig-gray-100));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-300));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-300));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-300));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, var(--ig-gray-100));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-400));--ig-theme: fluent;--ig-theme-variant: dark}`;
 //# sourceMappingURL=button-group.fluent.css.js.map

package/components/button-group/themes/dark/button-group.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4qGAA4qG,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-900));--item-background: var(--ig-button-group-item-background, var(--ig-gray-900-contrast));--item-border-color: var(--ig-button-group-item-border-color, var(--ig-gray-400));--item-hover-background: var(--ig-button-group-item-hover-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-900));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-900));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-400));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-900));--item-focused-background: var(--ig-button-group-item-focused-background, var(--ig-gray-100));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, var(--ig-gray-200));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-900));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-400));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-900));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-900));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-400));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-400) h s l/0.3));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-400));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-gray-300));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.3));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-300));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-300));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-300));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-400));--ig-theme: fluent;--ig-theme-variant: dark}`;\n  "]}
+{"version":3,"file":"button-group.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ugHAAugH,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-900));--item-background: var(--ig-button-group-item-background, var(--ig-gray-900-contrast));--item-border-color: var(--ig-button-group-item-border-color, var(--ig-gray-400));--item-hover-background: var(--ig-button-group-item-hover-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-900));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-900));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-400));--item-focused-hover-text-color: var(--ig-button-group-item-focused-hover-text-color, var(--ig-gray-900));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-400));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, var(--ig-gray-50));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-active-background: var(--ig-button-group-item-selected-active-background, var(--ig-gray-300));--item-active-border-color: var(--ig-button-group-item-active-border-color, var(--ig-gray-400));--item-selected-active-border-color: var(--ig-button-group-item-selected-active-border-color, var(--ig-gray-600));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-900));--item-focused-background: var(--ig-button-group-item-focused-background, var(--ig-gray-900-contrast));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-900));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-400));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-900));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-900));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-600));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-gray-200));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-600));--item-active-background: var(--ig-button-group-item-active-background, var(--ig-gray-100));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-300));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-300));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-300));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, var(--ig-gray-100));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-400));--ig-theme: fluent;--ig-theme-variant: dark}`;\n  "]}

package/components/button-group/themes/dark/button-group.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--item-text-color: var(--ig-button-group-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-background: var(--ig-button-group-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-50-contrast));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-background-color: var(--ig-button-group-disabled-background-color, transparent);--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-50-contrast));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-200));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, var(--ig-gray-200));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-primary-500));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-primary-500-contrast));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-primary-500));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-primary-400));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-primary-400));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-primary-500-contrast));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-primary-500-contrast));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-primary-500));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, var(--ig-primary-400));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-50));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--ig-theme: indigo;--ig-theme-variant: dark}`;
+export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--item-text-color: var(--ig-button-group-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-background: var(--ig-button-group-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-50-contrast));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-100));--item-focused-hover-text-color: var(--ig-button-group-item-focused-hover-text-color, var(--ig-gray-50-contrast));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-200));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-primary-500-contrast));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-primary-500-contrast));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-primary-500));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, var(--ig-primary-400));--item-selected-active-background: var(--ig-button-group-item-selected-active-background, var(--ig-primary-400));--item-active-border-color: var(--ig-button-group-item-active-border-color, var(--ig-gray-200));--item-selected-active-border-color: var(--ig-button-group-item-selected-active-border-color, var(--ig-primary-400));--disabled-background-color: var(--ig-button-group-disabled-background-color, transparent);--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-50-contrast));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-primary-500));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-primary-500-contrast));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-primary-500));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-primary-400));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-primary-400));--item-active-background: var(--ig-button-group-item-active-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--ig-theme: indigo;--ig-theme-variant: dark}`;
 //# sourceMappingURL=button-group.indigo.css.js.map

package/components/button-group/themes/dark/button-group.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u+GAAu+G,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--item-text-color: var(--ig-button-group-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-background: var(--ig-button-group-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-50-contrast));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-background-color: var(--ig-button-group-disabled-background-color, transparent);--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-50-contrast));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-200));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, var(--ig-gray-200));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-primary-500));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-primary-500-contrast));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-primary-500));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-primary-400));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-primary-400));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-primary-500-contrast));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-primary-500-contrast));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-primary-500));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, var(--ig-primary-400));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-50));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--ig-theme: indigo;--ig-theme-variant: dark}`;\n  "]}
+{"version":3,"file":"button-group.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qqIAAqqI,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--item-text-color: var(--ig-button-group-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-background: var(--ig-button-group-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-50-contrast));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-100));--item-focused-hover-text-color: var(--ig-button-group-item-focused-hover-text-color, var(--ig-gray-50-contrast));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-200));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-primary-500-contrast));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-primary-500-contrast));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-primary-500));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, var(--ig-primary-400));--item-selected-active-background: var(--ig-button-group-item-selected-active-background, var(--ig-primary-400));--item-active-border-color: var(--ig-button-group-item-active-border-color, var(--ig-gray-200));--item-selected-active-border-color: var(--ig-button-group-item-selected-active-border-color, var(--ig-primary-400));--disabled-background-color: var(--ig-button-group-disabled-background-color, transparent);--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2);--item-icon-color: var(--ig-button-group-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-50-contrast));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-50-contrast) h s l/0.05));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-primary-500));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-primary-500-contrast));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-primary-500));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-primary-400));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-primary-400));--item-active-background: var(--ig-button-group-item-active-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--ig-theme: indigo;--ig-theme-variant: dark}`;\n  "]}

package/components/button-group/themes/dark/button-group.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-700));--item-background: var(--ig-button-group-item-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-800));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-400) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-100));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-300) h s l/0.4));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.28));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.5));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--ig-theme: material;--ig-theme-variant: dark}`;
+export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-700));--item-background: var(--ig-button-group-item-background, var(--ig-gray-50));--item-hover-background: var(--ig-button-group-item-hover-background, var(--ig-gray-100));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-800));--item-focused-hover-text-color: var(--ig-button-group-item-focused-hover-text-color, var(--ig-gray-800));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, var(--ig-gray-100));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-active-background: var(--ig-button-group-item-selected-active-background, var(--ig-gray-200));--item-selected-active-border-color: var(--ig-button-group-item-selected-active-border-color, var(--ig-gray-500));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-focused-background: var(--ig-button-group-item-focused-background, var(--ig-gray-100));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, var(--ig-gray-100));--item-active-background: var(--ig-button-group-item-active-background, var(--ig-gray-200));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-200));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-200));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, var(--ig-gray-50));--ig-theme: material;--ig-theme-variant: dark}`;
 //# sourceMappingURL=button-group.material.css.js.map