@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
@@ -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,
@@ -1,7 +1,7 @@
1
1
  import styled from 'styled-components';
2
2
  import { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from "../../../Calendar";
3
3
  import { component, mergeConfig } from "../../../../engines";
4
- import { pivateTokens, tokens } from "../../DatePicker.tokens";
4
+ import { tokens } from "../../DatePicker.tokens";
5
5
  import { baseCalendarTokens } from "../../DatePickerBase.styles";
6
6
  var mergedCalendarDoubleConfig = /*#__PURE__*/mergeConfig(calendarDoubleConfig);
7
7
  var CalendarDouble = /*#__PURE__*/component(mergedCalendarDoubleConfig);
@@ -13,19 +13,7 @@ var CalendarRange = /*#__PURE__*/withRange(Calendar);
13
13
  // NOTE: переопределение токенов Calendar
14
14
  export var StyledCalendarDouble = /*#__PURE__*/styled(CalendarDoubleRange).withConfig({
15
15
  componentId: "plasma-new-hope__sc-vflcna-0"
16
- })(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);width:", ";height:", ";"], calendarBaseTokens.calendarSeparatorBackground, tokens.calendarSeparatorBackground, baseCalendarTokens, pivateTokens.calendarDoubleWidth, tokens.calendarWidth, function (_ref) {
17
- var innerWidth = _ref.innerWidth;
18
- return innerWidth || "var(".concat(pivateTokens.calendarDoubleWidth, ")");
19
- }, function (_ref2) {
20
- var innerHeight = _ref2.innerHeight;
21
- return innerHeight || "var(".concat(tokens.calendarHeight, ")");
22
- });
16
+ })(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], calendarBaseTokens.calendarSeparatorBackground, tokens.calendarSeparatorBackground, baseCalendarTokens, calendarBaseTokens.calendarWidth, tokens.calendarWidth);
23
17
  export var StyledCalendar = /*#__PURE__*/styled(CalendarRange).withConfig({
24
18
  componentId: "plasma-new-hope__sc-vflcna-1"
25
- })(["", " width:", ";height:", ";"], baseCalendarTokens, function (_ref3) {
26
- var innerWidth = _ref3.innerWidth;
27
- return innerWidth || "var(".concat(tokens.calendarWidth, ")");
28
- }, function (_ref4) {
29
- var innerHeight = _ref4.innerHeight;
30
- return innerHeight || "var(".concat(tokens.calendarHeight, ")");
31
- });
19
+ })(["", ""], baseCalendarTokens);
@@ -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", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarWidth", "calendarHeight", "stretch", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
1
+ var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
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, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';
16
- import cls from 'classnames';
17
- import { getPlacements, getSizeValueFromProp, noop } from "../../../utils";
12
+ import { cx, getPlacements, noop } from "../../../utils";
18
13
  import { getDateFormatDelimiter } from "../utils/dateHelper";
19
14
  import { useDatePicker } from "../hooks/useDatePicker";
20
15
  import { classes } from "../DatePicker.tokens";
@@ -90,9 +85,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
90
85
  _ref$closeOnEsc = _ref.closeOnEsc,
91
86
  closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
92
87
  offset = _ref.offset,
93
- calendarWidth = _ref.calendarWidth,
94
- calendarHeight = _ref.calendarHeight,
95
- stretch = _ref.stretch,
96
88
  onChangeValue = _ref.onChangeValue,
97
89
  onCommitDate = _ref.onCommitDate,
98
90
  onToggle = _ref.onToggle,
@@ -106,7 +98,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
106
98
  }
107
99
  var inputRef = useRef(null);
108
100
  var innerRef = useRef(null);
109
- var calendarRootRef = useRef(null);
110
101
  var _useState = useState(opened),
111
102
  _useState2 = _slicedToArray(_useState, 2),
112
103
  isInnerOpen = _useState2[0],
@@ -136,8 +127,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
136
127
  _useState8 = _slicedToArray(_useState7, 2),
137
128
  inputValue = _useState8[0],
138
129
  setInputValue = _useState8[1];
