igniteui-webcomponents 6.0.0 → 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +6 -1
  3. package/components/avatar/themes/dark/avatar.bootstrap.css.js +1 -1
  4. package/components/avatar/themes/dark/avatar.bootstrap.css.js.map +1 -1
  5. package/components/avatar/themes/dark/avatar.fluent.css.js +1 -1
  6. package/components/avatar/themes/dark/avatar.fluent.css.js.map +1 -1
  7. package/components/avatar/themes/dark/avatar.material.css.js +1 -1
  8. package/components/avatar/themes/dark/avatar.material.css.js.map +1 -1
  9. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  10. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  11. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  12. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  13. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  14. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  15. package/components/chip/chip.d.ts +4 -0
  16. package/components/chip/chip.js +26 -3
  17. package/components/chip/chip.js.map +1 -1
  18. package/components/chip/themes/shared/chip.common.css.js +1 -1
  19. package/components/chip/themes/shared/chip.common.css.js.map +1 -1
  20. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  21. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  22. package/components/common/controllers/gestures.d.ts +1 -0
  23. package/components/common/controllers/gestures.js.map +1 -1
  24. package/components/common/controllers/resize-observer.d.ts +11 -8
  25. package/components/common/controllers/resize-observer.js +3 -3
  26. package/components/common/controllers/resize-observer.js.map +1 -1
  27. package/components/date-picker/date-picker.d.ts +35 -35
  28. package/components/date-picker/date-picker.js +131 -128
  29. package/components/date-picker/date-picker.js.map +1 -1
  30. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  31. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  32. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  33. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  34. package/components/date-picker/themes/light/date-picker.shared.css.js +1 -1
  35. package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -1
  36. package/components/date-time-input/date-time-input.js +1 -1
  37. package/components/date-time-input/date-time-input.js.map +1 -1
  38. package/components/file-input/file-input.d.ts +1 -1
  39. package/components/file-input/file-input.js.map +1 -1
  40. package/components/input/themes/input.base.css.js +1 -1
  41. package/components/input/themes/input.base.css.js.map +1 -1
  42. package/components/progress/themes/circular/dark/circular.progress.shared.css.js +1 -1
  43. package/components/progress/themes/circular/dark/circular.progress.shared.css.js.map +1 -1
  44. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
  45. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
  46. package/components/progress/themes/linear/dark/linear.progress.shared.css.js +1 -1
  47. package/components/progress/themes/linear/dark/linear.progress.shared.css.js.map +1 -1
  48. package/components/radio-group/radio-group.d.ts +2 -1
  49. package/components/radio-group/radio-group.js +23 -10
  50. package/components/radio-group/radio-group.js.map +1 -1
  51. package/components/radio-group/themes/dark/radio-group.bootstrap.css.js +3 -0
  52. package/components/radio-group/themes/dark/radio-group.bootstrap.css.js.map +1 -0
  53. package/components/radio-group/themes/dark/radio-group.fluent.css.js +3 -0
  54. package/components/radio-group/themes/dark/radio-group.fluent.css.js.map +1 -0
  55. package/components/radio-group/themes/dark/radio-group.indigo.css.js +3 -0
  56. package/components/radio-group/themes/dark/radio-group.indigo.css.js.map +1 -0
  57. package/components/radio-group/themes/dark/radio-group.material.css.js +3 -0
  58. package/components/radio-group/themes/dark/radio-group.material.css.js.map +1 -0
  59. package/components/radio-group/themes/light/radio-group.bootstrap.css.d.ts +1 -0
  60. package/components/radio-group/themes/light/radio-group.bootstrap.css.js +3 -0
  61. package/components/radio-group/themes/light/radio-group.bootstrap.css.js.map +1 -0
  62. package/components/radio-group/themes/light/radio-group.fluent.css.d.ts +1 -0
  63. package/components/radio-group/themes/light/radio-group.fluent.css.js +3 -0
  64. package/components/radio-group/themes/light/radio-group.fluent.css.js.map +1 -0
  65. package/components/radio-group/themes/light/radio-group.indigo.css.d.ts +1 -0
  66. package/components/radio-group/themes/light/radio-group.indigo.css.js +3 -0
  67. package/components/radio-group/themes/light/radio-group.indigo.css.js.map +1 -0
  68. package/components/radio-group/themes/light/radio-group.material.css.d.ts +1 -0
  69. package/components/radio-group/themes/light/radio-group.material.css.js +3 -0
  70. package/components/radio-group/themes/light/radio-group.material.css.js.map +1 -0
  71. package/components/radio-group/themes/light/radio-group.shared.css.d.ts +1 -0
  72. package/components/radio-group/themes/light/radio-group.shared.css.js +3 -0
  73. package/components/radio-group/themes/light/radio-group.shared.css.js.map +1 -0
  74. package/components/radio-group/themes/radio-group.base.css.d.ts +1 -0
  75. package/components/radio-group/{radio-group.base.css.js → themes/radio-group.base.css.js} +1 -1
  76. package/components/radio-group/themes/radio-group.base.css.js.map +1 -0
  77. package/components/radio-group/themes/shared/radio-group.bootstrap.css.d.ts +1 -0
  78. package/components/radio-group/themes/shared/radio-group.bootstrap.css.js +3 -0
  79. package/components/radio-group/themes/shared/radio-group.bootstrap.css.js.map +1 -0
  80. package/components/radio-group/themes/shared/radio-group.common.css.d.ts +1 -0
  81. package/components/radio-group/themes/shared/radio-group.common.css.js +3 -0
  82. package/components/radio-group/themes/shared/radio-group.common.css.js.map +1 -0
  83. package/components/radio-group/themes/shared/radio-group.fluent.css.d.ts +1 -0
  84. package/components/radio-group/themes/shared/radio-group.fluent.css.js +3 -0
  85. package/components/radio-group/themes/shared/radio-group.fluent.css.js.map +1 -0
  86. package/components/radio-group/themes/shared/radio-group.indigo.css.d.ts +1 -0
  87. package/components/radio-group/themes/shared/radio-group.indigo.css.js +3 -0
  88. package/components/radio-group/themes/shared/radio-group.indigo.css.js.map +1 -0
  89. package/components/radio-group/themes/shared/radio-group.material.css.d.ts +1 -0
  90. package/components/radio-group/themes/shared/radio-group.material.css.js +3 -0
  91. package/components/radio-group/themes/shared/radio-group.material.css.js.map +1 -0
  92. package/components/radio-group/themes/themes.d.ts +2 -0
  93. package/components/radio-group/themes/themes.js +50 -0
  94. package/components/radio-group/themes/themes.js.map +1 -0
  95. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  96. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  97. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  98. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  99. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  100. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  101. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  102. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  103. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  104. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  105. package/components/stepper/themes/step/light/step.shared.css.js +1 -1
  106. package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
  107. package/components/tabs/tab-dom.d.ts +2 -2
  108. package/components/tabs/tab-dom.js +15 -2
  109. package/components/tabs/tab-dom.js.map +1 -1
  110. package/components/tabs/tabs.d.ts +2 -1
  111. package/components/tabs/tabs.js +2 -2
  112. package/components/tabs/tabs.js.map +1 -1
  113. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  114. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  115. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  116. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  117. package/components/tabs/themes/tab.base.css.js +1 -1
  118. package/components/tabs/themes/tab.base.css.js.map +1 -1
  119. package/components/textarea/textarea.d.ts +29 -32
  120. package/components/textarea/textarea.js +89 -91
  121. package/components/textarea/textarea.js.map +1 -1
  122. package/components/tooltip/tooltip.js.map +1 -1
  123. package/components/types.d.ts +1 -1
  124. package/components/types.js.map +1 -1
  125. package/components/validation-container/themes/dark/validator.indigo.css.js +1 -1
  126. package/components/validation-container/themes/dark/validator.indigo.css.js.map +1 -1
  127. package/custom-elements.json +497 -270
  128. package/package.json +1 -1
  129. package/themes/dark/bootstrap.css +1 -1
  130. package/themes/dark/fluent.css +1 -1
  131. package/themes/dark/indigo.css +1 -1
  132. package/themes/dark/material.css +1 -1
  133. package/themes/light/bootstrap.css +1 -1
  134. package/themes/light/fluent.css +1 -1
  135. package/themes/light/indigo.css +1 -1
  136. package/themes/light/material.css +1 -1
  137. package/web-types.json +1 -1
  138. package/components/radio-group/radio-group.base.css.js.map +0 -1
  139. package/components/radio-group/radio-group.fluent.css.js +0 -3
  140. package/components/radio-group/radio-group.fluent.css.js.map +0 -1
  141. package/components/radio-group/radio-group.indigo.css.js +0 -3
  142. package/components/radio-group/radio-group.indigo.css.js.map +0 -1
  143. package/components/radio-group/radio-group.material.css.js +0 -3
  144. package/components/radio-group/radio-group.material.css.js.map +0 -1
  145. /package/components/radio-group/{radio-group.base.css.d.ts → themes/dark/radio-group.bootstrap.css.d.ts} +0 -0
  146. /package/components/radio-group/{radio-group.fluent.css.d.ts → themes/dark/radio-group.fluent.css.d.ts} +0 -0
  147. /package/components/radio-group/{radio-group.indigo.css.d.ts → themes/dark/radio-group.indigo.css.d.ts} +0 -0
  148. /package/components/radio-group/{radio-group.material.css.d.ts → themes/dark/radio-group.material.css.d.ts} +0 -0
