@salutejs/plasma-new-hope 0.93.0 → 0.93.1-canary.1273.9714986596.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (629) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +67 -28
  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 +57 -29
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  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_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
  10. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
  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_1rc2ejs.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
  16. package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
  17. package/cjs/components/Calendar/hooks/useDays.js +1 -1
  18. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  19. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
  20. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
  21. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
  22. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +4 -0
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
  24. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
  25. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  26. package/cjs/components/Calendar/ui/CalendarDays/{CalendarDays.styles_bnrjbd.css → CalendarDays.styles_1oq8sud.css} +1 -1
  27. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +36 -8
  28. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +31 -17
  29. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  30. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +27 -12
  31. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  32. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css +8 -0
  33. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  34. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  35. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  36. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
  37. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  38. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +4 -0
  39. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  42. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
  43. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  44. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +4 -0
  45. package/cjs/components/Calendar/utils/index.js.map +1 -1
  46. package/cjs/components/Combobox/Combobox.js +2 -2
  47. package/cjs/components/Combobox/Combobox.js.map +1 -1
  48. package/cjs/components/DatePicker/DatePicker.tokens.js +189 -0
  49. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -0
  50. package/cjs/components/DatePicker/DatePickerBase.styles.js +30 -0
  51. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -0
  52. package/cjs/components/DatePicker/DatePickerBase.styles_1thp2xv.css +1 -0
  53. package/cjs/components/DatePicker/RangeDate/RangeDate.css +152 -0
  54. package/cjs/components/DatePicker/RangeDate/RangeDate.js +285 -0
  55. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -0
  56. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +51 -0
  57. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -0
  58. package/cjs/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +5 -0
  59. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +144 -0
  60. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +83 -0
  61. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
  62. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +42 -0
  63. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
  64. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
  65. package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
  66. package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
  67. package/cjs/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
  68. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +9 -0
  69. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
  70. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_f58pkk.css +1 -0
  71. package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +9 -0
  72. package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
  73. package/cjs/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +1 -0
  74. package/cjs/components/DatePicker/RangeDate/variations/_view/base.js +9 -0
  75. package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
  76. package/cjs/components/DatePicker/RangeDate/variations/_view/base_11yn9y8.css +1 -0
  77. package/cjs/components/DatePicker/SingleDate/SingleDate.css +134 -0
  78. package/cjs/components/DatePicker/SingleDate/SingleDate.js +183 -0
  79. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -0
  80. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +51 -0
  81. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -0
  82. package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +5 -0
  83. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
  84. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
  85. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
  86. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +9 -0
  87. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
  88. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css +1 -0
  89. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +9 -0
  90. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
  91. package/cjs/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
  92. package/cjs/components/DatePicker/SingleDate/variations/_view/base.js +9 -0
  93. package/cjs/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
  94. package/cjs/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css +1 -0
  95. package/cjs/components/DatePicker/hooks/useDatePicker.js +79 -0
  96. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -0
  97. package/cjs/components/DatePicker/utils/dateHelper.js +84 -0
  98. package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -0
  99. package/cjs/components/Dropdown/Dropdown.js +4 -2
  100. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  101. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  102. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  103. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  104. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  105. package/cjs/components/Dropdown/utils/index.js +0 -17
  106. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  107. package/cjs/components/Range/Range.css +6 -6
  108. package/cjs/components/Range/Range.js +17 -2
  109. package/cjs/components/Range/Range.js.map +1 -1
  110. package/cjs/components/Range/Range.styles.js +1 -1
  111. package/cjs/components/Range/Range.styles.js.map +1 -1
  112. package/cjs/components/Range/Range.styles_9rort8.css +8 -0
  113. package/cjs/components/Select/Select.js +2 -2
  114. package/cjs/components/Select/Select.js.map +1 -1
  115. package/cjs/components/Sheet/Sheet.js.map +1 -1
  116. package/cjs/components/Slider/Slider.css +3 -3
  117. package/cjs/components/Slider/components/Double/Double.css +3 -3
  118. package/cjs/components/TextField/TextField.tokens.js +1 -1
  119. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  120. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  121. package/cjs/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
  122. package/cjs/components/TextField/variations/_size/base.js +1 -1
  123. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  124. package/cjs/components/TextField/variations/_size/base_orwx1f.css +1 -0
  125. package/cjs/components/TextField/variations/_view/base.js +1 -1
  126. package/cjs/components/TextField/variations/_view/base_18ea6z7.css +1 -0
  127. package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +23 -0
  128. package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
  129. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  130. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  131. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  132. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  133. package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +23 -0
  134. package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
  135. package/cjs/index.css +71 -38
  136. package/cjs/index.js +12 -0
  137. package/cjs/index.js.map +1 -1
  138. package/cjs/utils/datejs.js +12 -0
  139. package/cjs/utils/datejs.js.map +1 -0
  140. package/cjs/utils/getPopoverPlacement.js +23 -0
  141. package/cjs/utils/getPopoverPlacement.js.map +1 -0
  142. package/cjs/utils/index.js.map +1 -1
  143. package/es/components/Calendar/Calendar.tokens.js +67 -28
  144. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  145. package/es/components/Calendar/Calendar.types.js.map +1 -1
  146. package/es/components/Calendar/CalendarBase/CalendarBase.css +57 -29
  147. package/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
  148. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  149. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  150. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  151. package/es/components/Calendar/CalendarBase/{CalendarBase.styles_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
  152. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
  153. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +7 -1
  154. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  155. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  156. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  157. package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_1rc2ejs.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
  158. package/es/components/Calendar/hoc/withRange.js.map +1 -1
  159. package/es/components/Calendar/hooks/useDays.js +1 -1
  160. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  161. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
  162. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
  163. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
  164. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +4 -0
  165. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
  166. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
  167. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  168. package/es/components/Calendar/ui/CalendarDays/{CalendarDays.styles_bnrjbd.css → CalendarDays.styles_1oq8sud.css} +1 -1
  169. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +36 -8
  170. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +32 -18
  171. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  172. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +26 -13
  173. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  174. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css +8 -0
  175. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  176. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  177. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  178. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
  179. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  180. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +4 -0
  181. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  182. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  183. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  184. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
  185. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  186. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +4 -0
  187. package/es/components/Calendar/utils/index.js.map +1 -1
  188. package/es/components/Combobox/Combobox.js +1 -1
  189. package/es/components/Combobox/Combobox.js.map +1 -1
  190. package/es/components/DatePicker/DatePicker.tokens.js +184 -0
  191. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -0
  192. package/es/components/DatePicker/DatePickerBase.styles.js +26 -0
  193. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -0
  194. package/es/components/DatePicker/DatePickerBase.styles_1thp2xv.css +1 -0
  195. package/es/components/DatePicker/RangeDate/RangeDate.css +152 -0
  196. package/es/components/DatePicker/RangeDate/RangeDate.js +280 -0
  197. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -0
  198. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +43 -0
  199. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -0
  200. package/es/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +5 -0
  201. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +144 -0
  202. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +79 -0
  203. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
  204. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +37 -0
  205. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
  206. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
  207. package/es/components/DatePicker/RangeDate/variations/_disabled/base.js +5 -0
  208. package/es/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
  209. package/es/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
  210. package/es/components/DatePicker/RangeDate/variations/_readonly/base.js +5 -0
  211. package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
  212. package/es/components/DatePicker/RangeDate/variations/_readonly/base_f58pkk.css +1 -0
  213. package/es/components/DatePicker/RangeDate/variations/_size/base.js +5 -0
  214. package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
  215. package/es/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +1 -0
  216. package/es/components/DatePicker/RangeDate/variations/_view/base.js +5 -0
  217. package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
  218. package/es/components/DatePicker/RangeDate/variations/_view/base_11yn9y8.css +1 -0
  219. package/es/components/DatePicker/SingleDate/SingleDate.css +134 -0
  220. package/es/components/DatePicker/SingleDate/SingleDate.js +178 -0
  221. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -0
  222. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +43 -0
  223. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -0
  224. package/es/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +5 -0
  225. package/es/components/DatePicker/SingleDate/variations/_disabled/base.js +5 -0
  226. package/es/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
  227. package/es/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
  228. package/es/components/DatePicker/SingleDate/variations/_readonly/base.js +5 -0
  229. package/es/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
  230. package/es/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css +1 -0
  231. package/es/components/DatePicker/SingleDate/variations/_size/base.js +5 -0
  232. package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
  233. package/es/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
  234. package/es/components/DatePicker/SingleDate/variations/_view/base.js +5 -0
  235. package/es/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
  236. package/es/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css +1 -0
  237. package/es/components/DatePicker/hooks/useDatePicker.js +75 -0
  238. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -0
  239. package/es/components/DatePicker/utils/dateHelper.js +76 -0
  240. package/es/components/DatePicker/utils/dateHelper.js.map +1 -0
  241. package/es/components/Dropdown/Dropdown.js +4 -2
  242. package/es/components/Dropdown/Dropdown.js.map +1 -1
  243. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  244. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  245. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  246. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  247. package/es/components/Dropdown/utils/index.js +1 -16
  248. package/es/components/Dropdown/utils/index.js.map +1 -1
  249. package/es/components/Range/Range.css +6 -6
  250. package/es/components/Range/Range.js +18 -3
  251. package/es/components/Range/Range.js.map +1 -1
  252. package/es/components/Range/Range.styles.js +1 -1
  253. package/es/components/Range/Range.styles.js.map +1 -1
  254. package/es/components/Range/Range.styles_9rort8.css +8 -0
  255. package/es/components/Select/Select.js +1 -1
  256. package/es/components/Select/Select.js.map +1 -1
  257. package/es/components/Sheet/Sheet.js +4 -4
  258. package/es/components/Sheet/Sheet.js.map +1 -1
  259. package/es/components/Slider/Slider.css +3 -3
  260. package/es/components/Slider/components/Double/Double.css +3 -3
  261. package/es/components/TextField/TextField.tokens.js +1 -1
  262. package/es/components/TextField/TextField.tokens.js.map +1 -1
  263. package/es/components/TextField/variations/_read-only/base.js +1 -1
  264. package/es/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
  265. package/es/components/TextField/variations/_size/base.js +1 -1
  266. package/es/components/TextField/variations/_size/base.js.map +1 -1
  267. package/es/components/TextField/variations/_size/base_orwx1f.css +1 -0
  268. package/es/components/TextField/variations/_view/base.js +1 -1
  269. package/es/components/TextField/variations/_view/base_18ea6z7.css +1 -0
  270. package/es/components/_Icon/Icon.assets/DisclosureDownFill.js +19 -0
  271. package/es/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
  272. package/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  273. package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  274. package/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  275. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  276. package/es/components/_Icon/Icons/IconDisclosureDownFill.js +19 -0
  277. package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
  278. package/es/index.css +71 -38
  279. package/es/index.js +4 -0
  280. package/es/index.js.map +1 -1
  281. package/es/utils/datejs.js +8 -0
  282. package/es/utils/datejs.js.map +1 -0
  283. package/es/utils/getPopoverPlacement.js +18 -0
  284. package/es/utils/getPopoverPlacement.js.map +1 -0
  285. package/es/utils/index.js.map +1 -1
  286. package/package.json +3 -2
  287. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +67 -28
  288. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  289. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
  290. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
  291. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  292. package/styled-components/cjs/components/Calendar/hooks/useDays.js +1 -1
  293. package/styled-components/cjs/components/Calendar/mixins/active.js +12 -0
  294. package/styled-components/cjs/components/Calendar/mixins/flex.js +8 -0
  295. package/styled-components/cjs/components/Calendar/mixins/index.js +30 -29
  296. package/styled-components/cjs/components/Calendar/mixins/selected.js +24 -0
  297. package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +27 -20
  298. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
  299. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +30 -16
  300. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
  301. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  302. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +26 -12
  303. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  304. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +26 -14
  305. package/styled-components/cjs/components/Combobox/Combobox.js +6 -7
  306. package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +150 -0
  307. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +187 -0
  308. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +19 -0
  309. package/styled-components/cjs/components/DatePicker/DatePickerBase.types.js +5 -0
  310. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +293 -0
  311. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +33 -0
  312. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.types.js +5 -0
  313. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +81 -0
  314. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +26 -0
  315. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +5 -0
  316. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
  317. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
  318. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +10 -0
  319. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
  320. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js +10 -0
  321. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
  322. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js +10 -0
  323. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
  324. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +190 -0
  325. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +33 -0
  326. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.types.js +5 -0
  327. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
  328. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
  329. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +10 -0
  330. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
  331. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +10 -0
  332. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
  333. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/base.js +10 -0
  334. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
  335. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +77 -0
  336. package/styled-components/cjs/components/DatePicker/index.js +44 -0
  337. package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +78 -0
  338. package/styled-components/cjs/components/Dropdown/Dropdown.js +3 -2
  339. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  340. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  341. package/styled-components/cjs/components/Dropdown/utils/index.js +1 -16
  342. package/styled-components/cjs/components/Range/Range.js +17 -2
  343. package/styled-components/cjs/components/Range/Range.styles.js +3 -2
  344. package/styled-components/cjs/components/Select/Select.js +7 -8
  345. package/styled-components/cjs/components/Sheet/Sheet.js +3 -3
  346. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -1
  347. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  348. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +22 -0
  349. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  350. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  351. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +22 -0
  352. package/styled-components/cjs/components/_Icon/index.js +7 -0
  353. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
  354. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
  355. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -2
  356. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +31 -0
  357. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.js +13 -0
  358. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +257 -0
  359. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +4 -4
  360. package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
  361. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
  362. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
  363. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -2
  364. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +31 -0
  365. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.js +13 -0
  366. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +257 -0
  367. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +4 -4
  368. package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
  369. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
  370. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
  371. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -2
  372. package/styled-components/cjs/index.js +11 -0
  373. package/styled-components/cjs/utils/datejs.js +11 -0
  374. package/styled-components/cjs/utils/getPopoverPlacement.js +21 -0
  375. package/styled-components/cjs/utils/index.js +22 -0
  376. package/styled-components/es/components/Calendar/Calendar.tokens.js +67 -28
  377. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
  378. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
  379. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +7 -1
  380. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  381. package/styled-components/es/components/Calendar/hooks/useDays.js +1 -1
  382. package/styled-components/es/components/Calendar/mixins/active.js +6 -0
  383. package/styled-components/es/components/Calendar/mixins/flex.js +2 -0
  384. package/styled-components/es/components/Calendar/mixins/index.js +3 -27
  385. package/styled-components/es/components/Calendar/mixins/selected.js +18 -0
  386. package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +26 -19
  387. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
  388. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +32 -18
  389. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
  390. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  391. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +25 -11
  392. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  393. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +25 -13
  394. package/styled-components/es/components/Combobox/Combobox.js +1 -2
  395. package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +150 -0
  396. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +181 -0
  397. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +12 -0
  398. package/styled-components/es/components/DatePicker/DatePickerBase.types.js +1 -0
  399. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +284 -0
  400. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +25 -0
  401. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.types.js +1 -0
  402. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +74 -0
  403. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +19 -0
  404. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +1 -0
  405. package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/base.js +3 -0
  406. package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
  407. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +4 -0
  408. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
  409. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +4 -0
  410. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
  411. package/styled-components/es/components/DatePicker/RangeDate/variations/_view/base.js +4 -0
  412. package/styled-components/es/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
  413. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +181 -0
  414. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +25 -0
  415. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.types.js +1 -0
  416. package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/base.js +3 -0
  417. package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
  418. package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/base.js +4 -0
  419. package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
  420. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +4 -0
  421. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
  422. package/styled-components/es/components/DatePicker/SingleDate/variations/_view/base.js +4 -0
  423. package/styled-components/es/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
  424. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +71 -0
  425. package/styled-components/es/components/DatePicker/index.js +3 -0
  426. package/styled-components/es/components/DatePicker/utils/dateHelper.js +72 -0
  427. package/styled-components/es/components/Dropdown/Dropdown.js +4 -3
  428. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  429. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  430. package/styled-components/es/components/Dropdown/utils/index.js +0 -15
  431. package/styled-components/es/components/Range/Range.js +18 -3
  432. package/styled-components/es/components/Range/Range.styles.js +3 -2
  433. package/styled-components/es/components/Select/Select.js +1 -2
  434. package/styled-components/es/components/Sheet/Sheet.js +4 -4
  435. package/styled-components/es/components/TextField/TextField.tokens.js +1 -1
  436. package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
  437. package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownFill.js +15 -0
  438. package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  439. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  440. package/styled-components/es/components/_Icon/Icons/IconDisclosureDownFill.js +15 -0
  441. package/styled-components/es/components/_Icon/index.js +1 -0
  442. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
  443. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
  444. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -2
  445. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +25 -0
  446. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.js +7 -0
  447. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +257 -0
  448. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +4 -4
  449. package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
  450. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
  451. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
  452. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -2
  453. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +25 -0
  454. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.js +7 -0
  455. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +257 -0
  456. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +4 -4
  457. package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
  458. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
  459. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
  460. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -2
  461. package/styled-components/es/index.js +2 -1
  462. package/styled-components/es/utils/datejs.js +4 -0
  463. package/styled-components/es/utils/getPopoverPlacement.js +15 -0
  464. package/styled-components/es/utils/index.js +1 -0
  465. package/types/components/Accordion/utils/index.d.ts +1 -1
  466. package/types/components/Calendar/Calendar.tokens.d.ts +60 -26
  467. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  468. package/types/components/Calendar/Calendar.types.d.ts +1 -1
  469. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  470. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +27 -3
  471. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  472. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  473. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +30 -3
  474. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  475. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  476. package/types/components/Calendar/mixins/active.d.ts +17 -0
  477. package/types/components/Calendar/mixins/active.d.ts.map +1 -0
  478. package/types/components/Calendar/mixins/flex.d.ts +3 -0
  479. package/types/components/Calendar/mixins/flex.d.ts.map +1 -0
  480. package/types/components/Calendar/mixins/index.d.ts +3 -8
  481. package/types/components/Calendar/mixins/index.d.ts.map +1 -1
  482. package/types/components/Calendar/mixins/selected.d.ts +40 -0
  483. package/types/components/Calendar/mixins/selected.d.ts.map +1 -0
  484. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
  485. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  486. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  487. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +47 -7
  488. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  489. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +1 -0
  490. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
  491. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  492. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  493. package/types/components/Calendar/utils/index.d.ts +1 -1
  494. package/types/components/Calendar/utils/index.d.ts.map +1 -1
  495. package/types/components/Combobox/Combobox.d.ts.map +1 -1
  496. package/types/components/DatePicker/DatePicker.tokens.d.ts +182 -0
  497. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -0
  498. package/types/components/DatePicker/DatePickerBase.styles.d.ts +8 -0
  499. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -0
  500. package/types/components/DatePicker/DatePickerBase.types.d.ts +37 -0
  501. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -0
  502. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +110 -0
  503. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -0
  504. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +115 -0
  505. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -0
  506. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +76 -0
  507. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -0
  508. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +4 -0
  509. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -0
  510. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +5 -0
  511. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -0
  512. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +29 -0
  513. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -0
  514. package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts +2 -0
  515. package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts.map +1 -0
  516. package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts +2 -0
  517. package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -0
  518. package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts +2 -0
  519. package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -0
  520. package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts +2 -0
  521. package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -0
  522. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +31 -0
  523. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -0
  524. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +45 -0
  525. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -0
  526. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +120 -0
  527. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -0
  528. package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts +2 -0
  529. package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts.map +1 -0
  530. package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts +2 -0
  531. package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts.map +1 -0
  532. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts +2 -0
  533. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -0
  534. package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts +2 -0
  535. package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts.map +1 -0
  536. package/types/components/DatePicker/hooks/useDatePicker.d.ts +10 -0
  537. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -0
  538. package/types/components/DatePicker/index.d.ts +6 -0
  539. package/types/components/DatePicker/index.d.ts.map +1 -0
  540. package/types/components/DatePicker/utils/dateHelper.d.ts +10 -0
  541. package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -0
  542. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  543. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  544. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -0
  545. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
  546. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  547. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -0
  548. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  549. package/types/components/Dropdown/utils/index.d.ts +1 -3
  550. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  551. package/types/components/Range/Range.d.ts +3 -3
  552. package/types/components/Range/Range.d.ts.map +1 -1
  553. package/types/components/Range/Range.styles.d.ts.map +1 -1
  554. package/types/components/Range/Range.types.d.ts +8 -3
  555. package/types/components/Range/Range.types.d.ts.map +1 -1
  556. package/types/components/Range/index.d.ts +1 -1
  557. package/types/components/Range/index.d.ts.map +1 -1
  558. package/types/components/Select/Select.d.ts.map +1 -1
  559. package/types/components/Sheet/Sheet.d.ts.map +1 -1
  560. package/types/components/Sheet/Sheet.types.d.ts +1 -1
  561. package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
  562. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  563. package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts +4 -0
  564. package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts.map +1 -0
  565. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  566. package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts +4 -0
  567. package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts.map +1 -0
  568. package/types/components/_Icon/index.d.ts +1 -0
  569. package/types/components/_Icon/index.d.ts.map +1 -1
  570. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +15 -4
  571. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
  572. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts +3 -0
  573. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  574. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts +3 -0
  575. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  576. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts +24 -0
  577. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -0
  578. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +75 -0
  579. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -0
  580. package/types/examples/plasma_b2c/components/Range/Range.d.ts +3 -3
  581. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
  582. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +15 -4
  583. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
  584. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts +3 -0
  585. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  586. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts +3 -0
  587. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  588. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts +24 -0
  589. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -0
  590. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +75 -0
  591. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -0
  592. package/types/examples/plasma_web/components/Range/Range.d.ts +3 -3
  593. package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
  594. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +15 -4
  595. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
  596. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +3 -0
  597. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  598. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +3 -0
  599. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  600. package/types/index.d.ts +1 -0
  601. package/types/index.d.ts.map +1 -1
  602. package/types/utils/datejs.d.ts +3 -0
  603. package/types/utils/datejs.d.ts.map +1 -0
  604. package/types/utils/getPopoverPlacement.d.ts +5 -0
  605. package/types/utils/getPopoverPlacement.d.ts.map +1 -0
  606. package/types/utils/index.d.ts +1 -0
  607. package/types/utils/index.d.ts.map +1 -1
  608. package/cjs/components/Calendar/mixins/index.js +0 -18
  609. package/cjs/components/Calendar/mixins/index.js.map +0 -1
  610. package/cjs/components/Calendar/mixins/index_o3bz9l.css +0 -1
  611. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
  612. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
  613. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
  614. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
  615. package/cjs/components/Range/Range.styles_mc4w65.css +0 -8
  616. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  617. package/cjs/components/TextField/variations/_size/base_ntoddv.css +0 -1
  618. package/cjs/components/TextField/variations/_view/base_19gxyva.css +0 -1
  619. package/es/components/Calendar/mixins/index.js +0 -14
  620. package/es/components/Calendar/mixins/index.js.map +0 -1
  621. package/es/components/Calendar/mixins/index_o3bz9l.css +0 -1
  622. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
  623. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
  624. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
  625. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
  626. package/es/components/Range/Range.styles_mc4w65.css +0 -8
  627. package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  628. package/es/components/TextField/variations/_size/base_ntoddv.css +0 -1
  629. package/es/components/TextField/variations/_view/base_19gxyva.css +0 -1
@@ -552,4 +552,15 @@ Object.keys(_Accordion).forEach(function (key) {
552
552
  return _Accordion[key];
553
553
  }
554
554
  });
