@salutejs/plasma-new-hope 0.324.0-canary.1972.15071772993.0 → 0.324.0-canary.1976.15107513065.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (431) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  2. package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
  3. package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
  4. package/cjs/components/Calendar/Calendar.tokens.js +11 -2
  5. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  6. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  7. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +15 -11
  8. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -9
  9. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  10. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  11. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  12. package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_8icaul.css → CalendarBase.styles_zk3a46.css} +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +18 -14
  14. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -9
  15. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  16. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  17. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  18. package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
  19. package/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  20. package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
  21. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -6
  22. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +6 -3
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  24. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +9 -3
  25. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  26. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +3 -0
  27. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +6 -5
  28. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
  29. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  30. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -1
  31. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  32. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
  33. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +6 -5
  34. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
  35. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  36. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -1
  37. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  38. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
  39. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +6 -5
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  42. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -1
  43. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  44. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -0
  45. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  46. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  47. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  48. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +4 -0
  49. package/cjs/components/Calendar/utils/calendarGridHelper.js +2 -10
  50. package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  51. package/cjs/components/Carousel/Carousel.js.map +1 -1
  52. package/cjs/components/DatePicker/DatePicker.tokens.js +9 -7
  53. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  54. package/cjs/components/DatePicker/DatePickerBase.styles.js +2 -19
  55. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  56. package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +2 -0
  57. package/cjs/components/DatePicker/RangeDate/RangeDate.css +25 -21
  58. package/cjs/components/DatePicker/RangeDate/RangeDate.js +10 -22
  59. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  60. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  61. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  62. package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_1rre7cd.css → RangeDate.styles_vzsqwo.css} +1 -1
  63. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +23 -19
  64. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +2 -42
  65. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  66. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +5 -38
  67. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  68. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +2 -0
  69. package/cjs/components/DatePicker/SingleDate/SingleDate.css +23 -19
  70. package/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -31
  71. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  72. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  73. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  74. package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_eae6ii.css → SingleDate.styles_4wd0mq.css} +1 -1
  75. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  76. package/cjs/components/DatePicker/utils/getOriginalDates.js.map +1 -1
  77. package/cjs/components/DatePicker/utils/normalizeDates.js.map +1 -1
  78. package/cjs/components/Select/Select.js.map +1 -1
  79. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  80. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  81. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  82. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  83. package/cjs/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
  84. package/cjs/components/Select/ui/SelectNative/SelectNative.styles.js.map +1 -1
  85. package/cjs/components/Select/ui/Target/Target.css +2 -2
  86. package/cjs/components/Select/ui/Target/ui/Button/Button.css +2 -2
  87. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  88. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  89. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  90. package/cjs/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
  91. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  92. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
  93. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  94. package/cjs/components/Toast/ToastNew/ToastNew.js.map +1 -1
  95. package/cjs/components/Toast/ToastNew/ToastNew.styles.js.map +1 -1
  96. package/cjs/index.css +28 -24
  97. package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +2 -2
  98. package/emotion/cjs/components/Calendar/Calendar.tokens.js +11 -2
  99. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -12
  100. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  101. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
  102. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
  103. package/emotion/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  104. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +6 -3
  105. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +8 -3
  106. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
  107. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +8 -3
  108. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
  109. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +8 -3
  110. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
  111. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +8 -3
  112. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  113. package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +3 -10
  114. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +10 -7
  115. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -9
  116. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -25
  117. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +13 -4
  118. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -46
  119. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -15
  120. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -33
  121. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  122. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +1 -1
  123. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -1
  124. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +12 -12
  125. package/emotion/cjs/components/Select/ui/SelectNative/SelectNative.styles.js +1 -1
  126. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +7 -7
  127. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -5
  128. package/emotion/cjs/components/Slider/components/Double/Double.styles.js +7 -7
  129. package/emotion/cjs/components/TextField/TextField.styles.js +22 -22
  130. package/emotion/cjs/components/Toast/ToastNew/ToastNew.styles.js +4 -4
  131. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
  132. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  133. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  134. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  135. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
  136. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
  137. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  138. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  139. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  140. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
  141. package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +2 -2
  142. package/emotion/es/components/Calendar/Calendar.tokens.js +11 -2
  143. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +3 -12
  144. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
  145. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
  146. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
  147. package/emotion/es/components/Calendar/hooks/useQuarters.js +1 -1
  148. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +8 -5
  149. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +7 -2
  150. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
  151. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -2
  152. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
  153. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -2
  154. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
  155. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -2
  156. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  157. package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -9
  158. package/emotion/es/components/DatePicker/DatePicker.tokens.js +9 -6
  159. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -9
  160. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +10 -26
  161. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +14 -5
  162. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -45
  163. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +4 -16
  164. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +7 -34
  165. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  166. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +1 -1
  167. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +1 -1
  168. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +12 -12
  169. package/emotion/es/components/Select/ui/SelectNative/SelectNative.styles.js +1 -1
  170. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +7 -7
  171. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -5
  172. package/emotion/es/components/Slider/components/Double/Double.styles.js +7 -7
  173. package/emotion/es/components/TextField/TextField.styles.js +22 -22
  174. package/emotion/es/components/Toast/ToastNew/ToastNew.styles.js +4 -4
  175. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
  176. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  177. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  178. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  179. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
  180. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
  181. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  182. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  183. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  184. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
  185. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  186. package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
  187. package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
  188. package/es/components/Calendar/Calendar.tokens.js +11 -2
  189. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  190. package/es/components/Calendar/Calendar.types.js.map +1 -1
  191. package/es/components/Calendar/CalendarBase/CalendarBase.css +15 -11
  192. package/es/components/Calendar/CalendarBase/CalendarBase.js +4 -9
  193. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  194. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  195. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  196. package/es/components/Calendar/CalendarBase/{CalendarBase.styles_8icaul.css → CalendarBase.styles_zk3a46.css} +1 -1
  197. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +18 -14
  198. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +5 -10
  199. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  200. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  201. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  202. package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
  203. package/es/components/Calendar/hooks/useQuarters.js +2 -2
  204. package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
  205. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -6
  206. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +8 -5
  207. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  208. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +9 -4
  209. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  210. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +3 -0
  211. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +6 -5
  212. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
  213. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  214. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -2
  215. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  216. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
  217. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +6 -5
  218. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
  219. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  220. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -2
  221. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  222. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
  223. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +6 -5
  224. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
  225. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  226. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -2
  227. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  228. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -0
  229. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  230. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  231. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  232. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +4 -0
  233. package/es/components/Calendar/utils/calendarGridHelper.js +3 -10
  234. package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  235. package/es/components/Carousel/Carousel.js.map +1 -1
  236. package/es/components/DatePicker/DatePicker.tokens.js +10 -7
  237. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  238. package/es/components/DatePicker/DatePickerBase.styles.js +2 -19
  239. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  240. package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +2 -0
  241. package/es/components/DatePicker/RangeDate/RangeDate.css +25 -21
  242. package/es/components/DatePicker/RangeDate/RangeDate.js +11 -22
  243. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  244. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  245. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  246. package/es/components/DatePicker/RangeDate/{RangeDate.styles_1rre7cd.css → RangeDate.styles_vzsqwo.css} +1 -1
  247. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +23 -19
  248. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -42
  249. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  250. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +5 -38
  251. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  252. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +2 -0
  253. package/es/components/DatePicker/SingleDate/SingleDate.css +23 -19
  254. package/es/components/DatePicker/SingleDate/SingleDate.js +8 -31
  255. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  256. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  257. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  258. package/es/components/DatePicker/SingleDate/{SingleDate.styles_eae6ii.css → SingleDate.styles_4wd0mq.css} +1 -1
  259. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  260. package/es/components/DatePicker/utils/getOriginalDates.js.map +1 -1
  261. package/es/components/DatePicker/utils/normalizeDates.js.map +1 -1
  262. package/es/components/Select/Select.js.map +1 -1
  263. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  264. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  265. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  266. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  267. package/es/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
  268. package/es/components/Select/ui/SelectNative/SelectNative.styles.js.map +1 -1
  269. package/es/components/Select/ui/Target/Target.css +2 -2
  270. package/es/components/Select/ui/Target/ui/Button/Button.css +2 -2
  271. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  272. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  273. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  274. package/es/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
  275. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  276. package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
  277. package/es/components/TextField/TextField.styles.js.map +1 -1
  278. package/es/components/Toast/ToastNew/ToastNew.js.map +1 -1
  279. package/es/components/Toast/ToastNew/ToastNew.styles.js.map +1 -1
  280. package/es/index.css +28 -24
  281. package/package.json +3 -4
  282. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +11 -2
  283. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -12
  284. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  285. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
  286. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  287. package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  288. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +6 -3
  289. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +8 -4
  290. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
  291. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +6 -2
  292. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
  293. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +6 -2
  294. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
  295. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +6 -2
  296. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  297. package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +3 -10
  298. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +10 -7
  299. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +2 -8
  300. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -25
  301. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  302. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -46
  303. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -15
  304. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -33
  305. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  306. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +1 -1
  307. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -1
  308. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
  309. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +2 -2
  310. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  311. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
  312. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  313. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  314. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  315. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
  316. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
  317. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  318. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  319. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  320. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
  321. package/styled-components/es/components/Calendar/Calendar.tokens.js +11 -2
  322. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +3 -12
  323. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  324. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
  325. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
  326. package/styled-components/es/components/Calendar/hooks/useQuarters.js +1 -1
  327. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +8 -5
  328. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +7 -3
  329. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
  330. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +5 -1
  331. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
  332. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +5 -1
  333. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
  334. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +5 -1
  335. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  336. package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -9
  337. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +9 -6
  338. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +2 -8
  339. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +10 -26
  340. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
  341. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -45
  342. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +4 -16
  343. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +7 -34
  344. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  345. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +1 -1
  346. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +1 -1
  347. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
  348. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +2 -2
  349. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
  350. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
  351. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  352. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  353. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  354. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
  355. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
  356. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  357. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  358. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  359. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
  360. package/types/components/Autocomplete/Autocomplete.d.ts +1 -1
  361. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  362. package/types/components/Autocomplete/Autocomplete.types.d.ts +1 -1
  363. package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
  364. package/types/components/Calendar/Calendar.tokens.d.ts +10 -1
  365. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  366. package/types/components/Calendar/Calendar.types.d.ts +0 -4
  367. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  368. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  369. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  370. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  371. package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
  372. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  373. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +1 -0
  374. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  375. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  376. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +1 -0
  377. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  378. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  379. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +1 -0
  380. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
  381. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
  382. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +1 -0
  383. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  384. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
  385. package/types/components/Calendar/utils/calendarGridHelper.d.ts +0 -1
  386. package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
  387. package/types/components/Carousel/Carousel.d.ts +1 -1
  388. package/types/components/Carousel/Carousel.d.ts.map +1 -1
  389. package/types/components/Carousel/Carousel.types.d.ts +1 -1
  390. package/types/components/Carousel/Carousel.types.d.ts.map +1 -1
  391. package/types/components/DatePicker/DatePicker.tokens.d.ts +8 -5
  392. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  393. package/types/components/DatePicker/DatePickerBase.styles.d.ts +1 -4
  394. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  395. package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -19
  396. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  397. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
  398. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  399. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  400. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  401. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  402. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +4 -17
  403. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
  404. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +20 -12
  405. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
  406. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +4 -4
  407. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  408. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  409. package/types/components/Select/Select.d.ts +1 -1
  410. package/types/components/Select/Select.d.ts.map +1 -1
  411. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  412. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +1 -1
  413. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  414. package/types/components/Select/ui/SelectNative/SelectNative.styles.d.ts.map +1 -1
  415. package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
  416. package/types/components/Toast/ToastNew/ToastNew.d.ts +1 -1
  417. package/types/components/Toast/ToastNew/ToastNew.d.ts.map +1 -1
  418. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +0 -2
  419. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +0 -1
  420. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +0 -1
  421. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +0 -1
  422. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +0 -4
  423. package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +0 -2
  424. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +0 -2
  425. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +0 -2
  426. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +0 -1
  427. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +0 -1
  428. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +0 -1
  429. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +0 -4
  430. package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +0 -2
  431. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +0 -2
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
8
8
  function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
