@salutejs/plasma-new-hope 0.324.0-canary.1972.15071772993.0 → 0.324.0-canary.1975.15178599766.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 (377) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +11 -2
  2. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  3. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +15 -11
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -9
  6. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  7. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  8. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  9. package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_8icaul.css → CalendarBase.styles_zk3a46.css} +1 -1
  10. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +18 -14
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -9
  12. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  14. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  15. package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
  16. package/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  17. package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
  18. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -6
  19. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +6 -3
  20. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  21. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +9 -3
  22. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +3 -0
  24. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +6 -5
  25. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
  26. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  27. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -1
  28. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  29. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
  30. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +6 -5
  31. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
  32. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  33. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -1
  34. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  35. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
  36. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +6 -5
  37. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
  38. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  39. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -1
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -0
  42. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  43. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  44. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  45. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +4 -0
  46. package/cjs/components/Calendar/utils/calendarGridHelper.js +2 -10
  47. package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  48. package/cjs/components/DatePicker/DatePicker.tokens.js +9 -7
  49. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  50. package/cjs/components/DatePicker/DatePickerBase.styles.js +2 -19
  51. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  52. package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +2 -0
  53. package/cjs/components/DatePicker/RangeDate/RangeDate.css +25 -21
  54. package/cjs/components/DatePicker/RangeDate/RangeDate.js +10 -22
  55. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  56. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  57. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  58. package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_1rre7cd.css → RangeDate.styles_vzsqwo.css} +1 -1
  59. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +23 -19
  60. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +2 -42
  61. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  62. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +5 -38
  63. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  64. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +2 -0
  65. package/cjs/components/DatePicker/SingleDate/SingleDate.css +23 -19
  66. package/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -31
  67. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  68. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  69. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  70. package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_eae6ii.css → SingleDate.styles_4wd0mq.css} +1 -1
  71. package/cjs/components/Mask/Mask.js +9 -2
  72. package/cjs/components/Mask/Mask.js.map +1 -1
  73. package/cjs/components/Slider/Slider.css +6 -6
  74. package/cjs/components/Slider/components/Single/Single.css +6 -6
  75. package/cjs/components/Slider/components/Single/Single.styles.js +1 -1
  76. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
  77. package/cjs/components/Slider/components/Single/{Single.styles_e0wk24.css → Single.styles_1h9lsl3.css} +1 -1
  78. package/cjs/engines/linaria.js +3 -2
  79. package/cjs/engines/linaria.js.map +1 -1
  80. package/cjs/index.css +34 -30
  81. package/emotion/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
  82. package/emotion/cjs/components/Calendar/Calendar.tokens.js +11 -2
  83. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -12
  84. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  85. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
  86. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
  87. package/emotion/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  88. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +6 -3
  89. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +8 -3
  90. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
  91. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +8 -3
  92. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
  93. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +8 -3
  94. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
  95. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +8 -3
  96. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  97. package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +3 -10
  98. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +10 -7
  99. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -9
  100. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -25
  101. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +13 -4
  102. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -46
  103. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -14
  104. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -33
  105. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  106. package/emotion/cjs/components/Mask/Mask.js +9 -2
  107. package/emotion/cjs/components/Progress/Progress.template-doc.mdx +1 -0
  108. package/emotion/cjs/components/Slider/components/Single/Single.styles.js +6 -6
  109. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
  110. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  111. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  112. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  113. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
  114. package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +32 -27
  115. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
  116. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  117. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  118. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  119. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
  120. package/emotion/es/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
  121. package/emotion/es/components/Calendar/Calendar.tokens.js +11 -2
  122. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +3 -12
  123. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
  124. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
  125. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
  126. package/emotion/es/components/Calendar/hooks/useQuarters.js +1 -1
  127. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +8 -5
  128. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +7 -2
  129. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
  130. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -2
  131. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
  132. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -2
  133. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
  134. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -2
  135. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  136. package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -9
  137. package/emotion/es/components/DatePicker/DatePicker.tokens.js +9 -6
  138. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -9
  139. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +10 -26
  140. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +14 -5
  141. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -45
  142. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -15
  143. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +7 -34
  144. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  145. package/emotion/es/components/Mask/Mask.js +9 -2
  146. package/emotion/es/components/Progress/Progress.template-doc.mdx +1 -0
  147. package/emotion/es/components/Slider/components/Single/Single.styles.js +6 -6
  148. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
  149. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  150. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  151. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  152. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
  153. package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +32 -27
  154. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
  155. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  156. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  157. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  158. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
  159. package/es/components/Calendar/Calendar.tokens.js +11 -2
  160. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  161. package/es/components/Calendar/Calendar.types.js.map +1 -1
  162. package/es/components/Calendar/CalendarBase/CalendarBase.css +15 -11
  163. package/es/components/Calendar/CalendarBase/CalendarBase.js +4 -9
  164. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  165. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  166. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  167. package/es/components/Calendar/CalendarBase/{CalendarBase.styles_8icaul.css → CalendarBase.styles_zk3a46.css} +1 -1
  168. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +18 -14
  169. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +5 -10
  170. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  171. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  172. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  173. package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
  174. package/es/components/Calendar/hooks/useQuarters.js +2 -2
  175. package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
  176. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -6
  177. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +8 -5
  178. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  179. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +9 -4
  180. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  181. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +3 -0
  182. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +6 -5
  183. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
  184. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  185. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -2
  186. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  187. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
  188. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +6 -5
  189. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
  190. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  191. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -2
  192. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  193. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
  194. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +6 -5
  195. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
  196. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  197. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -2
  198. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  199. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -0
  200. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  201. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  202. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  203. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +4 -0
  204. package/es/components/Calendar/utils/calendarGridHelper.js +3 -10
  205. package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  206. package/es/components/DatePicker/DatePicker.tokens.js +10 -7
  207. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  208. package/es/components/DatePicker/DatePickerBase.styles.js +2 -19
  209. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  210. package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +2 -0
  211. package/es/components/DatePicker/RangeDate/RangeDate.css +25 -21
  212. package/es/components/DatePicker/RangeDate/RangeDate.js +11 -22
  213. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  214. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  215. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  216. package/es/components/DatePicker/RangeDate/{RangeDate.styles_1rre7cd.css → RangeDate.styles_vzsqwo.css} +1 -1
  217. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +23 -19
  218. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -42
  219. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  220. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +5 -38
  221. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  222. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +2 -0
  223. package/es/components/DatePicker/SingleDate/SingleDate.css +23 -19
  224. package/es/components/DatePicker/SingleDate/SingleDate.js +8 -31
  225. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  226. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  227. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  228. package/es/components/DatePicker/SingleDate/{SingleDate.styles_eae6ii.css → SingleDate.styles_4wd0mq.css} +1 -1
  229. package/es/components/Mask/Mask.js +9 -2
  230. package/es/components/Mask/Mask.js.map +1 -1
  231. package/es/components/Slider/Slider.css +6 -6
  232. package/es/components/Slider/components/Single/Single.css +6 -6
  233. package/es/components/Slider/components/Single/Single.styles.js +1 -1
  234. package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
  235. package/es/components/Slider/components/Single/{Single.styles_e0wk24.css → Single.styles_1h9lsl3.css} +1 -1
  236. package/es/engines/linaria.js +3 -2
  237. package/es/engines/linaria.js.map +1 -1
  238. package/es/index.css +34 -30
  239. package/package.json +2 -2
  240. package/styled-components/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
  241. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +11 -2
  242. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -12
  243. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  244. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
  245. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  246. package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  247. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +6 -3
  248. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +8 -4
  249. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
  250. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +6 -2
  251. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
  252. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +6 -2
  253. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
  254. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +6 -2
  255. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  256. package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +3 -10
  257. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +10 -7
  258. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +2 -8
  259. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -25
  260. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  261. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -46
  262. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -14
  263. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -33
  264. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  265. package/styled-components/cjs/components/Mask/Mask.js +9 -2
  266. package/styled-components/cjs/components/Progress/Progress.template-doc.mdx +1 -0
  267. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +1 -1
  268. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
  269. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  270. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  271. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  272. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
  273. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +12 -7
  274. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
  275. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  276. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  277. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  278. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
  279. package/styled-components/es/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
  280. package/styled-components/es/components/Calendar/Calendar.tokens.js +11 -2
  281. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +3 -12
  282. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  283. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
  284. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
  285. package/styled-components/es/components/Calendar/hooks/useQuarters.js +1 -1
  286. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +8 -5
  287. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +7 -3
  288. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
  289. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +5 -1
  290. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
  291. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +5 -1
  292. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
  293. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +5 -1
  294. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  295. package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -9
  296. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +9 -6
  297. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +2 -8
  298. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +10 -26
  299. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
  300. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -45
  301. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -15
  302. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +7 -34
  303. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  304. package/styled-components/es/components/Mask/Mask.js +9 -2
  305. package/styled-components/es/components/Progress/Progress.template-doc.mdx +1 -0
  306. package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -1
  307. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
  308. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  309. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  310. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  311. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -6
  312. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +12 -7
  313. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
  314. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  315. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  316. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  317. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +6 -8
  318. package/types/components/Calendar/Calendar.tokens.d.ts +10 -1
  319. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  320. package/types/components/Calendar/Calendar.types.d.ts +0 -4
  321. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  322. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  323. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  324. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  325. package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
  326. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  327. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +1 -0
  328. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  329. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  330. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +1 -0
  331. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  332. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  333. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +1 -0
  334. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
  335. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
  336. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +1 -0
  337. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  338. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
  339. package/types/components/Calendar/utils/calendarGridHelper.d.ts +0 -1
  340. package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
  341. package/types/components/DatePicker/DatePicker.tokens.d.ts +8 -5
  342. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  343. package/types/components/DatePicker/DatePickerBase.styles.d.ts +1 -4
  344. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  345. package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -19
  346. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  347. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
  348. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  349. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  350. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  351. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  352. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +3 -16
  353. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
  354. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +20 -12
  355. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
  356. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
  357. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  358. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  359. package/types/components/Mask/Mask.d.ts.map +1 -1
  360. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
  361. package/types/engines/linaria.d.ts.map +1 -1
  362. package/types/engines/types.d.ts +1 -0
  363. package/types/engines/types.d.ts.map +1 -1
  364. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +0 -2
  365. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +0 -1
  366. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +0 -1
  367. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +0 -1
  368. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +0 -4
  369. package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +0 -2
  370. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +0 -2
  371. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +0 -2
  372. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +0 -1
  373. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +0 -1
  374. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +0 -1
  375. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +0 -4
  376. package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +0 -2
  377. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +0 -2