555
+ });
556
+ var _DatePicker = /*#__PURE__*/require("./components/DatePicker");
557
+ Object.keys(_DatePicker).forEach(function (key) {
558
+ if (key === "default" || key === "__esModule") return;
559
+ if (key in exports && exports[key] === _DatePicker[key]) return;
560
+ Object.defineProperty(exports, key, {
561
+ enumerable: true,
562
+ get: function get() {
563
+ return _DatePicker[key];
564
+ }
565
+ });
555
566
  });
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.customDayjs = void 0;
7
+ var _dayjs = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs"));
8
+ var _customParseFormat = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs/plugin/customParseFormat"));
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+ _dayjs["default"].extend(_customParseFormat["default"]);
11
+ var customDayjs = exports.customDayjs = _dayjs["default"];
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getPlacements = exports.getPlacement = void 0;
7
+ var getPlacement = exports.getPlacement = function getPlacement(placement) {
8
+ return "".concat(placement, "-start");
9
+ };
10
+ var getPlacements = exports.getPlacements = function getPlacements(placements) {
11
+ if (!placements) {
12
+ return;
13
+ }
14
+ var isArray = Array.isArray(placements);
15
+ if (!isArray) {
16
+ return getPlacement(placements);
17
+ }
18
+ return (placements || []).map(function (placement) {
19
+ return getPlacement(placement);
20
+ });
21
+ };
@@ -3,6 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
+ var _exportNames = {
7
+ cx: true,
8
+ composableStyle: true,
9
+ canUseDOM: true,
10
+ extractTextFrom: true,
11
+ getSizeValueFromProp: true,
12
+ IS_REACT_18: true,
13
+ safeUseId: true,
14
+ isNumber: true
15
+ };
6
16
  Object.defineProperty(exports, "IS_REACT_18", {
7
17
  enumerable: true,
8
18
  get: function get() {
@@ -45,6 +55,18 @@ var _extractTextFrom = /*#__PURE__*/require("./extractTextFrom");
45
55
  var _getSizeValueFromProp = /*#__PURE__*/require("./getSizeValueFromProp");
46
56
  var _react = /*#__PURE__*/require("./react");
47
57
  var _isNumber = /*#__PURE__*/require("./isNumber");
58
+ var _getPopoverPlacement = /*#__PURE__*/require("./getPopoverPlacement");
59
+ Object.keys(_getPopoverPlacement).forEach(function (key) {
60
+ if (key === "default" || key === "__esModule") return;
61
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
62
+ if (key in exports && exports[key] === _getPopoverPlacement[key]) return;
63
+ Object.defineProperty(exports, key, {
64
+ enumerable: true,
65
+ get: function get() {
66
+ return _getPopoverPlacement[key];
67
+ }
68
+ });
69
+ });
48
70
  var cx = exports.cx = function cx() {
49
71
  for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
50
72
  classes[_key] = arguments[_key];
@@ -9,51 +9,90 @@ export var classes = {
9
9
  selectableItem: 'item-selectable',
10
10
  selectedItem: 'item-selected',
11
11
  currentItem: 'item-current',
12
- hoveredItem: 'item-hovered'
12
+ hoveredItem: 'item-hovered',
13
+ doubleHeaderDate: 'double-header-date',
14
+ doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper'
13
15
  };
14
16
  export var tokens = {
15
- calendarBackgroundColor: '--plasma-calendar-background',
16
- calendarHeaderArrowContainerWidth: '--plasma-calendar-arrow-container-width',
17
- calendarItemBorderRadius: '--plasma-calendar-item-border-radius',
18
- calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',
19
- calendarSelectedItemColor: '--plasma-calendar-selected-item-color',
20
- calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',
21
- calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',
22
- calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',
23
- calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',
24
- calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',
25
- calendarActiveItemBackground: '--plasma-calendar-active-item-bg',
26
- calendarActiveItemColor: '--plasma-calendar-active-item-color',
27
- calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',
28
- calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',
29
- calendarSeparatorBackground: '--plasma-calendar-separator-background',
30
- calendarRangeBackground: '--plasma-calendar-range-background',
31
- calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
32
- calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
33
- calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
34
- calendarHeaderFontFamily: '--plasma-calendar-header-font-family',
35
- calendarHeaderFontSize: '--plasma-calendar-header-font-size',
36
- calendarHeaderFontStyle: '--plasma-calendar-header-font-style',
37
- calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',
38
- calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
39
- calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
40
- calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
17
+ calendarWidth: '--plasma-calendar-width',
18
+ calendarHeight: '--plasma-calendar-height',
19
+ /* Токены размера сетки лет */
20
+ calendarYearsPadding: '--plasma-calendar-years-padding',
21
+ calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
22
+ calendarYearItemWidth: '--plasma-calendar-year-item-width',
23
+ calendarYearItemHeight: '--plasma-calendar-year-item-height',
41
24
  calendarYearFontFamily: '--plasma-calendar-year-font-family',
42
25
  calendarYearFontSize: '--plasma-calendar-year-font-size',
43
26
  calendarYearFontStyle: '--plasma-calendar-year-font-style',
44
27
  calendarYearFontLetterSpacing: '--plasma-calendar-year-font-letter-spacing',
45
28
  calendarYearFontLineHeight: '--plasma-calendar-year-line-height',
46
29
  calendarYearFontWeight: '--plasma-calendar-year-font-weight',
30
+ calendarYearSelectedFontWeight: '--plasma-calendar-year-selected-font-weight',
31
+ /* Токены размера сетки месяцев */
32
+ calendarMonthsPadding: '--plasma-calendar-months-padding',
33
+ calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',
34
+ calendarMonthItemWidth: '--plasma-calendar-month-item-width',
35
+ calendarMonthItemHeight: '--plasma-calendar-month-item-height',
47
36
  calendarMonthFontFamily: '--plasma-calendar-month-font-family',
48
37
  calendarMonthFontSize: '--plasma-calendar-month-font-size',
49
38
  calendarMonthFontStyle: '--plasma-calendar-month-font-style',
50
39
  calendarMonthFontLetterSpacing: '--plasma-calendar-month-font-letter-spacing',
51
40
  calendarMonthFontLineHeight: '--plasma-calendar-month-line-height',
52
41
  calendarMonthFontWeight: '--plasma-calendar-month-font-weight',
42
+ calendarMonthSelectedFontWeight: '--plasma-calendar-month-selected-font-weight',
43
+ /* Токены размера сетки дней */
44
+ calendarDaysPadding: '--plasma-calendar-days-padding',
45
+ calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',
46
+ calendarDayItemWidth: '--plasma-calendar-day-item-width',
47
+ calendarDayItemHeight: '--plasma-calendar-day-item-height',
53
48
  calendarDayFontFamily: '--plasma-calendar-day-font-family',
54
49
  calendarDayFontSize: '--plasma-calendar-day-font-size',
55
50
  calendarDayFontStyle: '--plasma-calendar-day-font-style',
56
51
  calendarDayFontLetterSpacing: '--plasma-calendar-day-font-letter-spacing',
57
52
  calendarDayFontLineHeight: '--plasma-calendar-day-line-height',
58
- calendarDayFontWeight: '--plasma-calendar-day-font-weight'
53
+ calendarDayFontWeight: '--plasma-calendar-day-font-weight',
54
+ calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',
55
+ calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',
56
+ /* Токены шапки календаря */
57
+ calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
58
+ calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
59
+ calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',
60
+ calendarHeaderPadding: '--plasma-calendar-header-padding',
61
+ calendarHeaderDateGap: '--plasma-calendar-header-date-gap',
62
+ calendarHeaderFontFamily: '--plasma-calendar-header-font-family',
63
+ calendarHeaderFontSize: '--plasma-calendar-header-font-size',
64
+ calendarHeaderFontStyle: '--plasma-calendar-header-font-style',
65
+ calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',
66
+ calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
67
+ calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
68
+ calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
69
+ /* Токены стрелок навигации календаря */
70
+ iconButtonColor: '--plasma-calendar-icon-button-color',
71
+ iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',
72
+ iconButtonColorHover: '--plasma-calendar-icon-button-color-hover',
73
+ iconButtonBackgroundColorHover: '--plasma-calendar-icon-button-background-hover',
74
+ iconButtonColorActive: '--plasma-calendar-icon-button-color-active',
75
+ iconButtonBackgroundColorActive: '--plasma-calendar-icon-button-background-active',
76
+ iconButtonHeight: '--plasma-calendar-icon-button-height',
77
+ iconButtonWidth: '--plasma-calendar-icon-button-width',
78
+ iconButtonPadding: '--plasma-calendar-icon-button-padding',
79
+ iconButtonRadius: '--plasma-calendar-icon-button-radius',
80
+ iconButtonFocusColor: '--plasma-calendar-icon-button-focus-color',
81
+ calendarBackgroundColor: '--plasma-calendar-background',
82
+ calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',
83
+ calendarSelectedItemColor: '--plasma-calendar-selected-item-color',
84
+ calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',
85
+ calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',
86
+ calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',
87
+ calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',
88
+ calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',
89
+ calendarActiveItemBackground: '--plasma-calendar-active-item-bg',
90
+ calendarActiveItemColor: '--plasma-calendar-active-item-color',
91
+ calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',
92
+ calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',
93
+ calendarSeparatorBackground: '--plasma-calendar-separator-background',
94
+ calendarRangeBackground: '--plasma-calendar-range-background',
95
+ calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
96
+ calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
97
+ calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
59
98
  };
@@ -8,7 +8,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
8
8
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
9
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
10
10
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
- import React, { useCallback, useMemo, useReducer, useState, forwardRef } from 'react';
11
+ import React, { useCallback, useMemo, useReducer, useState, forwardRef, useEffect } from 'react';
12
12
  import { getInitialState, reducer } from '../store/reducer';
13
13
  import { ActionType, CalendarState } from '../store/types';
14
14
  import { isValueUpdate, YEAR_RENDER_COUNT } from '../utils';
@@ -213,6 +213,11 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
213
213
  });
214
214
  onKeyDown(event);
215
215
  }, [onKeyDown]);
