igniteui-webcomponents 5.0.0 → 5.0.2

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 (486) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/README.md +3 -3
  3. package/components/accordion/accordion.d.ts +0 -2
  4. package/components/accordion/accordion.js +7 -14
  5. package/components/accordion/accordion.js.map +1 -1
  6. package/components/accordion/themes/accordion.base.css.js +1 -1
  7. package/components/accordion/themes/accordion.base.css.js.map +1 -1
  8. package/components/avatar/themes/avatar.base.css.js +1 -1
  9. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  10. package/components/badge/themes/badge.base.css.js +1 -1
  11. package/components/badge/themes/badge.base.css.js.map +1 -1
  12. package/components/badge/themes/shared/badge.bootstrap.css.js +1 -1
  13. package/components/badge/themes/shared/badge.bootstrap.css.js.map +1 -1
  14. package/components/badge/themes/shared/badge.common.css.js +1 -1
  15. package/components/badge/themes/shared/badge.common.css.js.map +1 -1
  16. package/components/banner/themes/banner.base.css.js +1 -1
  17. package/components/banner/themes/banner.base.css.js.map +1 -1
  18. package/components/banner/themes/shared/banner.bootstrap.css.js +1 -1
  19. package/components/banner/themes/shared/banner.bootstrap.css.js.map +1 -1
  20. package/components/banner/themes/shared/banner.fluent.css.js +1 -1
  21. package/components/banner/themes/shared/banner.fluent.css.js.map +1 -1
  22. package/components/banner/themes/shared/banner.indigo.css.js +1 -1
  23. package/components/banner/themes/shared/banner.indigo.css.js.map +1 -1
  24. package/components/banner/themes/shared/banner.material.css.js +1 -1
  25. package/components/banner/themes/shared/banner.material.css.js.map +1 -1
  26. package/components/button/themes/button/button.base.css.js +1 -1
  27. package/components/button/themes/button/button.base.css.js.map +1 -1
  28. package/components/button/themes/button/shared/button.bootstrap.css.js +1 -1
  29. package/components/button/themes/button/shared/button.bootstrap.css.js.map +1 -1
  30. package/components/button/themes/button/shared/button.common.css.js +1 -1
  31. package/components/button/themes/button/shared/button.common.css.js.map +1 -1
  32. package/components/button/themes/button/shared/button.fluent.css.js +1 -1
  33. package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
  34. package/components/button/themes/button/shared/button.indigo.css.js +1 -1
  35. package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
  36. package/components/button/themes/button/shared/button.material.css.js +1 -1
  37. package/components/button/themes/button/shared/button.material.css.js.map +1 -1
  38. package/components/button/themes/icon-button/icon-button.base.css.js +1 -1
  39. package/components/button/themes/icon-button/icon-button.base.css.js.map +1 -1
  40. package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js +1 -1
  41. package/components/button/themes/icon-button/shared/icon-button.bootstrap.css.js.map +1 -1
  42. package/components/button/themes/icon-button/shared/icon-button.fluent.css.js +1 -1
  43. package/components/button/themes/icon-button/shared/icon-button.fluent.css.js.map +1 -1
  44. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js +1 -1
  45. package/components/button/themes/icon-button/shared/icon-button.indigo.css.js.map +1 -1
  46. package/components/button/themes/icon-button/shared/icon-button.material.css.js +1 -1
  47. package/components/button/themes/icon-button/shared/icon-button.material.css.js.map +1 -1
  48. package/components/button-group/themes/button.base.css.js +1 -1
  49. package/components/button-group/themes/button.base.css.js.map +1 -1
  50. package/components/button-group/themes/group.base.css.js +1 -1
  51. package/components/button-group/themes/group.base.css.js.map +1 -1
  52. package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
  53. package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
  54. package/components/button-group/themes/shared/button/button.fluent.css.js +1 -1
  55. package/components/button-group/themes/shared/button/button.fluent.css.js.map +1 -1
  56. package/components/button-group/themes/shared/button/button.indigo.css.js +1 -1
  57. package/components/button-group/themes/shared/button/button.indigo.css.js.map +1 -1
  58. package/components/button-group/themes/shared/group/group.common.css.js +1 -1
  59. package/components/button-group/themes/shared/group/group.common.css.js.map +1 -1
  60. package/components/calendar/calendar.d.ts +3 -2
  61. package/components/calendar/calendar.js +10 -9
  62. package/components/calendar/calendar.js.map +1 -1
  63. package/components/calendar/themes/calendar.base.css.js +1 -1
  64. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  65. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  66. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  67. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  68. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  69. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  70. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  71. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  72. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  73. package/components/calendar/themes/days-view.base.css.js +1 -1
  74. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  75. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  76. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  77. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  78. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  79. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  80. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  81. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  82. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  83. package/components/calendar/themes/light/calendar.shared.css.js +1 -1
  84. package/components/calendar/themes/light/calendar.shared.css.js.map +1 -1
  85. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js +1 -1
  86. package/components/calendar/themes/shared/bootstrap/calendar.bootstrap.css.js.map +1 -1
  87. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  88. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  89. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  90. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  91. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js +1 -1
  92. package/components/calendar/themes/shared/fluent/calendar.fluent.css.js.map +1 -1
  93. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  94. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  95. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js +1 -1
  96. package/components/calendar/themes/shared/fluent/year-month-view.fluent.css.js.map +1 -1
  97. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js +1 -1
  98. package/components/calendar/themes/shared/indigo/calendar.indigo.css.js.map +1 -1
  99. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
  100. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
  101. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js +1 -1
  102. package/components/calendar/themes/shared/indigo/year-month-view.indigo.css.js.map +1 -1
  103. package/components/calendar/themes/shared/material/calendar.material.css.js +1 -1
  104. package/components/calendar/themes/shared/material/calendar.material.css.js.map +1 -1
  105. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  106. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  107. package/components/calendar/themes/shared/material/year-month-view.material.css.js +1 -1
  108. package/components/calendar/themes/shared/material/year-month-view.material.css.js.map +1 -1
  109. package/components/calendar/themes/year-month-view.base.css.js +1 -1
  110. package/components/calendar/themes/year-month-view.base.css.js.map +1 -1
  111. package/components/card/themes/card.actions.base.css.js +1 -1
  112. package/components/card/themes/card.actions.base.css.js.map +1 -1
  113. package/components/card/themes/card.content.base.css.js +1 -1
  114. package/components/card/themes/card.content.base.css.js.map +1 -1
  115. package/components/card/themes/card.header.base.css.js +1 -1
  116. package/components/card/themes/card.header.base.css.js.map +1 -1
  117. package/components/card/themes/card.media.base.css.js +1 -1
  118. package/components/card/themes/card.media.base.css.js.map +1 -1
  119. package/components/card/themes/container.base.css.js +1 -1
  120. package/components/card/themes/container.base.css.js.map +1 -1
  121. package/components/card/themes/shared/container/card.common.css.js +1 -1
  122. package/components/card/themes/shared/container/card.common.css.js.map +1 -1
  123. package/components/card/themes/shared/container/card.fluent.css.js +1 -1
  124. package/components/card/themes/shared/container/card.fluent.css.js.map +1 -1
  125. package/components/card/themes/shared/container/card.indigo.css.js +1 -1
  126. package/components/card/themes/shared/container/card.indigo.css.js.map +1 -1
  127. package/components/card/themes/shared/header/card.header.indigo.css.js +1 -1
  128. package/components/card/themes/shared/header/card.header.indigo.css.js.map +1 -1
  129. package/components/checkbox/checkbox-base.d.ts +2 -3
  130. package/components/checkbox/checkbox-base.js +6 -10
  131. package/components/checkbox/checkbox-base.js.map +1 -1
  132. package/components/checkbox/themes/checkbox.base.css.js +1 -1
  133. package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
  134. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  135. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  136. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  137. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  138. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
  139. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
  140. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  141. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  142. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  143. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  144. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  145. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  146. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  147. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  148. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  149. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  150. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  151. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  152. package/components/checkbox/themes/switch.base.css.js +1 -1
  153. package/components/checkbox/themes/switch.base.css.js.map +1 -1
  154. package/components/chip/chip.d.ts +1 -1
  155. package/components/chip/themes/chip.base.css.js +1 -1
  156. package/components/chip/themes/chip.base.css.js.map +1 -1
  157. package/components/combo/combo.d.ts +3 -4
  158. package/components/combo/combo.js +11 -23
  159. package/components/combo/combo.js.map +1 -1
  160. package/components/combo/themes/combo-header.base.css.js +1 -1
  161. package/components/combo/themes/combo-header.base.css.js.map +1 -1
  162. package/components/combo/themes/combo-item.base.css.js +1 -1
  163. package/components/combo/themes/combo-item.base.css.js.map +1 -1
  164. package/components/combo/themes/combo.base.css.js +1 -1
  165. package/components/combo/themes/combo.base.css.js.map +1 -1
  166. package/components/combo/themes/dark/combo.indigo.css.js +1 -1
  167. package/components/combo/themes/dark/combo.indigo.css.js.map +1 -1
  168. package/components/combo/themes/light/combo.indigo.css.js +1 -1
  169. package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
  170. package/components/combo/themes/shared/combo.bootstrap.css.js +1 -1
  171. package/components/combo/themes/shared/combo.bootstrap.css.js.map +1 -1
  172. package/components/combo/themes/shared/combo.common.css.js +1 -1
  173. package/components/combo/themes/shared/combo.common.css.js.map +1 -1
  174. package/components/combo/themes/shared/combo.fluent.css.js +1 -1
  175. package/components/combo/themes/shared/combo.fluent.css.js.map +1 -1
  176. package/components/combo/themes/shared/combo.indigo.css.js +1 -1
  177. package/components/combo/themes/shared/combo.indigo.css.js.map +1 -1
  178. package/components/combo/themes/shared/combo.material.css.js +1 -1
  179. package/components/combo/themes/shared/combo.material.css.js.map +1 -1
  180. package/components/common/controllers/key-bindings.d.ts +3 -3
  181. package/components/common/controllers/key-bindings.js +48 -49
  182. package/components/common/controllers/key-bindings.js.map +1 -1
  183. package/components/common/mixins/combo-box.d.ts +2 -2
  184. package/components/common/mixins/forms/associated-required.d.ts +13 -0
  185. package/components/common/mixins/forms/associated-required.js +47 -0
  186. package/components/common/mixins/forms/associated-required.js.map +1 -0
  187. package/components/common/mixins/forms/associated.d.ts +11 -0
  188. package/components/common/mixins/{form-associated.js → forms/associated.js} +102 -57
  189. package/components/common/mixins/forms/associated.js.map +1 -0
  190. package/components/common/mixins/forms/types.d.ts +125 -0
  191. package/components/common/mixins/forms/types.js +2 -0
  192. package/components/common/mixins/forms/types.js.map +1 -0
  193. package/components/date-picker/date-picker.d.ts +6 -3
  194. package/components/date-picker/date-picker.js +30 -24
  195. package/components/date-picker/date-picker.js.map +1 -1
  196. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  197. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  198. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  199. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  200. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  201. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  202. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  203. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  204. package/components/date-picker/themes/date-picker.base.css.js +1 -1
  205. package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
  206. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  207. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  208. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  209. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  210. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  211. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  212. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  213. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  214. package/components/date-picker/themes/light/date-picker.shared.css.js +1 -1
  215. package/components/date-picker/themes/light/date-picker.shared.css.js.map +1 -1
  216. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
  217. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
  218. package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
  219. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
  220. package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
  221. package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
  222. package/components/date-time-input/date-time-input.js +5 -6
  223. package/components/date-time-input/date-time-input.js.map +1 -1
  224. package/components/dialog/dialog.d.ts +1 -1
  225. package/components/dialog/themes/dialog.base.css.js +1 -1
  226. package/components/dialog/themes/dialog.base.css.js.map +1 -1
  227. package/components/dialog/themes/shared/dialog.bootstrap.css.js +1 -1
  228. package/components/dialog/themes/shared/dialog.bootstrap.css.js.map +1 -1
  229. package/components/dialog/themes/shared/dialog.common.css.js +1 -1
  230. package/components/dialog/themes/shared/dialog.common.css.js.map +1 -1
  231. package/components/dialog/themes/shared/dialog.fluent.css.js +1 -1
  232. package/components/dialog/themes/shared/dialog.fluent.css.js.map +1 -1
  233. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  234. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  235. package/components/divider/themes/divider.base.css.js +1 -1
  236. package/components/divider/themes/divider.base.css.js.map +1 -1
  237. package/components/dropdown/themes/dropdown-group.base.css.js +1 -1
  238. package/components/dropdown/themes/dropdown-group.base.css.js.map +1 -1
  239. package/components/dropdown/themes/dropdown-header.base.css.js +1 -1
  240. package/components/dropdown/themes/dropdown-header.base.css.js.map +1 -1
  241. package/components/dropdown/themes/dropdown-item.base.css.js +1 -1
  242. package/components/dropdown/themes/dropdown-item.base.css.js.map +1 -1
  243. package/components/dropdown/themes/dropdown.base.css.js +1 -1
  244. package/components/dropdown/themes/dropdown.base.css.js.map +1 -1
  245. package/components/dropdown/themes/shared/dropdown.fluent.css.js +1 -1
  246. package/components/dropdown/themes/shared/dropdown.fluent.css.js.map +1 -1
  247. package/components/dropdown/themes/shared/dropdown.indigo.css.js +1 -1
  248. package/components/dropdown/themes/shared/dropdown.indigo.css.js.map +1 -1
  249. package/components/dropdown/themes/shared/dropdown.material.css.js +1 -1
  250. package/components/dropdown/themes/shared/dropdown.material.css.js.map +1 -1
  251. package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js +1 -1
  252. package/components/dropdown/themes/shared/header/dropdown-header.indigo.css.js.map +1 -1
  253. package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js +1 -1
  254. package/components/dropdown/themes/shared/item/dropdown-item.indigo.css.js.map +1 -1
  255. package/components/expansion-panel/expansion-panel.d.ts +1 -1
  256. package/components/expansion-panel/themes/expansion-panel.base.css.js +1 -1
  257. package/components/expansion-panel/themes/expansion-panel.base.css.js.map +1 -1
  258. package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js +1 -1
  259. package/components/expansion-panel/themes/shared/expansion-panel.indigo.css.js.map +1 -1
  260. package/components/icon/registry/default-map.d.ts +1 -1
  261. package/components/icon/themes/icon.base.css.js +1 -1
  262. package/components/icon/themes/icon.base.css.js.map +1 -1
  263. package/components/input/input-base.d.ts +2 -2
  264. package/components/input/input-base.js +1 -1
  265. package/components/input/input-base.js.map +1 -1
  266. package/components/input/input.d.ts +0 -2
  267. package/components/input/input.js +4 -10
  268. package/components/input/input.js.map +1 -1
  269. package/components/input/themes/input.base.css.js +1 -1
  270. package/components/input/themes/input.base.css.js.map +1 -1
  271. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  272. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  273. package/components/input/themes/shared/input.common.css.js +1 -1
  274. package/components/input/themes/shared/input.common.css.js.map +1 -1
  275. package/components/input/themes/shared/input.fluent.css.js +1 -1
  276. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  277. package/components/input/themes/shared/input.indigo.css.js +1 -1
  278. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  279. package/components/input/themes/shared/input.material.css.js +1 -1
  280. package/components/input/themes/shared/input.material.css.js.map +1 -1
  281. package/components/list/themes/container.base.css.js +1 -1
  282. package/components/list/themes/container.base.css.js.map +1 -1
  283. package/components/list/themes/header.base.css.js +1 -1
  284. package/components/list/themes/header.base.css.js.map +1 -1
  285. package/components/list/themes/item.base.css.js +1 -1
  286. package/components/list/themes/item.base.css.js.map +1 -1
  287. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  288. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  289. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  290. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  291. package/components/mask-input/mask-input.d.ts +1 -2
  292. package/components/mask-input/mask-input.js +5 -10
  293. package/components/mask-input/mask-input.js.map +1 -1
  294. package/components/nav-drawer/nav-drawer-item.d.ts +1 -1
  295. package/components/nav-drawer/nav-drawer.d.ts +1 -1
  296. package/components/nav-drawer/themes/container.base.css.js +1 -1
  297. package/components/nav-drawer/themes/container.base.css.js.map +1 -1
  298. package/components/nav-drawer/themes/header-item.base.css.js +1 -1
  299. package/components/nav-drawer/themes/header-item.base.css.js.map +1 -1
  300. package/components/nav-drawer/themes/item.base.css.js +1 -1
  301. package/components/nav-drawer/themes/item.base.css.js.map +1 -1
  302. package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js +1 -1
  303. package/components/nav-drawer/themes/shared/container/nav-drawer.common.css.js.map +1 -1
  304. package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js +1 -1
  305. package/components/nav-drawer/themes/shared/header-item/header-item.indigo.css.js.map +1 -1
  306. package/components/nav-drawer/themes/shared/item/item.indigo.css.js +1 -1
  307. package/components/nav-drawer/themes/shared/item/item.indigo.css.js.map +1 -1
  308. package/components/navbar/themes/dark/navbar.bootstrap.css.js +1 -1
  309. package/components/navbar/themes/dark/navbar.bootstrap.css.js.map +1 -1
  310. package/components/navbar/themes/dark/navbar.indigo.css.js +1 -1
  311. package/components/navbar/themes/dark/navbar.indigo.css.js.map +1 -1
  312. package/components/navbar/themes/dark/navbar.material.css.js +1 -1
  313. package/components/navbar/themes/dark/navbar.material.css.js.map +1 -1
  314. package/components/navbar/themes/light/navbar.bootstrap.css.js +1 -1
  315. package/components/navbar/themes/light/navbar.bootstrap.css.js.map +1 -1
  316. package/components/navbar/themes/light/navbar.indigo.css.js +1 -1
  317. package/components/navbar/themes/light/navbar.indigo.css.js.map +1 -1
  318. package/components/navbar/themes/light/navbar.shared.css.js +1 -1
  319. package/components/navbar/themes/light/navbar.shared.css.js.map +1 -1
  320. package/components/navbar/themes/navbar.base.css.js +1 -1
  321. package/components/navbar/themes/navbar.base.css.js.map +1 -1
  322. package/components/navbar/themes/shared/navbar.bootstrap.css.js +1 -1
  323. package/components/navbar/themes/shared/navbar.bootstrap.css.js.map +1 -1
  324. package/components/navbar/themes/shared/navbar.common.css.js +1 -1
  325. package/components/navbar/themes/shared/navbar.common.css.js.map +1 -1
  326. package/components/navbar/themes/shared/navbar.indigo.css.js +1 -1
  327. package/components/navbar/themes/shared/navbar.indigo.css.js.map +1 -1
  328. package/components/popover/themes/light/popover.base.css.js +1 -1
  329. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  330. package/components/progress/base.d.ts +1 -1
  331. package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
  332. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  333. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js +1 -1
  334. package/components/progress/themes/circular/shared/circular.progress.bootstrap.css.js.map +1 -1
  335. package/components/progress/themes/linear/linear.progress.base.css.js +1 -1
  336. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  337. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js +1 -1
  338. package/components/progress/themes/linear/shared/linear.progress.bootstrap.css.js.map +1 -1
  339. package/components/progress/themes/linear/shared/linear.progress.common.css.js +1 -1
  340. package/components/progress/themes/linear/shared/linear.progress.common.css.js.map +1 -1
  341. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js +1 -1
  342. package/components/progress/themes/linear/shared/linear.progress.fluent.css.js.map +1 -1
  343. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js +1 -1
  344. package/components/progress/themes/linear/shared/linear.progress.indigo.css.js.map +1 -1
  345. package/components/radio/radio.d.ts +4 -5
  346. package/components/radio/radio.js +24 -32
  347. package/components/radio/radio.js.map +1 -1
  348. package/components/radio/themes/radio.base.css.js +1 -1
  349. package/components/radio/themes/radio.base.css.js.map +1 -1
  350. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  351. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  352. package/components/radio/themes/shared/radio.fluent.css.js +1 -1
  353. package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
  354. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  355. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  356. package/components/radio/themes/shared/radio.material.css.js +1 -1
  357. package/components/radio/themes/shared/radio.material.css.js.map +1 -1
  358. package/components/radio/utils.js +1 -1
  359. package/components/radio/utils.js.map +1 -1
  360. package/components/radio-group/radio-group.base.css.js +1 -1
  361. package/components/radio-group/radio-group.base.css.js.map +1 -1
  362. package/components/radio-group/radio-group.js +1 -1
  363. package/components/radio-group/radio-group.js.map +1 -1
  364. package/components/rating/rating.d.ts +4 -3
  365. package/components/rating/rating.js +26 -25
  366. package/components/rating/rating.js.map +1 -1
  367. package/components/rating/themes/rating-symbol.base.css.js +1 -1
  368. package/components/rating/themes/rating-symbol.base.css.js.map +1 -1
  369. package/components/rating/themes/rating.base.css.js +1 -1
  370. package/components/rating/themes/rating.base.css.js.map +1 -1
  371. package/components/rating/themes/shared/rating.indigo.css.js +1 -1
  372. package/components/rating/themes/shared/rating.indigo.css.js.map +1 -1
  373. package/components/ripple/ripple.material.css.js +1 -1
  374. package/components/ripple/ripple.material.css.js.map +1 -1
  375. package/components/select/select.d.ts +2 -2
  376. package/components/select/select.js +12 -15
  377. package/components/select/select.js.map +1 -1
  378. package/components/select/themes/dark/select.bootstrap.css.js +1 -1
  379. package/components/select/themes/dark/select.bootstrap.css.js.map +1 -1
  380. package/components/select/themes/dark/select.fluent.css.js +1 -1
  381. package/components/select/themes/dark/select.fluent.css.js.map +1 -1
  382. package/components/select/themes/dark/select.indigo.css.js +1 -1
  383. package/components/select/themes/dark/select.indigo.css.js.map +1 -1
  384. package/components/select/themes/dark/select.material.css.js +1 -1
  385. package/components/select/themes/dark/select.material.css.js.map +1 -1
  386. package/components/select/themes/light/select.bootstrap.css.js +1 -1
  387. package/components/select/themes/light/select.bootstrap.css.js.map +1 -1
  388. package/components/select/themes/light/select.fluent.css.js +1 -1
  389. package/components/select/themes/light/select.fluent.css.js.map +1 -1
  390. package/components/select/themes/light/select.indigo.css.js +1 -1
  391. package/components/select/themes/light/select.indigo.css.js.map +1 -1
  392. package/components/select/themes/light/select.material.css.js +1 -1
  393. package/components/select/themes/light/select.material.css.js.map +1 -1
  394. package/components/select/themes/select.base.css.js +1 -1
  395. package/components/select/themes/select.base.css.js.map +1 -1
  396. package/components/select/themes/shared/select.bootstrap.css.js +1 -1
  397. package/components/select/themes/shared/select.bootstrap.css.js.map +1 -1
  398. package/components/select/themes/shared/select.common.css.js +1 -1
  399. package/components/select/themes/shared/select.common.css.js.map +1 -1
  400. package/components/select/themes/shared/select.fluent.css.js +1 -1
  401. package/components/select/themes/shared/select.fluent.css.js.map +1 -1
  402. package/components/select/themes/shared/select.indigo.css.js +1 -1
  403. package/components/select/themes/shared/select.indigo.css.js.map +1 -1
  404. package/components/select/themes/shared/select.material.css.js +1 -1
  405. package/components/select/themes/shared/select.material.css.js.map +1 -1
  406. package/components/slider/slider.d.ts +2 -1
  407. package/components/slider/slider.js +5 -2
  408. package/components/slider/slider.js.map +1 -1
  409. package/components/slider/themes/shared/slider.bootstrap.css.js +1 -1
  410. package/components/slider/themes/shared/slider.bootstrap.css.js.map +1 -1
  411. package/components/slider/themes/shared/slider.fluent.css.js +1 -1
  412. package/components/slider/themes/shared/slider.fluent.css.js.map +1 -1
  413. package/components/slider/themes/shared/slider.indigo.css.js +1 -1
  414. package/components/slider/themes/shared/slider.indigo.css.js.map +1 -1
  415. package/components/slider/themes/shared/slider.material.css.js +1 -1
  416. package/components/slider/themes/shared/slider.material.css.js.map +1 -1
  417. package/components/slider/themes/slider.base.css.js +1 -1
  418. package/components/slider/themes/slider.base.css.js.map +1 -1
  419. package/components/snackbar/themes/shared/snackbar.common.css.js +1 -1
  420. package/components/snackbar/themes/shared/snackbar.common.css.js.map +1 -1
  421. package/components/snackbar/themes/shared/snackbar.indigo.css.js +1 -1
  422. package/components/snackbar/themes/shared/snackbar.indigo.css.js.map +1 -1
  423. package/components/snackbar/themes/snackbar.base.css.js +1 -1
  424. package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
  425. package/components/stepper/themes/step/shared/step.bootstrap.css.js +1 -1
  426. package/components/stepper/themes/step/shared/step.bootstrap.css.js.map +1 -1
  427. package/components/stepper/themes/step/shared/step.common.css.js +1 -1
  428. package/components/stepper/themes/step/shared/step.common.css.js.map +1 -1
  429. package/components/stepper/themes/step/shared/step.fluent.css.js +1 -1
  430. package/components/stepper/themes/step/shared/step.fluent.css.js.map +1 -1
  431. package/components/stepper/themes/step/shared/step.indigo.css.js +1 -1
  432. package/components/stepper/themes/step/shared/step.indigo.css.js.map +1 -1
  433. package/components/stepper/themes/step/step.base.css.js +1 -1
  434. package/components/stepper/themes/step/step.base.css.js.map +1 -1
  435. package/components/stepper/themes/stepper/stepper.base.css.js +1 -1
  436. package/components/stepper/themes/stepper/stepper.base.css.js.map +1 -1
  437. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  438. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  439. package/components/tabs/themes/tab-panel.base.css.js +1 -1
  440. package/components/tabs/themes/tab-panel.base.css.js.map +1 -1
  441. package/components/tabs/themes/tab.base.css.js +1 -1
  442. package/components/tabs/themes/tab.base.css.js.map +1 -1
  443. package/components/tabs/themes/tabs.base.css.js +1 -1
  444. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  445. package/components/textarea/textarea.d.ts +1 -1
  446. package/components/textarea/textarea.js +4 -9
  447. package/components/textarea/textarea.js.map +1 -1
  448. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  449. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  450. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  451. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  452. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  453. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  454. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  455. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  456. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  457. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  458. package/components/textarea/themes/textarea.base.css.js +1 -1
  459. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  460. package/components/toast/themes/shared/toast.common.css.js +1 -1
  461. package/components/toast/themes/shared/toast.common.css.js.map +1 -1
  462. package/components/toast/themes/toast.base.css.js +1 -1
  463. package/components/toast/themes/toast.base.css.js.map +1 -1
  464. package/components/tree/themes/container.base.css.js +1 -1
  465. package/components/tree/themes/container.base.css.js.map +1 -1
  466. package/components/tree/themes/item.base.css.js +1 -1
  467. package/components/tree/themes/item.base.css.js.map +1 -1
  468. package/components/tree/themes/shared/item.common.css.js +1 -1
  469. package/components/tree/themes/shared/item.common.css.js.map +1 -1
  470. package/components/tree/themes/shared/item.indigo.css.js +1 -1
  471. package/components/tree/themes/shared/item.indigo.css.js.map +1 -1
  472. package/components/tree/themes/shared/item.material.css.js +1 -1
  473. package/components/tree/themes/shared/item.material.css.js.map +1 -1
  474. package/custom-elements.json +5994 -2394
  475. package/igniteui-webcomponents.html-data.json +1 -1
  476. package/index.d.ts +2 -0
  477. package/index.js.map +1 -1
  478. package/package.json +1 -1
  479. package/themes/dark/indigo.css +1 -1
  480. package/themes/light/indigo.css +1 -1
  481. package/web-types.json +1 -1
  482. package/components/common/mixins/form-associated-required.d.ts +0 -16
  483. package/components/common/mixins/form-associated-required.js +0 -29
  484. package/components/common/mixins/form-associated-required.js.map +0 -1
  485. package/components/common/mixins/form-associated.d.ts +0 -92
  486. package/components/common/mixins/form-associated.js.map +0 -1
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, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
2
+ export const styles = css `:host{--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
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,21SAA21S,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\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,w2TAAw2T,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\n"]}
package/components/date-picker/themes/date-picker.base.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host igc-focus-trap{--min-width: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:var(--min-width);max-width:calc(var(--min-width)*2);overflow:auto hidden}:host igc-focus-trap igc-calendar{border:none;-webkit-box-shadow:none;box-shadow:none}:host igc-calendar[header-orientation=vertical]{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([required]) [part=label]::after{content:"*"}[part=helper-text]{line-height:1}[part=helper-text] ::slotted([slot=helper-text]){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);line-height:inherit}[part=label]{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=actions]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:.5rem;gap:.5rem}[part=actions] ::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host igc-focus-trap{--min-width: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));display:flex;flex:1 0 0;flex-direction:column;min-width:var(--min-width);max-width:calc(var(--min-width)*2);overflow:auto hidden}:host igc-focus-trap igc-calendar{border:none;box-shadow:none}:host igc-calendar[header-orientation=vertical]{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([required]) [part=label]::after{content:"*"}[part=helper-text]{line-height:1}[part=helper-text] ::slotted([slot=helper-text]){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);line-height:inherit}[part=label]{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=actions]{display:flex;justify-content:flex-end;padding:.5rem;gap:.5rem}[part=actions] ::slotted(*){display:flex;gap:.5rem}`;
3
3
  //# sourceMappingURL=date-picker.base.css.js.map
