igniteui-webcomponents 6.0.0 → 6.1.0

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 (431) hide show
  1. package/CHANGELOG.md +48 -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/button/button-base.d.ts +5 -6
  10. package/components/button/button-base.js +15 -29
  11. package/components/button/button-base.js.map +1 -1
  12. package/components/button/themes/button/light/button.shared.css.js +1 -1
  13. package/components/button/themes/button/light/button.shared.css.js.map +1 -1
  14. package/components/button-group/toggle-button.d.ts +2 -2
  15. package/components/button-group/toggle-button.js +4 -6
  16. package/components/button-group/toggle-button.js.map +1 -1
  17. package/components/calendar/calendar.d.ts +1 -1
  18. package/components/calendar/calendar.js +12 -9
  19. package/components/calendar/calendar.js.map +1 -1
  20. package/components/calendar/days-view/days-view.d.ts +1 -1
  21. package/components/calendar/days-view/days-view.js +8 -9
  22. package/components/calendar/days-view/days-view.js.map +1 -1
  23. package/components/calendar/helpers.d.ts +12 -1
  24. package/components/calendar/helpers.js +35 -10
  25. package/components/calendar/helpers.js.map +1 -1
  26. package/components/calendar/model.d.ts +15 -1
  27. package/components/calendar/model.js +26 -5
  28. package/components/calendar/model.js.map +1 -1
  29. package/components/calendar/months-view/months-view.d.ts +1 -1
  30. package/components/calendar/months-view/months-view.js +6 -6
  31. package/components/calendar/months-view/months-view.js.map +1 -1
  32. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  33. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  34. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  35. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  36. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  37. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  38. package/components/calendar/years-view/years-view.d.ts +1 -1
  39. package/components/calendar/years-view/years-view.js +6 -6
  40. package/components/calendar/years-view/years-view.js.map +1 -1
  41. package/components/carousel/carousel-indicator-container.d.ts +2 -2
  42. package/components/carousel/carousel-indicator-container.js +8 -9
  43. package/components/carousel/carousel-indicator-container.js.map +1 -1
  44. package/components/carousel/carousel.d.ts +7 -8
  45. package/components/carousel/carousel.js +24 -20
  46. package/components/carousel/carousel.js.map +1 -1
  47. package/components/checkbox/checkbox-base.d.ts +8 -10
  48. package/components/checkbox/checkbox-base.js +20 -23
  49. package/components/checkbox/checkbox-base.js.map +1 -1
  50. package/components/checkbox/checkbox.d.ts +3 -3
  51. package/components/checkbox/checkbox.js +18 -19
  52. package/components/checkbox/checkbox.js.map +1 -1
  53. package/components/checkbox/switch.d.ts +2 -2
  54. package/components/checkbox/switch.js +15 -19
  55. package/components/checkbox/switch.js.map +1 -1
  56. package/components/chip/chip.d.ts +4 -0
  57. package/components/chip/chip.js +29 -6
  58. package/components/chip/chip.js.map +1 -1
  59. package/components/chip/themes/shared/chip.common.css.js +1 -1
  60. package/components/chip/themes/shared/chip.common.css.js.map +1 -1
  61. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  62. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  63. package/components/combo/combo.d.ts +2 -2
  64. package/components/combo/combo.js +12 -11
  65. package/components/combo/combo.js.map +1 -1
  66. package/components/combo/themes/combo.base.css.js +1 -1
  67. package/components/combo/themes/combo.base.css.js.map +1 -1
  68. package/components/combo/themes/shared/combo.fluent.css.js +1 -1
  69. package/components/combo/themes/shared/combo.fluent.css.js.map +1 -1
  70. package/components/common/controllers/focus-ring.d.ts +21 -11
  71. package/components/common/controllers/focus-ring.js +16 -14
  72. package/components/common/controllers/focus-ring.js.map +1 -1
  73. package/components/common/controllers/gestures.d.ts +1 -0
  74. package/components/common/controllers/gestures.js.map +1 -1
  75. package/components/common/controllers/key-bindings.d.ts +40 -33
  76. package/components/common/controllers/key-bindings.js +83 -71
  77. package/components/common/controllers/key-bindings.js.map +1 -1
  78. package/components/common/controllers/resize-observer.d.ts +11 -8
  79. package/components/common/controllers/resize-observer.js +3 -3
  80. package/components/common/controllers/resize-observer.js.map +1 -1
  81. package/components/common/definitions/defineAllComponents.js +2 -0
  82. package/components/common/definitions/defineAllComponents.js.map +1 -1
  83. package/components/common/i18n/date-range-picker.resources.d.ts +11 -0
  84. package/components/common/i18n/date-range-picker.resources.js +12 -0
  85. package/components/common/i18n/date-range-picker.resources.js.map +1 -0
  86. package/components/common/mixins/combo-box.js +8 -2
  87. package/components/common/mixins/combo-box.js.map +1 -1
  88. package/components/common/mixins/forms/form-value.d.ts +15 -1
  89. package/components/common/mixins/forms/form-value.js +25 -4
  90. package/components/common/mixins/forms/form-value.js.map +1 -1
  91. package/components/common/mixins/option.d.ts +3 -2
  92. package/components/common/mixins/option.js.map +1 -1
  93. package/components/common/part-map.d.ts +17 -0
  94. package/components/common/part-map.js +46 -0
  95. package/components/common/part-map.js.map +1 -0
  96. package/components/common/util.d.ts +5 -6
  97. package/components/common/util.js +17 -22
  98. package/components/common/util.js.map +1 -1
  99. package/components/common/validators.js +3 -7
  100. package/components/common/validators.js.map +1 -1
  101. package/components/date-picker/date-picker.d.ts +37 -37
  102. package/components/date-picker/date-picker.js +142 -140
  103. package/components/date-picker/date-picker.js.map +1 -1
  104. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  105. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  106. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  107. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  108. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  109. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  110. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  111. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  112. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  113. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  114. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  115. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  116. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  117. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  118. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  119. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  120. package/components/date-picker/themes/light/date-picker.shared.css.js +1 -1
  121. package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -1
  122. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
  123. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
  124. package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
  125. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
  126. package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
  127. package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
  128. package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
  129. package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
  130. package/components/date-picker/themes/shared/date-picker.material.css.js +3 -0
  131. package/components/date-picker/themes/shared/date-picker.material.css.js.map +1 -0
  132. package/components/date-picker/themes/themes.js +3 -2
  133. package/components/date-picker/themes/themes.js.map +1 -1
  134. package/components/date-range-picker/date-range-picker.base.css.js +3 -0
  135. package/components/date-range-picker/date-range-picker.base.css.js.map +1 -0
  136. package/components/date-range-picker/date-range-picker.d.ts +365 -0
  137. package/components/date-range-picker/date-range-picker.js +810 -0
  138. package/components/date-range-picker/date-range-picker.js.map +1 -0
  139. package/components/{radio-group/radio-group.base.css.js → date-range-picker/predefined-ranges-area.base.css.js} +2 -2
  140. package/components/date-range-picker/predefined-ranges-area.base.css.js.map +1 -0
  141. package/components/date-range-picker/predefined-ranges-area.d.ts +36 -0
  142. package/components/date-range-picker/predefined-ranges-area.js +115 -0
  143. package/components/date-range-picker/predefined-ranges-area.js.map +1 -0
  144. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +3 -0
  145. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -0
  146. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.d.ts +1 -0
  147. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +3 -0
  148. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -0
  149. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.d.ts +1 -0
  150. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +3 -0
  151. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -0
  152. package/components/date-range-picker/themes/dark/date-range-picker.material.css.d.ts +1 -0
  153. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +3 -0
  154. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -0
  155. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.d.ts +1 -0
  156. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js +3 -0
  157. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js.map +1 -0
  158. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.d.ts +1 -0
  159. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js +3 -0
  160. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js.map +1 -0
  161. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.d.ts +1 -0
  162. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js +3 -0
  163. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js.map +1 -0
  164. package/components/date-range-picker/themes/light/date-range-picker.material.css.d.ts +1 -0
  165. package/components/date-range-picker/themes/light/date-range-picker.material.css.js +3 -0
  166. package/components/date-range-picker/themes/light/date-range-picker.material.css.js.map +1 -0
  167. package/components/date-range-picker/themes/light/date-range-picker.shared.css.d.ts +1 -0
  168. package/components/date-range-picker/themes/light/date-range-picker.shared.css.js +3 -0
  169. package/components/date-range-picker/themes/light/date-range-picker.shared.css.js.map +1 -0
  170. package/components/date-range-picker/themes/ranges-themes.d.ts +2 -0
  171. package/components/date-range-picker/themes/ranges-themes.js +14 -0
  172. package/components/date-range-picker/themes/ranges-themes.js.map +1 -0
  173. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.d.ts +1 -0
  174. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +3 -0
  175. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -0
  176. package/components/date-range-picker/themes/shared/date-range-picker.common.css.d.ts +1 -0
  177. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +3 -0
  178. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -0
  179. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.d.ts +1 -0
  180. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +3 -0
  181. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -0
  182. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.d.ts +1 -0
  183. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +3 -0
  184. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -0
  185. package/components/date-range-picker/themes/shared/date-range-picker.material.css.d.ts +1 -0
  186. package/components/date-range-picker/themes/shared/date-range-picker.material.css.js +3 -0
  187. package/components/date-range-picker/themes/shared/date-range-picker.material.css.js.map +1 -0
  188. package/components/date-range-picker/themes/shared/predefined-ranges-area.common.css.d.ts +1 -0
  189. package/components/date-range-picker/themes/shared/predefined-ranges-area.common.css.js +3 -0
  190. package/components/date-range-picker/themes/shared/predefined-ranges-area.common.css.js.map +1 -0
  191. package/components/date-range-picker/themes/shared/predefined-ranges-area.indigo.css.d.ts +1 -0
  192. package/components/date-range-picker/themes/shared/predefined-ranges-area.indigo.css.js +3 -0
  193. package/components/date-range-picker/themes/shared/predefined-ranges-area.indigo.css.js.map +1 -0
  194. package/components/date-range-picker/themes/themes.d.ts +2 -0
  195. package/components/date-range-picker/themes/themes.js +50 -0
  196. package/components/date-range-picker/themes/themes.js.map +1 -0
  197. package/components/date-range-picker/validators.d.ts +26 -0
  198. package/components/date-range-picker/validators.js +57 -0
  199. package/components/date-range-picker/validators.js.map +1 -0
  200. package/components/date-time-input/date-time-input.d.ts +2 -2
  201. package/components/date-time-input/date-time-input.js +8 -10
  202. package/components/date-time-input/date-time-input.js.map +1 -1
  203. package/components/date-time-input/date-util.d.ts +7 -0
  204. package/components/date-time-input/date-util.js +11 -0
  205. package/components/date-time-input/date-util.js.map +1 -1
  206. package/components/dialog/dialog.js +11 -10
  207. package/components/dialog/dialog.js.map +1 -1
  208. package/components/dialog/themes/dialog.base.css.js +1 -1
  209. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  210. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  211. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  212. package/components/dropdown/dropdown.js.map +1 -1
  213. package/components/file-input/file-input.d.ts +12 -6
  214. package/components/file-input/file-input.js +23 -19
  215. package/components/file-input/file-input.js.map +1 -1
  216. package/components/file-input/themes/file-input.base.css.js +1 -1
  217. package/components/file-input/themes/file-input.base.css.js.map +1 -1
  218. package/components/input/input-base.d.ts +0 -1
  219. package/components/input/input-base.js +5 -4
  220. package/components/input/input-base.js.map +1 -1
  221. package/components/input/input.d.ts +2 -3
  222. package/components/input/input.js +10 -9
  223. package/components/input/input.js.map +1 -1
  224. package/components/input/themes/dark/input.bootstrap.css.js +1 -1
  225. package/components/input/themes/dark/input.bootstrap.css.js.map +1 -1
  226. package/components/input/themes/dark/input.indigo.css.js +1 -1
  227. package/components/input/themes/dark/input.indigo.css.js.map +1 -1
  228. package/components/input/themes/input.base.css.js +1 -1
  229. package/components/input/themes/input.base.css.js.map +1 -1
  230. package/components/input/themes/light/input.bootstrap.css.js +1 -1
  231. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  232. package/components/input/themes/light/input.indigo.css.js +1 -1
  233. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  234. package/components/input/themes/light/input.shared.css.js +1 -1
  235. package/components/input/themes/light/input.shared.css.js.map +1 -1
  236. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  237. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  238. package/components/input/themes/shared/input.common.css.js +1 -1
  239. package/components/input/themes/shared/input.common.css.js.map +1 -1
  240. package/components/input/themes/shared/input.fluent.css.js +1 -1
  241. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  242. package/components/input/themes/shared/input.indigo.css.js +1 -1
  243. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  244. package/components/input/themes/shared/input.material.css.js +1 -1
  245. package/components/input/themes/shared/input.material.css.js.map +1 -1
  246. package/components/mask-input/mask-input.d.ts +2 -3
  247. package/components/mask-input/mask-input.js +13 -12
  248. package/components/mask-input/mask-input.js.map +1 -1
  249. package/components/mask-input/mask-parser.d.ts +100 -14
  250. package/components/mask-input/mask-parser.js +134 -117
  251. package/components/mask-input/mask-parser.js.map +1 -1
  252. package/components/nav-drawer/nav-drawer-item.js +2 -6
  253. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  254. package/components/nav-drawer/nav-drawer.js +5 -6
  255. package/components/nav-drawer/nav-drawer.js.map +1 -1
  256. package/components/progress/base.js +6 -5
  257. package/components/progress/base.js.map +1 -1
  258. package/components/progress/circular-progress.js +7 -15
  259. package/components/progress/circular-progress.js.map +1 -1
  260. package/components/progress/linear-progress.js +5 -5
  261. package/components/progress/linear-progress.js.map +1 -1
  262. package/components/progress/themes/circular/dark/circular.progress.shared.css.js +1 -1
  263. package/components/progress/themes/circular/dark/circular.progress.shared.css.js.map +1 -1
  264. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js +1 -1
  265. package/components/progress/themes/linear/dark/linear.progress.bootstrap.css.js.map +1 -1
  266. package/components/progress/themes/linear/dark/linear.progress.shared.css.js +1 -1
  267. package/components/progress/themes/linear/dark/linear.progress.shared.css.js.map +1 -1
  268. package/components/radio/radio.d.ts +11 -12
  269. package/components/radio/radio.js +39 -44
  270. package/components/radio/radio.js.map +1 -1
  271. package/components/radio/utils.js +6 -3
  272. package/components/radio/utils.js.map +1 -1
  273. package/components/radio-group/radio-group.d.ts +2 -1
  274. package/components/radio-group/radio-group.js +23 -10
  275. package/components/radio-group/radio-group.js.map +1 -1
  276. package/components/radio-group/themes/dark/radio-group.bootstrap.css.d.ts +1 -0
  277. package/components/radio-group/themes/dark/radio-group.bootstrap.css.js +3 -0
  278. package/components/radio-group/themes/dark/radio-group.bootstrap.css.js.map +1 -0
  279. package/components/radio-group/themes/dark/radio-group.fluent.css.d.ts +1 -0
  280. package/components/radio-group/themes/dark/radio-group.fluent.css.js +3 -0
  281. package/components/radio-group/themes/dark/radio-group.fluent.css.js.map +1 -0
  282. package/components/radio-group/themes/dark/radio-group.indigo.css.d.ts +1 -0
  283. package/components/radio-group/themes/dark/radio-group.indigo.css.js +3 -0
  284. package/components/radio-group/themes/dark/radio-group.indigo.css.js.map +1 -0
  285. package/components/radio-group/themes/dark/radio-group.material.css.d.ts +1 -0
  286. package/components/radio-group/themes/dark/radio-group.material.css.js +3 -0
  287. package/components/radio-group/themes/dark/radio-group.material.css.js.map +1 -0
  288. package/components/radio-group/themes/light/radio-group.bootstrap.css.d.ts +1 -0
  289. package/components/radio-group/themes/light/radio-group.bootstrap.css.js +3 -0
  290. package/components/radio-group/themes/light/radio-group.bootstrap.css.js.map +1 -0
  291. package/components/radio-group/themes/light/radio-group.fluent.css.d.ts +1 -0
  292. package/components/radio-group/themes/light/radio-group.fluent.css.js +3 -0
  293. package/components/radio-group/themes/light/radio-group.fluent.css.js.map +1 -0
  294. package/components/radio-group/themes/light/radio-group.indigo.css.d.ts +1 -0
  295. package/components/radio-group/themes/light/radio-group.indigo.css.js +3 -0
  296. package/components/radio-group/themes/light/radio-group.indigo.css.js.map +1 -0
  297. package/components/radio-group/themes/light/radio-group.material.css.d.ts +1 -0
  298. package/components/radio-group/themes/light/radio-group.material.css.js +3 -0
  299. package/components/radio-group/themes/light/radio-group.material.css.js.map +1 -0
  300. package/components/radio-group/themes/light/radio-group.shared.css.d.ts +1 -0
  301. package/components/radio-group/themes/light/radio-group.shared.css.js +3 -0
  302. package/components/radio-group/themes/light/radio-group.shared.css.js.map +1 -0
  303. package/components/radio-group/themes/radio-group.base.css.d.ts +1 -0
  304. package/components/radio-group/themes/radio-group.base.css.js +3 -0
  305. package/components/radio-group/themes/radio-group.base.css.js.map +1 -0
  306. package/components/radio-group/themes/shared/radio-group.bootstrap.css.d.ts +1 -0
  307. package/components/radio-group/themes/shared/radio-group.bootstrap.css.js +3 -0
  308. package/components/radio-group/themes/shared/radio-group.bootstrap.css.js.map +1 -0
  309. package/components/radio-group/themes/shared/radio-group.common.css.d.ts +1 -0
  310. package/components/radio-group/themes/shared/radio-group.common.css.js +3 -0
  311. package/components/radio-group/themes/shared/radio-group.common.css.js.map +1 -0
  312. package/components/radio-group/themes/shared/radio-group.fluent.css.d.ts +1 -0
  313. package/components/radio-group/themes/shared/radio-group.fluent.css.js +3 -0
  314. package/components/radio-group/themes/shared/radio-group.fluent.css.js.map +1 -0
  315. package/components/radio-group/themes/shared/radio-group.indigo.css.d.ts +1 -0
  316. package/components/radio-group/themes/shared/radio-group.indigo.css.js +3 -0
  317. package/components/radio-group/themes/shared/radio-group.indigo.css.js.map +1 -0
  318. package/components/radio-group/themes/shared/radio-group.material.css.d.ts +1 -0
  319. package/components/radio-group/themes/shared/radio-group.material.css.js +3 -0
  320. package/components/radio-group/themes/shared/radio-group.material.css.js.map +1 -0
  321. package/components/radio-group/themes/themes.d.ts +2 -0
  322. package/components/radio-group/themes/themes.js +50 -0
  323. package/components/radio-group/themes/themes.js.map +1 -0
  324. package/components/rating/rating.d.ts +2 -2
  325. package/components/rating/rating.js +4 -4
  326. package/components/rating/rating.js.map +1 -1
  327. package/components/resize-container/resize-container.js +4 -4
  328. package/components/resize-container/resize-container.js.map +1 -1
  329. package/components/select/select.d.ts +2 -2
  330. package/components/select/select.js +11 -10
  331. package/components/select/select.js.map +1 -1
  332. package/components/select/themes/shared/select.fluent.css.js +1 -1
  333. package/components/select/themes/shared/select.fluent.css.js.map +1 -1
  334. package/components/slider/range-slider.js +1 -1
  335. package/components/slider/range-slider.js.map +1 -1
  336. package/components/slider/slider-base.js +1 -1
  337. package/components/slider/slider-base.js.map +1 -1
  338. package/components/slider/slider.d.ts +2 -3
  339. package/components/slider/slider.js +7 -7
  340. package/components/slider/slider.js.map +1 -1
  341. package/components/stepper/step.js +3 -3
  342. package/components/stepper/step.js.map +1 -1
  343. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  344. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  345. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  346. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  347. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  348. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  349. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  350. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  351. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  352. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  353. package/components/stepper/themes/step/light/step.shared.css.js +1 -1
  354. package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
  355. package/components/tabs/tab-dom.d.ts +2 -2
  356. package/components/tabs/tab-dom.js +15 -2
  357. package/components/tabs/tab-dom.js.map +1 -1
  358. package/components/tabs/tabs.d.ts +2 -1
  359. package/components/tabs/tabs.js +10 -8
  360. package/components/tabs/tabs.js.map +1 -1
  361. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  362. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  363. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  364. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  365. package/components/tabs/themes/tab.base.css.js +1 -1
  366. package/components/tabs/themes/tab.base.css.js.map +1 -1
  367. package/components/textarea/textarea.d.ts +30 -33
  368. package/components/textarea/textarea.js +95 -96
  369. package/components/textarea/textarea.js.map +1 -1
  370. package/components/textarea/themes/dark/textarea.bootstrap.css.js +1 -1
  371. package/components/textarea/themes/dark/textarea.bootstrap.css.js.map +1 -1
  372. package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
  373. package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
  374. package/components/textarea/themes/light/textarea.bootstrap.css.js +1 -1
  375. package/components/textarea/themes/light/textarea.bootstrap.css.js.map +1 -1
  376. package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
  377. package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
  378. package/components/textarea/themes/light/textarea.shared.css.js +1 -1
  379. package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
  380. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  381. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  382. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  383. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  384. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  385. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  386. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  387. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  388. package/components/textarea/themes/textarea.base.css.js +1 -1
  389. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  390. package/components/tile-manager/tile-manager.js +5 -4
  391. package/components/tile-manager/tile-manager.js.map +1 -1
  392. package/components/tile-manager/tile.js +6 -5
  393. package/components/tile-manager/tile.js.map +1 -1
  394. package/components/tooltip/tooltip.d.ts +24 -9
  395. package/components/tooltip/tooltip.js +22 -19
  396. package/components/tooltip/tooltip.js.map +1 -1
  397. package/components/tree/tree-item.js +5 -3
  398. package/components/tree/tree-item.js.map +1 -1
  399. package/components/types.d.ts +1 -1
  400. package/components/types.js.map +1 -1
  401. package/components/validation-container/themes/dark/validator.indigo.css.js +1 -1
  402. package/components/validation-container/themes/dark/validator.indigo.css.js.map +1 -1
  403. package/components/validation-container/validation-container.js +4 -11
  404. package/components/validation-container/validation-container.js.map +1 -1
  405. package/custom-elements.json +21925 -18034
  406. package/igniteui-webcomponents.css-data.json +1 -1
  407. package/igniteui-webcomponents.html-data.json +1 -1
  408. package/index.d.ts +4 -1
  409. package/index.js +1 -0
  410. package/index.js.map +1 -1
  411. package/package.json +3 -2
  412. package/themes/dark/bootstrap.css +1 -1
  413. package/themes/dark/fluent.css +1 -1
  414. package/themes/dark/indigo.css +1 -1
  415. package/themes/dark/material.css +1 -1
  416. package/themes/light/bootstrap.css +1 -1
  417. package/themes/light/fluent.css +1 -1
  418. package/themes/light/indigo.css +1 -1
  419. package/themes/light/material.css +1 -1
  420. package/web-types.json +2 -2
  421. package/components/radio-group/radio-group.base.css.js.map +0 -1
  422. package/components/radio-group/radio-group.fluent.css.js +0 -3
  423. package/components/radio-group/radio-group.fluent.css.js.map +0 -1
  424. package/components/radio-group/radio-group.indigo.css.js +0 -3
  425. package/components/radio-group/radio-group.indigo.css.js.map +0 -1
  426. package/components/radio-group/radio-group.material.css.js +0 -3
  427. package/components/radio-group/radio-group.material.css.js.map +0 -1
  428. /package/components/{radio-group/radio-group.base.css.d.ts → date-picker/themes/shared/date-picker.material.css.d.ts} +0 -0
  429. /package/components/{radio-group/radio-group.fluent.css.d.ts → date-range-picker/date-range-picker.base.css.d.ts} +0 -0
  430. /package/components/{radio-group/radio-group.indigo.css.d.ts → date-range-picker/predefined-ranges-area.base.css.d.ts} +0 -0
  431. /package/components/{radio-group/radio-group.material.css.d.ts → date-range-picker/themes/dark/date-range-picker.bootstrap.css.d.ts} +0 -0