216
+ useEffect(function () {
217
+ if (!prevValue) {
218
+ setPrevValue(value);
219
+ }
220
+ }, [value, prevValue]);
216
221
  return /*#__PURE__*/React.createElement(Root, _extends({
217
222
  ref: outerRootRef,
218
223
  "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
@@ -223,6 +228,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
223
228
  "aria-live": "assertive",
224
229
  "aria-relevant": "additions"
225
230
  }, "\u0414\u0430\u043B\u0435\u0435 \u043D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0434\u0430\u0442."), /*#__PURE__*/React.createElement(CalendarHeader, {
231
+ size: rest.size,
226
232
  firstDate: date,
227
233
  startYear: startYear,
228
234
  type: calendarState,
@@ -2,7 +2,8 @@ var _templateObject;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { css } from 'styled-components';
4
4
  import styled from 'styled-components';
5
- export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: 19.5rem;\n height: 19.5rem;\n"])));
5
+ import { tokens } from '../Calendar.tokens';
6
+ export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n"])), tokens.calendarWidth, tokens.calendarHeight);
6
7
  export var IsOutOfRange = /*#__PURE__*/styled.div.withConfig({
7
8
  componentId: "plasma-new-hope__sc-1xkgu4c-0"
8
9
  })(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);
@@ -9,7 +9,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
9
9
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
10
10
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
11
11
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
12
- import React, { useState, useCallback, useMemo, forwardRef } from 'react';
12
+ import React, { useState, useCallback, useMemo, forwardRef, useEffect } from 'react';
13
13
  import { getDateFromValue, getNextDate, getPrevDate, isValueUpdate } from '../utils';
14
14
  import { useKeyNavigation } from '../hooks';
15
15
  import { CalendarDays, CalendarHeader } from '../ui';
@@ -132,11 +132,17 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
132
132
  }
133
133
  setPrevValue(value);
134
134
  }
135
+ useEffect(function () {
136
+ if (!prevValue) {
137
+ setPrevValue(value);
138
+ }
139
+ }, [value, prevValue]);
135
140
  return /*#__PURE__*/React.createElement(Root, _extends({
136
141
  ref: outerRootRef,
137
142
  "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
138
143
  }, rest), /*#__PURE__*/React.createElement(CalendarHeader, {
139
144
  isDouble: true,
145
+ size: rest.size,
140
146
  firstDate: firstDate,
141
147
  secondDate: secondDate,
142
148
  onPrev: handlePrev,
@@ -3,10 +3,10 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
3
3
  import { css } from 'styled-components';
4
4
  import styled from 'styled-components';
5
5
  import { tokens } from '../Calendar.tokens';
6
- export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n\n width: 39rem;\n height: 19.5rem;\n"])));
6
+ export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n\n width: var(", ");\n height: var(", ");\n"])), tokens.calendarWidth, tokens.calendarHeight);
7
7
  export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
8
8
  componentId: "plasma-new-hope__sc-1dp3a9f-0"
9
- })(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 0 1.5rem;"], tokens.calendarSeparatorBackground);
9
+ })(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;"], tokens.calendarSeparatorBackground);
10
10
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
11
11
  componentId: "plasma-new-hope__sc-1dp3a9f-1"
12
12
  })(["display:flex;"]);
