npm - igniteui-webcomponents - Versions diffs - 7.1.1 → 7.1.3 - Mend

igniteui-webcomponents 7.1.1 → 7.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (197) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -4,6 +4,34 @@ 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.3] - 2026-04-28
+### Changed
+- #### AI-Assisted Development
+  - Updated and enhanced the library provided skills [#2207](https://github.com/IgniteUI/igniteui-webcomponents/pull/2207)
+### Fixed
+- #### Stepper
+  - In horizontal orientation, the content area height can now driven by the active step's content instead of always being sized to the tallest step. A new `--body-grid-rows` CSS custom property controls the internal row sizing of each step body — its default value of `1fr` expands the body to fit its content, while setting it to `0fr` collapses the body to zero height, enabling fully variable step heights. [#2209](https://github.com/IgniteUI/igniteui-webcomponents/issues/2209)
+## [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
@@ -1287,6 +1315,8 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
+[7.1.3]: https://github.com/IgniteUI/igniteui-webcomponents/compare/7.1.2...7.1.3
+[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

package/README.md CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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,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/button-group/button-group.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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(\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"]}
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 { 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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 "]}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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 "]}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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 "]}
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,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 CHANGED Viewed

@@ -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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~48EAA48E,~~CAAC","sourcesContent":["\n import { css } from 'lit';\n 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}`;\n "]}
1	+ {"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+nFAA+nF,CAAC","sourcesContent":["\n import { css } from 'lit';\n 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}`;\n "]}

package/components/button-group/themes/dark/button-group.shared.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-border-color: var(--ig-button-group-item-border-color, var(--ig-gray-100));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-100));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-100));--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-100) h s l/0.8));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-700) h s l/0.3));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-200));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-300) h s l/0.8));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-300));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-300));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-100));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-100));--ig-theme-variant: dark}`;
+export const styles = css `:host{--item-border-color: var(--ig-button-group-item-border-color, var(--ig-gray-100));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-200));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-200));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-300));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-100));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-gray-100));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-300) h s l/0.8));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, var(--ig-gray-200));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-300));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-500));--item-active-border-color: var(--ig-button-group-item-active-border-color, var(--ig-gray-100));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-100));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-100));--ig-theme-variant: dark}`;
 //# sourceMappingURL=button-group.shared.css.js.map

package/components/button-group/themes/dark/button-group.shared.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-group.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~2oCAA2oC~~,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--item-border-color: var(--ig-button-group-item-border-color, var(--ig-gray-100));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-~~100~~));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-~~100~~));--item-hover-~~background~~: var(--ig-button-group-item-hover-~~background~~, ~~hsl(from~~ var(--ig-gray-~~100~~) ~~h s l/0.8~~));--item-~~focused~~-background: var(--ig-button-group-item-~~focused~~-background, ~~hsl(from~~ var(--ig-gray-~~700~~) ~~h s l/0.3~~));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-~~200~~));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-300) h s l/0.8));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-300));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-~~300~~));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-100));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-100));--ig-theme-variant: dark}`;\n "]}
1	+ {"version":3,"file":"button-group.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,61CAA61C,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--item-border-color: var(--ig-button-group-item-border-color, var(--ig-gray-100));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-200));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, var(--ig-gray-200));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-300));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-100));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-gray-100));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-300) h s l/0.8));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, var(--ig-gray-200));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, var(--ig-gray-300));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, var(--ig-gray-500));--item-active-border-color: var(--ig-button-group-item-active-border-color, var(--ig-gray-100));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-100));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-100));--ig-theme-variant: dark}`;\n "]}

package/components/button-group/themes/light/button-group.bootstrap.css.js CHANGED Viewed

@@ -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));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-primary-100));--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: light}`;
+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));--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: light}`;
 //# sourceMappingURL=button-group.bootstrap.css.js.map

package/components/button-group/themes/light/button-group.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-group.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~,+nGAA+nG~~,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));--~~disabled~~-~~background~~-color: var(--ig-button-group-~~disabled~~-~~background~~-color, var(--ig-primary-~~100~~));--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: light}`;\n "]}
1	+ {"version":3,"file":"button-group.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,44HAA44H,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));--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: light}`;\n "]}

