@salutejs/plasma-new-hope 0.324.1-canary.1990.15248420614.0 → 0.324.1-canary.1995.15273571578.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 (630) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +4 -13
  2. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  3. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +11 -15
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -3
  6. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  7. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  8. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  9. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles_fpdm18.css +2 -0
  10. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -3
  12. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  14. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  15. package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_dt34s7.css} +2 -2
  16. package/cjs/components/Calendar/hooks/useMonths.js +3 -1
  17. package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
  18. package/cjs/components/Calendar/hooks/useQuarters.js +4 -2
  19. package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
  20. package/cjs/components/Calendar/hooks/useYears.js +3 -1
  21. package/cjs/components/Calendar/hooks/useYears.js.map +1 -1
  22. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  24. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  25. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -9
  26. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  27. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  28. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  29. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  30. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  31. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -7
  32. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  33. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  34. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  35. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  36. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  37. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -7
  38. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  39. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  42. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  43. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -7
  44. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  45. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  46. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  47. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  48. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  49. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  50. package/cjs/components/Calendar/utils/calendarGridHelper.js +10 -2
  51. package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  52. package/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
  53. package/cjs/components/Calendar/utils/getDateWithModification.js.map +1 -1
  54. package/cjs/components/CodeField/CodeField.css +14 -0
  55. package/cjs/components/CodeField/CodeField.js +290 -0
  56. package/cjs/components/CodeField/CodeField.js.map +1 -0
  57. package/cjs/components/CodeField/CodeField.styles.js +57 -0
  58. package/cjs/components/CodeField/CodeField.styles.js.map +1 -0
  59. package/cjs/components/CodeField/CodeField.styles_7zxgpc.css +6 -0
  60. package/cjs/components/CodeField/CodeField.tokens.js +59 -0
  61. package/cjs/components/CodeField/CodeField.tokens.js.map +1 -0
  62. package/cjs/components/CodeField/utils/constants.js +18 -0
  63. package/cjs/components/CodeField/utils/constants.js.map +1 -0
  64. package/cjs/components/CodeField/utils/handleCodeError.js +55 -0
  65. package/cjs/components/CodeField/utils/handleCodeError.js.map +1 -0
  66. package/cjs/components/CodeField/utils/handleItemError.js +53 -0
  67. package/cjs/components/CodeField/utils/handleItemError.js.map +1 -0
  68. package/cjs/components/CodeField/utils/initialValuesHelper.js +33 -0
  69. package/cjs/components/CodeField/utils/initialValuesHelper.js.map +1 -0
  70. package/cjs/components/CodeField/variations/_disabled/base.js +9 -0
  71. package/cjs/components/CodeField/variations/_disabled/base.js.map +1 -0
  72. package/cjs/components/CodeField/variations/_disabled/base_obsae2.css +1 -0
  73. package/cjs/components/CodeField/variations/_shape/base.js +9 -0
  74. package/cjs/components/CodeField/variations/_shape/base.js.map +1 -0
  75. package/cjs/components/CodeField/variations/_shape/base_1scsyya.css +1 -0
  76. package/cjs/components/CodeField/variations/_size/base.js +9 -0
  77. package/cjs/components/CodeField/variations/_size/base.js.map +1 -0
  78. package/cjs/components/CodeField/variations/_size/base_1wrvbr5.css +1 -0
  79. package/cjs/components/CodeField/variations/_view/base.js +9 -0
  80. package/cjs/components/CodeField/variations/_view/base.js.map +1 -0
  81. package/cjs/components/CodeField/variations/_view/base_9a5yza.css +1 -0
  82. package/cjs/components/DatePicker/DatePicker.tokens.js +9 -11
  83. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  84. package/cjs/components/DatePicker/DatePickerBase.styles.js +19 -2
  85. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  86. package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  87. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -25
  88. package/cjs/components/DatePicker/RangeDate/RangeDate.js +22 -10
  89. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  90. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  91. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  92. package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1q1mn0z.css} +1 -1
  93. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
  94. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +43 -2
  95. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  96. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  97. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  98. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css +2 -0
  99. package/cjs/components/DatePicker/SingleDate/SingleDate.css +19 -23
  100. package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -7
  101. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  102. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  103. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  104. package/{es/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_7r4r8k.css} +1 -1
  105. package/cjs/components/NumberInput/ui/Input/Input.js +0 -3
  106. package/cjs/components/NumberInput/ui/Input/Input.js.map +1 -1
  107. package/cjs/components/Pagination/Pagination.css +10 -10
  108. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
  109. package/cjs/components/Select/Select.css +10 -10
  110. package/cjs/components/Select/Select.tokens.js +23 -0
  111. package/cjs/components/Select/Select.tokens.js.map +1 -1
  112. package/cjs/components/Select/ui/Inner/Inner.css +10 -10
  113. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  114. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  115. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -12
  116. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  117. package/{es/components/Select/ui/Inner/ui/Item/Item.styles_1gk72bp.css → cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css} +2 -2
  118. package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
  119. package/cjs/components/Table/Table.css +10 -10
  120. package/cjs/components/Table/ui/Cell/Cell.css +10 -10
  121. package/cjs/components/Table/ui/EditableCell/EditableCell.css +10 -10
  122. package/cjs/components/Table/ui/HeadCell/HeadCell.css +10 -10
  123. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
  124. package/cjs/index.css +48 -37
  125. package/cjs/index.js +10 -0
  126. package/cjs/index.js.map +1 -1
  127. package/emotion/cjs/components/Calendar/Calendar.tokens.js +4 -13
  128. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  129. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  130. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  131. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
  132. package/emotion/cjs/components/Calendar/hooks/useMonths.js +3 -1
  133. package/emotion/cjs/components/Calendar/hooks/useQuarters.js +4 -2
  134. package/emotion/cjs/components/Calendar/hooks/useYears.js +3 -1
  135. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  136. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -8
  137. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  138. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -8
  139. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  140. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +3 -8
  141. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  142. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -8
  143. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  144. package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  145. package/emotion/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
  146. package/emotion/cjs/components/CodeField/CodeField.js +299 -0
  147. package/emotion/cjs/components/CodeField/CodeField.styles.js +65 -0
  148. package/emotion/cjs/components/CodeField/CodeField.template-doc.mdx +150 -0
  149. package/emotion/cjs/components/CodeField/CodeField.tokens.js +57 -0
  150. package/emotion/cjs/components/CodeField/CodeField.types.js +5 -0
  151. package/emotion/cjs/components/CodeField/index.js +50 -0
  152. package/emotion/cjs/components/CodeField/utils/constants.js +12 -0
  153. package/emotion/cjs/components/CodeField/utils/handleCodeError.js +58 -0
  154. package/emotion/cjs/components/CodeField/utils/handleItemError.js +56 -0
  155. package/emotion/cjs/components/CodeField/utils/index.js +38 -0
  156. package/emotion/cjs/components/CodeField/utils/initialValuesHelper.js +30 -0
  157. package/emotion/cjs/components/CodeField/variations/_disabled/base.js +9 -0
  158. package/emotion/cjs/components/CodeField/variations/_disabled/tokens.json +4 -0
  159. package/emotion/cjs/components/CodeField/variations/_shape/base.js +10 -0
  160. package/emotion/cjs/components/CodeField/variations/_shape/tokens.json +1 -0
  161. package/emotion/cjs/components/CodeField/variations/_size/base.js +10 -0
  162. package/emotion/cjs/components/CodeField/variations/_size/tokens.json +19 -0
  163. package/emotion/cjs/components/CodeField/variations/_view/base.js +10 -0
  164. package/emotion/cjs/components/CodeField/variations/_view/tokens.json +0 -0
  165. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
  166. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +9 -3
  167. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  168. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -13
  169. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +47 -3
  170. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  171. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  172. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  173. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -3
  174. package/emotion/cjs/components/Select/Select.tokens.js +2 -0
  175. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  176. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +31 -28
  177. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  178. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  179. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  180. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +31 -0
  181. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +11 -0
  182. package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  183. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  184. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  185. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  186. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  187. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  188. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  189. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +31 -0
  190. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.js +11 -0
  191. package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  192. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  193. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  194. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
  195. package/emotion/cjs/index.js +11 -0
  196. package/emotion/es/components/Calendar/Calendar.tokens.js +4 -13
  197. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  198. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
  199. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  200. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
  201. package/emotion/es/components/Calendar/hooks/useMonths.js +3 -1
  202. package/emotion/es/components/Calendar/hooks/useQuarters.js +4 -2
  203. package/emotion/es/components/Calendar/hooks/useYears.js +3 -1
  204. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  205. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -7
  206. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  207. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  208. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  209. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  210. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  211. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  212. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  213. package/emotion/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  214. package/emotion/es/components/Calendar/utils/getDateWithModification.js +28 -24
  215. package/emotion/es/components/CodeField/CodeField.js +290 -0
  216. package/emotion/es/components/CodeField/CodeField.styles.js +58 -0
  217. package/emotion/es/components/CodeField/CodeField.template-doc.mdx +150 -0
  218. package/emotion/es/components/CodeField/CodeField.tokens.js +51 -0
  219. package/emotion/es/components/CodeField/CodeField.types.js +1 -0
  220. package/emotion/es/components/CodeField/index.js +3 -0
  221. package/emotion/es/components/CodeField/utils/constants.js +6 -0
  222. package/emotion/es/components/CodeField/utils/handleCodeError.js +52 -0
  223. package/emotion/es/components/CodeField/utils/handleItemError.js +50 -0
  224. package/emotion/es/components/CodeField/utils/index.js +3 -0
  225. package/emotion/es/components/CodeField/utils/initialValuesHelper.js +24 -0
  226. package/emotion/es/components/CodeField/variations/_disabled/base.js +3 -0
  227. package/emotion/es/components/CodeField/variations/_disabled/tokens.json +4 -0
  228. package/emotion/es/components/CodeField/variations/_shape/base.js +4 -0
  229. package/emotion/es/components/CodeField/variations/_shape/tokens.json +1 -0
  230. package/emotion/es/components/CodeField/variations/_size/base.js +4 -0
  231. package/emotion/es/components/CodeField/variations/_size/tokens.json +19 -0
  232. package/emotion/es/components/CodeField/variations/_view/base.js +4 -0
  233. package/emotion/es/components/CodeField/variations/_view/tokens.json +0 -0
  234. package/emotion/es/components/DatePicker/DatePicker.tokens.js +8 -11
  235. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +9 -3
  236. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  237. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -14
  238. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -4
  239. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  240. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  241. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  242. package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -3
  243. package/emotion/es/components/Select/Select.tokens.js +2 -0
  244. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  245. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +31 -28
  246. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  247. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  248. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  249. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +25 -0
  250. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.js +5 -0
  251. package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  252. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  253. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  254. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  255. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  256. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  257. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  258. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +25 -0
  259. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.js +5 -0
  260. package/emotion/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  261. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  262. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  263. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
  264. package/emotion/es/index.js +2 -1
  265. package/es/components/Calendar/Calendar.tokens.js +4 -13
  266. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  267. package/es/components/Calendar/Calendar.types.js.map +1 -1
  268. package/es/components/Calendar/CalendarBase/CalendarBase.css +11 -15
  269. package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
  270. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  271. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  272. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  273. package/es/components/Calendar/CalendarBase/CalendarBase.styles_fpdm18.css +2 -0
  274. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  275. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +10 -5
  276. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  277. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  278. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  279. package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_dt34s7.css} +2 -2
  280. package/es/components/Calendar/hooks/useMonths.js +3 -1
  281. package/es/components/Calendar/hooks/useMonths.js.map +1 -1
  282. package/es/components/Calendar/hooks/useQuarters.js +5 -3
  283. package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
  284. package/es/components/Calendar/hooks/useYears.js +3 -1
  285. package/es/components/Calendar/hooks/useYears.js.map +1 -1
  286. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  287. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  288. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  289. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -9
  290. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  291. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  292. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  293. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  294. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  295. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  296. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  297. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  298. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  299. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  300. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  301. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  302. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  303. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  304. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  305. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  306. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  307. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  308. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  309. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  310. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  311. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  312. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  313. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  314. package/es/components/Calendar/utils/calendarGridHelper.js +10 -3
  315. package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  316. package/es/components/Calendar/utils/getDateWithModification.js +28 -24
  317. package/es/components/Calendar/utils/getDateWithModification.js.map +1 -1
  318. package/es/components/CodeField/CodeField.css +14 -0
  319. package/es/components/CodeField/CodeField.js +280 -0
  320. package/es/components/CodeField/CodeField.js.map +1 -0
  321. package/es/components/CodeField/CodeField.styles.js +48 -0
  322. package/es/components/CodeField/CodeField.styles.js.map +1 -0
  323. package/es/components/CodeField/CodeField.styles_7zxgpc.css +6 -0
  324. package/es/components/CodeField/CodeField.tokens.js +54 -0
  325. package/es/components/CodeField/CodeField.tokens.js.map +1 -0
  326. package/es/components/CodeField/utils/constants.js +9 -0
  327. package/es/components/CodeField/utils/constants.js.map +1 -0
  328. package/es/components/CodeField/utils/handleCodeError.js +51 -0
  329. package/es/components/CodeField/utils/handleCodeError.js.map +1 -0
  330. package/es/components/CodeField/utils/handleItemError.js +49 -0
  331. package/es/components/CodeField/utils/handleItemError.js.map +1 -0
  332. package/es/components/CodeField/utils/initialValuesHelper.js +27 -0
  333. package/es/components/CodeField/utils/initialValuesHelper.js.map +1 -0
  334. package/es/components/CodeField/variations/_disabled/base.js +5 -0
  335. package/es/components/CodeField/variations/_disabled/base.js.map +1 -0
  336. package/es/components/CodeField/variations/_disabled/base_obsae2.css +1 -0
  337. package/es/components/CodeField/variations/_shape/base.js +5 -0
  338. package/es/components/CodeField/variations/_shape/base.js.map +1 -0
  339. package/es/components/CodeField/variations/_shape/base_1scsyya.css +1 -0
  340. package/es/components/CodeField/variations/_size/base.js +5 -0
  341. package/es/components/CodeField/variations/_size/base.js.map +1 -0
  342. package/es/components/CodeField/variations/_size/base_1wrvbr5.css +1 -0
  343. package/es/components/CodeField/variations/_view/base.js +5 -0
  344. package/es/components/CodeField/variations/_view/base.js.map +1 -0
  345. package/es/components/CodeField/variations/_view/base_9a5yza.css +1 -0
  346. package/es/components/DatePicker/DatePicker.tokens.js +9 -12
  347. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  348. package/es/components/DatePicker/DatePickerBase.styles.js +19 -2
  349. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  350. package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  351. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -25
  352. package/es/components/DatePicker/RangeDate/RangeDate.js +22 -11
  353. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  354. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  355. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  356. package/es/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1q1mn0z.css} +1 -1
  357. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
  358. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +43 -3
  359. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  360. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  361. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  362. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css +2 -0
  363. package/es/components/DatePicker/SingleDate/SingleDate.css +19 -23
  364. package/es/components/DatePicker/SingleDate/SingleDate.js +31 -8
  365. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  366. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  367. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  368. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → es/components/DatePicker/SingleDate/SingleDate.styles_7r4r8k.css} +1 -1
  369. package/es/components/NumberInput/ui/Input/Input.js +0 -3
  370. package/es/components/NumberInput/ui/Input/Input.js.map +1 -1
  371. package/es/components/Pagination/Pagination.css +10 -10
  372. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
  373. package/es/components/Select/Select.css +10 -10
  374. package/es/components/Select/Select.tokens.js +23 -1
  375. package/es/components/Select/Select.tokens.js.map +1 -1
  376. package/es/components/Select/ui/Inner/Inner.css +10 -10
  377. package/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  378. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  379. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -13
  380. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  381. package/{cjs/components/Select/ui/Inner/ui/Item/Item.styles_1gk72bp.css → es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css} +2 -2
  382. package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
  383. package/es/components/Table/Table.css +10 -10
  384. package/es/components/Table/ui/Cell/Cell.css +10 -10
  385. package/es/components/Table/ui/EditableCell/EditableCell.css +10 -10
  386. package/es/components/Table/ui/HeadCell/HeadCell.css +10 -10
  387. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
  388. package/es/index.css +48 -37
  389. package/es/index.js +3 -0
  390. package/es/index.js.map +1 -1
  391. package/package.json +4 -4
  392. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +4 -13
  393. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  394. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  395. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  396. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  397. package/styled-components/cjs/components/Calendar/hooks/useMonths.js +3 -1
  398. package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +4 -2
  399. package/styled-components/cjs/components/Calendar/hooks/useYears.js +3 -1
  400. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  401. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -8
  402. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  403. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -6
  404. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  405. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -6
  406. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  407. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -6
  408. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  409. package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  410. package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
  411. package/styled-components/cjs/components/CodeField/CodeField.js +299 -0
  412. package/styled-components/cjs/components/CodeField/CodeField.styles.js +38 -0
  413. package/styled-components/cjs/components/CodeField/CodeField.template-doc.mdx +150 -0
  414. package/styled-components/cjs/components/CodeField/CodeField.tokens.js +57 -0
  415. package/styled-components/cjs/components/CodeField/CodeField.types.js +5 -0
  416. package/styled-components/cjs/components/CodeField/index.js +50 -0
  417. package/styled-components/cjs/components/CodeField/utils/constants.js +12 -0
  418. package/styled-components/cjs/components/CodeField/utils/handleCodeError.js +58 -0
  419. package/styled-components/cjs/components/CodeField/utils/handleItemError.js +56 -0
  420. package/styled-components/cjs/components/CodeField/utils/index.js +38 -0
  421. package/styled-components/cjs/components/CodeField/utils/initialValuesHelper.js +30 -0
  422. package/styled-components/cjs/components/CodeField/variations/_disabled/base.js +9 -0
  423. package/styled-components/cjs/components/CodeField/variations/_disabled/tokens.json +4 -0
  424. package/styled-components/cjs/components/CodeField/variations/_shape/base.js +10 -0
  425. package/styled-components/cjs/components/CodeField/variations/_shape/tokens.json +1 -0
  426. package/styled-components/cjs/components/CodeField/variations/_size/base.js +10 -0
  427. package/styled-components/cjs/components/CodeField/variations/_size/tokens.json +19 -0
  428. package/styled-components/cjs/components/CodeField/variations/_view/base.js +10 -0
  429. package/styled-components/cjs/components/CodeField/variations/_view/tokens.json +0 -0
  430. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
  431. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +8 -2
  432. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  433. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  434. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +47 -3
  435. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  436. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  437. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  438. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -3
  439. package/styled-components/cjs/components/Select/Select.tokens.js +2 -0
  440. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  441. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -18
  442. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  443. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  444. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  445. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +31 -0
  446. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +11 -0
  447. package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  448. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  449. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  450. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +10 -10
  451. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  452. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  453. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  454. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +31 -0
  455. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.js +11 -0
  456. package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  457. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  458. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  459. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +10 -10
  460. package/styled-components/cjs/index.js +11 -0
  461. package/styled-components/es/components/Calendar/Calendar.tokens.js +4 -13
  462. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  463. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  464. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  465. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
  466. package/styled-components/es/components/Calendar/hooks/useMonths.js +3 -1
  467. package/styled-components/es/components/Calendar/hooks/useQuarters.js +4 -2
  468. package/styled-components/es/components/Calendar/hooks/useYears.js +3 -1
  469. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  470. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -7
  471. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  472. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -5
  473. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  474. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -5
  475. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  476. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -5
  477. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  478. package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  479. package/styled-components/es/components/Calendar/utils/getDateWithModification.js +28 -24
  480. package/styled-components/es/components/CodeField/CodeField.js +290 -0
  481. package/styled-components/es/components/CodeField/CodeField.styles.js +30 -0
  482. package/styled-components/es/components/CodeField/CodeField.template-doc.mdx +150 -0
  483. package/styled-components/es/components/CodeField/CodeField.tokens.js +51 -0
  484. package/styled-components/es/components/CodeField/CodeField.types.js +1 -0
  485. package/styled-components/es/components/CodeField/index.js +3 -0
  486. package/styled-components/es/components/CodeField/utils/constants.js +6 -0
  487. package/styled-components/es/components/CodeField/utils/handleCodeError.js +52 -0
  488. package/styled-components/es/components/CodeField/utils/handleItemError.js +50 -0
  489. package/styled-components/es/components/CodeField/utils/index.js +3 -0
  490. package/styled-components/es/components/CodeField/utils/initialValuesHelper.js +24 -0
  491. package/styled-components/es/components/CodeField/variations/_disabled/base.js +3 -0
  492. package/styled-components/es/components/CodeField/variations/_disabled/tokens.json +4 -0
  493. package/styled-components/es/components/CodeField/variations/_shape/base.js +4 -0
  494. package/styled-components/es/components/CodeField/variations/_shape/tokens.json +1 -0
  495. package/styled-components/es/components/CodeField/variations/_size/base.js +4 -0
  496. package/styled-components/es/components/CodeField/variations/_size/tokens.json +19 -0
  497. package/styled-components/es/components/CodeField/variations/_view/base.js +4 -0
  498. package/styled-components/es/components/CodeField/variations/_view/tokens.json +0 -0
  499. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +8 -11
  500. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +8 -2
  501. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  502. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
  503. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -4
  504. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  505. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  506. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  507. package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -3
  508. package/styled-components/es/components/Select/Select.tokens.js +2 -0
  509. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  510. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -18
  511. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  512. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  513. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  514. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +25 -0
  515. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.js +5 -0
  516. package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
  517. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  518. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  519. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +10 -10
  520. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  521. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  522. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  523. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +25 -0
  524. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.js +5 -0
  525. package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
  526. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  527. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  528. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +10 -10
  529. package/styled-components/es/index.js +2 -1
  530. package/types/components/Calendar/Calendar.tokens.d.ts +3 -12
  531. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  532. package/types/components/Calendar/Calendar.types.d.ts +4 -0
  533. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  534. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  535. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  536. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  537. package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
  538. package/types/components/Calendar/hooks/types.d.ts +7 -2
  539. package/types/components/Calendar/hooks/types.d.ts.map +1 -1
  540. package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
  541. package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
  542. package/types/components/Calendar/hooks/useQuarters.d.ts +1 -1
  543. package/types/components/Calendar/hooks/useQuarters.d.ts.map +1 -1
  544. package/types/components/Calendar/hooks/useYears.d.ts +1 -1
  545. package/types/components/Calendar/hooks/useYears.d.ts.map +1 -1
  546. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  547. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +0 -1
  548. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  549. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  550. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -1
  551. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  552. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  553. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +0 -1
  554. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
  555. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
  556. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -1
  557. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  558. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
  559. package/types/components/Calendar/utils/calendarGridHelper.d.ts +1 -0
  560. package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
  561. package/types/components/Calendar/utils/getDateWithModification.d.ts.map +1 -1
  562. package/types/components/CodeField/CodeField.d.ts +69 -0
  563. package/types/components/CodeField/CodeField.d.ts.map +1 -0
  564. package/types/components/CodeField/CodeField.styles.d.ts +11 -0
  565. package/types/components/CodeField/CodeField.styles.d.ts.map +1 -0
  566. package/types/components/CodeField/CodeField.tokens.d.ts +52 -0
  567. package/types/components/CodeField/CodeField.tokens.d.ts.map +1 -0
  568. package/types/components/CodeField/CodeField.types.d.ts +93 -0
  569. package/types/components/CodeField/CodeField.types.d.ts.map +1 -0
  570. package/types/components/CodeField/index.d.ts +4 -0
  571. package/types/components/CodeField/index.d.ts.map +1 -0
  572. package/types/components/CodeField/utils/constants.d.ts +7 -0
  573. package/types/components/CodeField/utils/constants.d.ts.map +1 -0
  574. package/types/components/CodeField/utils/handleCodeError.d.ts +15 -0
  575. package/types/components/CodeField/utils/handleCodeError.d.ts.map +1 -0
  576. package/types/components/CodeField/utils/handleItemError.d.ts +14 -0
  577. package/types/components/CodeField/utils/handleItemError.d.ts.map +1 -0
  578. package/types/components/CodeField/utils/index.d.ts +4 -0
  579. package/types/components/CodeField/utils/index.d.ts.map +1 -0
  580. package/types/components/CodeField/utils/initialValuesHelper.d.ts +4 -0
  581. package/types/components/CodeField/utils/initialValuesHelper.d.ts.map +1 -0
  582. package/types/components/CodeField/variations/_disabled/base.d.ts +2 -0
  583. package/types/components/CodeField/variations/_disabled/base.d.ts.map +1 -0
  584. package/types/components/CodeField/variations/_shape/base.d.ts +2 -0
  585. package/types/components/CodeField/variations/_shape/base.d.ts.map +1 -0
  586. package/types/components/CodeField/variations/_size/base.d.ts +2 -0
  587. package/types/components/CodeField/variations/_size/base.d.ts.map +1 -0
  588. package/types/components/CodeField/variations/_view/base.d.ts +2 -0
  589. package/types/components/CodeField/variations/_view/base.d.ts.map +1 -0
  590. package/types/components/DatePicker/DatePicker.tokens.d.ts +7 -10
  591. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  592. package/types/components/DatePicker/DatePickerBase.styles.d.ts +4 -1
  593. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  594. package/types/components/DatePicker/DatePickerBase.types.d.ts +18 -0
  595. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  596. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
  597. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  598. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  599. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  600. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  601. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +16 -3
  602. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
  603. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +12 -20
  604. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
  605. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
  606. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  607. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  608. package/types/components/NumberInput/ui/Input/Input.d.ts.map +1 -1
  609. package/types/components/Select/Select.tokens.d.ts +2 -0
  610. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  611. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +3 -1
  612. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  613. package/types/index.d.ts +1 -0
  614. package/types/index.d.ts.map +1 -1
  615. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css +0 -2
  616. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  617. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  618. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  619. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  620. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  621. package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  622. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
  623. package/es/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css +0 -2
  624. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  625. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  626. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  627. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  628. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  629. package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  630. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