@@ -227,5 +227,5 @@ export var useDays = function useDays(date, value, eventList, disabledList, min,
227
227
  return getMatrix(modifiedDays);
228
228
  }
229
229
  return getMatrix(days);
230
- }, [date, value, eventList, disabledList, max, min]);
230
+ }, [date, value, eventList, disabledList, max, min, includeEdgeDates]);
231
231
  };
@@ -0,0 +1,6 @@
1
+ export var addActive = function addActive(args) {
2
+ var activeBackground = args.activeBackground,
3
+ activeColor = args.activeColor,
4
+ activeFontWeight = args.activeFontWeight;
5
+ return "\n &:active {\n background-color: ".concat(activeBackground, ";\n color: ").concat(activeColor, ";\n font-weight: ").concat(activeFontWeight, ";\n }\n ");
6
+ };
@@ -0,0 +1,2 @@
1
+ export var flexCenter = "\n display: flex;\n justify-content: center;\n align-items: center;\n";
2
+ export var flexSpaceBetween = "\n display: flex;\n justify-content: space-between;\n align-items: center;\n";
@@ -1,27 +1,3 @@
1
- import styled from 'styled-components';
2
- import { tokens } from '../Calendar.tokens';
3
- import { addFocus } from '../../../mixins';
4
- export var flexCenter = "\n display: flex;\n justify-content: center;\n align-items: center;\n";
5
- export var flexSpaceBetween = "\n display: flex;\n justify-content: space-between;\n align-items: center;\n";
6
-
7
- /**
8
- * Миксин для установки синтетического фокуса на выбранной кнопке.
9
- */
10
- export var buttonFocus = /*#__PURE__*/styled.button.withConfig({
11
- componentId: "plasma-new-hope__sc-1tntqjy-0"
12
- })(["border:none;background-color:transparent;padding:0;outline:none;", ";"], /*#__PURE__*/addFocus({
13
- outlineSize: '0.063rem',
14
- outlineOffset: '-0.125rem',
15
- outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
16
- outlineRadius: '0.563rem'
17
- }));
18
-
19
- /**
20
- * Миксины для изменения стиля выбранного дня.
21
- */
22
- var active = "\n &:active {\n background-color: var(--calendar_private-active-background);\n color: var(--calendar_private-active-color);\n font-weight: var(--plasma-typo-body-s-bold-font-weight);\n }\n";
23
-
24
- /*
25
- * Если использовать токены и классы из ./tokens rollup ругается на этот миксин
26
- */
27
- export var selectedMixin = /*#__PURE__*/"\n outline: none;\n cursor: pointer;\n\n &:hover:not(.item-selected) {\n background-color: var(--calendar_private-selectable-background-hover);\n \n ".concat(String(active), ";\n };\n\n &.item-selected {\n border: 0;\n background-color: var(--calendar_private-selected-background);\n color: var(--calendar_private-selected-color);\n cursor: default;\n font-weight: var(--plasma-typo-body-s-bold-font-weight);\n };\n\n &.item-current {\n border: 0.063rem solid var(--calendar_private-current-border-color);\n\n &:not(.item-selected):hover {\n background-color: var(--calendar_private-current-background-hover);\n color: var(--calendar_private-current-color-hover);\n\n & > div:first-of-type {\n background-color: var(--calendar_private-current-child-background-hover);\n min-width: var(--calendar_private-selected-min-width);\n min-height: var(--calendar_private-selected-min-height);\n }\n \n ").concat(String(active), ";\n }\n };\n\n &.item-hovered, &.item-hovered:hover {\n background-color: var(--calendar_private-hovered-background);\n color: var(--calendar_private-hovered-color);\n cursor: pointer;\n font-weight: var(--plasma-typo-body-s-bold-font-weight);\n ").concat(String(active), ";\n }\n\n ").concat( /*#__PURE__*/String(active), ";\n");
1
+ export { addActive } from './active';
2
+ export { addSelected } from './selected';
3
+ export * from './flex';
@@ -0,0 +1,18 @@
1
+ import { classes } from '../Calendar.tokens';
2
+ import { addActive } from './active';
3
+ export var addSelected = function addSelected(args) {
4
+ var minWidth = args.minWidth,
5
+ minHeight = args.minHeight,
6
+ selectedFontWeight = args.selectedFontWeight,
7
+ selectedBackground = args.selectedBackground,
8
+ selectedColor = args.selectedColor,
9
+ selectableBackgroundHover = args.selectableBackgroundHover,
10
+ currentBorderColor = args.currentBorderColor,
11
+ activeBackground = args.activeBackground,
12
+ activeColor = args.activeColor;
13
+ return "\n outline: none;\n cursor: pointer;\n\n &:hover {\n background-color: ".concat(selectableBackgroundHover, ";\n };\n \n\n &.").concat(classes.hoveredItem, ", &.").concat(classes.hoveredItem, ":hover {\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: pointer;\n font-weight: ").concat(selectedFontWeight, ";\n }\n\n &.").concat(classes.selectedItem, ":not(.").concat(classes.currentItem, ") {\n border: 0;\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: default;\n font-weight: ").concat(selectedFontWeight, ";\n };\n \n ").concat(addActive({
14
+ activeBackground: activeBackground,
15
+ activeColor: activeColor,
16
+ activeFontWeight: selectedFontWeight
17
+ }), ";\n\n &.").concat(classes.currentItem, " {\n border: 0.063rem solid ").concat(currentBorderColor, ";\n\n &.").concat(classes.selectedItem, " {\n background-color: initial;\n color: ").concat(selectedColor, ";\n font-weight: ").concat(selectedFontWeight, ";\n\n & > div:first-of-type {\n background-color: ").concat(selectedBackground, ";\n min-width: ").concat(minWidth, ";\n min-height: ").concat(minHeight, ";\n }\n }\n };\n ");
18
+ };
@@ -1,51 +1,58 @@
1
1
  import styled from 'styled-components';