139
- var calendarWidthValue = calendarWidth ? getSizeValueFromProp(calendarWidth, 'rem') : undefined;
140
- var calendarHeightValue = calendarHeight ? getSizeValueFromProp(calendarHeight, 'rem') : undefined;
141
130
  var _useDatePicker = useDatePicker({
142
131
  currentValue: inputValue,
143
132
  format: format,
@@ -182,17 +171,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
182
171
  }
183
172
  setIsInnerOpen(isCalendarOpen);
184
173
  };
185
- var handleCalendarRootClick = function handleCalendarRootClick(event) {
186
- if (disabled || readOnly) {
187
- return;
188
- }
189
- if (isInnerOpen && stretch && event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current)) {
190
- setIsInnerOpen(false);
191
- if (onToggle) {
192
- onToggle(false, event);
193
- }
194
- }
195
- };
196
174
  var _useKeyNavigation = useKeyNavigation({
197
175
  isCalendarOpen: isInnerOpen,
198
176
  format: format,
@@ -213,7 +191,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
213
191
  };
214
192
  var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, {
215
193
  ref: inputRef,
216
- className: cls(datePickerErrorClass, datePickerSuccessClass),
194
+ className: cx(datePickerErrorClass, datePickerSuccessClass),
217
195
  value: inputValue,
218
196
  size: size,
219
197
  readOnly: readOnly,
@@ -250,7 +228,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
250
228
  return /*#__PURE__*/React.createElement(Root, _extends({
251
229
  view: view,
252
230
  size: size,
253
- className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerStretch, stretch)),
231
+ className: cx(classes.datePickerRoot, className),
254
232
  disabled: disabled,
255
233
  readOnly: !disabled && readOnly,
256
234
  ref: ref
@@ -267,17 +245,12 @@ export var datePickerRoot = function datePickerRoot(Root) {
267
245
  target: DatePickerInput,
268
246
  preventOverflow: false
269
247
  }, /*#__PURE__*/React.createElement(Root, {
270
- ref: calendarRootRef,
271
248
  view: view,
272
249
  size: size,
273
- className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerStretch, stretch)),
250
+ className: cx(classes.datePickerRoot, className),
274
251
  disabled: disabled,
275
- readOnly: !disabled && readOnly,
276
- onClick: handleCalendarRootClick
252
+ readOnly: !disabled && readOnly
277
253
  }, /*#__PURE__*/React.createElement(StyledCalendar, {
278
- className: cls(_defineProperty({}, classes.datePickerCalendarStretch, stretch)),
279
- innerWidth: calendarWidthValue,
280
- innerHeight: calendarHeightValue,
281
254
  size: size,
282
255
  value: calendarValue,
283
256
  type: type,
@@ -297,7 +270,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
297
270
  locale: lang,
298
271
  onChangeValue: handleCalendarPick
299
272
  }))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
300
- className: cls(datePickerErrorClass, datePickerSuccessClass)
273
+ className: cx(datePickerErrorClass, datePickerSuccessClass)
301
274
  }, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
302
275
  type: "hidden",
303
276
  datatype: "datepicker-single",
@@ -16,7 +16,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
16
16
  export var StyledInput = /*#__PURE__*/styled(TextField).withConfig({
17
17
  componentId: "plasma-new-hope__sc-1ye0xbz-1"
18
18
  })(["width:100%;", ":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(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
19
- export var base = /*#__PURE__*/css(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", "{width:100%;}}"], popoverClasses.wrapper, popoverClasses.target, classes.datePickerStretch, popoverClasses.root);
19
+ export var base = /*#__PURE__*/css(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(popoverClasses.wrapper), /*#__PURE__*/String(popoverClasses.target));
20
20
  export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
21
21
  componentId: "plasma-new-hope__sc-1ye0xbz-2"
22
22
  })(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], tokens.leftHelperColor, classes.datePickerError, tokens.leftHelperColorError, classes.datePickerSuccess, tokens.leftHelperColorSuccess);
