igniteui-webcomponents 5.4.1 → 6.0.1

package/CHANGELOG.md

@@ -4,6 +4,78 @@ 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/).
 
+## [6.0.1] - 2025-05-28
+### Added
+- #### Radio group
+  - Slotted `<label>` elements have default styles based on the current theme [#1694](https://github.com/IgniteUI/igniteui-webcomponents/pull/1694)
+
+### Fixed
+- #### Chip
+  - Styling discrepancies [#1486](https://github.com/IgniteUI/igniteui-webcomponents/pull/1486)
+- #### DateTime Input
+  - Ensure `igcChange` is emitted in case an incomplete mask value has been filled [#1695](https://github.com/IgniteUI/igniteui-webcomponents/issues/1695)
+- #### Input
+  - Browser default autofill background styles [#1697](https://github.com/IgniteUI/igniteui-webcomponents/pull/1697)
+- #### Textarea
+  - Dynamic prefix/suffix slot content state [#1686](https://github.com/IgniteUI/igniteui-webcomponents/issues/1686)
+
+## [6.0.0] - 2025-04-29
+### Changed
+- Minimum Node version required is now >= 20.
+- #### Stepper
+  - Stepper Step's `titlePosition` now defaults to `auto`, instead of being undefined, which has the same behavior.
+
+### Removed
+- #### Library
+  - `CheckboxChangeEventArgs` removed, use `IgcCheckboxChangeEventArgs` instead.
+  - `RadioChangeEventArgs` removed, use `IgcRadioChangeEventArgs` instead.
+  - `IgcRangeSliderValue` removed, use `IgcRangeSliderValueEventArgs` instead.
+  - `IgcActiveStepChangingArgs` removed, use `IgcActiveStepChangingEventArgs` instead.
+  - `IgcActiveStepChangedArgs` removed, use `IgcActiveStepChangedEventArgs` instead.
+- #### Tabs
+  - `igc-tab` **panel** property is removed.
+  - `igc-tab-panel` component is removed.
+    The `igc-tab` now encompasses both the tab header and the tab content in a single component.
+
+    Slotted content in the default slot of the `igc-tab` element now replaces the `igc-tab-panel` role
+    while elements slotted inside the **label** slot will end up as content for the `igc-tab` header.
+
+    Before:
+    ```html
+      <igc-tabs>
+        <igc-tab panel="home">
+          <igc-icon name="home"></igc-icon>
+        </igc-tab>
+        <igc-tab panel="search">
+          <igc-icon name="search"></igc-icon>
+        </igc-tab>
+        <igc-tab panel="favorite">
+          <igc-icon name="favorite"></igc-icon>
+        </igc-tab>
+        <igc-tab-panel id="home">Home tab panel</igc-tab-panel>
+        <igc-tab-panel id="search">Search tab panel</igc-tab-panel>
+        <igc-tab-panel id="favorite">Favorite tab panel</igc-tab-panel>
+      </igc-tabs>
+    ```
+
+    After:
+    ```html
+      <igc-tabs>
+        <igc-tab>
+          <igc-icon name="home" slot="label"></igc-icon>
+          Home tab panel
+        </igc-tab>
+        <igc-tab>
+          <igc-icon name="search" slot="label"></igc-icon>
+          Search tab panel
+        </igc-tab>
+        <igc-tab>
+          <igc-icon name="favorite" slot="label"></igc-icon>
+          Favorite tab panel
+        </igc-tab>
+      </igc-tabs>
+    ```
+
 ## [5.4.1] - 2025-04-23
 ### Fixed
 - Internal library issues
@@ -821,6 +893,8 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[6.0.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.0.0...6.0.1
+[6.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.4.1...6.0.0
 [5.4.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.4.0...5.4.1
 [5.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.3.0...5.4.0
 [5.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.4...5.3.0

package/README.md

@@ -9,7 +9,7 @@
 [![npm version](https://badge.fury.io/js/igniteui-webcomponents.svg)](https://badge.fury.io/js/igniteui-webcomponents)
 [![Discord](https://img.shields.io/discord/836634487483269200?logo=discord&logoColor=ffffff)](https://discord.gg/39MjrTRqds)
 
-[Ignite UI for Web Components] is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach. All components are based on the [Indigo.Design Design System] and are backed by ready-to-use UI kits for Sketch, Adobe XD and Figma.
+[Ignite UI for Web Components] is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach. All components are based on the [Indigo.Design Design System] and are backed by ready-to-use UI kit for Figma.
 
 See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 
@@ -23,6 +23,8 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 
 | Components              | Status |         Documentation          | Released Version |
 | :---------------------- | :----: | :----------------------------: | :--------------: |
+| 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]     |
@@ -241,6 +243,8 @@ npm run storybook:build
 [Date Picker Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/scheduling/date-picker
 [Carousel Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/carousel
 [Tile Manager Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/tile-manager
+[File Input Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/file-input
+[Tooltip Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/tooltip
 [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
@@ -253,3 +257,4 @@ npm run storybook:build
 [4.10.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/4.10.0
 [5.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.1.0
 [5.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.3.0
+[5.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.4.0

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;
 //# sourceMappingURL=avatar.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uFAAuF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qJAAqJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;\n"]}

package/components/avatar/themes/dark/avatar.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ig-theme: fluent}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: fluent}`;
 //# sourceMappingURL=avatar.fluent.css.js.map

package/components/avatar/themes/dark/avatar.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"avatar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yFAAyF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: fluent}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ig-theme: material}`;
+export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: material}`;
 //# sourceMappingURL=avatar.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}
+{"version":3,"file":"avatar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/avatar/themes/dark/avatar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2FAA2F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: material}`;\n"]}

package/components/calendar/themes/dark/calendar.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-200));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-200));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-200));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-200));--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900-contrast));--date-current-background: var(--ig-calendar-date-current-background, var(--ig-primary-200));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-200));--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-calendar-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-primary-200-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-primary-200));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-100));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-primary-50));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-primary-50));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-primary-50));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-50));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-50));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-gray-900-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-gray-900-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900-contrast));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-primary-800));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-primary-800));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-700));--ig-theme: fluent}`;
+export const styles = css `:host{--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-200));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-200));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-200));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-200));--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900-contrast));--date-current-background: var(--ig-calendar-date-current-background, var(--ig-primary-200));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-calendar-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-calendar-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-primary-200-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-primary-200));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-100));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-primary-50));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-primary-50));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-primary-50));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-50));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-50));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-gray-900-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-gray-900-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900-contrast));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-primary-800));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-primary-800));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-700));--ig-theme: fluent}`;
 //# sourceMappingURL=calendar.fluent.css.js.map

package/components/calendar/themes/dark/calendar.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,moTAAmoT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-200));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-200));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-200));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-200));--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900-contrast));--date-current-background: var(--ig-calendar-date-current-background, var(--ig-primary-200));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-200));--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-calendar-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-primary-200-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-primary-200));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-100));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-primary-50));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-primary-50));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-primary-50));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-50));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-50));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-gray-900-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-gray-900-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900-contrast));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-primary-800));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-primary-800));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-700));--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/dark/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4hTAA4hT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-200));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-200));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-200));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-200));--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900-contrast));--date-current-background: var(--ig-calendar-date-current-background, var(--ig-primary-200));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-calendar-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-calendar-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-primary-200-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-primary-200));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-100));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-primary-50));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-primary-50));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-primary-50));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-50));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-50));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-50));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-gray-900-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-gray-900-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-gray-900-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-gray-900-contrast));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-calendar-ym-selected-background, var(--ig-primary-800));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, var(--ig-primary-800));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-700));--ig-theme: fluent}`;\n"]}