package/components/date-picker/themes/dark/date-picker.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-200));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-100));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-100));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-200));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-200));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--ig-theme: material}`;
2
+ export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-500));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-200));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-100));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-100));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-200));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-200));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-datepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-datepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;
3
3
  //# sourceMappingURL=date-picker.material.css.js.map
package/components/date-picker/themes/dark/date-picker.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/dark/date-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,05PAA05P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-200));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-100));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-100));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-200));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-200));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--ig-theme: material}`;\n"]}
1
+ {"version":3,"file":"date-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/dark/date-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,66YAA66Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-500));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-secondary-200));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-secondary-200));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-secondary-200));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-secondary-200));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-200));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-100));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-100));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-200));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-200));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-100));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-200));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-datepicker-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-datepicker-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;\n"]}
package/components/date-picker/themes/light/date-picker.bootstrap.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-300));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-800));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-800));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-800));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap}`;
2
+ export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-800));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-800));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-800));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=date-picker.bootstrap.css.js.map
package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u0QAAu0Q,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-300));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-800));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-800));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-800));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap}`;\n"]}
1
+ {"version":3,"file":"date-picker.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wyZAAwyZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-100));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-info-300));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-100));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-100-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-300));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-800));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-800));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-800));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-600));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-600));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-600));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-600));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900-contrast));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-600));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-900-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-600));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-900-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-300));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-300));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-400));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-400));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;\n"]}
package/components/date-picker/themes/light/date-picker.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-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-datepicker-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-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, transparent);--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-900));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-primary-900-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--ig-theme: fluent}`;
2
+ export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-700));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--inner-size: var(--ig-datepicker-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-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-900));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-primary-900-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=date-picker.fluent.css.js.map
package/components/date-picker/themes/light/date-picker.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2vUAA2vU,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-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-datepicker-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-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, transparent);--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-900));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-primary-900-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--ig-theme: fluent}`;\n"]}
1
+ {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m+cAAm+c,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-700));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--inner-size: var(--ig-datepicker-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-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-900));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-primary-900-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;\n"]}
package/components/date-picker/themes/light/date-picker.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-800));--content-background: var(--ig-datepicker-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--inner-size: var(--ig-datepicker-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)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-600));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-900) h s l/0.05));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-800));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-800));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-50));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-800));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-400));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-800));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-50));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-100));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-500));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-600));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-primary-600));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-600));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-100));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-800));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-300) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-50));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-50));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-800));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-800));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-800));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-50));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-gray-600));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-800));--content-background: var(--ig-datepicker-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-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)));--inner-size: var(--ig-datepicker-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)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-600));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-900) h s l/0.05));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-800));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-800));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-50));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-800));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-400));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-800));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-50));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-100));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-500));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-600));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-primary-600));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-600));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-100));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-800));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-300) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-50));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-50));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-800));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-800));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-800));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-50));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-datepicker-box-background, transparent);--box-background-hover: var(--ig-datepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-datepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-datepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=date-picker.indigo.css.js.map
package/components/date-picker/themes/light/date-picker.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0gUAA0gU,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-800));--content-background: var(--ig-datepicker-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--inner-size: var(--ig-datepicker-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)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-600));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-900) h s l/0.05));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-800));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-800));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-50));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-800));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-400));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-800));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-50));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-100));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-500));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-600));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-primary-600));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-600));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-100));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-800));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-300) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-50));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-50));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-800));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-800));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-800));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-50));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-gray-600));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--ig-theme: indigo}`;\n"]}
1
+ {"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w2cAAw2c,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-800));--content-background: var(--ig-datepicker-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-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)));--inner-size: var(--ig-datepicker-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)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-600));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-900) h s l/0.05));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-800));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-800));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-50));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-800));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-400));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-800));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-50));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-100));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-500));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-600));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-primary-600));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-600));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-100));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-800));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-300) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-50));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-50));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-800));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-800));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-800));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-50));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-datepicker-box-background, transparent);--box-background-hover: var(--ig-datepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-datepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-datepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}`;\n"]}
package/components/date-picker/themes/light/date-picker.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--ig-theme: material}`;
2
+ export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;
3
3
  //# sourceMappingURL=date-picker.material.css.js.map
package/components/date-picker/themes/light/date-picker.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0hPAA0hP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--ig-theme: material}`;\n"]}
1
+ {"version":3,"file":"date-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8+XAA8+X,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;\n"]}