package/components/date-picker/themes/date-picker.base.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.base.css.js","sourceRoot":"","sources":["../../../../src/components/date-picker/themes/date-picker.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m5EAAm5E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host igc-focus-trap{--min-width: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:var(--min-width);max-width:calc(var(--min-width)*2);overflow:auto hidden}:host igc-focus-trap igc-calendar{border:none;-webkit-box-shadow:none;box-shadow:none}:host igc-calendar[header-orientation=vertical]{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([required]) [part=label]::after{content:\"*\"}[part=helper-text]{line-height:1}[part=helper-text] ::slotted([slot=helper-text]){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);line-height:inherit}[part=label]{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=actions]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:.5rem;gap:.5rem}[part=actions] ::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}`;\n"]}
1
+ {"version":3,"file":"date-picker.base.css.js","sourceRoot":"","sources":["../../../../src/components/date-picker/themes/date-picker.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yiEAAyiE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host igc-focus-trap{--min-width: max(var(--is-large, 1) * max(22.5rem, -1 * 22.5rem), var(--is-medium, 1) * max(19.625rem, -1 * 19.625rem), var(--is-small, 1) * max(18.125rem, -1 * 18.125rem));display:flex;flex:1 0 0;flex-direction:column;min-width:var(--min-width);max-width:calc(var(--min-width)*2);overflow:auto hidden}:host igc-focus-trap igc-calendar{border:none;box-shadow:none}:host igc-calendar[header-orientation=vertical]{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([required]) [part=label]::after{content:\"*\"}[part=helper-text]{line-height:1}[part=helper-text] ::slotted([slot=helper-text]){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);line-height:inherit}[part=label]{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part=actions]{display:flex;justify-content:flex-end;padding:.5rem;gap:.5rem}[part=actions] ::slotted(*){display:flex;gap:.5rem}`;\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, hsla(var(--ig-gray-300), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, hsla(var(--ig-info-300), var(--ig-info-a)));--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));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
2
+ export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, hsla(var(--ig-info-300), var(--ig-info-a)));--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));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
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,2qTAA2qT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, hsla(var(--ig-info-300), var(--ig-info-a)));--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));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\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,krUAAkrU,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--week-number-background: var(--ig-datepicker-week-number-background, transparent);--weekday-color: var(--ig-datepicker-weekday-color, hsla(var(--ig-info-300), var(--ig-info-a)));--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));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, transparent);--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-800), var(--ig-primary-a)));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--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, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\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{--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)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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);--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-background: var(--ig-datepicker-date-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--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));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-border-color: var(--ig-datepicker-date-range-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-50), 0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-50), 0.3));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--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, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--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);--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
2
+ export const styles = css `:host{--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)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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);--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-background: var(--ig-datepicker-date-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--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));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-border-color: var(--ig-datepicker-date-range-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-50), 0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-50), 0.3));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--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, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--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);--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
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,+uXAA+uX,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--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)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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);--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-background: var(--ig-datepicker-date-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--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));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-border-color: var(--ig-datepicker-date-range-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-50), 0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-50), 0.3));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--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, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--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);--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\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,urYAAurY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--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)));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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);--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-background: var(--ig-datepicker-date-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-current-border-color: var(--ig-datepicker-date-special-current-border-color, transparent);--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--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));--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-border-color: var(--ig-datepicker-date-range-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-900), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-50), 0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-100), 0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-50), 0.3));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--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, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--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);--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\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{--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)));--content-foreground: var(--ig-datepicker-content-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--content-background: var(--ig-datepicker-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-datepicker-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-color: var(--ig-datepicker-navigation-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-special-background: var(--ig-datepicker-date-special-background, hsla(var(--ig-primary-50), 0.7));--date-special-range-background: var(--ig-datepicker-date-special-range-background, hsla(var(--ig-primary-50), 0.7));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--week-number-background: var(--ig-datepicker-week-number-background, hsla(var(--ig-gray-900), 0.05));--weekend-color: var(--ig-datepicker-weekend-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsla(var(--ig-gray-900), 0.2));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsla(var(--ig-gray-800), 0.38));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-900), 0.05));--header-foreground: var(--ig-datepicker-header-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--header-background: var(--ig-datepicker-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--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, hsla(var(--ig-gray-900), 0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-900), 0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, transparent);--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, transparent);--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-300), 0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-900), 0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-primary-300), 0.02));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-900), 0.05));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-900), 0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-900), 0.05));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, color-mix(in oklch, var(--ig-gray-900-contrast) 60%, transparent));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, color-mix(in oklch, var(--ig-gray-900-contrast) 60%, transparent));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, color-mix(in oklch, var(--ig-gray-900-contrast) 60%, transparent));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
2
+ export const styles = css `:host{--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)));--content-foreground: var(--ig-datepicker-content-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--content-background: var(--ig-datepicker-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-datepicker-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-color: var(--ig-datepicker-navigation-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-background: var(--ig-datepicker-date-current-background, hsla(var(--ig-primary-50), 0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--week-number-background: var(--ig-datepicker-week-number-background, hsla(var(--ig-gray-900), 0.05));--weekend-color: var(--ig-datepicker-weekend-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsla(var(--ig-gray-600), 0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsla(var(--ig-gray-600), 0.38));--header-foreground: var(--ig-datepicker-header-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--header-background: var(--ig-datepicker-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--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, hsla(var(--ig-gray-900), 0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-900), 0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-900), 0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-900), 0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-900), 0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-300), 0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-900), 0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-primary-50), 0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-900), 0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-primary-50), 0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
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,srWAAsrW,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--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)));--content-foreground: var(--ig-datepicker-content-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--content-background: var(--ig-datepicker-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-datepicker-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-color: var(--ig-datepicker-navigation-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-special-background: var(--ig-datepicker-date-special-background, hsla(var(--ig-primary-50), 0.7));--date-special-range-background: var(--ig-datepicker-date-special-range-background, hsla(var(--ig-primary-50), 0.7));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--week-number-background: var(--ig-datepicker-week-number-background, hsla(var(--ig-gray-900), 0.05));--weekend-color: var(--ig-datepicker-weekend-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsla(var(--ig-gray-900), 0.2));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsla(var(--ig-gray-800), 0.38));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-900), 0.05));--header-foreground: var(--ig-datepicker-header-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--header-background: var(--ig-datepicker-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--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, hsla(var(--ig-gray-900), 0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-900), 0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-primary-700), var(--ig-primary-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, transparent);--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, transparent);--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 60%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-300), 0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-900), 0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-primary-300), 0.02));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-900), 0.05));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-900), 0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, transparent);--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-900), 0.05));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, color-mix(in oklch, var(--ig-gray-900-contrast) 60%, transparent));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, color-mix(in oklch, var(--ig-gray-900-contrast) 60%, transparent));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, color-mix(in oklch, var(--ig-gray-900-contrast) 60%, transparent));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\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,k0XAAk0X,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--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)));--content-foreground: var(--ig-datepicker-content-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--content-background: var(--ig-datepicker-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-datepicker-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--picker-background: var(--ig-datepicker-picker-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-color: var(--ig-datepicker-navigation-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-background: var(--ig-datepicker-date-current-background, hsla(var(--ig-primary-50), 0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--week-number-background: var(--ig-datepicker-week-number-background, hsla(var(--ig-gray-900), 0.05));--weekend-color: var(--ig-datepicker-weekend-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsla(var(--ig-gray-600), 0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsla(var(--ig-gray-600), 0.38));--header-foreground: var(--ig-datepicker-header-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--header-background: var(--ig-datepicker-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--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, hsla(var(--ig-gray-900), 0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-900), 0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-900), 0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-900), 0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-900), 0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 80%, transparent));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-primary-300), 0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-900), 0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-900), 0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsla(var(--ig-primary-50), 0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-900), 0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-primary-50), 0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-primary-50), var(--ig-primary-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\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{--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-secondary-900), var(--ig-secondary-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
2
+ export const styles = css `:host{--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-secondary-900), var(--ig-secondary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-secondary-900), var(--ig-secondary-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;
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,ytRAAytR,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-secondary-900), var(--ig-secondary-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\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,o3SAAo3S,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-foreground: var(--ig-datepicker-header-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--header-background: var(--ig-datepicker-header-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--picker-foreground: var(--ig-datepicker-picker-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-background: var(--ig-datepicker-ym-current-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, color-mix(in oklch, var(--ig-secondary-600-contrast) 100%, transparent));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-500-contrast) 100%, transparent));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-hover-background: var(--ig-datepicker-date-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-focus-background: var(--ig-datepicker-date-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-current-foreground: var(--ig-datepicker-date-current-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-background: var(--ig-datepicker-date-selected-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, color-mix(in oklch, var(--ig-secondary-700-contrast) 100%, transparent));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsla(var(--ig-secondary-500), 0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--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, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, color-mix(in oklch, var(--ig-secondary-900-contrast) 100%, transparent));--date-special-foreground: var(--ig-datepicker-date-special-foreground, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, hsla(var(--ig-secondary-900), var(--ig-secondary-a)));--date-special-border-color: var(--ig-datepicker-date-special-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, hsla(var(--ig-secondary-700), var(--ig-secondary-a)));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-border-color: var(--ig-datepicker-date-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--actions-divider-color: var(--ig-datepicker-actions-divider-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, hsla(var(--ig-secondary-900), var(--ig-secondary-a)));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--helper-text-color: var(--ig-datepicker-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-datepicker-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)))}`;\n"]}