package/components/calendar/themes/light/calendar.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-calendar-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-200));--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-calendar-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-200));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-900));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-primary-900-contrast));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-calendar-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-700));--ig-theme: fluent}`;
+export const styles = css `:host{--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-calendar-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-calendar-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-calendar-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-200));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-900));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-primary-900-contrast));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-calendar-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-700));--ig-theme: fluent}`;
 //# sourceMappingURL=calendar.fluent.css.js.map

package/components/calendar/themes/light/calendar.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kvTAAkvT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-calendar-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-200));--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-calendar-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-200));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-900));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-primary-900-contrast));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-calendar-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-700));--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2oTAA2oT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-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)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-calendar-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-calendar-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-calendar-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-calendar-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-calendar-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-calendar-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-calendar-actions-divider-color, var(--ig-gray-200));--week-number-border-radius: var(--ig-calendar-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-calendar-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-calendar-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-calendar-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-calendar-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-calendar-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-calendar-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-calendar-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-calendar-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-calendar-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-calendar-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-calendar-date-special-hover-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-calendar-date-special-range-border-color, var(--ig-primary-900));--date-special-hover-background: var(--ig-calendar-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-calendar-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-calendar-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-calendar-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-calendar-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-calendar-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-calendar-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-calendar-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-calendar-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-calendar-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-calendar-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-calendar-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-calendar-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-calendar-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-calendar-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-calendar-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-calendar-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-calendar-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-calendar-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-calendar-date-current-foreground, var(--ig-primary-900-contrast));--date-current-hover-background: var(--ig-calendar-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-calendar-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-calendar-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-calendar-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-calendar-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-calendar-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-calendar-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-calendar-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-calendar-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-calendar-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-calendar-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-calendar-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-calendar-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-calendar-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-calendar-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-calendar-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-calendar-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-calendar-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-calendar-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-calendar-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-calendar-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-calendar-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-calendar-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-calendar-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-calendar-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-calendar-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-calendar-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-calendar-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-calendar-ym-selected-current-outline-focus-color, var(--ig-gray-700));--ig-theme: fluent}`;\n"]}

