igniteui-webcomponents 6.4.0-alpha.4 → 6.5.0

package/CHANGELOG.md

@@ -4,10 +4,147 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
-## [Unreleased]
+## [6.5.0] - 2026-01-20
+### Added
+- Added theming scoping container [#2056](https://github.com/IgniteUI/igniteui-webcomponents/pull/2056)
+  - The `igc-theme-provider` component allows you to scope themes to specific parts of your page using Lit's context API. This enables having multiple different themes on the same page.
+  - Works both in Shadow and Light DOM.
+  - **Shadow DOM Usage**: When building custom web components with Shadow DOM, you can apply scoped themes by importing the theme CSS and wrapping your content with `igc-theme-provider`:
+    ```typescript
+    import { LitElement, html } from 'lit';
+    import { styles as materialDark } from 'igniteui-webcomponents/themes/dark/material.css.js';
+
+    class MyComponent extends LitElement {
+      static styles = [materialDark];
+
+      render() {
+        return html`
+          <style>
+            /* Additional component-specific styles */
+          </style>
+          <igc-theme-provider theme="material" variant="dark">
+            <igc-button>Scoped Material Dark Button</igc-button>
+            <igc-input label="Scoped Input"></igc-input>
+          </igc-theme-provider>
+        `;
+      }
+    }
+    ```
+  - **Light DOM with @scope**: For Light DOM usage, you can leverage CSS `@scope` to apply themes to specific page sections:
+    ```html
+    <style>
+      @scope (#fluent-section) {
+        @import 'node_modules/igniteui-webcomponents/themes/light/fluent.css';
+      }
+
+      @scope (#material-section) {
+        @import 'node_modules/igniteui-webcomponents/themes/dark/material.css';
+      }
+    </style>
+
+    <div id="fluent-section">
+      <igc-theme-provider theme="fluent" variant="light">
+        <igc-button>Fluent Light Button</igc-button>
+        <igc-card>
+          <igc-card-header>Fluent Theme Card</igc-card-header>
+        </igc-card>
+      </igc-theme-provider>
+    </div>
+
+    <div id="material-section">
+      <igc-theme-provider theme="material" variant="dark">
+        <igc-button>Material Dark Button</igc-button>
+        <igc-input label="Material Input"></igc-input>
+      </igc-theme-provider>
+    </div>
+    ```
+
 ### Fixed
+- #### Tile manager
+  - Header is hidden only when there is no content and maximize/fullscreen are disabled [#2059](https://github.com/IgniteUI/igniteui-webcomponents/pull/2059)
+- #### Theming
+  - Resolve initial theme based on document computed styles rather than stylesheets [#2061](https://github.com/IgniteUI/igniteui-webcomponents/pull/2061)
+
+## [6.4.0] - 2025-12-15
+### Added
+- #### Localization
+  - New localization implementation. Now you can set global localization for all localized Ignite UI components using the `registerI18n` and `setCurrentI18n` methods.
+  - Calendar, Date Input, Date Picker and Date Range Picker components now implement the new localization for formatting as well, which internally uses new implementation of the Intl.
+  - Added localization for Carousel, Chip, Combo, File Input and Tree. They now have `locale` and `resourceStrings` properties as well, which you can set to customize them individually.
+- #### Badge
+  - New **dot** type, improved outline implementation following WCAG AA accessibility standards and theme based sizing. [#1889](https://github.com/IgniteUI/igniteui-webcomponents/pull/1889)
+- #### Checkbox
+  - New `--tick-width` CSS property. [#1897](https://github.com/IgniteUI/igniteui-webcomponents/pull/1897)
+- #### Combo
+  - New `disableClear` property which disables the clear button of the combo component. [#1896](https://github.com/IgniteUI/igniteui-webcomponents/pull/1896)
+- #### Mask input
+  - Transform unicode digit code points to ASCII numbers for numeric patterns. [#1907](https://github.com/IgniteUI/igniteui-webcomponents/pull/1907)
+
+### Changed
+- **License Update**: The project license has been updated to the MIT License, providing greater flexibility and openness for the community. This change reflects our commitment to fostering an inclusive and collaborative development environment while maintaining the high-quality standards you expect from Ignite UI Web Components.
+- #### Accessibility
+  - Accessibility color adjustments. [#1959](https://github.com/IgniteUI/igniteui-webcomponents/pull/1959)
+- #### Button
+  - Updated and aligned styles with the design kit. [#1996](https://github.com/IgniteUI/igniteui-webcomponents/pull/1996)
+- #### Calendar
+  - Updated and aligned styles with the design kit. [#1899](https://github.com/IgniteUI/igniteui-webcomponents/pull/1899)
+- #### Carousel
+  - Updated and aligned styles with the design kit. [#1883](https://github.com/IgniteUI/igniteui-webcomponents/pull/1883)
+- #### Chat
+  - `adoptRootStyles` now also affects the input area custom renderers. [#1945](https://github.com/IgniteUI/igniteui-webcomponents/pull/1945)
+  - Renamed `input-container` part to `input-area`. [#1954](https://github.com/IgniteUI/igniteui-webcomponents/pull/1954)
+- #### Combo
+  - Use the native `Map.groupBy` for grouping. [#1802](https://github.com/IgniteUI/igniteui-webcomponents/pull/1802)
+  - Improved the keyboard navigation experience. [#1529](https://github.com/IgniteUI/igniteui-webcomponents/pull/1529)
+  - Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
+- #### Date picker
+  - Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
+- #### Date range picker
+  - Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
+- #### Input
+  - Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
+- #### Select
+  - Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
+- #### Textarea
+  - Updated and aligned styles with the design kit. [#1870](https://github.com/IgniteUI/igniteui-webcomponents/pull/1870)
+
+### Fixed
+- #### Sass theme support
+  - Components can be styled using the Sass tools from the theming package. [#1909](https://github.com/IgniteUI/igniteui-webcomponents/issues/1909) [#1926](https://github.com/IgniteUI/igniteui-webcomponents/issues/1926) [#1920](https://github.com/IgniteUI/igniteui-webcomponents/issues/1920) [#1933](https://github.com/IgniteUI/igniteui-webcomponents/issues/1933) [#1966](https://github.com/IgniteUI/igniteui-webcomponents/issues/1966) [#1972](https://github.com/IgniteUI/igniteui-webcomponents/issues/1972) [#1929](https://github.com/IgniteUI/igniteui-webcomponents/issues/1929) [#1935](https://github.com/IgniteUI/igniteui-webcomponents/issues/1935) [#1980](https://github.com/IgniteUI/igniteui-webcomponents/issues/1980) [#1991](https://github.com/IgniteUI/igniteui-webcomponents/issues/1991) [#2015](https://github.com/IgniteUI/igniteui-webcomponents/issues/2015)
+- #### Calendar
+  - Focus styles for month/year views. [#2030](https://github.com/IgniteUI/igniteui-webcomponents/issues/2030)
+- #### Combo
+  - Notch border styles. [#1965](https://github.com/IgniteUI/igniteui-webcomponents/issues/1965)
+- #### Chat
+  - Suggestions rendered at the wrong location when no header is present. [#1908](https://github.com/IgniteUI/igniteui-webcomponents/pull/1908)
+  - Correct sequence and type for chat user typing events. [#1906](https://github.com/IgniteUI/igniteui-webcomponents/pull/1906)
+  - `adoptRootStyles` correctly skips `@import` CSS rules from the page stylesheets. [#1931](https://github.com/IgniteUI/igniteui-webcomponents/pull/1931)
+  - `adoptRootStyles` is correctly re-applied on theme swap. [#1950](https://github.com/IgniteUI/igniteui-webcomponents/pull/1950)
+  - Replaced hardcoded `ig-size` style variable. [#1975](https://github.com/IgniteUI/igniteui-webcomponents/pull/1975)
+- #### Checkbox & Switch
+  - Internal ripple opacity when hovering over slotted content in the **helper-text** slot. [#1964](https://github.com/IgniteUI/igniteui-webcomponents/issues/1964)
+- #### Date input, Date picker, Date range picker
+  - Default display format now follows strictly locale format as per specification without leading zeros.
+- #### Dialog
+  - Underlying dialog element now has `display: contents` and won't participate in DOM layout. [#1947](https://github.com/IgniteUI/igniteui-webcomponents/issues/1947)
+  - `keepOpenOnEscape` not preventing the dialog from closing when **Escape** is pressed. [#1986](https://github.com/IgniteUI/igniteui-webcomponents/issues/1986)
+  - Base styles and theming. [#1997](https://github.com/IgniteUI/igniteui-webcomponents/issues/1997)
+- #### List & List item
+  - Added missing styles for slotted **igc-icon** in the list item. [#1985](https://github.com/IgniteUI/igniteui-webcomponents/issues/1985)
+  - Icon and icon button sizes for the Indigo theme. [#2010](https://github.com/IgniteUI/igniteui-webcomponents/issues/2010)
+- #### Mask input
+  - Auto-fill behavior for mask patterns with literals. [#2006](https://github.com/IgniteUI/igniteui-webcomponents/issues/2006)
+- #### Navbar
+  - Icon and icon button sizes. [#1956](https://github.com/IgniteUI/igniteui-webcomponents/issues/1956)
+- #### Select
+  - Color for outlined type. [#1957](https://github.com/IgniteUI/igniteui-webcomponents/issues/1957)
+- #### Tabs
+  - Add active pseudo-elements backgrounds for the active tab in Material theme. [#1998](https://github.com/IgniteUI/igniteui-webcomponents/issues/1998)
+  - Take scale factor when positioning the active tab indicator. [#2008](https://github.com/IgniteUI/igniteui-webcomponents/issues/2008)
+  - Selected indicator alignment [#2028](https://github.com/IgniteUI/igniteui-webcomponents/issues/2028)
 - #### Tooltip
-  - Do not show tooltip when target is clicked [#1828](https://github.com/IgniteUI/igniteui-webcomponents/issues/1828)
+  - Do not show the tooltip when the tooltip target is clicked. [#1828](https://github.com/IgniteUI/igniteui-webcomponents/issues/1828)
+  - Removed the **max-width** constraint for slotted content. [#1936](https://github.com/IgniteUI/igniteui-webcomponents/issues/1936)
 
 ## [6.3.6] - 2025-11-14
 ### Fixed
@@ -1064,6 +1201,8 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[6.5.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.4.0...6.5.0
+[6.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.6...6.4.0
 [6.3.6]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.5...6.3.6
 [6.3.5]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.4...6.3.5
 [6.3.4]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.3...6.3.4

package/README.md

@@ -24,66 +24,68 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 <details open>
 <summary>Components</summary>
 
-| Components              | Status |         Documentation          | Released Version |
-| :---------------------- | :----: | :----------------------------: | :--------------: |
-| Chat                    |   ✅   | [Docs][Chat Docs]              |     [6.3.0]      |
-| Date Range Picker       |   ✅   | [Docs][Date Range Picker Docs] |     [6.1.0]      |
-| Tooltip                 |   ✅   |      [Docs][Tooltip Docs]      |     [5.4.0]      |
-| File Input              |   ✅   |    [Docs][File Input Docs]     |     [5.4.0]      |
-| Tile Manager            |   ✅   |   [Docs][Tile Manager Docs]    |     [5.3.0]      |
-| Carousel                |   ✅   |     [Docs][Carousel Docs]      |     [5.1.0]      |
-| Date picker             |   ✅   |    [Docs][Date Picker Docs]    |     [4.10.0]     |
-| Divider                 |   ✅   |      [Docs][Divider Docs]      |     [4.10.0]     |
-| Banner                  |   ✅   |      [Docs][Banner Docs]       |     [4.10.0]     |
-| Button group            |   ✅   |   [Docs][Button Group Docs]    |     [4.5.0]      |
-| Textarea                |   ✅   |     [Docs][Textarea Docs]      |     [4.5.0]      |
-| Combo                   |   ✅   |       [Docs][Combo Docs]       |     [4.1.0]      |
-| Stepper                 |   ✅   |      [Docs][Stepper Docs]      |     [4.1.0]      |
-| Select                  |   ✅   |      [Docs][Select Docs]       |     [3.4.0]      |
-| Dialog                  |   ✅   |      [Docs][Dialog Docs]       |     [3.4.0]      |
-| Date Time Input         |   ✅   |  [Docs][Date Time Input Docs]  |     [3.3.0]      |
-| Tabs                    |   ✅   |       [Docs][Tabs Docs]        |     [3.3.0]      |
-| Accordion               |   ✅   |     [Docs][Accordion Docs]     |     [3.3.0]      |
-| Mask Input              |   ✅   |   [Docs][Masked Input Docs]    |     [3.2.0]      |
-| Expansion Panel         |   ✅   |  [Docs][Expansion Panel Docs]  |     [3.2.0]      |
-| Tree                    |   ✅   |       [Docs][Tree Docs]        |     [3.2.0]      |
-| Drop Down               |   ✅   |     [Docs][Dropdown Docs]      |     [2.2.0]      |
-| Linear Progress         |   ✅   |  [Docs][Linear Progress Docs]  |     [2.1.0]      |
-| Circular Progress       |   ✅   | [Docs][Circular Progress Docs] |     [2.1.0]      |
-| Chip                    |   ✅   |       [Docs][Chip Docs]        |     [2.1.0]      |
-| Snackbar                |   ✅   |     [Docs][Snackbar Docs]      |     [2.1.0]      |
-| Toast                   |   ✅   |       [Docs][Toast Docs]       |     [2.1.0]      |
-| Rating                  |   ✅   |      [Docs][Rating Docs]       |     [2.1.0]      |
-| Slider                  |   ✅   |      [Docs][Slider Docs]       |     [2.0.0]      |
-| Range Slider            |   ✅   |      [Docs][Slider Docs]       |     [2.0.0]      |
-| Avatar                  |   ✅   |      [Docs][Avatar Docs]       |     [1.0.0]      |
-| Badge                   |   ✅   |       [Docs][Badge Docs]       |     [1.0.0]      |
-| Button                  |   ✅   |      [Docs][Button Docs]       |     [1.0.0]      |
-| Calendar                |   ✅   |     [Docs][Calendar Docs]      |     [1.0.0]      |
-| Card                    |   ✅   |       [Docs][Card Docs]        |     [1.0.0]      |
-| Checkbox                |   ✅   |     [Docs][Checkbox Docs]      |     [1.0.0]      |
-| Form                    |   ✅   |       [Docs][Form Docs]        |     [1.0.0]      |
-| Icon                    |   ✅   |       [Docs][Icon Docs]        |     [1.0.0]      |
-| Icon Button             |   ✅   |    [Docs][Icon Button Docs]    |     [1.0.0]      |
-| Input                   |   ✅   |       [Docs][Input Docs]       |     [1.0.0]      |
-| List                    |   ✅   |       [Docs][List Docs]        |     [1.0.0]      |
-| Navigation Bar (Navbar) |   ✅   |  [Docs][Navigation Bar Docs]   |     [1.0.0]      |
-| Navigation Drawer       |   ✅   | [Docs][Navigation Drawer Docs] |     [1.0.0]      |
-| Radio                   |   ✅   |       [Docs][Radio Docs]       |     [1.0.0]      |
-| Radio Group             |   ✅   |       [Docs][Radio Docs]       |     [1.0.0]      |
-| Ripple                  |   ✅   |      [Docs][Ripple Docs]       |     [1.0.0]      |
-| Switch                  |   ✅   |      [Docs][Switch Docs]       |     [1.0.0]      |
+| Components              | Status |         Documentation          | Released Version |   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) |
+| Tile Manager            |   ✅   |   [Docs][Tile Manager Docs]    |     [5.3.0]      | [MIT](LICENSE) |
+| Carousel                |   ✅   |     [Docs][Carousel Docs]      |     [5.1.0]      | [MIT](LICENSE) |
+| Date picker             |   ✅   |    [Docs][Date Picker Docs]    |     [4.10.0]     | [MIT](LICENSE) |
+| Divider                 |   ✅   |      [Docs][Divider Docs]      |     [4.10.0]     | [MIT](LICENSE) |
+| Banner                  |   ✅   |      [Docs][Banner Docs]       |     [4.10.0]     | [MIT](LICENSE) |
+| Button group            |   ✅   |   [Docs][Button Group Docs]    |     [4.5.0]      | [MIT](LICENSE) |
+| Textarea                |   ✅   |     [Docs][Textarea Docs]      |     [4.5.0]      | [MIT](LICENSE) |
+| Combo                   |   ✅   |       [Docs][Combo Docs]       |     [4.1.0]      | [MIT](LICENSE) |
+| Stepper                 |   ✅   |      [Docs][Stepper Docs]      |     [4.1.0]      | [MIT](LICENSE) |
+| Select                  |   ✅   |      [Docs][Select Docs]       |     [3.4.0]      | [MIT](LICENSE) |
+| Dialog                  |   ✅   |      [Docs][Dialog Docs]       |     [3.4.0]      | [MIT](LICENSE) |
+| Date Time Input         |   ✅   |  [Docs][Date Time Input Docs]  |     [3.3.0]      | [MIT](LICENSE) |
+| Tabs                    |   ✅   |       [Docs][Tabs Docs]        |     [3.3.0]      | [MIT](LICENSE) |
+| Accordion               |   ✅   |     [Docs][Accordion Docs]     |     [3.3.0]      | [MIT](LICENSE) |
+| Mask Input              |   ✅   |   [Docs][Masked Input Docs]    |     [3.2.0]      | [MIT](LICENSE) |
+| Expansion Panel         |   ✅   |  [Docs][Expansion Panel Docs]  |     [3.2.0]      | [MIT](LICENSE) |
+| Tree                    |   ✅   |       [Docs][Tree Docs]        |     [3.2.0]      | [MIT](LICENSE) |
+| Drop Down               |   ✅   |     [Docs][Dropdown Docs]      |     [2.2.0]      | [MIT](LICENSE) |
+| Linear Progress         |   ✅   |  [Docs][Linear Progress Docs]  |     [2.1.0]      | [MIT](LICENSE) |
+| Circular Progress       |   ✅   | [Docs][Circular Progress Docs] |     [2.1.0]      | [MIT](LICENSE) |
+| Chip                    |   ✅   |       [Docs][Chip Docs]        |     [2.1.0]      | [MIT](LICENSE) |
+| Snackbar                |   ✅   |     [Docs][Snackbar Docs]      |     [2.1.0]      | [MIT](LICENSE) |
+| Toast                   |   ✅   |       [Docs][Toast Docs]       |     [2.1.0]      | [MIT](LICENSE) |
+| Rating                  |   ✅   |      [Docs][Rating Docs]       |     [2.1.0]      | [MIT](LICENSE) |
+| Slider                  |   ✅   |      [Docs][Slider Docs]       |     [2.0.0]      | [MIT](LICENSE) |
+| Range Slider            |   ✅   |      [Docs][Slider Docs]       |     [2.0.0]      | [MIT](LICENSE) |
+| Avatar                  |   ✅   |      [Docs][Avatar Docs]       |     [1.0.0]      | [MIT](LICENSE) |
+| Badge                   |   ✅   |       [Docs][Badge Docs]       |     [1.0.0]      | [MIT](LICENSE) |
+| Button                  |   ✅   |      [Docs][Button Docs]       |     [1.0.0]      | [MIT](LICENSE) |
+| Calendar                |   ✅   |     [Docs][Calendar Docs]      |     [1.0.0]      | [MIT](LICENSE) |
+| Card                    |   ✅   |       [Docs][Card Docs]        |     [1.0.0]      | [MIT](LICENSE) |
+| Checkbox                |   ✅   |     [Docs][Checkbox Docs]      |     [1.0.0]      | [MIT](LICENSE) |
+| Form                    |   ✅   |       [Docs][Form Docs]        |     [1.0.0]      | [MIT](LICENSE) |
+| Icon                    |   ✅   |       [Docs][Icon Docs]        |     [1.0.0]      | [MIT](LICENSE) |
+| Icon Button             |   ✅   |    [Docs][Icon Button Docs]    |     [1.0.0]      | [MIT](LICENSE) |
+| Input                   |   ✅   |       [Docs][Input Docs]       |     [1.0.0]      | [MIT](LICENSE) |
+| List                    |   ✅   |       [Docs][List Docs]        |     [1.0.0]      | [MIT](LICENSE) |
+| Navigation Bar (Navbar) |   ✅   |  [Docs][Navigation Bar Docs]   |     [1.0.0]      | [MIT](LICENSE) |
+| Navigation Drawer       |   ✅   | [Docs][Navigation Drawer Docs] |     [1.0.0]      | [MIT](LICENSE) |
+| Radio                   |   ✅   |       [Docs][Radio Docs]       |     [1.0.0]      | [MIT](LICENSE) |
+| Radio Group             |   ✅   |       [Docs][Radio Docs]       |     [1.0.0]      | [MIT](LICENSE) |
+| 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]
+## Components available in Ignite UI for WebComponents Grids & Grid Lite
 
-| Components        | Status |         Documentation          |
-| :---------------- | :----: | :----------------------------: |
-| Pivot Grid        |   ✅   |    [Docs][Pivot Grid Docs]     |
-| Data Grid         |   ✅   |     [Docs][Data Grid Docs]     |
-| Tree Grid         |   ✅   |     [Docs][Tree Grid Docs]     |
-| Hierarchical Grid |   ✅   | [Docs][Hierarchical Grid Docs] |
+| 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
 
@@ -95,6 +97,10 @@ The Ignite UI for Web Components Data Grid and Table are both lightweight and de
 
 Provide a complete windowing experience, splitting complex layouts into smaller, easier-to-manage panes.
 
+- [Documentation][Dock Manager]
+- License - [Commercial][Commercial License]
+- Package - [igniteui-dockmanager](https://www.npmjs.com/package/igniteui-dockmanager)
+
 ## Usage
 
 In order to use the Ignite UI Web Components in your application you should install the `igniteui-webcomponents` package:
@@ -258,6 +264,9 @@ npm run storybook:build
 [Tooltip Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/tooltip
 [Date Range Picker Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/scheduling/date-range-picker
 [Chat Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/interactivity/chat
+[Commercial License]: https://www.infragistics.com/legal/license
+[Grid Lite]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/grid-lite/overview
+[Ignite UI Web Components Grid Lite]: https://www.npmjs.com/package/igniteui-webcomponents-grid-lite
 [1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/1.0.0
 [2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.0.0
 [2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0

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

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

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

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

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;
+export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-300));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-300));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-200));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-300));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-300));--disabled-background: var(--ig-button-disabled-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-300));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;
 //# sourceMappingURL=button.material.css.js.map

package/components/button/themes/button/dark/button.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gsKAAgsK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;\n"]}
+{"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,81KAA81K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-300));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-300));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-200));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-300));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-300));--disabled-background: var(--ig-button-disabled-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-200));--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-300));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-300));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;\n"]}

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

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

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

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

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;
+export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-900));--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-800));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-800));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-800));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-800));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-800));--ig-theme: material}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-800));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-900));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-800));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-800));--disabled-background: var(--ig-button-disabled-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-900));--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-800));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-800));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-800));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-800));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-800));--ig-theme: material}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast));--ig-theme: material}`;
 //# sourceMappingURL=button.material.css.js.map