package/CHANGELOG.md CHANGED
@@ -4,6 +4,21 @@ All notable changes to this project will be documented in this file.
4
4
  The format is based on [Keep a Changelog](http://keepachangelog.com/)
5
5
  and this project adheres to [Semantic Versioning](http://semver.org/).
6
6
 
7
+ ## [6.0.1] - 2025-05-28
8
+ ### Added
9
+ - #### Radio group
10
+ - Slotted `<label>` elements have default styles based on the current theme [#1694](https://github.com/IgniteUI/igniteui-webcomponents/pull/1694)
11
+
12
+ ### Fixed
13
+ - #### Chip
14
+ - Styling discrepancies [#1486](https://github.com/IgniteUI/igniteui-webcomponents/pull/1486)
15
+ - #### DateTime Input
16
+ - Ensure `igcChange` is emitted in case an incomplete mask value has been filled [#1695](https://github.com/IgniteUI/igniteui-webcomponents/issues/1695)
17
+ - #### Input
18
+ - Browser default autofill background styles [#1697](https://github.com/IgniteUI/igniteui-webcomponents/pull/1697)
19
+ - #### Textarea
20
+ - Dynamic prefix/suffix slot content state [#1686](https://github.com/IgniteUI/igniteui-webcomponents/issues/1686)
21
+
7
22
  ## [6.0.0] - 2025-04-29
8
23
  ### Changed
9
24
  - Minimum Node version required is now >= 20.
@@ -878,6 +893,7 @@ Initial release of Ignite UI Web Components
878
893
  - Ripple component
879
894
  - Switch component
880
895
 
896
+ [6.0.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.0.0...6.0.1
881
897
  [6.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.4.1...6.0.0
882
898
  [5.4.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.4.0...5.4.1
883
899
  [5.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.3.0...5.4.0
package/README.md CHANGED
@@ -9,7 +9,7 @@
9
9
  [![npm version](https://badge.fury.io/js/igniteui-webcomponents.svg)](https://badge.fury.io/js/igniteui-webcomponents)
10
10
  [![Discord](https://img.shields.io/discord/836634487483269200?logo=discord&logoColor=ffffff)](https://discord.gg/39MjrTRqds)
11
11
 
12
- [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.
12
+ [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.
13
13
 
14
14
  See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
15
15
 
@@ -23,6 +23,8 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
23
23
 
24
24
  | Components | Status | Documentation | Released Version |
25
25
  | :---------------------- | :----: | :----------------------------: | :--------------: |
26
+ | Tooltip | ✅ | [Docs][Tooltip Docs] | [5.4.0] |
27
+ | File Input | ✅ | [Docs][File Input Docs] | [5.4.0] |
26
28
  | Tile Manager | ✅ | [Docs][Tile Manager Docs] | [5.3.0] |
27
29
  | Carousel | ✅ | [Docs][Carousel Docs] | [5.1.0] |
28
30
  | Date picker | ✅ | [Docs][Date Picker Docs] | [4.10.0] |
@@ -241,6 +243,8 @@ npm run storybook:build
241
243
  [Date Picker Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/scheduling/date-picker
242
244
  [Carousel Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/carousel
243
245
  [Tile Manager Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/tile-manager
246
+ [File Input Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/file-input
247
+ [Tooltip Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/inputs/tooltip
244
248
  [1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/1.0.0
245
249
  [2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.0.0
246
250
  [2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0
@@ -253,3 +257,4 @@ npm run storybook:build
253
257
  [4.10.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/4.10.0
254
258
  [5.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.1.0
255
259
  [5.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.3.0
260
+ [5.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.4.0
package/components/avatar/themes/dark/avatar.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-radius: var(--ig-avatar-border-radius, 0.25rem);--ig-theme: bootstrap}`;
2
+ 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}`;
3
3
  //# sourceMappingURL=avatar.bootstrap.css.js.map
package/components/avatar/themes/dark/avatar.bootstrap.css.js.map CHANGED
@@ -1 +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"]}
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,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 CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ig-theme: fluent}`;
2
+ export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=avatar.fluent.css.js.map
package/components/avatar/themes/dark/avatar.fluent.css.js.map CHANGED
@@ -1 +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"]}
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,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 CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--ig-theme: material}`;
2
+ export const styles = css `:host{--background: var(--ig-avatar-background, var(--ig-gray-200));--ig-theme: material}`;
3
3
  //# sourceMappingURL=avatar.material.css.js.map
package/components/avatar/themes/dark/avatar.material.css.js.map CHANGED
@@ -1 +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"]}
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,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 CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- 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}`;
2
+ 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}`;
3
3
  //# sourceMappingURL=calendar.fluent.css.js.map
package/components/calendar/themes/dark/calendar.fluent.css.js.map CHANGED
@@ -1 +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"]}
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,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 CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- 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}`;
2
+ 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}`;
3
3
  //# sourceMappingURL=calendar.fluent.css.js.map
package/components/calendar/themes/light/calendar.fluent.css.js.map CHANGED
@@ -1 +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"]}
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,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 CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- 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))}`;
2
+ 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))}`;
3
3
  //# sourceMappingURL=calendar.shared.css.js.map
package/components/calendar/themes/light/calendar.shared.css.js.map CHANGED
@@ -1 +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"]}
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,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/chip/chip.d.ts CHANGED
@@ -52,6 +52,10 @@ export default class IgcChipComponent extends IgcChipComponent_base {
52
52
  * @attr
53
53
  */
54
54
  variant: StyleVariant;
55
+ protected prefixes: Array<HTMLElement>;
56
+ protected contentStart: Array<HTMLElement>;
57
+ protected suffixes: Array<HTMLElement>;
58
+ protected contentEnd: Array<HTMLElement>;
55
59
  constructor();
56
60
  protected createRenderRoot(): HTMLElement | DocumentFragment;
57
61
  protected handleSelect(): void;
package/components/chip/chip.js CHANGED
@@ -6,12 +6,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
6
6
  };
7
7
  var IgcChipComponent_1;
8
8
  import { LitElement, html, nothing } from 'lit';
9
- import { property } from 'lit/decorators.js';
9
+ import { property, queryAssignedElements } from 'lit/decorators.js';
10
10
  import { createRef, ref } from 'lit/directives/ref.js';
11
11
  import { themes } from '../../theming/theming-decorator.js';
12
12
  import { addKeybindings } from '../common/controllers/key-bindings.js';
13
13
  import { registerComponent } from '../common/definitions/register.js';
14
14
  import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
15
+ import { isEmpty } from '../common/util.js';
15
16
  import IgcIconComponent from '../icon/icon.js';
16
17
  import { styles } from './themes/chip.base.css.js';
17
18
  import { styles as shared } from './themes/shared/chip.common.css.js';
@@ -56,7 +57,12 @@ let IgcChipComponent = IgcChipComponent_1 = class IgcChipComponent extends Event
56
57
  aria-disabled="${this.disabled ? 'true' : 'false'}"
57
58
  @click=${this.handleSelect}
58
59
  >
59
- <span part="prefix">
60
+ <span
61
+ part="prefix"
62
+ .hidden=${isEmpty(this.prefixes) &&
63
+ isEmpty(this.contentStart) &&
64
+ !this.selected}
65
+ >
60
66
  ${this.selectable && this.selected
61
67
  ? html `<slot name="select">
62
68
  <igc-icon name="selected" collection="default"></igc-icon>
@@ -66,7 +72,12 @@ let IgcChipComponent = IgcChipComponent_1 = class IgcChipComponent extends Event
66
72
  <slot name="prefix"></slot>
67
73
  </span>
68
74
  <slot></slot>
69
- <span part="suffix">
75
+ <span
76
+ part="suffix"
77
+ .hidden=${isEmpty(this.suffixes) &&
78
+ isEmpty(this.contentEnd) &&
79
+ !this.removable}
80
+ >
70
81
  <slot name="end"></slot>
71
82
  <slot name="suffix"></slot>
72
83
  ${this.removable && !this.disabled
@@ -106,6 +117,18 @@ __decorate([
106
117
  __decorate([
107
118
  property({ reflect: true })
108
119
  ], IgcChipComponent.prototype, "variant", void 0);
120
+ __decorate([
121
+ queryAssignedElements({ slot: 'prefix' })
122
+ ], IgcChipComponent.prototype, "prefixes", void 0);
123
+ __decorate([
124
+ queryAssignedElements({ slot: 'start' })
125
+ ], IgcChipComponent.prototype, "contentStart", void 0);
126
+ __decorate([
127
+ queryAssignedElements({ slot: 'suffix' })
128
+ ], IgcChipComponent.prototype, "suffixes", void 0);
129
+ __decorate([
130
+ queryAssignedElements({ slot: 'end' })
131
+ ], IgcChipComponent.prototype, "contentEnd", void 0);
109
132
  IgcChipComponent = IgcChipComponent_1 = __decorate([
110
133
  themes(all)
111
134
  ], IgcChipComponent);
package/components/chip/chip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAuB1B,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,iBAAiB,CAG7D,UAAU,CAAC;IAKJ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAgB,EAAE,gBAAgB,CAAC,CAAC;IACxD,CAAC;IAwCD;QACE,KAAK,EAAE,CAAC;QAvCF,mBAAc,GAAyB,SAAS,EAAE,CAAC;QAOpD,aAAQ,GAAG,KAAK,CAAC;QAOjB,cAAS,GAAG,KAAK,CAAC;QAOlB,eAAU,GAAG,KAAK,CAAC;QAQnB,aAAQ,GAAG,KAAK,CAAC;QAYtB,cAAc,CAAC,IAAI,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,cAAc;YACxB,eAAe,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;SACzC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3C,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,QAAQ;yBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,IAAI,CAAC,YAAY;;;YAGtB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;;sBAEI;YACV,CAAC,CAAC,OAAO;;;;;;;;YAQT,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;kBACA,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;yBACjB,IAAI,CAAC,YAAY;;;;;;;;;;sBAUpB;YACV,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;;AAjHsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AAC9B,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAcjC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAClB;AAOlB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAQnB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACE;AAhDX,gBAAgB;IADpC,MAAM,CAAC,GAAG,CAAC;GACS,gBAAgB,CAsHpC;eAtHoB,gBAAgB","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"]}
1
+ {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip/chip.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAuB1B,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,iBAAiB,CAG7D,UAAU,CAAC;IAKJ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAgB,EAAE,gBAAgB,CAAC,CAAC;IACxD,CAAC;IAoDD;QACE,KAAK,EAAE,CAAC;QAnDF,mBAAc,GAAyB,SAAS,EAAE,CAAC;QAOpD,aAAQ,GAAG,KAAK,CAAC;QAOjB,cAAS,GAAG,KAAK,CAAC;QAOlB,eAAU,GAAG,KAAK,CAAC;QAQnB,aAAQ,GAAG,KAAK,CAAC;QAwBtB,cAAc,CAAC,IAAI,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,cAAc;YACxB,eAAe,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;SACzC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3C,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IAES,YAAY,CAAC,CAAQ;QAC7B,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,QAAQ;yBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;yBAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACxC,IAAI,CAAC,YAAY;;;;oBAId,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;YAChC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC;YAC1B,CAAC,IAAI,CAAC,QAAQ;;YAEZ,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;;sBAEI;YACV,CAAC,CAAC,OAAO;;;;;;;oBAOD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;YAChC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;YACxB,CAAC,IAAI,CAAC,SAAS;;;;YAIb,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAA;kBACA,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;yBACjB,IAAI,CAAC,YAAY;;;;;;;;;;sBAUpB;YACV,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;;AAvIsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AAC9B,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAcjC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAClB;AAOlB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACjB;AAQnB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACE;AAGpB;IADT,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;kDACF;AAG9B;IADT,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDACG;AAGlC;IADT,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;kDACF;AAG9B;IADT,qBAAqB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;oDACG;AA5DvB,gBAAgB;IADpC,MAAM,CAAC,GAAG,CAAC;GACS,gBAAgB,CA4IpC;eA5IoB,gBAAgB","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 CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- 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))}`;
2
+ 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))}`;
3
3
  //# sourceMappingURL=chip.common.css.js.map
package/components/chip/themes/shared/chip.common.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y/BAAy/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport 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))}`;\n"]}
1
+ {"version":3,"file":"chip.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0hCAA0hC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport 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))}`;\n"]}
package/components/chip/themes/shared/chip.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{border:.0625rem solid var(--border-color);padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host button:hover{border-color:var(--hover-border-color)}:host button[disabled]{border-color:var(--disabled-border-color)}:host button igc-icon{--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){color:var(--selected-text-color);background:var(--selected-background);border-color:rgba(0,0,0,0)}:host([selected]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--focus-selected-outline-color)}:host([selected]) button:not([disabled]):hover{color:var(--hover-selected-text-color);background:var(--hover-selected-background);border-color:var(--hover-selected-border-color)}:host([selected]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5);border-color:rgba(0,0,0,0)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{color:var(--ig-primary-900-contrast);background:var(--ig-primary-500);box-shadow:0 0 0 .1875rem hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{color:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}:host([variant=primary]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info]) button[disabled]{color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-500);color:var(--ig-success-900-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-400);color:var(--ig-success-900-contrast)}:host([variant=success]) button[disabled]{color:var(--ig-success-900-contrast);background:var(--ig-success-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-400);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button[disabled]{color:var(--ig-warn-900-contrast);background:var(--ig-warn-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-400);color:var(--ig-error-900-contrast)}:host([variant=danger]) button[disabled]{color:var(--ig-error-900-contrast);background:var(--ig-error-500)}:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{opacity:.4}`;
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{border:.0625rem solid var(--border-color);padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host button:hover{border-color:var(--hover-border-color)}:host button[disabled]{border-color:var(--disabled-border-color)}:host button igc-icon,:host button ::slotted(igc-icon){--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){color:var(--selected-text-color);background:var(--selected-background);border-color:rgba(0,0,0,0)}:host([selected]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--focus-selected-outline-color)}:host([selected]) button:not([disabled]):hover{color:var(--hover-selected-text-color);background:var(--hover-selected-background);border-color:var(--hover-selected-border-color)}:host([selected]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5);border-color:rgba(0,0,0,0)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{color:var(--ig-primary-900-contrast);background:var(--ig-primary-500);box-shadow:0 0 0 .1875rem hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{color:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}:host([variant=primary]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info]) button[disabled]{color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-500);color:var(--ig-success-900-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-400);color:var(--ig-success-900-contrast)}:host([variant=success]) button[disabled]{color:var(--ig-success-900-contrast);background:var(--ig-success-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-400);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button[disabled]{color:var(--ig-warn-900-contrast);background:var(--ig-warn-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-400);color:var(--ig-error-900-contrast)}:host([variant=danger]) button[disabled]{color:var(--ig-error-900-contrast);background:var(--ig-error-500)}:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{opacity:.4}`;
3
3
  //# sourceMappingURL=chip.indigo.css.js.map
package/components/chip/themes/shared/chip.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,04IAA04I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{border:.0625rem solid var(--border-color);padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host button:hover{border-color:var(--hover-border-color)}:host button[disabled]{border-color:var(--disabled-border-color)}:host button igc-icon{--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){color:var(--selected-text-color);background:var(--selected-background);border-color:rgba(0,0,0,0)}:host([selected]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--focus-selected-outline-color)}:host([selected]) button:not([disabled]):hover{color:var(--hover-selected-text-color);background:var(--hover-selected-background);border-color:var(--hover-selected-border-color)}:host([selected]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5);border-color:rgba(0,0,0,0)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{color:var(--ig-primary-900-contrast);background:var(--ig-primary-500);box-shadow:0 0 0 .1875rem hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{color:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}:host([variant=primary]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info]) button[disabled]{color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-500);color:var(--ig-success-900-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-400);color:var(--ig-success-900-contrast)}:host([variant=success]) button[disabled]{color:var(--ig-success-900-contrast);background:var(--ig-success-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-400);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button[disabled]{color:var(--ig-warn-900-contrast);background:var(--ig-warn-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-400);color:var(--ig-error-900-contrast)}:host([variant=danger]) button[disabled]{color:var(--ig-error-900-contrast);background:var(--ig-error-500)}:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{opacity:.4}`;\n"]}
1
+ {"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,26IAA26I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{border:.0625rem solid var(--border-color);padding:0 max(var(--is-large, 1)*max(7px, -1 * 7px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host button:focus{box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host button:hover{border-color:var(--hover-border-color)}:host button[disabled]{border-color:var(--disabled-border-color)}:host button igc-icon,:host button ::slotted(igc-icon){--size: max(var(--is-large, 1) * max(1rem, -1 * 1rem), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host([selected]) button:not([disabled]){color:var(--selected-text-color);background:var(--selected-background);border-color:rgba(0,0,0,0)}:host([selected]) button:not([disabled]):focus{box-shadow:0 0 0 .1875rem var(--focus-selected-outline-color)}:host([selected]) button:not([disabled]):hover{color:var(--hover-selected-text-color);background:var(--hover-selected-background);border-color:var(--hover-selected-border-color)}:host([selected]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5);border-color:rgba(0,0,0,0)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{color:var(--ig-primary-900-contrast);background:var(--ig-primary-500);box-shadow:0 0 0 .1875rem hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{color:var(--ig-primary-900-contrast);background:var(--ig-primary-400)}:host([variant=primary]) button[disabled]{background:hsl(from var(--ig-primary-400) h s l/0.5)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:var(--ig-info-500);color:var(--ig-info-900-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:var(--ig-info-400);color:var(--ig-info-900-contrast)}:host([variant=info]) button[disabled]{color:var(--ig-info-900-contrast);background:var(--ig-info-500)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:var(--ig-success-500);color:var(--ig-success-900-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:var(--ig-success-400);color:var(--ig-success-900-contrast)}:host([variant=success]) button[disabled]{color:var(--ig-success-900-contrast);background:var(--ig-success-500)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:var(--ig-warn-500);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:var(--ig-warn-400);color:var(--ig-warn-900-contrast)}:host([variant=warning]) button[disabled]{color:var(--ig-warn-900-contrast);background:var(--ig-warn-500)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-900-contrast);border-color:rgba(0,0,0,0)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:var(--ig-error-500);color:var(--ig-error-900-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:var(--ig-error-400);color:var(--ig-error-900-contrast)}:host([variant=danger]) button[disabled]{color:var(--ig-error-900-contrast);background:var(--ig-error-500)}:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{opacity:.4}`;\n"]}
package/components/common/controllers/gestures.d.ts CHANGED
@@ -2,6 +2,7 @@ import type { ReactiveController, ReactiveControllerHost } from 'lit';
2
2
  import type { Ref } from 'lit/directives/ref.js';
3
3
  /**
4
4
  * Configuration object for a {@link GesturesController} instance.
5
+ * @ignore
5
6
  */
6
7
  export interface GesturesOptions {
7
8
  /**