package/components/calendar/themes/light/calendar.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--default-size: var(--ig-calendar-default-size, 2);--content-foreground: var(--ig-calendar-content-foreground, var(--ig-gray-900));--content-background: var(--ig-calendar-content-background, var(--ig-surface-500));--border-color: var(--ig-calendar-border-color, transparent);--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-background: var(--ig-calendar-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-calendar-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-secondary-500));--size: var(--ig-calendar-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)));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-foreground: var(--ig-calendar-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-calendar-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-calendar-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-calendar-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-calendar-weekend-color, var(--ig-gray-900));--date-hover-foreground: var(--ig-calendar-date-hover-foreground, var(--ig-gray-900));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-calendar-date-current-background, transparent);--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-100));--date-special-background: var(--ig-calendar-date-special-background, transparent);--date-special-range-background: var(--ig-calendar-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, var(--ig-secondary-500));--date-selected-current-outline: var(--ig-calendar-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-calendar-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-calendar-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-calendar-date-border-color, transparent);--date-hover-border-color: var(--ig-calendar-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-calendar-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-calendar-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-300));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ig-gray-900));--ym-selected-outline-color: var(--ig-calendar-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-calendar-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-calendar-ym-selected-focus-outline-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem))}`;
+export const styles = css `:host{--default-size: var(--ig-calendar-default-size, 2);--content-foreground: var(--ig-calendar-content-foreground, var(--ig-gray-900));--content-background: var(--ig-calendar-content-background, var(--ig-surface-500));--border-color: var(--ig-calendar-border-color, transparent);--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-background: var(--ig-calendar-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-calendar-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-secondary-500));--size: var(--ig-calendar-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)));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-foreground: var(--ig-calendar-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-calendar-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-calendar-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-calendar-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-calendar-weekend-color, var(--ig-gray-900));--date-hover-foreground: var(--ig-calendar-date-hover-foreground, var(--ig-gray-900));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-calendar-date-current-background, transparent);--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-100));--date-special-background: var(--ig-calendar-date-special-background, transparent);--date-special-range-background: var(--ig-calendar-date-special-range-background, transparent);--date-border-color: var(--ig-calendar-date-border-color, transparent);--date-hover-border-color: var(--ig-calendar-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-calendar-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-calendar-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-300));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ig-gray-900));--ym-selected-outline-color: var(--ig-calendar-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-calendar-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-calendar-ym-selected-focus-outline-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem))}`;
 //# sourceMappingURL=calendar.shared.css.js.map

package/components/calendar/themes/light/calendar.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.shared.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{--default-size: var(--ig-calendar-default-size, 2);--content-foreground: var(--ig-calendar-content-foreground, var(--ig-gray-900));--content-background: var(--ig-calendar-content-background, var(--ig-surface-500));--border-color: var(--ig-calendar-border-color, transparent);--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-background: var(--ig-calendar-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-calendar-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-secondary-500));--size: var(--ig-calendar-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)));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-foreground: var(--ig-calendar-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-calendar-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-calendar-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-calendar-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-calendar-weekend-color, var(--ig-gray-900));--date-hover-foreground: var(--ig-calendar-date-hover-foreground, var(--ig-gray-900));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-calendar-date-current-background, transparent);--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-100));--date-special-background: var(--ig-calendar-date-special-background, transparent);--date-special-range-background: var(--ig-calendar-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, var(--ig-secondary-500));--date-selected-current-outline: var(--ig-calendar-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-calendar-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-calendar-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-calendar-date-border-color, transparent);--date-hover-border-color: var(--ig-calendar-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-calendar-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-calendar-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-300));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ig-gray-900));--ym-selected-outline-color: var(--ig-calendar-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-calendar-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-calendar-ym-selected-focus-outline-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem))}`;\n"]}
+{"version":3,"file":"calendar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wxJAAwxJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--default-size: var(--ig-calendar-default-size, 2);--content-foreground: var(--ig-calendar-content-foreground, var(--ig-gray-900));--content-background: var(--ig-calendar-content-background, var(--ig-surface-500));--border-color: var(--ig-calendar-border-color, transparent);--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-background: var(--ig-calendar-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-calendar-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-secondary-500));--size: var(--ig-calendar-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)));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-foreground: var(--ig-calendar-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-calendar-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-calendar-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-calendar-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-calendar-weekend-color, var(--ig-gray-900));--date-hover-foreground: var(--ig-calendar-date-hover-foreground, var(--ig-gray-900));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-calendar-date-current-background, transparent);--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-100));--date-special-background: var(--ig-calendar-date-special-background, transparent);--date-special-range-background: var(--ig-calendar-date-special-range-background, transparent);--date-border-color: var(--ig-calendar-date-border-color, transparent);--date-hover-border-color: var(--ig-calendar-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-calendar-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-calendar-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-300));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ig-gray-900));--ym-selected-outline-color: var(--ig-calendar-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-calendar-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-calendar-ym-selected-focus-outline-color, transparent);--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem))}`;\n"]}