2
- import { flexCenter, selectedMixin } from '../../mixins';
3
2
  import { classes, tokens } from '../../Calendar.tokens';
4
3
  import { addFocus } from '../../../../mixins';
4
+ import { addSelected, flexCenter } from '../../mixins';
5
5
  var inRange = function inRange() {
6
- return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 2.5rem;\n height: 1.875rem;\n background: var(".concat(tokens.calendarRangeBackground, ");\n }\n");
6
+ return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(".concat(tokens.calendarRangeBackground, ");\n }\n");
7
7
  };
8
8
  var sideInRange = function sideInRange() {
9
- return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.313rem;\n height: 1.875rem;\n background: var(".concat(tokens.calendarRangeBackground, ");\n }\n");
9
+ return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(".concat(tokens.calendarRangeBackground, ");\n }\n");
10
10
  };
11
11
  export var StyledDay = /*#__PURE__*/styled.div.withConfig({
12
12
  componentId: "plasma-new-hope__sc-2y5uj0-0"
13
- })(["border-radius:0.375rem;", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], /*#__PURE__*/String(flexCenter), /*#__PURE__*/String(classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(classes.daySideLeft), function (_ref) {
13
+ })(["border-radius:calc(var(", ") - 0.125rem);", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/String(classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(classes.daySideLeft), function (_ref) {
14
14
  var offset = _ref.offset;
15
15
  return "".concat(offset, "px");
16
16
  }, /*#__PURE__*/String(classes.daySideRight), function (_ref2) {
17
17
  var offset = _ref2.offset;
18
18
  return "".concat(offset, "px");
19
19
  });
20
- var dayOfWeek = function dayOfWeek() {
21
- return "\n color: var(--plasma-colors-tertiary);\n";
22
- };
23
20
  var disabledDay = function disabledDay() {
24
- return "\n cursor: not-allowed;\n opacity: 0.4;\n\n ".concat(addFocus({
25
- outlineSize: '0.063rem',
26
- outlineOffset: '-0.063rem',
27
- outlineColor: "var(".concat(tokens.calendarOutlineFocusColor, ")"),
28
- outlineRadius: '0.563rem'
29
- }), ";\n");
21
+ return "\n cursor: not-allowed;\n opacity: 0.4;\n";
30
22
  };
31
23
  var disabledCurrentDay = function disabledCurrentDay() {
32
- return "\n ".concat(disabledDay(), ";\n --calendar_private-add-focus-outline-offset: 0.125rem;\n");
24
+ return "\n ".concat(disabledDay(), ";\n");
33
25
  };
34
26
  export var StyledDayRoot = /*#__PURE__*/styled.div.withConfig({
35
27
  componentId: "plasma-new-hope__sc-2y5uj0-1"
36
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:2.5rem;min-height:2rem;border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{--calendar_private-selected-min-width:2.25rem;--calendar_private-selected-min-height:1.75rem;--calendar_private-selected-background:var(", ");--calendar_private-selected-color:var(", ");--calendar_private-selectable-background-hover:var(", ");--calendar_private-current-border-color:var(", ");--calendar_private-current-background-hover:var(", ");--calendar_private-current-color-hover:var(", ");--calendar_private-current-child-background-hover:var(", ");--calendar_private-active-background:var(", ");--calendar_private-active-color:var(", ");--calendar_private-hovered-background:var(", ");--calendar_private-hovered-color:var(", ");", ";", ";}&.", "{", ";}&.", "{", ";}&.", "{", ";}"], tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontWeight, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarItemBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
28
+ })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{", ";", ";&.", "{", ";}}&.", "{color:var(", ");}&.", "{", ";}&.", "{", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontWeight, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
37
29
  var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
38
30
  return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
39
31
  }, function (_ref4) {
40
32
  var isDayInCurrentMonth = _ref4.isDayInCurrentMonth,
41
33
  isDouble = _ref4.isDouble;
42
34
  return !isDayInCurrentMonth && isDouble ? 'hidden' : 'visible';
43
- }, /*#__PURE__*/String(classes.selectableItem), tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, /*#__PURE__*/addFocus({
35
+ }, /*#__PURE__*/String(classes.selectableItem), /*#__PURE__*/addSelected({
36
+ minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemWidth, ") - 0.25rem)"),
37
+ minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemHeight, ") - 0.25rem)"),
38
+ selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarDaySelectedFontWeight, ")"),
39
+ selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
40
+ selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
41
+ selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
42
+ currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
43
+ activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
44
+ activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
45
+ }), /*#__PURE__*/addFocus({
46
+ outlineSize: '0.063rem',
47
+ outlineOffset: '-0.125rem',
48
+ outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
49
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemBorderRadius, ") + 0.125rem)")
50
+ }), classes.currentItem, /*#__PURE__*/addFocus({
44
51
  outlineSize: '0.063rem',
45
- outlineOffset: '-0.063rem',
52
+ outlineOffset: '-0.1875rem',
46
53
  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
47
- outlineRadius: '0.563rem'
48
- }), /*#__PURE__*/String(selectedMixin), /*#__PURE__*/String(classes.dayOfWeek), /*#__PURE__*/dayOfWeek(), /*#__PURE__*/String(classes.dayDisabled), /*#__PURE__*/disabledDay(), /*#__PURE__*/String(classes.dayDisabledCurrent), /*#__PURE__*/disabledCurrentDay());
54
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemBorderRadius, ") + 0.125rem)")
55
+ }), classes.dayOfWeek, tokens.calendarDayOfWeekColor, classes.dayDisabled, /*#__PURE__*/disabledDay(), classes.dayDisabledCurrent, /*#__PURE__*/disabledCurrentDay(), classes.currentItem, classes.dayInRange, classes.daySideRight, classes.daySideLeft);
49
56
  export var StyledEvents = /*#__PURE__*/styled.div.withConfig({
50
57
  componentId: "plasma-new-hope__sc-2y5uj0-2"
51
58
  })(["display:flex;position:absolute;bottom:0.25rem;"]);