package/components/button-group/themes/light/button-group.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--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-600));--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-700));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--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-300));--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-600));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-300));--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, 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-600));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, var(--ig-gray-400));--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-500));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-600));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-500));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-500));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-600));--ig-theme: fluent;--ig-theme-variant: light}`;
+export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--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-600));--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-700));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-600));--item-active-border-color: var(--ig-button-group-item-active-border-color, var(--ig-gray-600));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--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-600));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-300));--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-400));--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-300));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-500));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-600));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-500));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-500));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, var(--ig-gray-200));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-600));--ig-theme: fluent;--ig-theme-variant: light}`;
 //# sourceMappingURL=button-group.fluent.css.js.map

package/components/button-group/themes/light/button-group.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-group.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~uqFAAuqF~~,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--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-600));--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-700));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--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-~~300));--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-600));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-300));--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, ~~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-~~600~~));--item-~~selected~~-~~focus-background~~: var(--ig-button-group-item-~~selected~~-~~focus-background~~, var(--ig-gray-~~400~~));--~~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-500));--~~item-~~disabled-~~border: var(--ig-button-group-item-disabled-border, var(--ig-gray-600));--disabled-~~selected-~~text~~-color: var(--ig-button-group-disabled-selected-~~text~~-color, var(--ig-gray-500));--disabled-selected-~~icon-color~~: var(--ig-button-group-disabled-selected-~~icon-color~~, var(--ig-gray-~~500~~));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-600));--ig-theme: fluent;--ig-theme-variant: light}`;\n "]}
1	+ {"version":3,"file":"button-group.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o/EAAo/E,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--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-600));--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-700));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-600));--item-active-border-color: var(--ig-button-group-item-active-border-color, var(--ig-gray-600));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--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-600));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-300));--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-400));--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-300));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-500));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-600));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-500));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-500));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, var(--ig-gray-200));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, var(--ig-gray-600));--ig-theme: fluent;--ig-theme-variant: light}`;\n "]}

package/components/button-group/themes/light/button-group.indigo.css.js CHANGED Viewed

@@ -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-900) h s l/0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-900-contrast));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-600));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-700));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-500));--item-focused-background: var(--ig-button-group-item-focused-background, var(--ig-gray-50));--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-900) h s l/0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-300));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--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: light}`;
+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-900) h s l/0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-500));--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-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, var(--ig-gray-900-contrast));--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-600));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-700));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-500));--item-focused-background: var(--ig-button-group-item-focused-background, var(--ig-gray-50));--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, var(--ig-gray-200));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-300));--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.4));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--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: light}`;
 //# sourceMappingURL=button-group.indigo.css.js.map

package/components/button-group/themes/light/button-group.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-group.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gtFAAgtF~~,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-900) h s l/0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--~~disabled~~-~~background~~-color: var(--ig-button-group-~~disabled~~-~~background~~-color, var(--ig-gray-~~900-contrast~~));--~~disabled~~-selected-~~background~~: var(--ig-button-group-~~disabled~~-selected-~~background~~, ~~hsl(from~~ var(--ig-primary-~~400~~) ~~h s l/0.5~~));--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-~~gray~~-~~600~~));--item-~~hover~~-~~icon~~-~~color~~: var(--ig-button-group-item-~~hover~~-~~icon~~-~~color~~, var(--ig-~~gray~~-~~700~~));--item-hover-~~border-color~~: var(--ig-button-group-item-hover-~~border-color~~, var(--ig-~~gray~~-~~500~~));--item-~~focused~~-background: var(--ig-button-group-item-~~focused~~-background, var(--ig-~~gray~~-50));--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-900) h s l/0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-300));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--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: light}`;\n "]}
1	+ {"version":3,"file":"button-group.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,shGAAshG,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-900) h s l/0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--item-focused-hover-border-color: var(--ig-button-group-item-focused-hover-border-color, var(--ig-gray-500));--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-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, var(--ig-gray-900-contrast));--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-600));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-700));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, var(--ig-gray-500));--item-focused-background: var(--ig-button-group-item-focused-background, var(--ig-gray-50));--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, var(--ig-gray-200));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, var(--ig-gray-300));--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.4));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--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: light}`;\n "]}