package/components/checkbox/checkbox-base.d.ts

@@ -6,8 +6,6 @@ export interface IgcCheckboxChangeEventArgs {
     checked: boolean;
     value?: string;
 }
-/** @deprecated since 5.4.0. Use IgcCheckboxChangeEventArgs instead */
-export type CheckboxChangeEventArgs = IgcCheckboxChangeEventArgs;
 export interface IgcCheckboxComponentEventMap {
     igcChange: CustomEvent<IgcCheckboxChangeEventArgs>;
     focus: FocusEvent;

package/components/checkbox/checkbox-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\n\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n  type FormValue,\n  createFormValueState,\n  defaultBooleanTransformers,\n} from '../common/mixins/forms/form-value.js';\nimport { isEmpty } from '../common/util.js';\nimport type { ToggleLabelPosition } from '../types.js';\nimport { checkBoxValidators } from './validators.js';\n\nexport interface IgcCheckboxChangeEventArgs {\n  checked: boolean;\n  value?: string;\n}\n\n/** @deprecated since 5.4.0. Use IgcCheckboxChangeEventArgs instead */\nexport type CheckboxChangeEventArgs = IgcCheckboxChangeEventArgs;\n\nexport interface IgcCheckboxComponentEventMap {\n  igcChange: CustomEvent<IgcCheckboxChangeEventArgs>;\n  // For analyzer meta only:\n  /* skipWCPrefix */\n  focus: FocusEvent;\n  /* skipWCPrefix */\n  blur: FocusEvent;\n}\n\n@blazorDeepImport\nexport class IgcCheckboxBaseComponent extends FormAssociatedCheckboxRequiredMixin(\n  EventEmitterMixin<IgcCheckboxComponentEventMap, Constructor<LitElement>>(\n    LitElement\n  )\n) {\n  protected override get __validators() {\n    return checkBoxValidators;\n  }\n\n  protected _kbFocus = addKeyboardFocusRing(this);\n  protected override _formValue: FormValue<boolean>;\n  protected _value!: string;\n\n  @query('input', true)\n  protected input!: HTMLInputElement;\n\n  @queryAssignedNodes({ flatten: true })\n  protected label!: Array<Node>;\n\n  @state()\n  protected hideLabel = false;\n\n  /**\n   * The value attribute of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    this._value = value;\n    if (this.checked) {\n      this._setFormValue(this._value || 'on');\n    }\n  }\n\n  public get value(): string {\n    return this._value;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail.checked\", false) */\n  /**\n   * The checked state of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public set checked(value: boolean) {\n    this._formValue.setValueAndFormState(value);\n    this._validate();\n  }\n\n  public get checked(): boolean {\n    return this._formValue.value;\n  }\n\n  /**\n   * The label position of the control.\n   * @attr label-position\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  public labelPosition: ToggleLabelPosition = 'after';\n\n  constructor() {\n    super();\n\n    this._formValue = createFormValueState(this, {\n      initialValue: false,\n      transformers: defaultBooleanTransformers,\n    });\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    this.hideLabel = isEmpty(this.label);\n\n    root.addEventListener('slotchange', () => {\n      this.hideLabel = isEmpty(this.label);\n    });\n\n    return root;\n  }\n\n  /** Simulates a click on the control. */\n  public override click() {\n    this.input.click();\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the control. */\n  public override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the control. */\n  public override blur() {\n    this.input.blur();\n  }\n\n  protected handleClick(event: PointerEvent) {\n    event.stopPropagation();\n\n    this.checked = !this.checked;\n    this.emitEvent('igcChange', {\n      detail: { checked: this.checked, value: this.value },\n    });\n  }\n\n  protected handleBlur() {\n    this._kbFocus.reset();\n  }\n\n  protected handleFocus() {\n    this._dirty = true;\n  }\n}\n"]}
+{"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,mCAAmC,EAAE,MAAM,+CAA+C,CAAC;AACpG,OAAO,EAEL,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAiB9C,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,mCAAmC,CAC/E,iBAAiB,CACf,UAAU,CACX,CACF;IACC,IAAuB,YAAY;QACjC,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAoBD,IAAW,KAAK,CAAC,KAAa;QAC5B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAQD,IAAW,OAAO,CAAC,KAAc;QAC/B,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QApDA,aAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAWtC,cAAS,GAAG,KAAK,CAAC;QAsCrB,kBAAa,GAAwB,OAAO,CAAC;QAKlD,IAAI,CAAC,UAAU,GAAG,oBAAoB,CAAC,IAAI,EAAE;YAC3C,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,0BAA0B;SACzC,CAAC,CAAC;IACL,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAErC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;YACvC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC;IAGe,KAAK;QACnB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAES,WAAW,CAAC,KAAmB;QACvC,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;YAC1B,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;SACrD,CAAC,CAAC;IACL,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IACxB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACrB,CAAC;CACF,CAAA;AAnGW;IADT,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;uDACc;AAGzB;IADT,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACR;AAGpB;IADT,KAAK,EAAE;2DACoB;AAO5B;IADC,QAAQ,EAAE;qDAMV;AAYD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAI3B;AAWM;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;+DACL;AA1DzC,wBAAwB;IADpC,gBAAgB;GACJ,wBAAwB,CAiHpC","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\n\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n  type FormValue,\n  createFormValueState,\n  defaultBooleanTransformers,\n} from '../common/mixins/forms/form-value.js';\nimport { isEmpty } from '../common/util.js';\nimport type { ToggleLabelPosition } from '../types.js';\nimport { checkBoxValidators } from './validators.js';\n\nexport interface IgcCheckboxChangeEventArgs {\n  checked: boolean;\n  value?: string;\n}\n\nexport interface IgcCheckboxComponentEventMap {\n  igcChange: CustomEvent<IgcCheckboxChangeEventArgs>;\n  // For analyzer meta only:\n  /* skipWCPrefix */\n  focus: FocusEvent;\n  /* skipWCPrefix */\n  blur: FocusEvent;\n}\n\n@blazorDeepImport\nexport class IgcCheckboxBaseComponent extends FormAssociatedCheckboxRequiredMixin(\n  EventEmitterMixin<IgcCheckboxComponentEventMap, Constructor<LitElement>>(\n    LitElement\n  )\n) {\n  protected override get __validators() {\n    return checkBoxValidators;\n  }\n\n  protected _kbFocus = addKeyboardFocusRing(this);\n  protected override _formValue: FormValue<boolean>;\n  protected _value!: string;\n\n  @query('input', true)\n  protected input!: HTMLInputElement;\n\n  @queryAssignedNodes({ flatten: true })\n  protected label!: Array<Node>;\n\n  @state()\n  protected hideLabel = false;\n\n  /**\n   * The value attribute of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    this._value = value;\n    if (this.checked) {\n      this._setFormValue(this._value || 'on');\n    }\n  }\n\n  public get value(): string {\n    return this._value;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail.checked\", false) */\n  /**\n   * The checked state of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public set checked(value: boolean) {\n    this._formValue.setValueAndFormState(value);\n    this._validate();\n  }\n\n  public get checked(): boolean {\n    return this._formValue.value;\n  }\n\n  /**\n   * The label position of the control.\n   * @attr label-position\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  public labelPosition: ToggleLabelPosition = 'after';\n\n  constructor() {\n    super();\n\n    this._formValue = createFormValueState(this, {\n      initialValue: false,\n      transformers: defaultBooleanTransformers,\n    });\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    this.hideLabel = isEmpty(this.label);\n\n    root.addEventListener('slotchange', () => {\n      this.hideLabel = isEmpty(this.label);\n    });\n\n    return root;\n  }\n\n  /** Simulates a click on the control. */\n  public override click() {\n    this.input.click();\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the control. */\n  public override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the control. */\n  public override blur() {\n    this.input.blur();\n  }\n\n  protected handleClick(event: PointerEvent) {\n    event.stopPropagation();\n\n    this.checked = !this.checked;\n    this.emitEvent('igcChange', {\n      detail: { checked: this.checked, value: this.value },\n    });\n  }\n\n  protected handleBlur() {\n    this._kbFocus.reset();\n  }\n\n  protected handleFocus() {\n    this._dirty = true;\n  }\n}\n"]}