@@ -1,6 +1,10 @@
1
- import React from 'react';
1
+ import { defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { useRef } from 'react';
3
+ import cls from 'classnames';
2
4
  import { StyledPopover } from '../RangeDate.styles.js';
5
+ import { classes } from '../../DatePicker.tokens.js';
3
6
  import { StyledCalendarDouble, StyledCalendar } from './RangeDatePopover.styles.js';
7
+ import { getSizeValueFromProp } from '../../../../utils/getSizeValueFromProp.js';
4
8
  import { getPlacements } from '../../../../utils/getPopoverPlacement.js';
5
9
 
6
10
  var RangeDatePopover = function RangeDatePopover(_ref) {
@@ -32,14 +36,36 @@ var RangeDatePopover = function RangeDatePopover(_ref) {
32
36
  closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
33
37
  closeOnEsc = _ref.closeOnEsc,
34
38
  offset = _ref.offset,
39
+ calendarContainerWidth = _ref.calendarContainerWidth,
40
+ calendarContainerHeight = _ref.calendarContainerHeight,
41
+ stretched = _ref.stretched,
35
42
  type = _ref.type,
36
43
  size = _ref.size,
37
44
  _ref$lang = _ref.lang,
38
45
  lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
46
+ disabled = _ref.disabled,
47
+ readOnly = _ref.readOnly,
48
+ setIsInnerOpen = _ref.setIsInnerOpen,
39
49
  onChangeValue = _ref.onChangeValue,
40
50
  onChangeStartOfRange = _ref.onChangeStartOfRange,
41
51
  onToggle = _ref.onToggle;
42
52
  var innerIsOpen = Boolean(isOpen || opened);
53
+ var calendarRootRef = useRef(null);
54
+ var doubleCalendarRootRef = useRef(null);
55
+ var calendarContainerWidthValue = calendarContainerWidth ? getSizeValueFromProp(calendarContainerWidth, 'rem') : undefined;
56
+ var calendarContainerHeightValue = calendarContainerHeight ? getSizeValueFromProp(calendarContainerHeight, 'rem') : undefined;
57
+ var handleCalendarRootClick = function handleCalendarRootClick(event) {
58
+ if (disabled || readOnly) {
59
+ return;
60
+ }
61
+ var isRootClicked = event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current) || event.target === (doubleCalendarRootRef === null || doubleCalendarRootRef === void 0 ? void 0 : doubleCalendarRootRef.current);
62
+ if (innerIsOpen && stretched && isRootClicked) {
63
+ setIsInnerOpen(false);
64
+ if (onToggle) {
65
+ onToggle(false, event);
66
+ }
67
+ }
68
+ };
43
69
  if (isDoubleCalendar) {
44
70
  return /*#__PURE__*/React.createElement(StyledPopover, {
45
71
  opened: innerIsOpen,
@@ -53,7 +79,14 @@ var RangeDatePopover = function RangeDatePopover(_ref) {
53
79
  isFocusTrapped: false,
54
80
  target: target,
55
81
  preventOverflow: false
56
- }, /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(StyledCalendarDouble, {
82
+ }, /*#__PURE__*/React.createElement(Root, {
83
+ ref: doubleCalendarRootRef,
84
+ className: cls(classes.datePickerRoot, _defineProperty({}, classes.datePickerstretched, stretched)),
85
+ onClick: handleCalendarRootClick
86
+ }, /*#__PURE__*/React.createElement(StyledCalendarDouble, {
87
+ className: cls(_defineProperty({}, classes.datePickerCalendarstretched, stretched)),
88
+ innerWidth: calendarContainerWidthValue,
89
+ innerHeight: calendarContainerHeightValue,
57
90
  size: size,
58
91
  value: calendarValue,
59
92
  eventList: eventList,
@@ -87,7 +120,14 @@ var RangeDatePopover = function RangeDatePopover(_ref) {
87
120
  target: target,
88
121
  preventOverflow: false,
89
122
  closeOnEsc: closeOnEsc
90
- }, /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(StyledCalendar, {
123
+ }, /*#__PURE__*/React.createElement(Root, {
124
+ ref: calendarRootRef,
125
+ className: cls(classes.datePickerRoot, _defineProperty({}, classes.datePickerstretched, stretched)),
126
+ onClick: handleCalendarRootClick
127
+ }, /*#__PURE__*/React.createElement(StyledCalendar, {
128
+ className: cls(_defineProperty({}, classes.datePickerCalendarstretched, stretched)),
129
+ innerWidth: calendarContainerWidthValue,
130
+ innerHeight: calendarContainerHeightValue,
91
131
  size: size,
92
132
  value: calendarValue,
93
133
  eventList: eventList,
@@ -1 +1 @@
1
- {"version":3,"file":"RangeDatePopover.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx"],"sourcesContent":["import React from 'react';\nimport { getPlacements } from 'src/utils';\n\nimport { StyledPopover } from '../RangeDate.styles';\n\nimport type { RangeDatePopoverProps } from './RangeDatePopover.types';\nimport { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles';\n\nexport const RangeDatePopover = ({\n rootWrapper: Root,\n target,\n\n isOpen,\n opened,\n isDoubleCalendar,\n\n calendarValue,\n min,\n max,\n renderFromDate,\n includeEdgeDates,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc,\n offset,\n\n type,\n size,\n lang = 'ru',\n\n onChangeValue,\n onChangeStartOfRange,\n\n onToggle,\n}: RangeDatePopoverProps) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n if (isDoubleCalendar) {\n return (\n <StyledPopover\n opened={innerIsOpen}\n frame={frame}\n usePortal={usePortal}\n onToggle={onToggle}\n offset={offset}\n placement={getPlacements(placement, false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={target}\n preventOverflow={false}\n >\n <Root>\n <StyledCalendarDouble\n size={size}\n value={calendarValue}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n renderFromDate={renderFromDate}\n type={type}\n locale={lang}\n includeEdgeDates={includeEdgeDates}\n onChangeValue={onChangeValue}\n onChangeStartOfRange={onChangeStartOfRange}\n />\n </Root>\n </StyledPopover>\n );\n }\n\n return (\n <StyledPopover\n opened={innerIsOpen}\n frame={frame}\n usePortal={usePortal}\n onToggle={onToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={target}\n preventOverflow={false}\n closeOnEsc={closeOnEsc}\n >\n <Root>\n <StyledCalendar\n size={size}\n value={calendarValue}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n renderFromDate={renderFromDate}\n min={min}\n max={max}\n type={type}\n locale={lang}\n includeEdgeDates={includeEdgeDates}\n onChangeValue={onChangeValue}\n onChangeStartOfRange={onChangeStartOfRange}\n />\n </Root>\n </StyledPopover>\n );\n};\n"],"names":["RangeDatePopover","_ref","Root","rootWrapper","target","isOpen","opened","isDoubleCalendar","calendarValue","min","max","renderFromDate","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","closeOnEsc","offset","type","size","_ref$lang","lang","onChangeValue","onChangeStartOfRange","onToggle","innerIsOpen","Boolean","React","createElement","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendarDouble","value","locale","StyledCalendar"],"mappings":"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"}
1
+ {"version":3,"file":"RangeDatePopover.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport cls from 'classnames';\nimport type { MouseEvent } from 'react';\nimport { getPlacements, getSizeValueFromProp } from 'src/utils';\n\nimport { StyledPopover } from '../RangeDate.styles';\nimport { classes } from '../../DatePicker.tokens';\n\nimport type { RangeDatePopoverProps } from './RangeDatePopover.types';\nimport { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles';\n\nexport const RangeDatePopover = ({\n rootWrapper: Root,\n target,\n\n isOpen,\n opened,\n isDoubleCalendar,\n\n calendarValue,\n min,\n max,\n renderFromDate,\n includeEdgeDates,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n\n frame = 'document',\n usePortal = false,\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc,\n offset,\n\n calendarContainerWidth,\n calendarContainerHeight,\n stretched,\n\n type,\n size,\n lang = 'ru',\n\n disabled,\n readOnly,\n\n setIsInnerOpen,\n onChangeValue,\n onChangeStartOfRange,\n\n onToggle,\n}: RangeDatePopoverProps) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n const calendarRootRef = useRef<HTMLDivElement | null>(null);\n const doubleCalendarRootRef = useRef<HTMLDivElement | null>(null);\n\n const calendarContainerWidthValue = calendarContainerWidth\n ? getSizeValueFromProp(calendarContainerWidth, 'rem')\n : undefined;\n const calendarContainerHeightValue = calendarContainerHeight\n ? getSizeValueFromProp(calendarContainerHeight, 'rem')\n : undefined;\n\n const handleCalendarRootClick = (event: MouseEvent<HTMLDivElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n const isRootClicked =\n event.target === calendarRootRef?.current || event.target === doubleCalendarRootRef?.current;\n\n if (innerIsOpen && stretched && isRootClicked) {\n setIsInnerOpen(false);\n\n if (onToggle) {\n onToggle(false, event);\n }\n }\n };\n\n if (isDoubleCalendar) {\n return (\n <StyledPopover\n opened={innerIsOpen}\n frame={frame}\n usePortal={usePortal}\n onToggle={onToggle}\n offset={offset}\n placement={getPlacements(placement, false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={target}\n preventOverflow={false}\n >\n <Root\n ref={doubleCalendarRootRef}\n className={cls(classes.datePickerRoot, { [classes.datePickerstretched]: stretched })}\n onClick={handleCalendarRootClick}\n >\n <StyledCalendarDouble\n className={cls({ [classes.datePickerCalendarstretched]: stretched })}\n innerWidth={calendarContainerWidthValue}\n innerHeight={calendarContainerHeightValue}\n size={size}\n value={calendarValue}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n renderFromDate={renderFromDate}\n type={type}\n locale={lang}\n includeEdgeDates={includeEdgeDates}\n onChangeValue={onChangeValue}\n onChangeStartOfRange={onChangeStartOfRange}\n />\n </Root>\n </StyledPopover>\n );\n }\n\n return (\n <StyledPopover\n opened={innerIsOpen}\n frame={frame}\n usePortal={usePortal}\n onToggle={onToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={target}\n preventOverflow={false}\n closeOnEsc={closeOnEsc}\n >\n <Root\n ref={calendarRootRef}\n className={cls(classes.datePickerRoot, { [classes.datePickerstretched]: stretched })}\n onClick={handleCalendarRootClick}\n >\n <StyledCalendar\n className={cls({ [classes.datePickerCalendarstretched]: stretched })}\n innerWidth={calendarContainerWidthValue}\n innerHeight={calendarContainerHeightValue}\n size={size}\n value={calendarValue}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n renderFromDate={renderFromDate}\n min={min}\n max={max}\n type={type}\n locale={lang}\n includeEdgeDates={includeEdgeDates}\n onChangeValue={onChangeValue}\n onChangeStartOfRange={onChangeStartOfRange}\n />\n </Root>\n </StyledPopover>\n );\n};\n"],"names":["RangeDatePopover","_ref","Root","rootWrapper","target","isOpen","opened","isDoubleCalendar","calendarValue","min","max","renderFromDate","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","closeOnEsc","offset","calendarContainerWidth","calendarContainerHeight","stretched","type","size","_ref$lang","lang","disabled","readOnly","setIsInnerOpen","onChangeValue","onChangeStartOfRange","onToggle","innerIsOpen","Boolean","calendarRootRef","useRef","doubleCalendarRootRef","calendarContainerWidthValue","getSizeValueFromProp","undefined","calendarContainerHeightValue","handleCalendarRootClick","event","isRootClicked","current","React","createElement","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","ref","className","cls","classes","datePickerRoot","_defineProperty","datePickerstretched","onClick","StyledCalendarDouble","datePickerCalendarstretched","innerWidth","innerHeight","value","locale","StyledCalendar"],"mappings":"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"}
@@ -1,5 +1,6 @@
1
- import './RangeDatePopover.styles_1fhuiqs.css';
1
+ import './RangeDatePopover.styles_1n0dbxm.css';
2
2
  import { styled } from '@linaria/react';
3
+ import { pivateTokens, tokens } from '../../DatePicker.tokens.js';
3
4
  import { withRange } from '../../../Calendar/hoc/withRange.js';
4
5
  import { component, mergeConfig } from '../../../../engines/common.js';
5
6
  import { calendarDoubleConfig } from '../../../Calendar/CalendarDouble/CalendarDouble.js';
@@ -16,18 +17,50 @@ var CalendarRange = /*#__PURE__*/withRange(Calendar);
16
17
  var _exp = function _exp() {
17
18
  return CalendarDoubleRange;
18
19
  };
20
+ var _exp7 = function _exp7() {
21
+ return function (_ref) {
22
+ var innerWidth = _ref.innerWidth;
23
+ return innerWidth || "var(".concat(pivateTokens.calendarDoubleWidth, ")");
24
+ };
25
+ };
26
+ var _exp8 = function _exp8() {
27
+ return function (_ref2) {
28
+ var innerHeight = _ref2.innerHeight;
29
+ return innerHeight || "var(".concat(tokens.calendarContainerHeight, ")");
30
+ };
31
+ };
19
32
  var StyledCalendarDouble = /*#__PURE__*/styled(_exp())({
20
33
  name: "StyledCalendarDouble",
21
34
  "class": "s1ld9lms",
22
- propsAsIs: true
35
+ propsAsIs: true,
36
+ vars: {
37
+ "s1ld9lms-0": [/*#__PURE__*/_exp7()],
38
+ "s1ld9lms-1": [/*#__PURE__*/_exp8()]
39
+ }
23
40
  });
24
- var _exp7 = function _exp7() {
41
+ var _exp9 = function _exp9() {
25
42
  return CalendarRange;
26
43
  };
27
- var StyledCalendar = /*#__PURE__*/styled(_exp7())({
44
+ var _exp11 = function _exp11() {
45
+ return function (_ref3) {
46
+ var innerWidth = _ref3.innerWidth;
47
+ return innerWidth || "var(".concat(tokens.calendarContainerWidth, ")");
48
+ };
49
+ };
50
+ var _exp12 = function _exp12() {
51
+ return function (_ref4) {
52
+ var innerHeight = _ref4.innerHeight;
53
+ return innerHeight || "var(".concat(tokens.calendarContainerHeight, ")");
54
+ };
55
+ };
56
+ var StyledCalendar = /*#__PURE__*/styled(_exp9())({
28
57
  name: "StyledCalendar",
29
58
  "class": "s1rn242y",
30
- propsAsIs: true
59
+ propsAsIs: true,
60
+ vars: {
61
+ "s1rn242y-0": [/*#__PURE__*/_exp11()],
62
+ "s1rn242y-1": [/*#__PURE__*/_exp12()]
63
+ }
31
64
  });
32
65
 
33
66
  export { StyledCalendar, StyledCalendarDouble };
@@ -1 +1 @@
1
- {"version":3,"file":"RangeDatePopover.styles.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from 'src/components/Calendar';\nimport type { CalendarDoubleProps, CalendarBaseProps } from 'src/components/Calendar';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { tokens } from '../../DatePicker.tokens';\nimport { baseCalendarTokens } from '../../DatePickerBase.styles';\n\nconst mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);\nconst CalendarDouble = component(mergedCalendarDoubleConfig);\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nconst CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble);\nconst CalendarRange = withRange<CalendarBaseProps>(Calendar);\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendarDouble = styled(CalendarDoubleRange)`\n ${calendarBaseTokens.calendarSeparatorBackground}: var(${tokens.calendarSeparatorBackground});\n ${baseCalendarTokens}\n /* NOTE: помимо умножения ширины на 2, добавляется место под разделитель */\n ${calendarBaseTokens.calendarWidth}: calc(var(${tokens.calendarWidth}) * 2 + 2.063rem);\n`;\n\nexport const StyledCalendar = styled(CalendarRange)`\n ${baseCalendarTokens}\n`;\n"],"names":["mergedCalendarDoubleConfig","mergeConfig","calendarDoubleConfig","CalendarDouble","component","mergedCalendarConfig","calendarBaseConfig","Calendar","CalendarDoubleRange","withRange","CalendarRange","_exp","StyledCalendarDouble","styled","name","class","propsAsIs","_exp7","StyledCalendar"],"mappings":";;;;;;AAQA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,CAAC,CAAA;AACpE,IAAMC,cAAc,gBAAGC,SAAS,CAACJ,0BAA0B,CAAC,CAAA;AAE5D,IAAMK,oBAAoB,gBAAGJ,WAAW,CAACK,kBAAkB,CAAC,CAAA;AAC5D,IAAMC,QAAQ,gBAAGH,SAAS,CAACC,oBAAoB,CAAC,CAAA;AAEhD,IAAMG,mBAAmB,gBAAGC,SAAS,CAAsBN,cAAc,CAAC,CAAA;AAC1E,IAAMO,aAAa,gBAAGD,SAAS,CAAoBF,QAAQ,CAAC,CAAA;;AAE5D;AAAA,IAAAI,IAAA,GAhBkBA,SAgBlBA,IAAAA,GAAA;AAAA,EAAA,OAC2CH,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAAvD,IAAMI,oBAAoB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAKzC,EAAA;AAAC,IAAAC,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEmCP,aAAa,CAAA;AAAA,CAAA,CAAA;AAA3C,IAAMQ,cAAc,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEnC;;;;"}
1
+ {"version":3,"file":"RangeDatePopover.styles.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from 'src/components/Calendar';\nimport type { CalendarDoubleProps, CalendarBaseProps } from 'src/components/Calendar';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { pivateTokens, tokens } from '../../DatePicker.tokens';\nimport { baseCalendarTokens } from '../../DatePickerBase.styles';\n\nconst mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);\nconst CalendarDouble = component(mergedCalendarDoubleConfig);\n\nconst mergedCalendarConfig = mergeConfig(calendarBaseConfig);\nconst Calendar = component(mergedCalendarConfig);\n\nconst CalendarDoubleRange = withRange<CalendarDoubleProps>(CalendarDouble);\nconst CalendarRange = withRange<CalendarBaseProps>(Calendar);\n\n// NOTE: переопределение токенов Calendar\nexport const StyledCalendarDouble = styled(CalendarDoubleRange)<{ innerWidth?: string; innerHeight?: string }>`\n ${calendarBaseTokens.calendarSeparatorBackground}: var(${tokens.calendarSeparatorBackground});\n ${baseCalendarTokens}\n /* NOTE: помимо умножения ширины на 2, добавляется место под разделитель */\n ${pivateTokens.calendarDoubleWidth}: calc(var(${tokens.calendarContainerWidth}) * 2 + 2.063rem);\n\n width: ${({ innerWidth }) => innerWidth || `var(${pivateTokens.calendarDoubleWidth})`};\n height: ${({ innerHeight }) => innerHeight || `var(${tokens.calendarContainerHeight})`};\n`;\n\nexport const StyledCalendar = styled(CalendarRange)<{ innerWidth?: string; innerHeight?: string }>`\n ${baseCalendarTokens}\n\n width: ${({ innerWidth }) => innerWidth || `var(${tokens.calendarContainerWidth})`};\n height: ${({ innerHeight }) => innerHeight || `var(${tokens.calendarContainerHeight})`};\n`;\n"],"names":["mergedCalendarDoubleConfig","mergeConfig","calendarDoubleConfig","CalendarDouble","component","mergedCalendarConfig","calendarBaseConfig","Calendar","CalendarDoubleRange","withRange","CalendarRange","_exp","_exp7","_ref","innerWidth","concat","pivateTokens","calendarDoubleWidth","_exp8","_ref2","innerHeight","tokens","calendarContainerHeight","StyledCalendarDouble","styled","name","class","propsAsIs","vars","_exp9","_exp11","_ref3","calendarContainerWidth","_exp12","_ref4","StyledCalendar"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ .s1ld9lms{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma_private-calendar-double-width:calc(var(--plasma-date-picker-calendar-container-width) * 2 + 2.063rem);width:var(--s1ld9lms-0);height:var(--s1ld9lms-1);}
2
+ .s1rn242y{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1rn242y-0);height:var(--s1rn242y-1);}
@@ -36,37 +36,33 @@
36
36
  .CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8.CalendarHeader_styles_13bk6ms_focusVisible__821c1ed8:focus::before,.CalendarHeader_styles_13bk6ms_sdtpxcv__821c1ed8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
37
37
  .CalendarHeader_styles_13bk6ms_s1fi7s2r__821c1ed8{color:var(--plasma-calendar-header-arrow-color);}
38
38
 
39
- .DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemInRange__1f08c8b0:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideInRange__1f08c8b0:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideLeft__1f08c8b0:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1hkk03u_s140bov1__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSideRight__1f08c8b0:before{right:var(--s140bov1-0);}
40
- .DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemHovered__1f08c8b0,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemHovered__1f08c8b0:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0:not(.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelected__1f08c8b0 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_focusVisible__1f08c8b0:focus::before,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0{position:relative;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0.DateStructureItem_styles_1hkk03u_focusVisible__1f08c8b0:focus::before,.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemSelectable__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_dayInCurrentMonth__1f08c8b0:not(.DateStructureItem_styles_1hkk03u_itemDisabled__1f08c8b0):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_dayOfWeek__1f08c8b0{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemDisabled__1f08c8b0{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemDisabledCurrent__1f08c8b0{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemInRange__1f08c8b0:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemSideRight__1f08c8b0:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1hkk03u_s1k1xcqq__1f08c8b0.DateStructureItem_styles_1hkk03u_itemCurrent__1f08c8b0 > .DateStructureItem_styles_1hkk03u_itemSideLeft__1f08c8b0:before{width:100%;left:-1px;right:unset;}
41
- .DateStructureItem_styles_1hkk03u_s1wqrord__1f08c8b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
42
- .DateStructureItem_styles_1hkk03u_s1cvvf5__1f08c8b0{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
39
+ .DateStructureItem_styles_12b03hz_s140bov1__23973e8e{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemInRange__23973e8e:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideInRange__23973e8e:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideLeft__23973e8e:before{left:var(--s140bov1-0);}.DateStructureItem_styles_12b03hz_s140bov1__23973e8e.DateStructureItem_styles_12b03hz_itemSideRight__23973e8e:before{right:var(--s140bov1-0);}
40
+ .DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemHovered__23973e8e,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemHovered__23973e8e:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e:not(.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_itemSelected__23973e8e > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_focusVisible__23973e8e:focus::before,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e{position:relative;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e.DateStructureItem_styles_12b03hz_focusVisible__23973e8e:focus::before,.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemSelectable__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_dayInCurrentMonth__23973e8e:not(.DateStructureItem_styles_12b03hz_itemDisabled__23973e8e):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_dayOfWeek__23973e8e{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemDisabled__23973e8e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemDisabledCurrent__23973e8e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemInRange__23973e8e:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemSideRight__23973e8e:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_12b03hz_s1k1xcqq__23973e8e.DateStructureItem_styles_12b03hz_itemCurrent__23973e8e > .DateStructureItem_styles_12b03hz_itemSideLeft__23973e8e:before{width:100%;left:-1px;right:unset;}
41
+ .DateStructureItem_styles_12b03hz_s1wqrord__23973e8e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
42
+ .DateStructureItem_styles_12b03hz_s1cvvf5__23973e8e{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
43
43
 
44
- .CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
45
- .CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
46
- .CalendarDays_styles_1oq8sud_scupvll__be296257{display:none;}
44
+ .CalendarDays_styles_445k2m_s1jnjaxw__ac4a553a{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
45
+ .CalendarDays_styles_445k2m_s1rv3pd5__ac4a553a{display:none;}
47
46
 
48
- .CalendarMonths_styles_1v3msg_s2fb05v__23f2bc74{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
49
- .CalendarMonths_styles_1v3msg_s1nlg4aa__23f2bc74{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
47
+ .CalendarMonths_styles_3fk0w8_s2fb05v__a019cfec{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;}
50
48
 
51
- .CalendarQuarters_styles_14gqhct_sbn3jki__9a0615d6{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;}
52
- .CalendarQuarters_styles_14gqhct_s1f4w4zt__9a0615d6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
49
+ .CalendarQuarters_styles_g2v0cv_sbn3jki__68521f59{padding:var(--plasma-calendar-quarters-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;}
53
50
 
54
- .CalendarYears_styles_1d4ov6t_sq90exc__41427687{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
55
- .CalendarYears_styles_1d4ov6t_sp45mzt__41427687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
51
+ .CalendarYears_styles_97bjgu_sq90exc__fc29bd46{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;}
56
52
 
57
53
  .base_ds2lcv_bw5u18k__536fbc96{background:var(--plasma-calendar-background);}
58
54
 
59
- .CalendarBase_styles_zk3a46_s154tyhv__15b3ced3{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;width:var(--plasma-calendar-width);height:var(--plasma-calendar-height);border:var(--plasma-calendar-border-width) solid var(--plasma-calendar-border-color);box-sizing:border-box;}
60
- .CalendarBase_styles_zk3a46_i1hf4g69__15b3ced3{position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}
55
+ .CalendarBase_styles_fpdm18_s154tyhv__40863fd2{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;width:var(--plasma-calendar-container-width);height:var(--plasma-calendar-container-height);border:var(--plasma-calendar-border-width) solid var(--plasma-calendar-border-color);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.CalendarBase_styles_fpdm18_s154tyhv__40863fd2.CalendarBase_styles_fpdm18_plasmaCalendarStretched__40863fd2{width:100%;height:100%;}
56
+ .CalendarBase_styles_fpdm18_i1hf4g69__40863fd2{position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}
61
57
 
62
58
  .base_64imvs_bowdfsa__f4b3586c{background:var(--plasma-calendar-background);}
63
59
 
64
- .CalendarDouble_styles_e9ada0_s1fax5l5__d395f1d3{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-calendar-width);height:var(--plasma-calendar-height);}
65
- .CalendarDouble_styles_e9ada0_s1y1gz42__d395f1d3{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
66
- .CalendarDouble_styles_e9ada0_s7fv2hn__d395f1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
60
+ .CalendarDouble_styles_dt34s7_s1fax5l5__f73ec5c1{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-calendar-container-width);height:var(--plasma-calendar-container-height);}.CalendarDouble_styles_dt34s7_s1fax5l5__f73ec5c1.CalendarDouble_styles_dt34s7_plasmaCalendarStretched__f73ec5c1{width:100%;height:100%;}
61
+ .CalendarDouble_styles_dt34s7_s1y1gz42__f73ec5c1{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
62
+ .CalendarDouble_styles_dt34s7_s7fv2hn__f73ec5c1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;}
67
63
 
68
- .DatePickerBase_styles_1a5ddg3_s1ywkx25__ae03efcc{width:var(--plasma-date-picker-width);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
69
- .DatePickerBase_styles_1a5ddg3_i1kteo3u__ae03efcc{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
64
+ .DatePickerBase_styles_10sa0ht_s1ywkx25__dd3bcd1d{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1ywkx25-0);height:var(--s1ywkx25-1);}
65
+ .DatePickerBase_styles_10sa0ht_i1kteo3u__dd3bcd1d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
70
66
 
71
67
  .base_7jkj6y_bjvjzuw__b181462e .base_7jkj6y_lvfqi8__b181462e{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
72
68
 
@@ -151,6 +147,6 @@
151
147
  .Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
152
148
 
153
149
 
154
- .SingleDate_styles_4wd0mq_s15omatb__61120231{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.SingleDate_styles_4wd0mq_s15omatb__61120231.SingleDate_styles_4wd0mq_datePickerError__61120231{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_4wd0mq_s15omatb__61120231.SingleDate_styles_4wd0mq_datePickerSuccess__61120231{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
155
- .SingleDate_styles_4wd0mq_boba7w3__61120231{display:inline-block;}.SingleDate_styles_4wd0mq_boba7w3__61120231 .SingleDate_styles_4wd0mq_popoverWrapper__61120231,.SingleDate_styles_4wd0mq_boba7w3__61120231 .SingleDate_styles_4wd0mq_popoverTarget__61120231{width:inherit;}
156
- .SingleDate_styles_4wd0mq_lvfqi8__61120231{color:var(--plasma-date-picker__left-helper-color);}.SingleDate_styles_4wd0mq_lvfqi8__61120231.SingleDate_styles_4wd0mq_datePickerError__61120231{color:var(--plasma-date-picker__left-helper-color-error);}.SingleDate_styles_4wd0mq_lvfqi8__61120231.SingleDate_styles_4wd0mq_datePickerSuccess__61120231{color:var(--plasma-date-picker__left-helper-color-success);}
150
+ .SingleDate_styles_7r4r8k_s15omatb__28401a36{width:100%;--plasma-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-date-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-date-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-date-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-date-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-date-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-date-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-date-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-date-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-date-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-date-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-date-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-date-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-date-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-date-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-date-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-date-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-date-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-date-picker-textfield__content-color,var(--plasma-date-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-date-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-date-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.SingleDate_styles_7r4r8k_s15omatb__28401a36.SingleDate_styles_7r4r8k_datePickerError__28401a36{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-error-focus);}.SingleDate_styles_7r4r8k_s15omatb__28401a36.SingleDate_styles_7r4r8k_datePickerSuccess__28401a36{--plasma-textfield-bg-color:var(--plasma-date-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-date-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-date-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-date-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-success-focus);}
151
+ .SingleDate_styles_7r4r8k_boba7w3__28401a36{display:inline-block;}.SingleDate_styles_7r4r8k_boba7w3__28401a36 .SingleDate_styles_7r4r8k_popoverWrapper__28401a36,.SingleDate_styles_7r4r8k_boba7w3__28401a36 .SingleDate_styles_7r4r8k_popoverTarget__28401a36{width:inherit;}.SingleDate_styles_7r4r8k_boba7w3__28401a36.SingleDate_styles_7r4r8k_datePickerStretched__28401a36{width:100%;}.SingleDate_styles_7r4r8k_boba7w3__28401a36.SingleDate_styles_7r4r8k_datePickerStretched__28401a36 .SingleDate_styles_7r4r8k_popoverRoot__28401a36{width:100%;}
152
+ .SingleDate_styles_7r4r8k_lvfqi8__28401a36{color:var(--plasma-date-picker__left-helper-color);}.SingleDate_styles_7r4r8k_lvfqi8__28401a36.SingleDate_styles_7r4r8k_datePickerError__28401a36{color:var(--plasma-date-picker__left-helper-color-error);}.SingleDate_styles_7r4r8k_lvfqi8__28401a36.SingleDate_styles_7r4r8k_datePickerSuccess__28401a36{color:var(--plasma-date-picker__left-helper-color-success);}
@@ -1,6 +1,6 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
1
+ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
2
  import React, { forwardRef, useRef, useState, useEffect, useLayoutEffect } from 'react';
3
- import { cx } from '../../../utils/index.js';
3
+ import cls from 'classnames';
4
4
  import { getDateFormatDelimiter } from '../utils/dateHelper.js';
5
5
  import { useDatePicker } from '../hooks/useDatePicker.js';
6
6
  import { classes } from '../DatePicker.tokens.js';
@@ -12,10 +12,11 @@ import { base as base$3 } from './variations/_disabled/base.js';
12
12
  import { base as base$4 } from './variations/_readonly/base.js';
13
13
  import { StyledInput, StyledPopover, LeftHelper, base } from './SingleDate.styles.js';
14
14
  import { getFormattedDates } from '../utils/getFormattedDates.js';
15
+ import { getSizeValueFromProp } from '../../../utils/getSizeValueFromProp.js';
15
16
  import { noop } from '../../../utils/noop.js';
16
17
  import { getPlacements } from '../../../utils/getPopoverPlacement.js';
17
18
 
18
- var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
19
+ var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
19
20
  var datePickerRoot = function datePickerRoot(Root) {
20
21
  return /*#__PURE__*/forwardRef(function (_ref, ref) {
21
22
  var className = _ref.className,
@@ -80,6 +81,9 @@ var datePickerRoot = function datePickerRoot(Root) {
80
81
  _ref$closeOnEsc = _ref.closeOnEsc,
81
82
  closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
82
83
  offset = _ref.offset,
84
+ calendarContainerWidth = _ref.calendarContainerWidth,
85
+ calendarContainerHeight = _ref.calendarContainerHeight,
86
+ stretched = _ref.stretched,
83
87
  onChangeValue = _ref.onChangeValue,
84
88
  onCommitDate = _ref.onCommitDate,
85
89
  onToggle = _ref.onToggle,
@@ -93,6 +97,7 @@ var datePickerRoot = function datePickerRoot(Root) {
93
97
  }
94
98
  var inputRef = useRef(null);
95
99
  var innerRef = useRef(null);
100
+ var calendarRootRef = useRef(null);
96
101
  var _useState = useState(opened),
97
102
  _useState2 = _slicedToArray(_useState, 2),
98
103
  isInnerOpen = _useState2[0],
@@ -122,6 +127,8 @@ var datePickerRoot = function datePickerRoot(Root) {
122
127
  _useState8 = _slicedToArray(_useState7, 2),
123
128
  inputValue = _useState8[0],
124
129
  setInputValue = _useState8[1];
130
+ var calendarContainerWidthValue = calendarContainerWidth ? getSizeValueFromProp(calendarContainerWidth, 'rem') : undefined;
131
+ var calendarContainerHeightValue = calendarContainerHeight ? getSizeValueFromProp(calendarContainerHeight, 'rem') : undefined;
125
132
  var _useDatePicker = useDatePicker({
126
133
  currentValue: inputValue,
127
134
  format: format,
@@ -166,6 +173,17 @@ var datePickerRoot = function datePickerRoot(Root) {
166
173
  }
167
174
  setIsInnerOpen(isCalendarOpen);
168
175
  };
176
+ var handleCalendarRootClick = function handleCalendarRootClick(event) {
177
+ if (disabled || readOnly) {
178
+ return;
179
+ }
180
+ if (isInnerOpen && stretched && event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current)) {
181
+ setIsInnerOpen(false);
182
+ if (onToggle) {
183
+ onToggle(false, event);
184
+ }
185
+ }
186
+ };
169
187
  var _useKeyNavigation = useKeyNavigation({
170
188
  isCalendarOpen: isInnerOpen,
171
189
  format: format,
@@ -186,7 +204,7 @@ var datePickerRoot = function datePickerRoot(Root) {
186
204
  };
187
205
  var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, {
188
206
  ref: inputRef,
189
- className: cx(datePickerErrorClass, datePickerSuccessClass),
207
+ className: cls(datePickerErrorClass, datePickerSuccessClass),
190
208
  value: inputValue,
191
209
  size: size,
192
210
  readOnly: readOnly,
@@ -223,7 +241,7 @@ var datePickerRoot = function datePickerRoot(Root) {
223
241
  return /*#__PURE__*/React.createElement(Root, _extends({
224
242
  view: view,
225
243
  size: size,
226
- className: cx(classes.datePickerRoot, className),
244
+ className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerstretched, stretched)),
227
245
  disabled: disabled,
228
246
  readOnly: !disabled && readOnly,
229
247
  ref: ref
@@ -240,12 +258,17 @@ var datePickerRoot = function datePickerRoot(Root) {
240
258
  target: DatePickerInput,
241
259
  preventOverflow: false
242
260
  }, /*#__PURE__*/React.createElement(Root, {
261
+ ref: calendarRootRef,
243
262
  view: view,
244
263
  size: size,
245
- className: cx(classes.datePickerRoot, className),
264
+ className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerstretched, stretched)),
246
265
  disabled: disabled,
247
- readOnly: !disabled && readOnly
266
+ readOnly: !disabled && readOnly,
267
+ onClick: handleCalendarRootClick
248
268
  }, /*#__PURE__*/React.createElement(StyledCalendar, {
269
+ className: cls(_defineProperty({}, classes.datePickerCalendarstretched, stretched)),
270
+ innerWidth: calendarContainerWidthValue,
271
+ innerHeight: calendarContainerHeightValue,
249
272
  size: size,
250
273
  value: calendarValue,
251
274
  type: type,
@@ -265,7 +288,7 @@ var datePickerRoot = function datePickerRoot(Root) {
265
288
  locale: lang,
266
289
  onChangeValue: handleCalendarPick
267
290
  }))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
268
- className: cx(datePickerErrorClass, datePickerSuccessClass)
291
+ className: cls(datePickerErrorClass, datePickerSuccessClass)
269
292
  }, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
270
293
  type: "hidden",
271
294
  datatype: "datepicker-single",