@@ -175,9 +175,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
175
175
  valueSuccess: false,
176
176
  lang: 'ru',
177
177
  format: 'DD.MM.YYYY',
178
- calendarWidth: 0,
179
- calendarHeight: 0,
180
- stretch: false,
181
178
  },
182
179
  render: (args) => <StoryDefault {...args} />,
183
180
  };
@@ -263,8 +260,12 @@ const StoryRange = ({
263
260
  showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
264
261
  }
265
262
  onToggle={(is) => setIsOpen(is)}
266
- onChangeFirstValue={onChangeFirstValue}
267
- onChangeSecondValue={onChangeSecondValue}
263
+ onChangeFirstValue={(e, currentValue) => {
264
+ onChangeFirstValue(e, currentValue);
265
+ }}
266
+ onChangeSecondValue={(e, currentValue) => {
267
+ onChangeSecondValue(e, currentValue);
268
+ }}
268
269
  lang={lang}
269
270
  min={min}
270
271
  max={max}
@@ -300,9 +301,6 @@ export const Range: StoryObj<StoryPropsRange> = {
300
301
  secondTextfieldTextAfter: '',
301
302
  size: 'l',
302
303
  view: 'default',
303
- calendarWidth: 0,
304
- calendarHeight: 0,
305
- stretch: false,
306
304
  isDoubleCalendar: false,
307
305
  closeAfterDateSelect: true,
308
306
  dividerVariant: 'dash',
@@ -504,7 +504,7 @@ type SuggestionItem = {
504
504
  import { Select, Cell } from '@salutejs/{{ package }}';
505
505
 
506
506
  export function App() {
507
- const mockData = [
507
+ const items = [
508
508
  { label: 'Алексей Смирнов' },
509
509
  { label: 'Екатерина Иванова' },
510
510
  ];
@@ -13,8 +13,7 @@ export var classes = {
13
13
  hoveredItem: 'item-hovered',
14
14
  doubleHeaderDate: 'double-header-date',
15
15
  doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper',
16
- disabledPrevButton: 'disabled-prev-button',
17
- stretch: 'plasma-calendar-stretch'
16
+ disabledPrevButton: 'disabled-prev-button'
18
17
  };
19
18
  export var innerTokens = {
20
19
  dateStructureFontFamily: '--plasma-calendar-date-structure-font-family',
@@ -24,6 +23,8 @@ export var innerTokens = {
24
23
  dateStructureFontLetterSpacing: '--plasma-calendar-date-structure-font-letter-spacing',
25
24
  dateStructureFontLineHeight: '--plasma-calendar-date-structure-line-height',
26
25
  dateStructureSelectedFontWeight: '--plasma-calendar-date-structure-selected-font-weight',
26
+ dateStructureWidth: '--plasma-calendar-date-structure-width',
27
+ dateStructureHeight: '--plasma-calendar-date-structure-height',
27
28
  dateStructureBorderRadius: '--plasma-calendar-date-structure-border-radius'
28
29
  };
29
30
  export var tokens = {
@@ -34,6 +35,8 @@ export var tokens = {
34
35
  /* Токены размера сетки лет */
35
36
  calendarYearsPadding: '--plasma-calendar-years-padding',
36
37
  calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
38
+ calendarYearItemWidth: '--plasma-calendar-year-item-width',
39
+ calendarYearItemHeight: '--plasma-calendar-year-item-height',
37
40
  calendarYearFontFamily: '--plasma-calendar-year-font-family',
38
41
  calendarYearFontSize: '--plasma-calendar-year-font-size',
39
42
  calendarYearFontStyle: '--plasma-calendar-year-font-style',
@@ -44,6 +47,8 @@ export var tokens = {
44
47
  /* Токены размера сетки дней */
45
48
  calendarQuartersPadding: '--plasma-calendar-quarters-padding',
46
49
  calendarQuarterItemBorderRadius: '--plasma-calendar-quarter-item-border-radius',
50
+ calendarQuarterItemWidth: '--plasma-calendar-quarter-item-width',
51
+ calendarQuarterItemHeight: '--plasma-calendar-quarter-item-height',
47
52
  calendarQuarterFontFamily: '--plasma-calendar-quarter-font-family',
48
53
  calendarQuarterFontSize: '--plasma-calendar-quarter-font-size',
49
54
  calendarQuarterFontStyle: '--plasma-calendar-quarter-font-style',
@@ -54,6 +59,8 @@ export var tokens = {
54
59
  /* Токены размера сетки месяцев */
55
60
  calendarMonthsPadding: '--plasma-calendar-months-padding',
56
61
  calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',
62
+ calendarMonthItemWidth: '--plasma-calendar-month-item-width',
63
+ calendarMonthItemHeight: '--plasma-calendar-month-item-height',
57
64
  calendarMonthFontFamily: '--plasma-calendar-month-font-family',
58
65
  calendarMonthFontSize: '--plasma-calendar-month-font-size',
59
66
  calendarMonthFontStyle: '--plasma-calendar-month-font-style',
@@ -64,6 +71,8 @@ export var tokens = {
64
71
  /* Токены размера сетки дней */
65
72
  calendarDaysPadding: '--plasma-calendar-days-padding',
66
73
  calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',
74
+ calendarDayItemWidth: '--plasma-calendar-day-item-width',
75
+ calendarDayItemHeight: '--plasma-calendar-day-item-height',
67
76
  calendarDayFontFamily: '--plasma-calendar-day-font-family',
68
77
  calendarDayFontSize: '--plasma-calendar-day-font-size',
69
78
  calendarDayFontStyle: '--plasma-calendar-day-font-style',
@@ -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", "value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "locale", "stretch", "onChangeValue"];
1
+ var _excluded = ["value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
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,13 +9,11 @@ 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, { useCallback, useMemo, useReducer, useState, forwardRef, useEffect } from 'react';
16
- import cls from 'classnames';
17
12
  import { getInitialState, reducer, sizeMap } from "../store/reducer";
18
13
  import { ActionType, CalendarState } from "../store/types";
19
14
  import { I18N, isValueUpdate } from "../utils";
20
15
  import { useKeyNavigation, useCalendarNavigation, useCalendarDateChange } from "../hooks";
21
16
  import { CalendarDays, CalendarHeader, CalendarMonths, CalendarQuarters, CalendarYears } from "../ui";
22
- import { classes } from "../Calendar.tokens";
23
17
  import { base as viewCSS } from "./variations/_view/base";
24
18
  import { base as sizeCSS } from "./variations/_size/base";
25
19
  import { IsOutOfRange, StyledCalendar } from "./CalendarBase.styles";
@@ -28,8 +22,7 @@ import { IsOutOfRange, StyledCalendar } from "./CalendarBase.styles";
28
22
  */
29
23
  export var calendarBaseRoot = function calendarBaseRoot(Root) {
30
24
  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
31
- var className = _ref.className,
32
- externalValue = _ref.value,
25
+ var externalValue = _ref.value,
33
26
  minDate = _ref.min,
34
27
  maxDate = _ref.max,
35
28
  renderFromDate = _ref.renderFromDate,
@@ -44,10 +37,9 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
44
37
  disabledQuarterList = _ref.disabledQuarterList,
45
38
  eventYearList = _ref.eventYearList,
46
39
  disabledYearList = _ref.disabledYearList,
40
+ onChangeValue = _ref.onChangeValue,
47
41
  _ref$locale = _ref.locale,
48
42
  locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
49
- stretch = _ref.stretch,
50
- onChangeValue = _ref.onChangeValue,
51
43
  rest = _objectWithoutProperties(_ref, _excluded);
52
44
  var _useMemo = useMemo(function () {
53
45
  return Array.isArray(externalValue) ? externalValue : [externalValue];
@@ -156,7 +148,6 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
156
148
  }, [value]);
157
149
  return /*#__PURE__*/React.createElement(Root, _extends({
158
150
  ref: outerRootRef,
159
- className: cls(className, _defineProperty({}, classes.stretch, stretch)),
160
151
  "aria-label": I18N.selectDate[locale]
161
152
  }, rest), isOutOfRange && /*#__PURE__*/React.createElement(IsOutOfRange, {
162
153
  key: outOfRangeKey,
@@ -2,8 +2,8 @@ var _templateObject;
2
2
  function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
3
  import { css } from 'styled-components';
4
4
  import styled from 'styled-components';
5
- import { classes, tokens } from "../Calendar.tokens";
6
- export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n border: var(", ") solid var(", ");\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n\n &.", " {\n width: 100%;\n height: 100%;\n }\n"])), tokens.calendarWidth, tokens.calendarHeight, tokens.calendarBorderWidth, tokens.calendarBorderColor, classes.stretch);
5
+ import { tokens } from "../Calendar.tokens";
6
+ export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n border: var(", ") solid var(", ");\n box-sizing: border-box;\n"])), tokens.calendarWidth, tokens.calendarHeight, tokens.calendarBorderWidth, tokens.calendarBorderColor);
7
7
  export var IsOutOfRange = /*#__PURE__*/styled.div.withConfig({
8
8
  componentId: "plasma-new-hope__sc-1xkgu4c-0"
9
9
  })(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);
@@ -1,10 +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
1
  var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
3
- var _excluded = ["className", "value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "locale", "stretch", "onChangeValue"];
2
+ var _excluded = ["value", "min", "max", "renderFromDate", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
4
3
  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); }
5
- 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; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
- 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); }
8
4
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
9
5
  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."); }
10
6
  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; } }
@@ -14,14 +10,12 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
14
10
  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; }
15
11
  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; }
16
12
  import React, { useState, useCallback, useMemo, forwardRef, useEffect, useReducer } from 'react';
17
- import cls from 'classnames';
18
13
  import { YEAR_RENDER_COUNT, getNextDate, isValueUpdate, I18N } from "../utils";
19
14
  import { useKeyNavigation, useCalendarNavigation, useCalendarDateChange } from "../hooks";
20
15
  import { CalendarDays, CalendarHeader, CalendarMonths, CalendarQuarters, CalendarYears } from "../ui";
21
16
  import { getInitialState, reducer, sizeMap } from "../store/reducer";
22
17
  import { ActionType, CalendarState } from "../store/types";
23
18
  import { IsOutOfRange } from "../CalendarBase/CalendarBase.styles";
24
- import { classes } from "../Calendar.tokens";
25
19
  import { base as viewCSS } from "./variations/_view/base";
26
20
  import { StyledCalendar, StyledSeparator, StyledWrapper } from "./CalendarDouble.styles";
27
21
  /**
@@ -29,8 +23,7 @@ import { StyledCalendar, StyledSeparator, StyledWrapper } from "./CalendarDouble
29
23
  */
30
24
  export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
31
25
  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
32
- var className = _ref.className,
33
- externalValue = _ref.value,
26
+ var externalValue = _ref.value,
34
27
  minDate = _ref.min,
35
28
  maxDate = _ref.max,
36
29
  renderFromDate = _ref.renderFromDate,
@@ -45,10 +38,9 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
45
38
  disabledQuarterList = _ref.disabledQuarterList,
46
39
  eventYearList = _ref.eventYearList,
47
40
  disabledYearList = _ref.disabledYearList,
41
+ onChangeValue = _ref.onChangeValue,
48
42
  _ref$locale = _ref.locale,
49
43
  locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
50
- stretch = _ref.stretch,
51
- onChangeValue = _ref.onChangeValue,
52
44
  rest = _objectWithoutProperties(_ref, _excluded);
53
45
  var _useMemo = useMemo(function () {
54
46
  return Array.isArray(externalValue) ? externalValue : [externalValue];
@@ -213,7 +205,6 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
213
205
  }, [date, calendarState]);
214
206
  return /*#__PURE__*/React.createElement(Root, _extends({
215
207
  ref: outerRootRef,
216
- className: cls(className, _defineProperty({}, classes.stretch, stretch)),
217
208
  "aria-label": I18N.selectDate[locale]
218
209
  }, rest), isOutOfRange && /*#__PURE__*/React.createElement(IsOutOfRange, {
219
210
  key: outOfRangeKey,
@@ -2,11 +2,11 @@ var _templateObject;
2
2
  function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
3
  import { css } from 'styled-components';
4
4
  import styled from 'styled-components';
5
- import { classes, tokens } from "../Calendar.tokens";
6
- export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n\n width: var(", ");\n height: var(", ");\n\n &.", " {\n width: 100%;\n height: 100%;\n }\n"])), tokens.calendarWidth, tokens.calendarHeight, classes.stretch);
5
+ import { tokens } from "../Calendar.tokens";
6
+ export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n\n width: var(", ");\n height: var(", ");\n"])), tokens.calendarWidth, tokens.calendarHeight);
7
7
  export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
8
8
  componentId: "plasma-new-hope__sc-1dp3a9f-0"
9
9
  })(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;"], tokens.calendarSeparatorBackground);
10
10
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
11
11
  componentId: "plasma-new-hope__sc-1dp3a9f-1"
12
- })(["display:flex;height:100%;"]);
12
+ })(["display:flex;"]);
@@ -1,5 +1,5 @@
1
1
  import { useMemo } from 'react';
2
- import { QUARTER_NAMES, getMatrix, isDateInRange, getDatesWithModifications, quarterDates, isSelectedMonth as isSelectedQuarter, isCurrentQuarter } from "../utils";
2
+ import { QUARTER_NAMES, getMatrix, isDateInRange, getDatesWithModifications, quarterDates, isSelectedMonth as isSelectedQuarter, isCurrentMonth as isCurrentQuarter } from "../utils";
3
3
  import { CalendarState } from "../store/types";
4
4
  /**
5
5
  * Хук для получения списка месяцев.
@@ -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',