package/components/chip/chip.d.ts

@@ -52,6 +52,10 @@ export default class IgcChipComponent extends IgcChipComponent_base {
      * @attr
      */
     variant: StyleVariant;
+    protected prefixes: Array<HTMLElement>;
+    protected contentStart: Array<HTMLElement>;
+    protected suffixes: Array<HTMLElement>;
+    protected contentEnd: Array<HTMLElement>;
     constructor();
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     protected handleSelect(): void;

package/components/chip/chip.js

@@ -6,12 +6,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var IgcChipComponent_1;
 import { LitElement, html, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
+import { property, queryAssignedElements } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { addKeybindings } from '../common/controllers/key-bindings.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { isEmpty } from '../common/util.js';
 import IgcIconComponent from '../icon/icon.js';
 import { styles } from './themes/chip.base.css.js';
 import { styles as shared } from './themes/shared/chip.common.css.js';
@@ -56,7 +57,12 @@ let IgcChipComponent = IgcChipComponent_1 = class IgcChipComponent extends Event
         aria-disabled="${this.disabled ? 'true' : 'false'}"
         @click=${this.handleSelect}
       >
-        <span part="prefix">
+        <span
+          part="prefix"
+          .hidden=${isEmpty(this.prefixes) &&
+            isEmpty(this.contentStart) &&
+            !this.selected}
+        >
           ${this.selectable && this.selected
             ? html `<slot name="select">
                 <igc-icon name="selected" collection="default"></igc-icon>
@@ -66,7 +72,12 @@ let IgcChipComponent = IgcChipComponent_1 = class IgcChipComponent extends Event
           <slot name="prefix"></slot>
         </span>
         <slot></slot>
-        <span part="suffix">
+        <span
+          part="suffix"
+          .hidden=${isEmpty(this.suffixes) &&
+            isEmpty(this.contentEnd) &&
+            !this.removable}
+        >
           <slot name="end"></slot>
           <slot name="suffix"></slot>
           ${this.removable && !this.disabled
@@ -106,6 +117,18 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], IgcChipComponent.prototype, "variant", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'prefix' })
+], IgcChipComponent.prototype, "prefixes", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'start' })
+], IgcChipComponent.prototype, "contentStart", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'suffix' })
+], IgcChipComponent.prototype, "suffixes", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'end' })
+], IgcChipComponent.prototype, "contentEnd", void 0);
 IgcChipComponent = IgcChipComponent_1 = __decorate([
     themes(all)
 ], IgcChipComponent);

package/components/chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { StyleVariant } from '../types.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as shared } from './themes/shared/chip.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcChipComponentEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n *\n * @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n *\n * @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\n@themes(all)\nexport default class IgcChipComponent extends EventEmitterMixin<\n  IgcChipComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-chip';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private _removePartRef: Ref<HTMLSlotElement> = createRef();\n\n  /**\n   * Sets the disabled state for the chip.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Defines if the chip is removable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Defines if the chip is selectable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /* @tsTwoWayProperty(true, \"igcSelect\", \"detail\", false) */\n  /**\n   * Defines if the chip is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant!: StyleVariant;\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this.handleRemove);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  protected handleSelect() {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected handleRemove(e: Event) {\n    this.emitEvent('igcRemove');\n    e.stopPropagation();\n  }\n\n  protected override render() {\n    return html`\n      <button\n        part=\"base\"\n        .disabled=\"${this.disabled}\"\n        aria-selected=\"${this.selected ? 'true' : 'false'}\"\n        aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n        @click=${this.handleSelect}\n      >\n        <span part=\"prefix\">\n          ${this.selectable && this.selected\n            ? html`<slot name=\"select\">\n                <igc-icon name=\"selected\" collection=\"default\"></igc-icon>\n              </slot>`\n            : nothing}\n          <slot name=\"start\"></slot>\n          <slot name=\"prefix\"></slot>\n        </span>\n        <slot></slot>\n        <span part=\"suffix\">\n          <slot name=\"end\"></slot>\n          <slot name=\"suffix\"></slot>\n          ${this.removable && !this.disabled\n            ? html`<slot\n                ${ref(this._removePartRef)}\n                @click=${this.handleRemove}\n                name=\"remove\"\n              >\n                <igc-icon\n                  name=\"remove\"\n                  collection=\"default\"\n                  tabindex=\"0\"\n                  role=\"button\"\n                  aria-label=\"remove\"\n                ></igc-icon>\n              </slot>`\n            : nothing}\n        </span>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addKeybindings } from '../common/controllers/key-bindings.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { isEmpty } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { StyleVariant } from '../types.js';\nimport { styles } from './themes/chip.base.css.js';\nimport { styles as shared } from './themes/shared/chip.common.css.js';\nimport { all } from './themes/themes.js';\n\nexport interface IgcChipComponentEventMap {\n  igcRemove: CustomEvent<boolean>;\n  igcSelect: CustomEvent<boolean>;\n}\n/**\n * Chips help people enter information, make selections, filter content, or trigger actions.\n *\n * @element igc-chip\n *\n * @slot - Renders the chip data.\n * @slot prefix - Renders content before the data of the chip.\n * @slot suffix - Renders content after the data of the chip.\n *\n * @fires igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.\n * @fires igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n *\n * @csspart base - The base wrapper of the chip.\n * @csspart prefix - The prefix container of the chip.\n * @csspart suffix - The suffix container of the chip.\n */\n@themes(all)\nexport default class IgcChipComponent extends EventEmitterMixin<\n  IgcChipComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-chip';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcChipComponent, IgcIconComponent);\n  }\n\n  private _removePartRef: Ref<HTMLSlotElement> = createRef();\n\n  /**\n   * Sets the disabled state for the chip.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Defines if the chip is removable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public removable = false;\n\n  /**\n   * Defines if the chip is selectable or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  /* @tsTwoWayProperty(true, \"igcSelect\", \"detail\", false) */\n  /**\n   * Defines if the chip is selected or not.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * A property that sets the color variant of the chip component.\n   * @attr\n   */\n  @property({ reflect: true })\n  public variant!: StyleVariant;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected prefixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'start' })\n  protected contentStart!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected suffixes!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'end' })\n  protected contentEnd!: Array<HTMLElement>;\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      ref: this._removePartRef,\n      bindingDefaults: { triggers: ['keyup'] },\n    }).setActivateHandler(this.handleRemove);\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  protected handleSelect() {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.emitEvent('igcSelect', { detail: this.selected });\n    }\n  }\n\n  protected handleRemove(e: Event) {\n    this.emitEvent('igcRemove');\n    e.stopPropagation();\n  }\n\n  protected override render() {\n    return html`\n      <button\n        part=\"base\"\n        .disabled=\"${this.disabled}\"\n        aria-selected=\"${this.selected ? 'true' : 'false'}\"\n        aria-disabled=\"${this.disabled ? 'true' : 'false'}\"\n        @click=${this.handleSelect}\n      >\n        <span\n          part=\"prefix\"\n          .hidden=${isEmpty(this.prefixes) &&\n          isEmpty(this.contentStart) &&\n          !this.selected}\n        >\n          ${this.selectable && this.selected\n            ? html`<slot name=\"select\">\n                <igc-icon name=\"selected\" collection=\"default\"></igc-icon>\n              </slot>`\n            : nothing}\n          <slot name=\"start\"></slot>\n          <slot name=\"prefix\"></slot>\n        </span>\n        <slot></slot>\n        <span\n          part=\"suffix\"\n          .hidden=${isEmpty(this.suffixes) &&\n          isEmpty(this.contentEnd) &&\n          !this.removable}\n        >\n          <slot name=\"end\"></slot>\n          <slot name=\"suffix\"></slot>\n          ${this.removable && !this.disabled\n            ? html`<slot\n                ${ref(this._removePartRef)}\n                @click=${this.handleRemove}\n                name=\"remove\"\n              >\n                <igc-icon\n                  name=\"remove\"\n                  collection=\"default\"\n                  tabindex=\"0\"\n                  role=\"button\"\n                  aria-label=\"remove\"\n                ></igc-icon>\n              </slot>`\n            : nothing}\n        </span>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chip': IgcChipComponent;\n  }\n}\n"]}

package/components/chip/themes/shared/chip.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}:host button igc-icon{--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size)}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--chip-size: var(--component-size)}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}:host button igc-icon,:host button ::slotted(igc-icon){--component-size: var(--chip-size)}:host button ::slotted(*){--default-size: var(--chip-size)}:host button ::slotted(igc-avatar){--size: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host button ::slotted(igc-circular-progress){--diameter: max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.125rem, -1 * 1.125rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}`;
 //# sourceMappingURL=chip.common.css.js.map