@@ -1,11 +1,12 @@
1
1
  import styled from 'styled-components';
2
2
  import { flexCenter } from '../../mixins';
3
+ import { tokens } from '../../Calendar.tokens';
3
4
  export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
4
5
  componentId: "plasma-new-hope__sc-3ydwr5-0"
5
6
  })(["", ";"], /*#__PURE__*/String(flexCenter));
6
7
  export var StyledCalendarDays = /*#__PURE__*/styled.div.withConfig({
7
8
  componentId: "plasma-new-hope__sc-3ydwr5-1"
8
- })(["outline:none;padding:0.5rem 1rem 1.5rem;box-sizing:border-box;"]);
9
+ })(["outline:none;padding:var(", ");box-sizing:border-box;"], tokens.calendarDaysPadding);
9
10
  export var StyledCalendarDaysHint = /*#__PURE__*/styled.span.withConfig({
10
11
  componentId: "plasma-new-hope__sc-3ydwr5-2"
11
12
  })(["display:none;"]);
@@ -1,9 +1,9 @@
1
- var _IconDisclosureLeft, _IconDisclosureRight;
2
1
  import React, { useCallback, useMemo } from 'react';
3
- import { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
2
+ import { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
4
3
  import { CalendarState } from '../../store/types';
5
4
  import { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';
6
- import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledHeader, StyledHeaderDouble, StyledNavigation } from './CalendarHeader.styles';
5
+ import { classes } from '../../Calendar.tokens';
6
+ import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledDoubleHeaderWrapper, StyledHeader, StyledHeaderDate, StyledHeaderDouble, StyledNavigation } from './CalendarHeader.styles';
7
7
 
8
8
  /**
9
9
  * Компонент шапки календаря.
@@ -13,6 +13,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
13
13
  type = _ref$type === void 0 ? 'Days' : _ref$type,
14
14
  _ref$startYear = _ref.startYear,
15
15
  startYear = _ref$startYear === void 0 ? 0 : _ref$startYear,
16
+ size = _ref.size,
16
17
  firstDate = _ref.firstDate,
17
18
  secondDate = _ref.secondDate,
18
19
  isDouble = _ref.isDouble,
@@ -32,42 +33,55 @@ export var CalendarHeader = function CalendarHeader(_ref) {
32
33
  return '';
33
34
  }
34
35
  if (type === CalendarState.Days) {
35
- return "".concat(MONTH_NAMES[date.monthIndex], " ").concat(date.year);
36
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
37
+ color: "inherit",
38
+ size: size === 'xs' ? 'xs' : 's'
39
+ })));
36
40
  }
37
41
  if (type === CalendarState.Months) {
38
- return "".concat(date.year);
42
+ return /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
43
+ color: "inherit",
44
+ size: size === 'xs' ? 'xs' : 's'
45
+ }));
39
46
  }
40
47
  if (type === CalendarState.Years) {
41
- return "".concat(startYear, "\u2014").concat(startYear + YEAR_RENDER_COUNT - 1);
48
+ return /*#__PURE__*/React.createElement(StyledHeaderDate, null, startYear, "\u2014", startYear + YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
49
+ color: "inherit",
50
+ size: size === 'xs' ? 'xs' : 's'
51
+ }));
42
52
  }