9
9
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
10
10
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
11
- import React, { Fragment, useCallback, useEffect, useRef } from 'react';
11
+ import React, { useCallback, useEffect, useRef } from 'react';
12
12
  import { useDays } from "../../hooks";
13
13
  import { canSelectDate, FULL_DAY_NAMES, getInRange, getSideInRange, isSameDay, isSelectProcess, ROW_STEP, SHORT_DAY_NAMES, I18N } from "../../utils";
14
14
  import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
15
15
  import { innerTokens, tokens } from "../../Calendar.tokens";
16
- import { StyledCalendarDays, StyledCalendarDaysHint } from "./CalendarDays.styles";
16
+ import { StyledCalendarDays, StyledCalendarDaysHint, StyledFlex } from "./CalendarDays.styles";
17
17
  /**
18
18
  * Компонент дней в календаре.
19
19
  */
@@ -51,7 +51,7 @@ export var CalendarDays = function CalendarDays(_ref) {
51
51
  var selectedRef = useRef(selected);
52
52
  var onSetSelectedRef = useRef(onSetSelected);
53
53
  var offset = isSecond ? ROW_STEP : 0;
54
- var dayItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarDayFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarDayFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarDayFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarDayFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarDayFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarDayFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarDaySelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarDayItemBorderRadius, ")"));
54
+ var dayItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarDayFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarDayFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarDayFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarDayFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarDayFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarDayFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarDaySelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarDayItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarDayItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarDayItemBorderRadius, ")"));
55
55
  var getSelectedDate = useCallback(function (event) {
56
56
  var _event$currentTarget$ = event.currentTarget.dataset,
57
57
  day = _event$currentTarget$.day,
@@ -108,7 +108,9 @@ export var CalendarDays = function CalendarDays(_ref) {
108
108
  onMouseLeave: handleMouseOutGrid
109
109
  }, /*#__PURE__*/React.createElement(StyledCalendarDaysHint, {
110
110
  id: "withShift"
111
- }, I18N.navigationByShift[locale]), /*#__PURE__*/React.createElement(React.Fragment, null, SHORT_DAY_NAMES[locale].map(function (name) {
111
+ }, I18N.navigationByShift[locale]), /*#__PURE__*/React.createElement(StyledFlex, {
112
+ role: "row"
113
+ }, SHORT_DAY_NAMES[locale].map(function (name) {
112
114
  return /*#__PURE__*/React.createElement(DateStructureItem, {
113
115
  role: "columnheader",
114
116
  "aria-label": FULL_DAY_NAMES[locale][name],
@@ -118,7 +120,8 @@ export var CalendarDays = function CalendarDays(_ref) {
118
120
  style: dayItemTokens
119
121
  }, name);
120
122
  })), days.map(function (day, i) {
121
- return /*#__PURE__*/React.createElement(Fragment, {
123
+ return /*#__PURE__*/React.createElement(StyledFlex, {
124
+ role: "row",
122
125
  key: i
123
126
  }, day.map(function (_ref2, j) {
124
127
  var date = _ref2.date,
@@ -1,8 +1,12 @@
1
1
  import styled from 'styled-components';
2
+ import { flexCenter } from "../../mixins";
2
3
  import { tokens } from "../../Calendar.tokens";
3
- export var StyledCalendarDays = /*#__PURE__*/styled.div.withConfig({
4
+ export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
4
5
  componentId: "plasma-new-hope__sc-3ydwr5-0"
5
- })(["outline:none;padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;"], tokens.calendarDaysPadding);
6
- export var StyledCalendarDaysHint = /*#__PURE__*/styled.span.withConfig({
6
+ })(["", ";"], /*#__PURE__*/String(flexCenter));
7
+ export var StyledCalendarDays = /*#__PURE__*/styled.div.withConfig({
7
8
  componentId: "plasma-new-hope__sc-3ydwr5-1"
9
+ })(["outline:none;padding:var(", ");box-sizing:border-box;"], tokens.calendarDaysPadding);
10
+ export var StyledCalendarDaysHint = /*#__PURE__*/styled.span.withConfig({
11
+ componentId: "plasma-new-hope__sc-3ydwr5-2"
8
12
  })(["display:none;"]);
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
8
8
  function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
9
9
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
10
10
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
11
- import React, { Fragment, useCallback, useEffect, useRef } from 'react';
11
+ import React, { useCallback, useEffect, useRef } from 'react';
12
12
  import { useMonths } from "../../hooks";
13
13
  import { innerTokens, tokens } from "../../Calendar.tokens";
14
14
  import { ROW_MONTH_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from "../../utils";
15
15
  import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
16
- import { StyledCalendarMonths } from "./CalendarMonths.styles";
16
+ import { StyledCalendarMonths, StyledFlex } from "./CalendarMonths.styles";
17
17
 
18
18
  /**
19
19
  * Компонент месяцев в календаре.
@@ -52,7 +52,7 @@ export var CalendarMonths = function CalendarMonths(_ref) {
52
52
  var selectedRef = useRef(selected);
53
53
  var onSetSelectedRef = useRef(onSetSelected);
54
54
  var offset = isSecond ? ROW_MONTH_STEP : 0;
55
- var monthItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarMonthFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarMonthFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarMonthFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarMonthFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarMonthFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarMonthFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarMonthSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarMonthItemBorderRadius, ")"));
55
+ var monthItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarMonthFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarMonthFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarMonthFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarMonthFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarMonthFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarMonthFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarMonthSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarMonthItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarMonthItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarMonthItemBorderRadius, ")"));
56
56
  var getSelectedDate = useCallback(function (event) {
57
57
  var _event$currentTarget$ = event.currentTarget.dataset,
58
58
  day = _event$currentTarget$.day,
@@ -112,7 +112,8 @@ export var CalendarMonths = function CalendarMonths(_ref) {
112
112
  onKeyDown: onKeyDown,
113
113
  onMouseLeave: handleMouseOutGrid
114
114
  }, months.map(function (month, i) {
115
- return /*#__PURE__*/React.createElement(Fragment, {
115
+ return /*#__PURE__*/React.createElement(StyledFlex, {
116
+ role: "row",
116
117
  key: i
117
118
  }, month.map(function (_ref2, j) {
118
119
  var monthName = _ref2.monthName,
@@ -1,5 +1,9 @@
1
1
  import styled from 'styled-components';
2
2
  import { tokens } from "../../Calendar.tokens";
3
+ import { flexCenter } from "../../mixins";
3
4
  export var StyledCalendarMonths = /*#__PURE__*/styled.div.withConfig({
4
5
  componentId: "plasma-new-hope__sc-mx5ps9-0"
5
- })(["padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;"], tokens.calendarMonthsPadding);
6
+ })(["padding:var(", ");box-sizing:border-box;"], tokens.calendarMonthsPadding);
7
+ export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
8
+ componentId: "plasma-new-hope__sc-mx5ps9-1"
9
+ })(["", ";"], /*#__PURE__*/String(flexCenter));
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
8
8
  function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
9
9
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
10
10
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
11
- import React, { Fragment, useCallback, useEffect, useRef } from 'react';
11
+ import React, { useCallback, useEffect, useRef } from 'react';
12
12
  import { useQuarters } from "../../hooks";
13
13
  import { innerTokens, tokens } from "../../Calendar.tokens";
14
14
  import { ROW_QUARTER_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from "../../utils";
15
15
  import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
16
- import { StyledCalendarQuarters } from "./CalendarQuarters.styles";
16
+ import { StyledCalendarQuarters, StyledFlex } from "./CalendarQuarters.styles";
17
17
 
18
18
  /**
19
19
  * Компонент кварталов в календаре.
@@ -50,7 +50,7 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
50
50
  var selectedRef = useRef(selected);
51
51
  var onSetSelectedRef = useRef(onSetSelected);
52
52
  var offset = isSecond ? ROW_QUARTER_STEP : 0;
53
- var quarterItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarQuarterFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarQuarterFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarQuarterFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarQuarterFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarQuarterFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarQuarterFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarQuarterSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarQuarterItemBorderRadius, ")"));
53
+ var quarterItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarQuarterFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarQuarterFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarQuarterFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarQuarterFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarQuarterFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarQuarterFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarQuarterSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarQuarterItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarQuarterItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarQuarterItemBorderRadius, ")"));
54
54
  var getSelectedDate = useCallback(function (event) {
55
55
  var _event$currentTarget$ = event.currentTarget.dataset,
56
56
  day = _event$currentTarget$.day,
@@ -110,7 +110,8 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
110
110
  onKeyDown: onKeyDown,
111
111
  onMouseLeave: handleMouseOutGrid
112
112
  }, quarters.map(function (quarter, i) {
113
- return /*#__PURE__*/React.createElement(Fragment, {
113
+ return /*#__PURE__*/React.createElement(StyledFlex, {
114
+ role: "row",
114
115
  key: i
115
116
  }, quarter.map(function (_ref2, j) {
116
117
  var quarterName = _ref2.quarterName,
@@ -1,5 +1,9 @@
1
1
  import styled from 'styled-components';
2
2
  import { tokens } from "../../Calendar.tokens";
3
+ import { flexCenter } from "../../mixins";
3
4
  export var StyledCalendarQuarters = /*#__PURE__*/styled.div.withConfig({
4
5
  componentId: "plasma-new-hope__sc-1grqaka-0"
5
- })(["padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;"], tokens.calendarQuartersPadding);
6
+ })(["padding:var(", ");box-sizing:border-box;"], tokens.calendarQuartersPadding);
7
+ export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
8
+ componentId: "plasma-new-hope__sc-1grqaka-1"
9
+ })(["", ";"], /*#__PURE__*/String(flexCenter));
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
8
8
  function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
9
9
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
10
10
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
11
- import React, { Fragment, useCallback, useEffect, useRef } from 'react';
11
+ import React, { useCallback, useEffect, useRef } from 'react';
12
12
  import { useYears } from "../../hooks";
13
13
  import { innerTokens, tokens } from "../../Calendar.tokens";
14
14
  import { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from "../../utils";
15
15
  import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
16
- import { StyledCalendarYears } from "./CalendarYears.styles";
16
+ import { StyledCalendarYears, StyledFlex } from "./CalendarYears.styles";
17
17
 
18
18
  /**
19
19
  * Компонент годов в календаре.
@@ -52,7 +52,7 @@ export var CalendarYears = function CalendarYears(_ref) {
52
52
  var selectedRef = useRef(selected);
53
53
  var onSetSelectedRef = useRef(onSetSelected);
54
54
  var offset = isSecond ? ROW_YEAR_STEP : 0;
55
- var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarYearFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarYearFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarYearFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarYearFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarYearFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarYearFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarYearSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarYearItemBorderRadius, ")"));
55
+ var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarYearFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarYearFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarYearFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarYearFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarYearFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarYearFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarYearSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureWidth), "var(".concat(tokens.calendarYearItemWidth, ")")), "".concat(innerTokens.dateStructureHeight), "var(".concat(tokens.calendarYearItemHeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarYearItemBorderRadius, ")"));
56
56
  var getSelectedDate = useCallback(function (event) {
57
57
  var _event$currentTarget$ = event.currentTarget.dataset,
58
58
  day = _event$currentTarget$.day,
@@ -112,7 +112,8 @@ export var CalendarYears = function CalendarYears(_ref) {
112
112
  onKeyDown: onKeyDown,
113
113
  onMouseLeave: handleMouseOutGrid
114
114
  }, years.map(function (year, i) {
115
- return /*#__PURE__*/React.createElement(Fragment, {
115
+ return /*#__PURE__*/React.createElement(StyledFlex, {
116
+ role: "row",
116
117
  key: i
117
118
  }, year.map(function (_ref2, j) {
118
119
  var yearValue = _ref2.yearValue,
@@ -1,5 +1,9 @@
1
1
  import styled from 'styled-components';
2
2
  import { tokens } from "../../Calendar.tokens";
3
+ import { flexCenter } from "../../mixins";
3
4
  export var StyledCalendarYears = /*#__PURE__*/styled.div.withConfig({
4
5
  componentId: "plasma-new-hope__sc-153qwc7-0"
5
- })(["padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;"], tokens.calendarYearsPadding);
6
+ })(["padding:var(", ");box-sizing:border-box;"], tokens.calendarYearsPadding);
7
+ export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
8
+ componentId: "plasma-new-hope__sc-153qwc7-1"
9
+ })(["", ";"], /*#__PURE__*/String(flexCenter));
@@ -25,12 +25,12 @@ var disabledCurrentItem = function disabledCurrentItem() {
25
25
  };
26
26
  export var StyledItemRoot = /*#__PURE__*/styled.div.withConfig({
27
27
  componentId: "plasma-new-hope__sc-14wxiia-1"
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;border-radius:var(", ");", ";color:", ";&.", "{", ";", ";&.", "{", ";}}&.", ":not(.", "){", ";}&.", "{color:var(", ");}&.", "{color:", ";", ";}&.", "{color:", ";", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], innerTokens.dateStructureFontFamily, innerTokens.dateStructureFontSize, innerTokens.dateStructureFontStyle, innerTokens.dateStructureFontWeight, innerTokens.dateStructureFontLetterSpacing, innerTokens.dateStructureFontLineHeight, innerTokens.dateStructureBorderRadius, /*#__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:", ";&.", "{", ";", ";&.", "{", ";}}&.", ":not(.", "){", ";}&.", "{color:var(", ");}&.", "{color:", ";", ";}&.", "{color:", ";", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], innerTokens.dateStructureFontFamily, innerTokens.dateStructureFontSize, innerTokens.dateStructureFontStyle, innerTokens.dateStructureFontWeight, innerTokens.dateStructureFontLetterSpacing, innerTokens.dateStructureFontLineHeight, innerTokens.dateStructureWidth, innerTokens.dateStructureHeight, innerTokens.dateStructureBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
29
29
  var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
30
30
  return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
31
31
  }, /*#__PURE__*/String(classes.selectableItem), /*#__PURE__*/addSelected({
32
- minWidth: 'calc(100% - 0.125rem)',
33
- minHeight: 'calc(100% - 0.125rem)',
32
+ minWidth: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureWidth, ") - 0.25rem)"),
33
+ minHeight: /*#__PURE__*/"calc(var(".concat(innerTokens.dateStructureHeight, ") - 0.25rem)"),
34
34
  selectedFontWeight: /*#__PURE__*/"var(".concat(innerTokens.dateStructureSelectedFontWeight, ")"),
35
35
  selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
36
36
  selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
@@ -64,13 +64,6 @@ export var isCurrentMonth = function isCurrentMonth(date, monthIndex) {
64
64
  currentYear = _getDateFromNow2.year;
65
65
  return monthIndex === currentMonthIndex && date.year === currentYear;
66
66
  };
67
- export var isCurrentQuarter = function isCurrentQuarter(date, monthIndex) {
68
- var _getDateFromNow3 = getDateFromNow(),
69
- currentMonthIndex = _getDateFromNow3.monthIndex,
70
- currentYear = _getDateFromNow3.year;
71
- var currentQuarterCondition = currentMonthIndex - monthIndex <= 3 && currentMonthIndex - monthIndex > 0;
72
- return currentQuarterCondition && date.year === currentYear;
73
- };
74
67
  export var isSelectedMonth = function isSelectedMonth(date, currentMonth, value) {
75
68
  if (!value) {
76
69
  return false;
@@ -81,8 +74,8 @@ export var isSelectedMonth = function isSelectedMonth(date, currentMonth, value)
81
74
  return currentMonth === monthIndex && date.year === year;
82
75
  };
83
76
  export var isCurrentYear = function isCurrentYear(year) {
84
- var _getDateFromNow4 = getDateFromNow(),
85
- currentYear = _getDateFromNow4.year;
77
+ var _getDateFromNow3 = getDateFromNow(),
78
+ currentYear = _getDateFromNow3.year;
86
79
  return year === currentYear;
87
80
  };
88
81
  export var isSelectedYear = function isSelectedYear(yearValue, value) {
@@ -1,12 +1,7 @@
1
1
  export var classes = {
2
2
  datePickerError: 'date-picker-error',
3
3
  datePickerSuccess: 'date-picker-success',
4
- datePickerRoot: 'date-picker-root',
5
- datePickerStretch: 'date-picker-stretch',
6
- datePickerCalendarStretch: 'date-picker-calendar-stretch'
7
- };
8
- export var pivateTokens = {
9
- calendarDoubleWidth: '--plasma_private-calendar-double-width'
4
+ datePickerRoot: 'date-picker-root'
10
5
  };
11
6
  export var tokens = {
12
7
  width: '--plasma-date-picker-width',
@@ -137,6 +132,8 @@ export var tokens = {
137
132
  calendarBorderColor: '--plasma-date-picker-calendar-border-color',
138
133
  calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
139
134
  calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
135
+ calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
136
+ calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
140
137
  calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
141
138
  calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
142
139
  calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
@@ -146,6 +143,8 @@ export var tokens = {
146
143
  calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
147
144
  calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
148
145
  calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
146
+ calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
147
+ calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
149
148
  calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
150
149
  calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
151
150
  calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
@@ -155,6 +154,8 @@ export var tokens = {
155
154
  calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
156
155
  calendarQuartersPadding: '--plasma-date-picker-calendar__quarters-padding',
157
156
  calendarQuarterItemBorderRadius: '--plasma-date-picker-calendar__quarter-item-border-radius',
157
+ calendarQuarterItemWidth: '--plasma-date-picker-calendar__quarter-item-width',
158
+ calendarQuarterItemHeight: '--plasma-date-picker-calendar__quarter-item-height',
158
159
  calendarQuarterFontFamily: '--plasma-date-picker-calendar__quarter-font-family',
159
160
  calendarQuarterFontSize: '--plasma-date-picker-calendar__quarter-font-size',
160
161
  calendarQuarterFontStyle: '--plasma-date-picker-calendar__quarter-font-style',
@@ -164,6 +165,8 @@ export var tokens = {
164
165
  calendarQuarterSelectedFontWeight: '--plasma-date-picker-calendar__quarter-selected-font-weight',
165
166
  calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
166
167
  calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
168
+ calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
169
+ calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
167
170
  calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
168
171
  calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
169
172
  calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',
@@ -5,18 +5,12 @@ import { calendarBaseConfig, calendarBaseTokens } from "../Calendar";
5
5
  import { tokens } from "./DatePicker.tokens";
6
6
  var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
7
7
  var Calendar = /*#__PURE__*/component(mergedCalendarConfig);
8
- export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
8
+ export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarWidth, ": var(").concat(tokens.calendarWidth, ");\n ").concat(calendarBaseTokens.calendarHeight, ": var(").concat(tokens.calendarHeight, ");\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearItemWidth, ": var(").concat(tokens.calendarYearItemWidth, ");\n ").concat(calendarBaseTokens.calendarYearItemHeight, ": var(").concat(tokens.calendarYearItemHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(tokens.calendarMonthItemWidth, ");\n ").concat(calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(tokens.calendarMonthItemHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(tokens.calendarQuarterItemWidth, ");\n ").concat(calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(tokens.calendarQuarterItemHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayItemWidth, ": var(").concat(tokens.calendarDayItemWidth, ");\n ").concat(calendarBaseTokens.calendarDayItemHeight, ": var(").concat(tokens.calendarDayItemHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n\n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n\n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
9
9
 
10
10
  // NOTE: переопределение токенов Calendar
11
11
  export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
12
12
  componentId: "plasma-new-hope__sc-1i6o09y-0"
13
- })(["", " width:", ";height:", ";"], baseCalendarTokens, function (_ref) {
14
- var innerWidth = _ref.innerWidth;
15
- return innerWidth || "var(".concat(tokens.calendarWidth, ")");
16
- }, function (_ref2) {
17
- var innerHeight = _ref2.innerHeight;
18
- return innerHeight || "var(".concat(tokens.calendarHeight, ")");
19
- });
13
+ })(["width:var(", ");", ""], tokens.width, baseCalendarTokens);
20
14
  export var InputHidden = /*#__PURE__*/styled.input.withConfig({
21
15
  componentId: "plasma-new-hope__sc-1i6o09y-1"
22
16
  })(["", ";"], /*#__PURE__*/applyHidden());
@@ -1,9 +1,5 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarWidth", "calendarHeight", "stretch", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
1
+ var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
3
2
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
4
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
3
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
8
4
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
9
5
  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -13,8 +9,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
13
9
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
14
10
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
15
11
  import React, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
16
- import cls from 'classnames';
17
- import { noop } from "../../../utils";
12
+ import { cx, noop } from "../../../utils";
18
13
  import { getDateFormatDelimiter } from "../utils/dateHelper";
19
14
  import { useDatePicker } from "../hooks/useDatePicker";
20
15
  import { classes } from "../DatePicker.tokens";
@@ -108,9 +103,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
108
103
  _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
109
104
  closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
110
105
  offset = _ref.offset,
111
- calendarWidth = _ref.calendarWidth,
112
- calendarHeight = _ref.calendarHeight,
113
- stretch = _ref.stretch,
114
106
  onToggle = _ref.onToggle,
115
107
  onChange = _ref.onChange,
116
108
  onChangeFirstValue = _ref.onChangeFirstValue,
@@ -492,25 +484,21 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
492
484
  useLayoutEffect(function () {
493
485
  updateExternalSecondDate(defaultSecondDate);
494
486
  }, [defaultSecondDate, format, lang]);
495
- var RootWrapper = useCallback(/*#__PURE__*/forwardRef(function (_ref6, rootWrapperRef) {
496
- var children = _ref6.children,
497
- rootWrapperClassName = _ref6.className,
498
- onClick = _ref6.onClick;
487
+ var RootWrapper = useCallback(function (_ref6) {
488
+ var children = _ref6.children;
499
489
  return /*#__PURE__*/React.createElement(Root, {
500
- ref: rootWrapperRef,
501
490
  view: view,
502
491
  size: size,
503
- className: rootWrapperClassName,
492
+ className: cx(classes.datePickerRoot, className),
504
493
  disabled: disabled,
505
- readOnly: !disabled && readOnly,
506
- onClick: onClick
494
+ readOnly: !disabled && readOnly
507
495
  }, children);
508
- }), [view, size, disabled, readOnly]);
496
+ }, [view, size, disabled, readOnly]);
509
497
  return /*#__PURE__*/React.createElement(Root, _extends({
510
498
  ref: rootRef,
511
499
  view: view,
512
500
  size: size,
513
- className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerStretch, stretch)),
501
+ className: cx(classes.datePickerRoot, className),
514
502
  disabled: disabled,
515
503
  readOnly: !disabled && readOnly
516
504
  }, rest), /*#__PURE__*/React.createElement(RangeDatePopover, {
@@ -535,19 +523,15 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
535
523
  closeOnOverlayClick: closeOnOverlayClick,
536
524
  closeOnEsc: closeOnEsc,
537
525
  offset: offset,
538
- stretch: stretch,
539
- calendarWidth: calendarWidth,
540
- calendarHeight: calendarHeight,
541
526
  type: type,
542
527
  onToggle: handleToggle,
543
528
  lang: lang,
544
529
  isDoubleCalendar: isDoubleCalendar,
545
530
  rootWrapper: RootWrapper,
546
531
  onChangeStartOfRange: handleChangeStartOfRange,
547
- onChangeValue: handleChangeCalendarValue,
548
- setIsInnerOpen: setIsInnerOpen
532
+ onChangeValue: handleChangeCalendarValue
549
533
  }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
550
- className: cls(rangeErrorClass, rangeSuccessClass)
534
+ className: cx(rangeErrorClass, rangeSuccessClass)
551
535
  }, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
552
536
  name: name,
553
537
  type: "hidden",
@@ -3,7 +3,7 @@ import { css } from 'styled-components';
3
3
  import { component, mergeConfig } from "../../../engines";
4
4
  import { rangeConfig, rangeTokens } from "../../Range";
5
5
  import { classes, tokens } from "../DatePicker.tokens";
6
- import { popoverClasses, popoverConfig } from "../../Popover";
6
+ import { popoverConfig } from "../../Popover";
7
7
  var mergedRangeConfig = /*#__PURE__*/mergeConfig(rangeConfig);
8
8
  var Range = /*#__PURE__*/component(mergedRangeConfig);
9
9
  var mergedPopoverConfig = /*#__PURE__*/mergeConfig(popoverConfig);
@@ -16,7 +16,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
16
16
  export var StyledRange = /*#__PURE__*/styled(Range).withConfig({
17
17
  componentId: "plasma-new-hope__sc-14j95rs-1"
18
18
  })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.indicatorColor, tokens.indicatorColor, rangeTokens.indicatorSize, tokens.indicatorSize, rangeTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, rangeTokens.indicatorPlacement, tokens.indicatorPlacement, rangeTokens.indicatorOuterPlacement, tokens.indicatorOuterPlacement, rangeTokens.indicatorPlacementRight, tokens.indicatorPlacementRight, rangeTokens.indicatorOuterPlacementRight, tokens.indicatorOuterPlacementRight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
19
- export var base = /*#__PURE__*/css(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", ",", "{width:100%;}}"], popoverClasses.wrapper, popoverClasses.target, classes.datePickerStretch, popoverClasses.root, StyledRange);
19
+ export var base = /*#__PURE__*/css(["display:inline-block;"]);
20
20
  export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
21
21
  componentId: "plasma-new-hope__sc-14j95rs-2"
22
22
  })(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], tokens.leftHelperColor, classes.datePickerError, tokens.leftHelperColorError, classes.datePickerSuccess, tokens.leftHelperColorSuccess);
@@ -1,12 +1,6 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
3
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
4
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
5
- import React, { useRef } from 'react';
6
- import cls from 'classnames';
7
- import { getPlacements, getSizeValueFromProp } from "../../../../utils";
1
+ import React from 'react';
2
+ import { getPlacements } from "../../../../utils";
8
3
  import { StyledPopover } from "../RangeDate.styles";
9
- import { classes } from "../../DatePicker.tokens";
10
4
  import { StyledCalendar, StyledCalendarDouble } from "./RangeDatePopover.styles";
11
5
  export var RangeDatePopover = function RangeDatePopover(_ref) {
12
6
  var Root = _ref.rootWrapper,
@@ -37,35 +31,14 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
37
31
  closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
38
32
  closeOnEsc = _ref.closeOnEsc,
39
33
  offset = _ref.offset,
40
- calendarWidth = _ref.calendarWidth,
41
- calendarHeight = _ref.calendarHeight,
42
- stretch = _ref.stretch,
43
34
  type = _ref.type,
44
35
  size = _ref.size,
45
36
  _ref$lang = _ref.lang,
46
37
  lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
47
- disabled = _ref.disabled,
48
- readOnly = _ref.readOnly,
49
- setIsInnerOpen = _ref.setIsInnerOpen,
50
38
  onChangeValue = _ref.onChangeValue,
51
39
  onChangeStartOfRange = _ref.onChangeStartOfRange,
52
40
  onToggle = _ref.onToggle;
53
41
  var innerIsOpen = Boolean(isOpen || opened);
54
- var calendarRootRef = useRef(null);
55
- var doubleCalendarRootRef = useRef(null);
56
- var calendarWidthValue = calendarWidth ? getSizeValueFromProp(calendarWidth, 'rem') : undefined;
57
- var calendarHeightValue = calendarHeight ? getSizeValueFromProp(calendarHeight, 'rem') : undefined;
58
- var handleCalendarRootClick = function handleCalendarRootClick(event) {
59
- if (disabled || readOnly) {
60
- return;
61
- }
62
- if (innerIsOpen && stretch && (event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current) || event.target === (doubleCalendarRootRef === null || doubleCalendarRootRef === void 0 ? void 0 : doubleCalendarRootRef.current))) {
63
- setIsInnerOpen(false);
64
- if (onToggle) {
65
- onToggle(false, event);
66
- }
67
- }
68
- };
69
42
  if (isDoubleCalendar) {
70
43
  return /*#__PURE__*/React.createElement(StyledPopover, {
71
44
  opened: innerIsOpen,
@@ -79,14 +52,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
79
52
  isFocusTrapped: false,
80
53
  target: target,
81
54
  preventOverflow: false
82
- }, /*#__PURE__*/React.createElement(Root, {
83
- ref: doubleCalendarRootRef,
84
- className: cls(classes.datePickerRoot, _defineProperty({}, classes.datePickerStretch, stretch)),
85
- onClick: handleCalendarRootClick
86
- }, /*#__PURE__*/React.createElement(StyledCalendarDouble, {
87
- className: cls(_defineProperty({}, classes.datePickerCalendarStretch, stretch)),
88
- innerWidth: calendarWidthValue,
89
- innerHeight: calendarHeightValue,
55
+ }, /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(StyledCalendarDouble, {
90
56
  size: size,
91
57
  value: calendarValue,
92
58
  eventList: eventList,
@@ -120,14 +86,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
120
86
  target: target,
121
87
  preventOverflow: false,
122
88
  closeOnEsc: closeOnEsc
123
- }, /*#__PURE__*/React.createElement(Root, {
124
- ref: calendarRootRef,
125
- className: cls(classes.datePickerRoot, _defineProperty({}, classes.datePickerStretch, stretch)),
126
- onClick: handleCalendarRootClick
127
- }, /*#__PURE__*/React.createElement(StyledCalendar, {
128
- className: cls(_defineProperty({}, classes.datePickerCalendarStretch, stretch)),
129
- innerWidth: calendarWidthValue,
130
- innerHeight: calendarHeightValue,
89
+ }, /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(StyledCalendar, {
131
90
  size: size,
132
91
  value: calendarValue,
133
92
  eventList: eventList,