igniteui-webcomponents 6.4.0-alpha.4 → 6.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (370) hide show
  1. package/CHANGELOG.md +79 -2
  2. package/README.md +65 -56
  3. package/components/button/themes/button/dark/button.indigo.css.js +1 -1
  4. package/components/button/themes/button/dark/button.indigo.css.js.map +1 -1
  5. package/components/button/themes/button/dark/button.material.css.js +1 -1
  6. package/components/button/themes/button/dark/button.material.css.js.map +1 -1
  7. package/components/button/themes/button/light/button.indigo.css.js +1 -1
  8. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  9. package/components/button/themes/button/light/button.material.css.js +1 -1
  10. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  11. package/components/button/themes/button/shared/button.bootstrap.css.js +1 -1
  12. package/components/button/themes/button/shared/button.bootstrap.css.js.map +1 -1
  13. package/components/button/themes/button/shared/button.common.css.js +1 -1
  14. package/components/button/themes/button/shared/button.common.css.js.map +1 -1
  15. package/components/button/themes/button/shared/button.fluent.css.js +1 -1
  16. package/components/button/themes/button/shared/button.fluent.css.js.map +1 -1
  17. package/components/button/themes/button/shared/button.indigo.css.js +1 -1
  18. package/components/button/themes/button/shared/button.indigo.css.js.map +1 -1
  19. package/components/button/themes/button/shared/button.material.css.js +1 -1
  20. package/components/button/themes/button/shared/button.material.css.js.map +1 -1
  21. package/components/button-group/themes/dark/button-group.material.css.js +1 -1
  22. package/components/button-group/themes/dark/button-group.material.css.js.map +1 -1
  23. package/components/button-group/themes/light/button-group.material.css.js +1 -1
  24. package/components/button-group/themes/light/button-group.material.css.js.map +1 -1
  25. package/components/button-group/themes/shared/button/button.bootstrap.css.js +1 -1
  26. package/components/button-group/themes/shared/button/button.bootstrap.css.js.map +1 -1
  27. package/components/button-group/themes/shared/button/button.material.css.js +1 -1
  28. package/components/button-group/themes/shared/button/button.material.css.js.map +1 -1
  29. package/components/calendar/calendar.d.ts +5 -3
  30. package/components/calendar/calendar.js +22 -35
  31. package/components/calendar/calendar.js.map +1 -1
  32. package/components/calendar/days-view/days-view.d.ts +3 -3
  33. package/components/calendar/days-view/days-view.js +15 -22
  34. package/components/calendar/days-view/days-view.js.map +1 -1
  35. package/components/calendar/months-view/months-view.d.ts +2 -3
  36. package/components/calendar/months-view/months-view.js +9 -19
  37. package/components/calendar/months-view/months-view.js.map +1 -1
  38. package/components/calendar/themes/dark/calendar.bootstrap.css.js +1 -1
  39. package/components/calendar/themes/dark/calendar.bootstrap.css.js.map +1 -1
  40. package/components/calendar/themes/dark/calendar.fluent.css.js +1 -1
  41. package/components/calendar/themes/dark/calendar.fluent.css.js.map +1 -1
  42. package/components/calendar/themes/dark/calendar.indigo.css.js +1 -1
  43. package/components/calendar/themes/dark/calendar.indigo.css.js.map +1 -1
  44. package/components/calendar/themes/dark/calendar.material.css.js +1 -1
  45. package/components/calendar/themes/dark/calendar.material.css.js.map +1 -1
  46. package/components/calendar/themes/days.js +8 -23
  47. package/components/calendar/themes/days.js.map +1 -1
  48. package/components/calendar/themes/light/calendar.bootstrap.css.js +1 -1
  49. package/components/calendar/themes/light/calendar.bootstrap.css.js.map +1 -1
  50. package/components/calendar/themes/light/calendar.fluent.css.js +1 -1
  51. package/components/calendar/themes/light/calendar.fluent.css.js.map +1 -1
  52. package/components/calendar/themes/light/calendar.indigo.css.js +1 -1
  53. package/components/calendar/themes/light/calendar.indigo.css.js.map +1 -1
  54. package/components/calendar/themes/light/calendar.material.css.js +1 -1
  55. package/components/calendar/themes/light/calendar.material.css.js.map +1 -1
  56. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js +1 -1
  57. package/components/calendar/themes/shared/bootstrap/days-view.bootstrap.css.js.map +1 -1
  58. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js +1 -1
  59. package/components/calendar/themes/shared/bootstrap/year-month-view.bootstrap.css.js.map +1 -1
  60. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js +1 -1
  61. package/components/calendar/themes/shared/fluent/days-view.fluent.css.js.map +1 -1
  62. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js +1 -1
  63. package/components/calendar/themes/shared/indigo/days-view.indigo.css.js.map +1 -1
  64. package/components/calendar/themes/shared/material/days-view.material.css.js +1 -1
  65. package/components/calendar/themes/shared/material/days-view.material.css.js.map +1 -1
  66. package/components/calendar/themes/year-month.js +8 -23
  67. package/components/calendar/themes/year-month.js.map +1 -1
  68. package/components/carousel/carousel.d.ts +2 -1
  69. package/components/carousel/carousel.js.map +1 -1
  70. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js +1 -1
  71. package/components/checkbox/themes/light/checkbox/checkbox.material.css.js.map +1 -1
  72. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js +1 -1
  73. package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map +1 -1
  74. package/components/checkbox/themes/shared/switch/switch.common.css.js +1 -1
  75. package/components/checkbox/themes/shared/switch/switch.common.css.js.map +1 -1
  76. package/components/checkbox/themes/shared/switch/switch.fluent.css.js +1 -1
  77. package/components/checkbox/themes/shared/switch/switch.fluent.css.js.map +1 -1
  78. package/components/checkbox/themes/shared/switch/switch.indigo.css.js +1 -1
  79. package/components/checkbox/themes/shared/switch/switch.indigo.css.js.map +1 -1
  80. package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
  81. package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
  82. package/components/chip/chip.d.ts +2 -1
  83. package/components/chip/chip.js.map +1 -1
  84. package/components/combo/combo.d.ts +3 -2
  85. package/components/combo/combo.js +7 -0
  86. package/components/combo/combo.js.map +1 -1
  87. package/components/combo/controllers/selection.js.map +1 -1
  88. package/components/combo/validators.js +2 -2
  89. package/components/combo/validators.js.map +1 -1
  90. package/components/common/controllers/async-consumer.js.map +1 -1
  91. package/components/common/controllers/focus-ring.js +1 -5
  92. package/components/common/controllers/focus-ring.js.map +1 -1
  93. package/components/common/controllers/root-click.js +46 -21
  94. package/components/common/controllers/root-click.js.map +1 -1
  95. package/components/common/i18n/EN/calendar.resources.js +4 -1
  96. package/components/common/i18n/EN/calendar.resources.js.map +1 -1
  97. package/components/common/i18n/EN/date-range-picker.resources.js.map +1 -1
  98. package/components/common/i18n/i18n-controller.js +6 -9
  99. package/components/common/i18n/i18n-controller.js.map +1 -1
  100. package/components/common/i18n/utils.d.ts +0 -12
  101. package/components/common/i18n/utils.js +0 -12
  102. package/components/common/i18n/utils.js.map +1 -1
  103. package/components/common/mixins/forms/associated.js +3 -23
  104. package/components/common/mixins/forms/associated.js.map +1 -1
  105. package/components/common/util.d.ts +5 -0
  106. package/components/common/util.js +5 -0
  107. package/components/common/util.js.map +1 -1
  108. package/components/common/validators.d.ts +2 -4
  109. package/components/common/validators.js +13 -19
  110. package/components/common/validators.js.map +1 -1
  111. package/components/date-picker/date-picker.d.ts +7 -3
  112. package/components/date-picker/date-picker.js +2 -2
  113. package/components/date-picker/date-picker.js.map +1 -1
  114. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  115. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  116. package/components/date-picker/themes/dark/date-picker.fluent.css.js +1 -1
  117. package/components/date-picker/themes/dark/date-picker.fluent.css.js.map +1 -1
  118. package/components/date-picker/themes/dark/date-picker.indigo.css.js +1 -1
  119. package/components/date-picker/themes/dark/date-picker.indigo.css.js.map +1 -1
  120. package/components/date-picker/themes/dark/date-picker.material.css.js +1 -1
  121. package/components/date-picker/themes/dark/date-picker.material.css.js.map +1 -1
  122. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  123. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  124. package/components/date-picker/themes/light/date-picker.fluent.css.js +1 -1
  125. package/components/date-picker/themes/light/date-picker.fluent.css.js.map +1 -1
  126. package/components/date-picker/themes/light/date-picker.indigo.css.js +1 -1
  127. package/components/date-picker/themes/light/date-picker.indigo.css.js.map +1 -1
  128. package/components/date-picker/themes/light/date-picker.material.css.js +1 -1
  129. package/components/date-picker/themes/light/date-picker.material.css.js.map +1 -1
  130. package/components/date-picker/validators.js +2 -3
  131. package/components/date-picker/validators.js.map +1 -1
  132. package/components/date-range-picker/date-range-picker.d.ts +7 -2
  133. package/components/date-range-picker/date-range-picker.js +12 -9
  134. package/components/date-range-picker/date-range-picker.js.map +1 -1
  135. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
  136. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
  137. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
  138. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
  139. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  140. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  141. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
  142. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
  143. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js +1 -1
  144. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js.map +1 -1
  145. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js +1 -1
  146. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js.map +1 -1
  147. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js +1 -1
  148. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js.map +1 -1
  149. package/components/date-range-picker/themes/light/date-range-picker.material.css.js +1 -1
  150. package/components/date-range-picker/themes/light/date-range-picker.material.css.js.map +1 -1
  151. package/components/date-range-picker/validators.js +5 -8
  152. package/components/date-range-picker/validators.js.map +1 -1
  153. package/components/date-time-input/date-time-input.d.ts +6 -2
  154. package/components/date-time-input/date-time-input.js +22 -15
  155. package/components/date-time-input/date-time-input.js.map +1 -1
  156. package/components/date-time-input/date-util.d.ts +11 -9
  157. package/components/date-time-input/date-util.js +23 -219
  158. package/components/date-time-input/date-util.js.map +1 -1
  159. package/components/dialog/dialog.d.ts +2 -0
  160. package/components/dialog/dialog.js +18 -9
  161. package/components/dialog/dialog.js.map +1 -1
  162. package/components/dialog/themes/dark/dialog.fluent.css.js +1 -1
  163. package/components/dialog/themes/dark/dialog.fluent.css.js.map +1 -1
  164. package/components/dialog/themes/light/dialog.fluent.css.js +1 -1
  165. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -1
  166. package/components/dialog/themes/shared/dialog.bootstrap.css.js +1 -1
  167. package/components/dialog/themes/shared/dialog.bootstrap.css.js.map +1 -1
  168. package/components/dialog/themes/shared/dialog.indigo.css.js +1 -1
  169. package/components/dialog/themes/shared/dialog.indigo.css.js.map +1 -1
  170. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js +1 -1
  171. package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map +1 -1
  172. package/components/file-input/file-input.d.ts +13 -0
  173. package/components/file-input/file-input.js +27 -2
  174. package/components/file-input/file-input.js.map +1 -1
  175. package/components/input/themes/dark/input.indigo.css.js +1 -1
  176. package/components/input/themes/dark/input.indigo.css.js.map +1 -1
  177. package/components/input/themes/light/input.indigo.css.js +1 -1
  178. package/components/input/themes/light/input.indigo.css.js.map +1 -1
  179. package/components/input/themes/light/input.shared.css.js +1 -1
  180. package/components/input/themes/light/input.shared.css.js.map +1 -1
  181. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  182. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  183. package/components/input/themes/shared/input.common.css.js +1 -1
  184. package/components/input/themes/shared/input.common.css.js.map +1 -1
  185. package/components/input/themes/shared/input.fluent.css.js +1 -1
  186. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  187. package/components/input/themes/shared/input.indigo.css.js +1 -1
  188. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  189. package/components/input/themes/shared/input.material.css.js +1 -1
  190. package/components/input/themes/shared/input.material.css.js.map +1 -1
  191. package/components/input/validators.js +3 -3
  192. package/components/input/validators.js.map +1 -1
  193. package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
  194. package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
  195. package/components/list/themes/light/container/list.fluent.css.js +1 -1
  196. package/components/list/themes/light/container/list.fluent.css.js.map +1 -1
  197. package/components/list/themes/shared/item/list-item.common.css.js +1 -1
  198. package/components/list/themes/shared/item/list-item.common.css.js.map +1 -1
  199. package/components/list/themes/shared/item/list-item.indigo.css.js +1 -1
  200. package/components/list/themes/shared/item/list-item.indigo.css.js.map +1 -1
  201. package/components/mask-input/mask-input-base.js +3 -2
  202. package/components/mask-input/mask-input-base.js.map +1 -1
  203. package/components/mask-input/mask-parser.d.ts +30 -7
  204. package/components/mask-input/mask-parser.js +70 -42
  205. package/components/mask-input/mask-parser.js.map +1 -1
  206. package/components/mask-input/validators.js +2 -2
  207. package/components/mask-input/validators.js.map +1 -1
  208. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js +1 -1
  209. package/components/nav-drawer/themes/dark/container/nav-drawer.fluent.css.js.map +1 -1
  210. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js +1 -1
  211. package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map +1 -1
  212. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js +1 -1
  213. package/components/nav-drawer/themes/light/container/nav-drawer.material.css.js.map +1 -1
  214. package/components/navbar/themes/shared/navbar.common.css.js +1 -1
  215. package/components/navbar/themes/shared/navbar.common.css.js.map +1 -1
  216. package/components/radio/themes/light/radio.material.css.js +1 -1
  217. package/components/radio/themes/light/radio.material.css.js.map +1 -1
  218. package/components/radio/themes/shared/radio.bootstrap.css.js +1 -1
  219. package/components/radio/themes/shared/radio.bootstrap.css.js.map +1 -1
  220. package/components/radio/themes/shared/radio.common.css.js +1 -1
  221. package/components/radio/themes/shared/radio.common.css.js.map +1 -1
  222. package/components/radio/themes/shared/radio.fluent.css.js +1 -1
  223. package/components/radio/themes/shared/radio.fluent.css.js.map +1 -1
  224. package/components/radio/themes/shared/radio.indigo.css.js +1 -1
  225. package/components/radio/themes/shared/radio.indigo.css.js.map +1 -1
  226. package/components/radio/themes/shared/radio.material.css.js +1 -1
  227. package/components/radio/themes/shared/radio.material.css.js.map +1 -1
  228. package/components/radio/validators.js +2 -2
  229. package/components/radio/validators.js.map +1 -1
  230. package/components/rating/themes/dark/rating.indigo.css.js +1 -1
  231. package/components/rating/themes/dark/rating.indigo.css.js.map +1 -1
  232. package/components/rating/themes/light/rating.indigo.css.js +1 -1
  233. package/components/rating/themes/light/rating.indigo.css.js.map +1 -1
  234. package/components/ripple/ripple.d.ts +3 -3
  235. package/components/ripple/ripple.js +34 -31
  236. package/components/ripple/ripple.js.map +1 -1
  237. package/components/stepper/step.js +2 -2
  238. package/components/stepper/step.js.map +1 -1
  239. package/components/stepper/themes/step/dark/step.bootstrap.css.js +1 -1
  240. package/components/stepper/themes/step/dark/step.bootstrap.css.js.map +1 -1
  241. package/components/stepper/themes/step/dark/step.fluent.css.js +1 -1
  242. package/components/stepper/themes/step/dark/step.fluent.css.js.map +1 -1
  243. package/components/stepper/themes/step/dark/step.indigo.css.js +1 -1
  244. package/components/stepper/themes/step/dark/step.indigo.css.js.map +1 -1
  245. package/components/stepper/themes/step/dark/step.material.css.js +1 -1
  246. package/components/stepper/themes/step/dark/step.material.css.js.map +1 -1
  247. package/components/stepper/themes/step/light/step.bootstrap.css.js +1 -1
  248. package/components/stepper/themes/step/light/step.bootstrap.css.js.map +1 -1
  249. package/components/stepper/themes/step/light/step.fluent.css.js +1 -1
  250. package/components/stepper/themes/step/light/step.fluent.css.js.map +1 -1
  251. package/components/stepper/themes/step/light/step.indigo.css.js +1 -1
  252. package/components/stepper/themes/step/light/step.indigo.css.js.map +1 -1
  253. package/components/stepper/themes/step/light/step.material.css.js +1 -1
  254. package/components/stepper/themes/step/light/step.material.css.js.map +1 -1
  255. package/components/stepper/themes/step/light/step.shared.css.js +1 -1
  256. package/components/stepper/themes/step/light/step.shared.css.js.map +1 -1
  257. package/components/stepper/themes/step/shared/step.common.css.js +1 -1
  258. package/components/stepper/themes/step/shared/step.common.css.js.map +1 -1
  259. package/components/stepper/themes/step/shared/step.indigo.css.js +1 -1
  260. package/components/stepper/themes/step/shared/step.indigo.css.js.map +1 -1
  261. package/components/tabs/tab-dom.js +8 -9
  262. package/components/tabs/tab-dom.js.map +1 -1
  263. package/components/tabs/themes/dark/tab.bootstrap.css.js +1 -1
  264. package/components/tabs/themes/dark/tab.bootstrap.css.js.map +1 -1
  265. package/components/tabs/themes/dark/tab.fluent.css.js +1 -1
  266. package/components/tabs/themes/dark/tab.fluent.css.js.map +1 -1
  267. package/components/tabs/themes/dark/tab.indigo.css.js +1 -1
  268. package/components/tabs/themes/dark/tab.indigo.css.js.map +1 -1
  269. package/components/tabs/themes/dark/tab.material.css.js +1 -1
  270. package/components/tabs/themes/dark/tab.material.css.js.map +1 -1
  271. package/components/tabs/themes/dark/tab.shared.css.js +1 -1
  272. package/components/tabs/themes/dark/tab.shared.css.js.map +1 -1
  273. package/components/tabs/themes/light/tab.bootstrap.css.js +1 -1
  274. package/components/tabs/themes/light/tab.bootstrap.css.js.map +1 -1
  275. package/components/tabs/themes/light/tab.fluent.css.js +1 -1
  276. package/components/tabs/themes/light/tab.fluent.css.js.map +1 -1
  277. package/components/tabs/themes/light/tab.indigo.css.js +1 -1
  278. package/components/tabs/themes/light/tab.indigo.css.js.map +1 -1
  279. package/components/tabs/themes/light/tab.material.css.js +1 -1
  280. package/components/tabs/themes/light/tab.material.css.js.map +1 -1
  281. package/components/tabs/themes/light/tab.shared.css.js +1 -1
  282. package/components/tabs/themes/light/tab.shared.css.js.map +1 -1
  283. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  284. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  285. package/components/tabs/themes/shared/tab/tab.common.css.js +1 -1
  286. package/components/tabs/themes/shared/tab/tab.common.css.js.map +1 -1
  287. package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
  288. package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
  289. package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
  290. package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
  291. package/components/tabs/themes/shared/tab/tab.material.css.js +1 -1
  292. package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -1
  293. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js +1 -1
  294. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js.map +1 -1
  295. package/components/tabs/themes/shared/tabs/tabs.common.css.js +1 -1
  296. package/components/tabs/themes/shared/tabs/tabs.common.css.js.map +1 -1
  297. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
  298. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
  299. package/components/tabs/themes/shared/tabs/tabs.material.css.js +1 -1
  300. package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -1
  301. package/components/tabs/themes/tabs.base.css.js +1 -1
  302. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  303. package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
  304. package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
  305. package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
  306. package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
  307. package/components/textarea/themes/light/textarea.shared.css.js +1 -1
  308. package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
  309. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  310. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  311. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  312. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  313. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  314. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  315. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  316. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  317. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  318. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  319. package/components/tree/themes/dark/container.bootstrap.css.js +1 -1
  320. package/components/tree/themes/dark/container.bootstrap.css.js.map +1 -1
  321. package/components/tree/themes/light/container.bootstrap.css.js +1 -1
  322. package/components/tree/themes/light/container.bootstrap.css.js.map +1 -1
  323. package/components/tree/tree-item.js +4 -0
  324. package/components/tree/tree-item.js.map +1 -1
  325. package/components/tree/tree.d.ts +14 -0
  326. package/components/tree/tree.js +23 -0
  327. package/components/tree/tree.js.map +1 -1
  328. package/components/validation-container/validation-container.d.ts +0 -1
  329. package/components/validation-container/validation-container.js +6 -9
  330. package/components/validation-container/validation-container.js.map +1 -1
  331. package/custom-elements.json +706 -1056
  332. package/igniteui-webcomponents.html-data.json +1 -1
  333. package/index.d.ts +2 -1
  334. package/index.js +2 -1
  335. package/index.js.map +1 -1
  336. package/package.json +9 -4
  337. package/web-types.json +1 -1
  338. package/components/common/localization/intl-formatters.d.ts +0 -17
  339. package/components/common/localization/intl-formatters.js +0 -46
  340. package/components/common/localization/intl-formatters.js.map +0 -1
  341. package/components/validation-container/themes/dark/validator.bootstrap.css.d.ts +0 -1
  342. package/components/validation-container/themes/dark/validator.bootstrap.css.js +0 -3
  343. package/components/validation-container/themes/dark/validator.bootstrap.css.js.map +0 -1
  344. package/components/validation-container/themes/dark/validator.fluent.css.d.ts +0 -1
  345. package/components/validation-container/themes/dark/validator.fluent.css.js +0 -3
  346. package/components/validation-container/themes/dark/validator.fluent.css.js.map +0 -1
  347. package/components/validation-container/themes/dark/validator.indigo.css.d.ts +0 -1
  348. package/components/validation-container/themes/dark/validator.indigo.css.js +0 -3
  349. package/components/validation-container/themes/dark/validator.indigo.css.js.map +0 -1
  350. package/components/validation-container/themes/dark/validator.material.css.d.ts +0 -1
  351. package/components/validation-container/themes/dark/validator.material.css.js +0 -3
  352. package/components/validation-container/themes/dark/validator.material.css.js.map +0 -1
  353. package/components/validation-container/themes/light/validator.bootstrap.css.d.ts +0 -1
  354. package/components/validation-container/themes/light/validator.bootstrap.css.js +0 -3
  355. package/components/validation-container/themes/light/validator.bootstrap.css.js.map +0 -1
  356. package/components/validation-container/themes/light/validator.fluent.css.d.ts +0 -1
  357. package/components/validation-container/themes/light/validator.fluent.css.js +0 -3
  358. package/components/validation-container/themes/light/validator.fluent.css.js.map +0 -1
  359. package/components/validation-container/themes/light/validator.indigo.css.d.ts +0 -1
  360. package/components/validation-container/themes/light/validator.indigo.css.js +0 -3
  361. package/components/validation-container/themes/light/validator.indigo.css.js.map +0 -1
  362. package/components/validation-container/themes/light/validator.material.css.d.ts +0 -1
  363. package/components/validation-container/themes/light/validator.material.css.js +0 -3
  364. package/components/validation-container/themes/light/validator.material.css.js.map +0 -1
  365. package/components/validation-container/themes/light/validator.shared.css.d.ts +0 -1
  366. package/components/validation-container/themes/light/validator.shared.css.js +0 -3
  367. package/components/validation-container/themes/light/validator.shared.css.js.map +0 -1
  368. package/components/validation-container/themes/themes.d.ts +0 -2
  369. package/components/validation-container/themes/themes.js +0 -46
  370. package/components/validation-container/themes/themes.js.map +0 -1