43
53
  return '';
44
- }, [type, startYear]);
54
+ }, [type, startYear, size]);
45
55
  var currentCalendarType = getCalendarType(isDouble ? CalendarState.Days : type);
46
56
  var PreviousButton = useMemo(function () {
47
57
  return /*#__PURE__*/React.createElement(StyledArrow, {
48
- type: "button",
49
58
  "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 ".concat(currentCalendarType),
50
- tabIndex: 0,
51
59
  onClick: function onClick() {
52
60
  return onPrev();
53
61
  }
54
- }, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/React.createElement(IconDisclosureLeft, null)));
55
- }, [currentCalendarType, onPrev]);
62
+ }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
63
+ color: "inherit",
64
+ size: size === 'xs' ? 'xs' : 's'
65
+ }));
66
+ }, [currentCalendarType, size, onPrev]);
56
67
  var NextButton = useMemo(function () {
57
68
  return /*#__PURE__*/React.createElement(StyledArrow, {
58
- type: "button",
59
69
  "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 ".concat(currentCalendarType),
60
- tabIndex: 0,
61
70
  onClick: function onClick() {
62
71
  return onNext();
63
72
  }
64
- }, _IconDisclosureRight || (_IconDisclosureRight = /*#__PURE__*/React.createElement(IconDisclosureRight, null)));
65
- }, [currentCalendarType, onNext]);
66
- return /*#__PURE__*/React.createElement(StyledCalendarHeader, null, isDouble ? /*#__PURE__*/React.createElement(StyledNavigation, null, PreviousButton, /*#__PURE__*/React.createElement(StyledHeaderDouble, {
73
+ }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
74
+ color: "inherit",
75
+ size: size === 'xs' ? 'xs' : 's'
76
+ }));
77
+ }, [currentCalendarType, size, onNext]);
78
+ return /*#__PURE__*/React.createElement(StyledCalendarHeader, null, isDouble ? /*#__PURE__*/React.createElement(StyledNavigation, null, /*#__PURE__*/React.createElement(StyledDoubleHeaderWrapper, null, PreviousButton, /*#__PURE__*/React.createElement(StyledHeaderDouble, {
67
79
  "aria-live": "polite"
68
- }, getHeaderContent(firstDate)), /*#__PURE__*/React.createElement(StyledHeaderDouble, {
80
+ }, getHeaderContent(firstDate))), /*#__PURE__*/React.createElement(StyledDoubleHeaderWrapper, {
81
+ className: classes.doubleHeaderLastDateWrapper
82
+ }, /*#__PURE__*/React.createElement(StyledHeaderDouble, {
69
83
  "aria-live": "polite"
70
- }, getHeaderContent(secondDate)), NextButton) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeader, {
84
+ }, getHeaderContent(secondDate)), NextButton)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeader, {
71
85
  type: "button",
72
86
  "aria-live": "polite",
73
87
  id: "id-grid-label",