@@ -1,4 +1,4 @@
1
- var _excluded = ["maskFormat"];
1
+ var _excluded = ["mask", "maskFormat"];
2
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); }
3
3
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
4
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."); }
@@ -26,7 +26,8 @@ var defaultFormatChars = [{
26
26
  export var composeMask = function composeMask(InputComponent) {
27
27
  var MaskedInput = maskInputCompose(InputComponent);
28
28
  return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
29
- var _ref$maskFormat = _ref.maskFormat,
29
+ var mask = _ref.mask,
30
+ _ref$maskFormat = _ref.maskFormat,
30
31
  maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
31
32
  rest = _objectWithoutProperties(_ref, _excluded);
32
33
  // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
@@ -37,8 +38,14 @@ export var composeMask = function composeMask(InputComponent) {
37
38
  useImperativeHandle(outerRef, function () {
38
39
  return ref;
39
40
  }, [ref]);
41
+ if (!mask) {
42
+ return /*#__PURE__*/React.createElement(InputComponent, _extends({
43
+ ref: setRef
44
+ }, rest));
45
+ }
40
46
  return /*#__PURE__*/React.createElement(MaskedInput, _extends({
41
47
  getReference: setRef,
48
+ mask: mask,
42
49
  maskFormat: maskFormat
43
50
  }, rest));
44
51
  });
@@ -17,6 +17,7 @@ import { PropsTable, Description } from '@site/src/components';
17
17
  + `"primary"` – основная;
18
18
  + `"secondary"` – вторичная;
19
19
  + `"accent"` – акцентная;
20
+ + `"info"` – информирующая;
20
21
  + `"success"` – успешное завершение;
21
22
  + `"warning"` – предупреждение;
22
23
  + `"error"` – ошибка;
@@ -15,7 +15,7 @@ export var StyledRangeValue = /*#__PURE__*/styled.span.withConfig({
15
15
  })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], tokens.rangeValueColor, tokens.valueFontFamily, tokens.valueFontSize, tokens.valueFontStyle, tokens.valueFontWeight, tokens.valueLetterSpacing, tokens.valueLineHeight, classes.hideMinValue, classes.hideMaxValue, classes.activeRangeValue, tokens.labelColor);
16
16
  export var SliderBaseWrapper = /*#__PURE__*/styled.div.withConfig({
17
17
  componentId: "plasma-new-hope__sc-1qm4elt-4"
18
- })(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], classes.rangeValuesPlacementOuter, Slider, StyledRangeValue, classes.maxRangeValue, classes.rangeValuesPlacementInner, StyledRangeValue, tokens.rangeValueHorizontalMargin, classes.maxRangeValue, tokens.rangeValueHorizontalMargin);
18
+ })(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{width:fit-content;grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], classes.rangeValuesPlacementOuter, Slider, StyledRangeValue, classes.maxRangeValue, classes.rangeValuesPlacementInner, StyledRangeValue, tokens.rangeValueHorizontalMargin, classes.maxRangeValue, tokens.rangeValueHorizontalMargin);
19
19
  export var SingleWrapper = /*#__PURE__*/styled.div.withConfig({
20
20
  componentId: "plasma-new-hope__sc-1qm4elt-5"
21
21
  })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}", ":not(:has(", ")):has(", "){margin-right:var(", ");}", ":has(", "){margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{display:grid;grid-template-areas:'b a' 'c a';flex-direction:unset;align-items:unset;justify-content:unset;width:unset;}", "{grid-area:a;}", "{grid-area:b;align-self:start;justify-self:end;&.", "{grid-area:c;align-self:end;}}}&.", "{", "{grid-template-areas:'a b' 'a c';}", "{justify-self:start;}}}"], tokens.disabledOpacity, classes.labelPlacementOuter, LabelWrapper, tokens.labelWrapperMarginBottom, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, tokens.labelWrapperMarginRight, classes.verticalOrientation, classes.labelAlignCenter, LabelWrapper, classes.labelPlacementBottom, LabelWrapper, classes.labelContentReversed, LabelWrapper, classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, tokens.size, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.labelAlignLeft, LabelWrapper, classes.labelAlignRight, classes.labelPlacementBottom, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.verticalOrientation, SliderBaseWrapper, classes.labelAlignCenter, StyledRangeValue, tokens.rangeValueVerticalMargin, classes.maxRangeValue, tokens.rangeValueVerticalMargin, classes.labelAlignLeft, classes.labelAlignRight, SliderBaseWrapper, Slider, StyledRangeValue, classes.maxRangeValue, classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);