package/components/date-picker/themes/light/date-picker.fluent.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-700));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-900));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-primary-900-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;
2
+ export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-700));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-700));--inactive-color: var(--ig-datepicker-inactive-color, var(--ig-gray-700));--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-gray-700));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-500));--date-special-range-background: var(--ig-datepicker-date-special-range-background, var(--ig-gray-100));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-500));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-500));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-500));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-900));--date-special-focus-border-color: var(--ig-datepicker-date-special-focus-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-900));--date-special-range-hover-border-color: var(--ig-datepicker-date-special-range-hover-border-color, var(--ig-primary-900));--date-special-range-focus-border-color: var(--ig-datepicker-date-special-range-focus-border-color, var(--ig-primary-900));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-500));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-500));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-primary-500));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-500));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-500));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-primary-600-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-selected-special-foreground: var(--ig-datepicker-date-selected-special-foreground, var(--ig-gray-900));--date-selected-special-background: var(--ig-datepicker-date-selected-special-background, var(--ig-gray-100));--date-selected-special-hover-foreground: var(--ig-datepicker-date-selected-special-hover-foreground, var(--ig-gray-900));--date-selected-special-hover-background: var(--ig-datepicker-date-selected-special-hover-background, var(--ig-gray-200));--date-selected-special-focus-foreground: var(--ig-datepicker-date-selected-special-focus-foreground, var(--ig-gray-900));--date-selected-special-focus-background: var(--ig-datepicker-date-selected-special-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--date-special-range-hover-foreground: var(--ig-datepicker-date-special-range-hover-foreground, var(--ig-gray-900));--date-special-range-focus-foreground: var(--ig-datepicker-date-special-range-focus-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-datepicker-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-datepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;
3
3
  //# sourceMappingURL=date-picker.fluent.css.js.map
package/components/date-picker/themes/light/date-picker.fluent.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2wdAA2wd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-700));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-gray-200));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-700));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-700));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-700));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-900));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-gray-100));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-gray-200));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-gray-200));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-gray-100));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-200));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-200));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-primary-900-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-200));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;\n"]}
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,+ihBAA+ihB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-700));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--date-border-radius: var(--ig-datepicker-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--date-range-border-radius: var(--ig-datepicker-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-700));--inactive-color: var(--ig-datepicker-inactive-color, var(--ig-gray-700));--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-gray-700));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-hover-foreground: var(--ig-datepicker-date-selected-current-range-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-range-focus-foreground: var(--ig-datepicker-date-selected-current-range-focus-foreground, var(--ig-primary-600-contrast));--date-current-background: var(--ig-datepicker-date-current-background, var(--ig-primary-500));--date-current-hover-foreground: var(--ig-datepicker-date-current-hover-foreground, var(--ig-primary-600-contrast));--date-current-focus-foreground: var(--ig-datepicker-date-current-focus-foreground, var(--ig-primary-600-contrast));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-500));--date-special-range-background: var(--ig-datepicker-date-special-range-background, var(--ig-gray-100));--date-selected-border-color: var(--ig-datepicker-date-selected-border-color, var(--ig-gray-700));--date-selected-hover-border-color: var(--ig-datepicker-date-selected-hover-border-color, var(--ig-gray-700));--date-selected-focus-border-color: var(--ig-datepicker-date-selected-focus-border-color, var(--ig-gray-700));--date-range-border-color: var(--ig-datepicker-date-range-border-color, var(--ig-gray-700));--date-range-preview-border-color: var(--ig-datepicker-date-range-preview-border-color, var(--ig-gray-700));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, transparent);--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, transparent);--ym-border-radius: var(--ig-datepicker-ym-border-radius, clamp(0.125rem, calc(var(--ig-radius-factor, 0) * 1.5625rem), 1.5625rem));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-primary-600-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-primary-500));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5625rem), 1.5625rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.5rem), 0.5rem));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-500));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-500));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-500));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-primary-900));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-primary-900));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-primary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-900));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-900));--date-special-focus-border-color: var(--ig-datepicker-date-special-focus-border-color, var(--ig-primary-900));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-900));--date-special-range-hover-border-color: var(--ig-datepicker-date-special-range-hover-border-color, var(--ig-primary-900));--date-special-range-focus-border-color: var(--ig-datepicker-date-special-range-focus-border-color, var(--ig-primary-900));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-gray-900));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-gray-900));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-gray-900));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-200));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-200));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-200));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-200));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-600-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-600-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-500));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-600-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-500));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, var(--ig-primary-500));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-500));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-500));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, var(--ig-gray-100));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-200));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-200));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-200));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-200));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-primary-600-contrast));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-gray-900));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-gray-100));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-gray-900));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-gray-200));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-gray-900));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-gray-200));--date-selected-special-foreground: var(--ig-datepicker-date-selected-special-foreground, var(--ig-gray-900));--date-selected-special-background: var(--ig-datepicker-date-selected-special-background, var(--ig-gray-100));--date-selected-special-hover-foreground: var(--ig-datepicker-date-selected-special-hover-foreground, var(--ig-gray-900));--date-selected-special-hover-background: var(--ig-datepicker-date-selected-special-hover-background, var(--ig-gray-200));--date-selected-special-focus-foreground: var(--ig-datepicker-date-selected-special-focus-foreground, var(--ig-gray-900));--date-selected-special-focus-background: var(--ig-datepicker-date-selected-special-focus-background, var(--ig-gray-200));--date-current-border-color: var(--ig-datepicker-date-current-border-color, transparent);--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, transparent);--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, transparent);--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-gray-900));--date-special-range-hover-foreground: var(--ig-datepicker-date-special-range-hover-foreground, var(--ig-gray-900));--date-special-range-focus-foreground: var(--ig-datepicker-date-special-range-focus-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-200));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-gray-900));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-gray-100));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-200));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-gray-900));--ym-selected-background: var(--ig-datepicker-ym-selected-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-gray-900));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, hsl(from var(--ig-primary-100) h s l/0.5));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-gray-900));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, hsl(from var(--ig-primary-50) h s l/0.3));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, transparent);--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-700));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-700));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-700));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-datepicker-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-datepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-datepicker-input-prefix-background, var(--ig-gray-100));--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-datepicker-input-suffix-background, var(--ig-gray-100));--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-900));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-900));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, var(--ig-gray-100));--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;\n"]}
package/components/date-picker/themes/light/date-picker.indigo.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-800));--content-background: var(--ig-datepicker-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-600));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-900) h s l/0.05));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-800));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-800));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-50));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-800));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-400));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-800));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-50));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-100));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-500));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-600));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-primary-600));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-600));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-100));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-800));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-300) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-50));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-50));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-800));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-800));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-800));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-50));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-datepicker-box-background, transparent);--box-background-hover: var(--ig-datepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-datepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-datepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}`;
2
+ export const styles = css `:host{--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-800));--content-background: var(--ig-datepicker-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-600));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-900) h s l/0.05));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-800));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-800));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-50));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-800));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-400));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-800));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-50));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-100));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-500));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-500));--date-special-range-hover-foreground: var(--ig-datepicker-date-special-range-hover-foreground, var(--ig-primary-500));--date-special-range-focus-foreground: var(--ig-datepicker-date-special-range-focus-foreground, var(--ig-primary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-600));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-primary-600));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-600));--date-special-focus-border-color: var(--ig-datepicker-date-special-focus-border-color, var(--ig-primary-600));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-500));--date-special-range-hover-border-color: var(--ig-datepicker-date-special-range-hover-border-color, var(--ig-primary-500));--date-special-range-focus-border-color: var(--ig-datepicker-date-special-range-focus-border-color, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-special-foreground: var(--ig-datepicker-date-selected-special-foreground, var(--ig-primary-500-contrast));--date-selected-special-background: var(--ig-datepicker-date-selected-special-background, var(--ig-primary-500));--date-selected-special-hover-foreground: var(--ig-datepicker-date-selected-special-hover-foreground, var(--ig-primary-900-contrast));--date-selected-special-hover-background: var(--ig-datepicker-date-selected-special-hover-background, var(--ig-primary-400));--date-selected-special-focus-foreground: var(--ig-datepicker-date-selected-special-focus-foreground, var(--ig-primary-900-contrast));--date-selected-special-focus-background: var(--ig-datepicker-date-selected-special-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-100));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-800));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-300) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-50));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-50));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-800));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-800));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-800));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-50));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-datepicker-text-error-color, var(--ig-gray-700));--icon-error-color: var(--ig-datepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-datepicker-box-background, transparent);--box-background-hover: var(--ig-datepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-datepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-datepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}`;
3
3
  //# sourceMappingURL=date-picker.indigo.css.js.map
package/components/date-picker/themes/light/date-picker.indigo.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wodAAwod,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-800));--content-background: var(--ig-datepicker-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-600));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-900) h s l/0.05));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-800));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-800));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-50));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-800));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-400));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-800));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-50));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-100));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-500));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-600));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-primary-600));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-600));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-100));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-800));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-300) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-50));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-50));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-800));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-800));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-800));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-50));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-datepicker-box-background, transparent);--box-background-hover: var(--ig-datepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-datepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-datepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}`;\n"]}
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,ymgBAAymgB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-datepicker-content-foreground, var(--ig-gray-800));--content-background: var(--ig-datepicker-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-datepicker-border-color, var(--ig-gray-400));--border-radius: var(--ig-datepicker-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--picker-background: var(--ig-datepicker-picker-background, var(--ig-gray-900-contrast));--picker-hover-foreground: var(--ig-datepicker-picker-hover-foreground, var(--ig-primary-500));--picker-focus-foreground: var(--ig-datepicker-picker-focus-foreground, var(--ig-primary-500));--navigation-color: var(--ig-datepicker-navigation-color, var(--ig-gray-600));--navigation-hover-color: var(--ig-datepicker-navigation-hover-color, var(--ig-primary-500));--navigation-focus-color: var(--ig-datepicker-navigation-focus-color, var(--ig-primary-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--inner-size: var(--ig-datepicker-inner-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-600));--week-number-background: var(--ig-datepicker-week-number-background, hsl(from var(--ig-gray-900) h s l/0.05));--weekend-color: var(--ig-datepicker-weekend-color, var(--ig-gray-800));--date-selected-current-range-foreground: var(--ig-datepicker-date-selected-current-range-foreground, var(--ig-gray-800));--date-current-background: var(--ig-datepicker-date-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-current-focus-background: var(--ig-datepicker-date-current-focus-background, var(--ig-primary-50));--date-disabled-foreground: var(--ig-datepicker-date-disabled-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--date-disabled-range-foreground: var(--ig-datepicker-date-disabled-range-foreground, hsl(from var(--ig-gray-600) h s l/0.38));--ym-current-outline-hover-color: var(--ig-datepicker-ym-current-outline-hover-color, var(--ig-primary-200));--ym-current-outline-focus-color: var(--ig-datepicker-ym-current-outline-focus-color, var(--ig-primary-200));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-700));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-gray-800));--header-background: var(--ig-datepicker-header-background, var(--ig-gray-900-contrast));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-400));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-focus-background: var(--ig-datepicker-date-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-800));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-primary-50));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-primary-100));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-primary-200));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-primary-200));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-primary-500));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-primary-500));--date-special-range-hover-foreground: var(--ig-datepicker-date-special-range-hover-foreground, var(--ig-primary-500));--date-special-range-focus-foreground: var(--ig-datepicker-date-special-range-focus-foreground, var(--ig-primary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-primary-600));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-primary-600));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-primary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-primary-600));--date-special-focus-border-color: var(--ig-datepicker-date-special-focus-border-color, var(--ig-primary-600));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-primary-500));--date-special-range-hover-border-color: var(--ig-datepicker-date-special-range-hover-border-color, var(--ig-primary-500));--date-special-range-focus-border-color: var(--ig-datepicker-date-special-range-focus-border-color, var(--ig-primary-500));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-primary-500-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-primary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-primary-900-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-primary-400));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-primary-900-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-primary-400));--date-selected-special-foreground: var(--ig-datepicker-date-selected-special-foreground, var(--ig-primary-500-contrast));--date-selected-special-background: var(--ig-datepicker-date-selected-special-background, var(--ig-primary-500));--date-selected-special-hover-foreground: var(--ig-datepicker-date-selected-special-hover-foreground, var(--ig-primary-900-contrast));--date-selected-special-hover-background: var(--ig-datepicker-date-selected-special-hover-background, var(--ig-primary-400));--date-selected-special-focus-foreground: var(--ig-datepicker-date-selected-special-focus-foreground, var(--ig-primary-900-contrast));--date-selected-special-focus-background: var(--ig-datepicker-date-selected-special-focus-background, var(--ig-primary-400));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-primary-500-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-primary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-primary-900-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-primary-400));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-primary-900-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-primary-400));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-primary-100));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-primary-200));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-primary-200));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, hsl(from var(--ig-primary-900-contrast) h s l/0.8));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-800));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-primary-300) h s l/0.2));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, hsl(from var(--ig-primary-50) h s l/0.5));--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-primary-50));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-primary-50));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-primary-400));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-800));--ym-hover-background: var(--ig-datepicker-ym-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-800));--ym-current-background: var(--ig-datepicker-ym-current-background, hsl(from var(--ig-primary-50) h s l/0.5));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-800));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-primary-50));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-primary-500-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-primary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-primary-900-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-primary-400));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-primary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-primary-500));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-primary-100));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-primary-200));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-primary-200));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-datepicker-text-error-color, var(--ig-gray-700));--icon-error-color: var(--ig-datepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-600));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-600));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-800));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-600));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-300));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-400));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, transparent);--search-disabled-background: var(--ig-datepicker-search-disabled-background, transparent);--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-600));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-datepicker-box-background, transparent);--box-background-hover: var(--ig-datepicker-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-background-focus: var(--ig-datepicker-box-background-focus, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-datepicker-box-disabled-background, transparent);--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}`;\n"]}
package/components/date-picker/themes/light/date-picker.material.css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;
2
+ export const styles = css `:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-700));--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-gray-700));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-selected-special-foreground: var(--ig-datepicker-date-selected-special-foreground, var(--ig-secondary-900-contrast));--date-selected-special-background: var(--ig-datepicker-date-selected-special-background, var(--ig-secondary-500));--date-selected-special-hover-foreground: var(--ig-datepicker-date-selected-special-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-special-hover-background: var(--ig-datepicker-date-selected-special-hover-background, var(--ig-secondary-700));--date-selected-special-focus-foreground: var(--ig-datepicker-date-selected-special-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-special-focus-background: var(--ig-datepicker-date-selected-special-focus-background, var(--ig-secondary-700));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-900));--date-special-range-hover-border-color: var(--ig-datepicker-date-special-range-hover-border-color, var(--ig-secondary-900));--date-special-range-focus-border-color: var(--ig-datepicker-date-special-range-focus-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-700));--date-special-focus-border-color: var(--ig-datepicker-date-special-focus-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-900));--date-special-range-hover-foreground: var(--ig-datepicker-date-special-range-hover-foreground, var(--ig-secondary-900));--date-special-range-focus-foreground: var(--ig-datepicker-date-special-range-focus-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-datepicker-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-datepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;
3
3
  //# sourceMappingURL=date-picker.material.css.js.map
package/components/date-picker/themes/light/date-picker.material.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-picker/themes/light/date-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8wYAA8wY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;\n"]}
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,w6bAAw6b,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-datepicker-border-color, var(--ig-gray-500));--size: var(--ig-datepicker-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--week-number-foreground: var(--ig-datepicker-week-number-foreground, var(--ig-gray-700));--weekday-color: var(--ig-datepicker-weekday-color, var(--ig-gray-700));--picker-foreground: var(--ig-datepicker-picker-foreground, var(--ig-gray-900));--actions-divider-color: var(--ig-datepicker-actions-divider-color, var(--ig-gray-200));--header-foreground: var(--ig-datepicker-header-foreground, var(--ig-secondary-900-contrast));--header-background: var(--ig-datepicker-header-background, var(--ig-secondary-500));--date-current-border-radius: var(--ig-datepicker-date-current-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-special-border-radius: var(--ig-datepicker-date-special-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-hover-background: var(--ig-datepicker-date-hover-background, var(--ig-gray-100));--date-focus-background: var(--ig-datepicker-date-focus-background, var(--ig-gray-100));--date-current-foreground: var(--ig-datepicker-date-current-foreground, var(--ig-gray-900));--date-current-hover-background: var(--ig-datepicker-date-current-hover-background, var(--ig-gray-100));--date-selected-foreground: var(--ig-datepicker-date-selected-foreground, var(--ig-secondary-900-contrast));--date-selected-background: var(--ig-datepicker-date-selected-background, var(--ig-secondary-500));--date-selected-hover-foreground: var(--ig-datepicker-date-selected-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-hover-background: var(--ig-datepicker-date-selected-hover-background, var(--ig-secondary-700));--date-selected-focus-foreground: var(--ig-datepicker-date-selected-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-focus-background: var(--ig-datepicker-date-selected-focus-background, var(--ig-secondary-700));--date-selected-special-foreground: var(--ig-datepicker-date-selected-special-foreground, var(--ig-secondary-900-contrast));--date-selected-special-background: var(--ig-datepicker-date-selected-special-background, var(--ig-secondary-500));--date-selected-special-hover-foreground: var(--ig-datepicker-date-selected-special-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-special-hover-background: var(--ig-datepicker-date-selected-special-hover-background, var(--ig-secondary-700));--date-selected-special-focus-foreground: var(--ig-datepicker-date-selected-special-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-special-focus-background: var(--ig-datepicker-date-selected-special-focus-background, var(--ig-secondary-700));--date-selected-current-foreground: var(--ig-datepicker-date-selected-current-foreground, var(--ig-secondary-900-contrast));--date-selected-current-background: var(--ig-datepicker-date-selected-current-background, var(--ig-secondary-500));--date-selected-current-hover-foreground: var(--ig-datepicker-date-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--date-selected-current-hover-background: var(--ig-datepicker-date-selected-current-hover-background, var(--ig-secondary-700));--date-selected-current-focus-foreground: var(--ig-datepicker-date-selected-current-focus-foreground, var(--ig-secondary-700-contrast));--date-selected-current-focus-background: var(--ig-datepicker-date-selected-current-focus-background, var(--ig-secondary-700));--date-selected-range-foreground: var(--ig-datepicker-date-selected-range-foreground, var(--ig-gray-900));--date-selected-range-background: var(--ig-datepicker-date-selected-range-background, hsl(from var(--ig-secondary-500) h s l/0.24));--date-selected-range-hover-background: var(--ig-datepicker-date-selected-range-hover-background, var(--ig-gray-100));--date-selected-range-focus-background: var(--ig-datepicker-date-selected-range-focus-background, var(--ig-gray-100));--date-selected-current-range-background: var(--ig-datepicker-date-selected-current-range-background, transparent);--date-selected-current-range-hover-background: var(--ig-datepicker-date-selected-current-range-hover-background, var(--ig-gray-100));--date-selected-current-range-focus-background: var(--ig-datepicker-date-selected-current-range-focus-background, var(--ig-gray-100));--date-selected-special-border-color: var(--ig-datepicker-date-selected-special-border-color, var(--ig-secondary-900-contrast));--date-selected-special-hover-border-color: var(--ig-datepicker-date-selected-special-hover-border-color, var(--ig-secondary-900-contrast));--date-selected-special-focus-border-color: var(--ig-datepicker-date-selected-special-focus-border-color, var(--ig-secondary-900-contrast));--date-special-foreground: var(--ig-datepicker-date-special-foreground, var(--ig-secondary-500));--date-special-hover-foreground: var(--ig-datepicker-date-special-hover-foreground, var(--ig-secondary-700));--date-special-focus-foreground: var(--ig-datepicker-date-special-focus-foreground, var(--ig-secondary-700));--date-special-hover-background: var(--ig-datepicker-date-special-hover-background, var(--ig-gray-100));--date-special-focus-background: var(--ig-datepicker-date-special-focus-background, var(--ig-gray-100));--date-special-range-hover-background: var(--ig-datepicker-date-special-range-hover-background, var(--ig-gray-100));--date-special-range-focus-background: var(--ig-datepicker-date-special-range-focus-background, var(--ig-gray-100));--date-special-range-border-color: var(--ig-datepicker-date-special-range-border-color, var(--ig-secondary-900));--date-special-range-hover-border-color: var(--ig-datepicker-date-special-range-hover-border-color, var(--ig-secondary-900));--date-special-range-focus-border-color: var(--ig-datepicker-date-special-range-focus-border-color, var(--ig-secondary-900));--date-special-border-color: var(--ig-datepicker-date-special-border-color, var(--ig-secondary-500));--date-special-hover-border-color: var(--ig-datepicker-date-special-hover-border-color, var(--ig-secondary-700));--date-special-focus-border-color: var(--ig-datepicker-date-special-focus-border-color, var(--ig-secondary-700));--date-current-border-color: var(--ig-datepicker-date-current-border-color, var(--ig-gray-900));--date-current-hover-border-color: var(--ig-datepicker-date-current-hover-border-color, var(--ig-gray-900));--date-current-focus-border-color: var(--ig-datepicker-date-current-focus-border-color, var(--ig-gray-900));--date-selected-current-border-color: var(--ig-datepicker-date-selected-current-border-color, var(--ig-gray-900));--date-selected-current-hover-border-color: var(--ig-datepicker-date-selected-current-hover-border-color, var(--ig-gray-900));--date-selected-current-focus-border-color: var(--ig-datepicker-date-selected-current-focus-border-color, var(--ig-gray-900));--date-special-range-foreground: var(--ig-datepicker-date-special-range-foreground, var(--ig-secondary-900));--date-special-range-hover-foreground: var(--ig-datepicker-date-special-range-hover-foreground, var(--ig-secondary-900));--date-special-range-focus-foreground: var(--ig-datepicker-date-special-range-focus-foreground, var(--ig-secondary-900));--week-number-border-radius: var(--ig-datepicker-week-number-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.5) * 0.5rem), 0.5rem));--ym-selected-current-hover-foreground: var(--ig-datepicker-ym-selected-current-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-current-hover-background: var(--ig-datepicker-ym-selected-current-hover-background, var(--ig-secondary-700));--ym-hover-foreground: var(--ig-datepicker-ym-hover-foreground, var(--ig-gray-900));--ym-hover-background: var(--ig-datepicker-ym-hover-background, var(--ig-gray-100));--ym-current-foreground: var(--ig-datepicker-ym-current-foreground, var(--ig-gray-900));--ym-current-background: var(--ig-datepicker-ym-current-background, var(--ig-surface-500));--ym-current-hover-foreground: var(--ig-datepicker-ym-current-hover-foreground, var(--ig-gray-900));--ym-current-hover-background: var(--ig-datepicker-ym-current-hover-background, var(--ig-gray-100));--ym-selected-foreground: var(--ig-datepicker-ym-selected-foreground, var(--ig-secondary-600-contrast));--ym-selected-background: var(--ig-datepicker-ym-selected-background, var(--ig-secondary-500));--ym-selected-hover-foreground: var(--ig-datepicker-ym-selected-hover-foreground, var(--ig-secondary-700-contrast));--ym-selected-hover-background: var(--ig-datepicker-ym-selected-hover-background, var(--ig-secondary-700));--ym-selected-current-foreground: var(--ig-datepicker-ym-selected-current-foreground, var(--ig-secondary-500-contrast));--ym-selected-current-background: var(--ig-datepicker-ym-selected-current-background, var(--ig-secondary-500));--ym-selected-current-outline-color: var(--ig-datepicker-ym-selected-current-outline-color, var(--ig-gray-900));--ym-current-outline-color: var(--ig-datepicker-ym-current-outline-color, var(--ig-gray-900));--ym-selected-current-outline-hover-color: var(--ig-datepicker-ym-selected-current-outline-hover-color, var(--ig-gray-900));--ym-selected-current-outline-focus-color: var(--ig-datepicker-ym-selected-current-outline-focus-color, var(--ig-gray-900));--helper-text-color: var(--ig-datepicker-helper-text-color, var(--ig-gray-700));--text-error-color: var(--ig-datepicker-text-error-color, var(--ig-error-500));--icon-error-color: var(--ig-datepicker-icon-error-color, var(--ig-error-500));--input-prefix-background: var(--ig-datepicker-input-prefix-background, transparent);--input-prefix-color: var(--ig-datepicker-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-datepicker-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-datepicker-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-datepicker-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-datepicker-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-datepicker-input-suffix-background, transparent);--input-suffix-color: var(--ig-datepicker-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-datepicker-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-datepicker-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-datepicker-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-datepicker-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-datepicker-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-datepicker-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-datepicker-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-datepicker-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-datepicker-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-datepicker-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-datepicker-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-datepicker-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-datepicker-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-datepicker-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-datepicker-focused-bottom-line-color, var(--ig-primary-500));--disabled-bottom-line-color: var(--ig-datepicker-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-datepicker-disabled-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-datepicker-hover-border-color, var(--ig-gray-800));--focused-border-color: var(--ig-datepicker-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-datepicker-border-background, transparent);--border-disabled-background: var(--ig-datepicker-border-disabled-background, transparent);--search-background: var(--ig-datepicker-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-datepicker-search-disabled-background, var(--ig-surface-500));--success-secondary-color: var(--ig-datepicker-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-datepicker-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-datepicker-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-datepicker-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-datepicker-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-datepicker-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-datepicker-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-datepicker-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-datepicker-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-datepicker-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-datepicker-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-datepicker-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-datepicker-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-datepicker-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-datepicker-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--search-resting-elevation: var(--ig-datepicker-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-datepicker-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-datepicker-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;\n"]}
package/components/date-picker/validators.js CHANGED
@@ -1,5 +1,5 @@
1
+ import { ValidationResourceStringsEN } from 'igniteui-i18n-core';
1
2
  import { isDateInRanges } from '../calendar/helpers.js';
2
- import { validationResourcesKeys } from '../common/i18n/utils.js';
3
3
  import { formatString } from '../common/util.js';
4
4
  import { maxDateValidator, minDateValidator, requiredValidator, } from '../common/validators.js';
5
5
  export const datePickerValidators = [
@@ -8,8 +8,7 @@ export const datePickerValidators = [
8
8
  maxDateValidator,
9
9
  {
10
10
  key: 'badInput',
11
- messageResourceKey: validationResourcesKeys.disabledDate,
12
- messageFormat: (message, { value }) => formatString(message, value),
11
+ message: ({ value }) => formatString(ValidationResourceStringsEN.disabled_date_validation_error, value),
13
12
  isValid: ({ value, disabledDates }) => value && disabledDates ? !isDateInRanges(value, disabledDates) : true,
14
13
  },
15
14
  ];
package/components/date-picker/validators.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAElB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,oBAAoB,GAAwC;IACvE,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB;QACE,GAAG,EAAE,UAAU;QACf,kBAAkB,EAAE,uBAAuB,CAAC,YAAY;QACxD,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC;QACnE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CACpC,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI;KACxE;CACF,CAAC","sourcesContent":["import { isDateInRanges } from '../calendar/helpers.js';\nimport { validationResourcesKeys } from '../common/i18n/utils.js';\nimport { formatString } from '../common/util.js';\nimport {\n maxDateValidator,\n minDateValidator,\n requiredValidator,\n type Validator,\n} from '../common/validators.js';\nimport type IgcDatePickerComponent from './date-picker.js';\n\nexport const datePickerValidators: Validator<IgcDatePickerComponent>[] = [\n requiredValidator,\n minDateValidator,\n maxDateValidator,\n {\n key: 'badInput',\n messageResourceKey: validationResourcesKeys.disabledDate,\n messageFormat: (message, { value }) => formatString(message, value),\n isValid: ({ value, disabledDates }) =>\n value && disabledDates ? !isDateInRanges(value, disabledDates) : true,\n },\n];\n"]}
1
+ {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAElB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,oBAAoB,GAAwC;IACvE,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB;QACE,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,YAAY,CACV,2BAA2B,CAAC,8BAA+B,EAC3D,KAAK,CACN;QACH,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CACpC,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI;KACxE;CACF,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport { isDateInRanges } from '../calendar/helpers.js';\nimport { formatString } from '../common/util.js';\nimport {\n maxDateValidator,\n minDateValidator,\n requiredValidator,\n type Validator,\n} from '../common/validators.js';\nimport type IgcDatePickerComponent from './date-picker.js';\n\nexport const datePickerValidators: Validator<IgcDatePickerComponent>[] = [\n requiredValidator,\n minDateValidator,\n maxDateValidator,\n {\n key: 'badInput',\n message: ({ value }) =>\n formatString(\n ValidationResourceStringsEN.disabled_date_validation_error!,\n value\n ),\n isValid: ({ value, disabledDates }) =>\n value && disabledDates ? !isDateInRanges(value, disabledDates) : true,\n },\n];\n"]}
package/components/date-range-picker/date-range-picker.d.ts CHANGED
@@ -124,12 +124,17 @@ export default class IgcDateRangePickerComponent extends IgcDateRangePickerCompo
124
124
  private readonly _themes;
125
125
  protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<DateRangeValue | null>;
126
126
  protected readonly _rootClickController: import("../common/controllers/root-click.js").RootClickController;
127
- private readonly _i18nController;
127
+ /**
128
+ * For now we use the core validation strings internally only, to avoid mixing with old resources by users.
129
+ * To Do: Update resourceStrings type when the IgcDateRangePickerResourceStrings is changed to IDateRangePickerResourceStrings
130
+ */
131
+ protected readonly _i18nController: import("../common/i18n/i18n-controller.js").I18nController<IgcDateRangePickerResourceStrings>;
128
132
  private _activeDate;
129
133
  private _min;
130
134
  private _max;
131
135
  private _disabledDates;
132
136
  private _dateConstraints;
137
+ private _defaultDisplayFormat;
133
138
  private _displayFormat?;
134
139
  private _inputFormat?;
135
140
  private _placeholder?;
@@ -237,7 +242,7 @@ export default class IgcDateRangePickerComponent extends IgcDateRangePickerCompo
237
242
  prompt: string;
238
243
  /**
239
244
  * Format to display the value in when not editing.
240
- * Defaults to the input format if not set.
245
+ * Defaults to the locale format if not set.
241
246
  * @attr display-format
242
247
  */
243
248
  set displayFormat(value: string);
package/components/date-range-picker/date-range-picker.js CHANGED
@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
7
  var IgcDateRangePickerComponent_1;
8
+ import { getDateFormatter } from 'igniteui-i18n-core';
8
9
  import { html, nothing } from 'lit';
9
10
  import { property, query, queryAll, queryAssignedElements, state, } from 'lit/decorators.js';
10
11
  import { cache } from 'lit/directives/cache.js';
@@ -90,7 +91,7 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Form
90
91
  this._updateMaskedRangeValue();
91
92
  }
92
93
  get displayFormat() {
93
- return this._displayFormat ?? this.inputFormat;
94
+ return (this._displayFormat ?? this._inputFormat ?? this._defaultDisplayFormat);
94
95
  }
95
96
  set inputFormat(value) {
96
97
  this._inputFormat = value;
@@ -148,6 +149,9 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Form
148
149
  });
149
150
  this._i18nController = addI18nController(this, {
150
151
  defaultEN: IgcDateRangePickerResourceStringsEN,
152
+ onResourceChange: () => {
153
+ this._updateDefaultMask();
154
+ },
151
155
  });
152
156
  this._activeDate = null;
153
157
  this._min = null;
@@ -215,7 +219,8 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Form
215
219
  }
216
220
  }
217
221
  _updateDefaultMask() {
218
- this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);
222
+ this._defaultMask = DateTimeUtil.getDefaultInputMask(this.locale);
223
+ this._defaultDisplayFormat = getDateFormatter().getLocaleDateTimeFormat(this.locale);
219
224
  this._updateMaskedRangeValue();
220
225
  }
221
226
  async _updateDateRange() {
@@ -366,14 +371,12 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Form
366
371
  this._maskedRangeValue = '';
367
372
  return;
368
373
  }
369
- const { formatDate, predefinedToDateDisplayFormat } = DateTimeUtil;
374
+ const { formatDisplayDate, predefinedToDateDisplayFormat } = DateTimeUtil;
370
375
  const { start, end } = this.value;
371
- const format = predefinedToDateDisplayFormat(this._displayFormat) ??
372
- this._displayFormat ??
373
- this.inputFormat;
374
- this._maskedRangeValue = format
375
- ? `${formatDate(start, this.locale, format)} - ${formatDate(end, this.locale, format)}`
376
- : `${start.toLocaleDateString()} - ${end.toLocaleDateString()}`;
376
+ const displayFormat = predefinedToDateDisplayFormat(this.displayFormat);
377
+ const startValue = formatDisplayDate(start, this.locale, displayFormat);
378
+ const endValue = formatDisplayDate(end, this.locale, displayFormat);
379
+ this._maskedRangeValue = `${startValue} - ${endValue}`;
377
380
  }
378
381
  _setCalendarRangeValues() {
379
382
  if (!this._calendar) {