@salutejs/plasma-new-hope 0.324.0-canary.1971.15108751783.0 → 0.324.0-canary.1972.15187126232.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 (432) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Calendar/Calendar.tokens.js +4 -13
  3. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  4. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +11 -15
  6. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -3
  7. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  8. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  9. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  10. package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_zk3a46.css → CalendarBase.styles_8icaul.css} +1 -1
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  12. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -3
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  14. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  15. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  16. package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css} +2 -2
  17. package/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  18. package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
  19. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  20. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  21. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  22. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -9
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  24. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  25. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  26. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  27. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  28. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -7
  29. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  30. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  31. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  32. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  33. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  34. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -7
  35. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  36. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  37. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  38. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  39. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -7
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  42. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  43. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  44. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  45. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  46. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  47. package/cjs/components/Calendar/utils/calendarGridHelper.js +10 -2
  48. package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  49. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  50. package/cjs/components/DatePicker/DatePicker.tokens.js +9 -11
  51. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  52. package/cjs/components/DatePicker/DatePickerBase.styles.js +19 -2
  53. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  54. package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  55. package/cjs/components/DatePicker/RangeDate/RangeDate.css +22 -26
  56. package/cjs/components/DatePicker/RangeDate/RangeDate.js +22 -10
  57. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  58. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  59. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  60. package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1rre7cd.css} +1 -1
  61. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +20 -24
  62. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +42 -2
  63. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  64. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  65. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  66. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +2 -0
  67. package/cjs/components/DatePicker/SingleDate/SingleDate.css +20 -24
  68. package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -7
  69. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  70. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  71. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  72. package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_4wd0mq.css → SingleDate.styles_eae6ii.css} +1 -1
  73. package/cjs/components/Mask/Mask.js +9 -2
  74. package/cjs/components/Mask/Mask.js.map +1 -1
  75. package/cjs/components/Pagination/Pagination.css +1 -1
  76. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  77. package/cjs/components/Range/Range.css +1 -1
  78. package/cjs/components/Select/Select.css +1 -1
  79. package/cjs/components/Select/ui/Target/Target.css +1 -1
  80. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  81. package/cjs/components/Slider/Slider.css +7 -7
  82. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  83. package/cjs/components/Slider/components/Single/Single.css +6 -6
  84. package/cjs/components/Slider/components/Single/Single.styles.js +1 -1
  85. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
  86. package/cjs/components/Slider/components/Single/{Single.styles_e0wk24.css → Single.styles_1h9lsl3.css} +1 -1
  87. package/cjs/components/Table/Table.css +1 -1
  88. package/cjs/components/Table/ui/Cell/Cell.css +1 -1
  89. package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
  90. package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
  91. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  92. package/cjs/components/TextField/TextField.js +1 -1
  93. package/cjs/components/TextField/TextField.js.map +1 -1
  94. package/cjs/components/TextField/TextField.tokens.js +1 -2
  95. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  96. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  97. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  98. package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +1 -0
  99. package/cjs/engines/linaria.js +3 -2
  100. package/cjs/engines/linaria.js.map +1 -1
  101. package/cjs/index.css +31 -35
  102. package/emotion/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
  103. package/emotion/cjs/components/Calendar/Calendar.tokens.js +4 -13
  104. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  105. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  106. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  107. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
  108. package/emotion/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  109. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  110. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -8
  111. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  112. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -8
  113. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  114. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +3 -8
  115. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  116. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -8
  117. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  118. package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  119. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
  120. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +9 -3
  121. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  122. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -13
  123. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -3
  124. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  125. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  126. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  127. package/emotion/cjs/components/Mask/Mask.js +9 -2
  128. package/emotion/cjs/components/Slider/components/Single/Single.styles.js +6 -6
  129. package/emotion/cjs/components/TextField/TextField.js +2 -2
  130. package/emotion/cjs/components/TextField/TextField.tokens.js +1 -2
  131. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  132. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  133. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  134. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  135. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  136. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  137. package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +32 -27
  138. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  139. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  140. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  141. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  142. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  143. package/emotion/es/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
  144. package/emotion/es/components/Calendar/Calendar.tokens.js +4 -13
  145. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  146. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
  147. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  148. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
  149. package/emotion/es/components/Calendar/hooks/useQuarters.js +1 -1
  150. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  151. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -7
  152. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  153. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  154. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  155. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  156. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  157. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  158. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  159. package/emotion/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  160. package/emotion/es/components/DatePicker/DatePicker.tokens.js +8 -11
  161. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +9 -3
  162. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  163. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -14
  164. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +45 -4
  165. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  166. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  167. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  168. package/emotion/es/components/Mask/Mask.js +9 -2
  169. package/emotion/es/components/Slider/components/Single/Single.styles.js +6 -6
  170. package/emotion/es/components/TextField/TextField.js +2 -2
  171. package/emotion/es/components/TextField/TextField.tokens.js +1 -2
  172. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  173. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  174. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  175. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  176. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  177. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  178. package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +32 -27
  179. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  180. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  181. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  182. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  183. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  184. package/es/components/Autocomplete/Autocomplete.css +1 -1
  185. package/es/components/Calendar/Calendar.tokens.js +4 -13
  186. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  187. package/es/components/Calendar/Calendar.types.js.map +1 -1
  188. package/es/components/Calendar/CalendarBase/CalendarBase.css +11 -15
  189. package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
  190. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  191. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  192. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  193. package/es/components/Calendar/CalendarBase/{CalendarBase.styles_zk3a46.css → CalendarBase.styles_8icaul.css} +1 -1
  194. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  195. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +10 -5
  196. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  197. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  198. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  199. package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css} +2 -2
  200. package/es/components/Calendar/hooks/useQuarters.js +2 -2
  201. package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
  202. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  203. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  204. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  205. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -9
  206. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  207. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  208. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  209. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  210. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  211. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  212. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  213. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  214. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  215. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  216. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  217. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  218. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  219. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  220. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  221. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  222. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  223. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  224. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  225. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  226. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  227. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  228. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  229. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  230. package/es/components/Calendar/utils/calendarGridHelper.js +10 -3
  231. package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  232. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  233. package/es/components/DatePicker/DatePicker.tokens.js +9 -12
  234. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  235. package/es/components/DatePicker/DatePickerBase.styles.js +19 -2
  236. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  237. package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  238. package/es/components/DatePicker/RangeDate/RangeDate.css +22 -26
  239. package/es/components/DatePicker/RangeDate/RangeDate.js +22 -11
  240. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  241. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  242. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  243. package/es/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1rre7cd.css} +1 -1
  244. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +20 -24
  245. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +42 -3
  246. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  247. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  248. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  249. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +2 -0
  250. package/es/components/DatePicker/SingleDate/SingleDate.css +20 -24
  251. package/es/components/DatePicker/SingleDate/SingleDate.js +31 -8
  252. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  253. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  254. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  255. package/es/components/DatePicker/SingleDate/{SingleDate.styles_4wd0mq.css → SingleDate.styles_eae6ii.css} +1 -1
  256. package/es/components/Mask/Mask.js +9 -2
  257. package/es/components/Mask/Mask.js.map +1 -1
  258. package/es/components/Pagination/Pagination.css +1 -1
  259. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  260. package/es/components/Range/Range.css +1 -1
  261. package/es/components/Select/Select.css +1 -1
  262. package/es/components/Select/ui/Target/Target.css +1 -1
  263. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  264. package/es/components/Slider/Slider.css +7 -7
  265. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  266. package/es/components/Slider/components/Single/Single.css +6 -6
  267. package/es/components/Slider/components/Single/Single.styles.js +1 -1
  268. package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
  269. package/es/components/Slider/components/Single/{Single.styles_e0wk24.css → Single.styles_1h9lsl3.css} +1 -1
  270. package/es/components/Table/Table.css +1 -1
  271. package/es/components/Table/ui/Cell/Cell.css +1 -1
  272. package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
  273. package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
  274. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  275. package/es/components/TextField/TextField.js +1 -1
  276. package/es/components/TextField/TextField.js.map +1 -1
  277. package/es/components/TextField/TextField.tokens.js +1 -2
  278. package/es/components/TextField/TextField.tokens.js.map +1 -1
  279. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  280. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  281. package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +1 -0
  282. package/es/engines/linaria.js +3 -2
  283. package/es/engines/linaria.js.map +1 -1
  284. package/es/index.css +31 -35
  285. package/package.json +2 -2
  286. package/styled-components/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
  287. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +4 -13
  288. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  289. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  290. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  291. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  292. package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +1 -1
  293. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  294. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -8
  295. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  296. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -6
  297. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  298. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -6
  299. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  300. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -6
  301. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  302. package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  303. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
  304. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +8 -2
  305. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  306. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  307. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -3
  308. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  309. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  310. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  311. package/styled-components/cjs/components/Mask/Mask.js +9 -2
  312. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +1 -1
  313. package/styled-components/cjs/components/TextField/TextField.js +1 -1
  314. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -2
  315. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  316. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  317. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  318. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  319. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  320. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  321. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +12 -7
  322. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  323. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  324. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  325. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  326. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  327. package/styled-components/es/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
  328. package/styled-components/es/components/Calendar/Calendar.tokens.js +4 -13
  329. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  330. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  331. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  332. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
  333. package/styled-components/es/components/Calendar/hooks/useQuarters.js +1 -1
  334. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  335. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -7
  336. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  337. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -5
  338. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  339. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -5
  340. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  341. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -5
  342. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  343. package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  344. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +8 -11
  345. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +8 -2
  346. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  347. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
  348. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +45 -4
  349. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  350. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  351. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  352. package/styled-components/es/components/Mask/Mask.js +9 -2
  353. package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -1
  354. package/styled-components/es/components/TextField/TextField.js +1 -1
  355. package/styled-components/es/components/TextField/TextField.tokens.js +1 -2
  356. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  357. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  358. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  359. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  360. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  361. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  362. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +12 -7
  363. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  364. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  365. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  366. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  367. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  368. package/types/components/Calendar/Calendar.tokens.d.ts +3 -12
  369. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  370. package/types/components/Calendar/Calendar.types.d.ts +4 -0
  371. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  372. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  373. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  374. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  375. package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
  376. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  377. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +0 -1
  378. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  379. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  380. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -1
  381. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  382. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  383. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +0 -1
  384. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
  385. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
  386. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -1
  387. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  388. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
  389. package/types/components/Calendar/utils/calendarGridHelper.d.ts +1 -0
  390. package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
  391. package/types/components/DatePicker/DatePicker.tokens.d.ts +7 -10
  392. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  393. package/types/components/DatePicker/DatePickerBase.styles.d.ts +4 -1
  394. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  395. package/types/components/DatePicker/DatePickerBase.types.d.ts +19 -0
  396. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  397. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
  398. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  399. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  400. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  401. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  402. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +16 -3
  403. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
  404. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +12 -20
  405. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
  406. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
  407. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  408. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  409. package/types/components/Mask/Mask.d.ts.map +1 -1
  410. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
  411. package/types/components/TextField/TextField.d.ts.map +1 -1
  412. package/types/components/TextField/TextField.tokens.d.ts +0 -1
  413. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  414. package/types/engines/linaria.d.ts.map +1 -1
  415. package/types/engines/types.d.ts +1 -0
  416. package/types/engines/types.d.ts.map +1 -1
  417. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  418. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  419. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  420. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  421. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  422. package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  423. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
  424. package/cjs/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
  425. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  426. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  427. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  428. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  429. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  430. package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  431. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
  432. package/es/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
@@ -24,7 +24,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
24
24
  var StyledRange = exports.StyledRange = /*#__PURE__*/(0, _styledComponents["default"])(Range).withConfig({
25
25
  componentId: "plasma-new-hope__sc-14j95rs-1"
26
26
  })(["", ":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(", ");"], _Range.rangeTokens.background, _DatePicker.tokens.background, _Range.rangeTokens.backgroundError, _DatePicker.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePicker.tokens.backgroundSuccess, _Range.rangeTokens.borderColor, _DatePicker.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePicker.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePicker.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePicker.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePicker.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePicker.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePicker.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePicker.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePicker.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePicker.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePicker.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePicker.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePicker.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePicker.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePicker.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePicker.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePicker.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePicker.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePicker.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePicker.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePicker.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePicker.tokens.rightContentMargin, _Range.rangeTokens.labelOffset, _DatePicker.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePicker.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePicker.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePicker.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePicker.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePicker.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePicker.tokens.labelLineHeight, _Range.rangeTokens.indicatorColor, _DatePicker.tokens.indicatorColor, _Range.rangeTokens.indicatorSize, _DatePicker.tokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _DatePicker.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _DatePicker.tokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _DatePicker.tokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _DatePicker.tokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight, _DatePicker.tokens.indicatorOuterPlacementRight, _Range.rangeTokens.textFieldHeight, _DatePicker.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePicker.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePicker.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePicker.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePicker.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePicker.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePicker.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePicker.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePicker.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePicker.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePicker.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePicker.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePicker.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePicker.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePicker.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePicker.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePicker.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePicker.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePicker.tokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly);
27
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
27
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", ",", "{width:100%;}}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePicker.classes.datePickerStretch, _Popover.popoverClasses.root, StyledRange);
28
28
  var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
29
29
  componentId: "plasma-new-hope__sc-14j95rs-2"
30
30
  })(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], _DatePicker.tokens.leftHelperColor, _DatePicker.classes.datePickerError, _DatePicker.tokens.leftHelperColorError, _DatePicker.classes.datePickerSuccess, _DatePicker.tokens.leftHelperColorSuccess);
@@ -4,11 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.RangeDatePopover = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
7
+ var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
8
+ var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
8
9
  var _utils = /*#__PURE__*/require("../../../../utils");
9
10
  var _RangeDate = /*#__PURE__*/require("../RangeDate.styles");
11
+ var _DatePicker = /*#__PURE__*/require("../../DatePicker.tokens");
10
12
  var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover.styles");
11
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
16
+ 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); }
17
+ 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; }
18
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
19
+ 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); }
12
20
  var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref) {
13
21
  var Root = _ref.rootWrapper,
14
22
  target = _ref.target,
@@ -38,14 +46,35 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
38
46
  closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
39
47
  closeOnEsc = _ref.closeOnEsc,
40
48
  offset = _ref.offset,
49
+ calendarContainerWidth = _ref.calendarContainerWidth,
50
+ calendarContainerHeight = _ref.calendarContainerHeight,
51
+ stretch = _ref.stretch,
41
52
  type = _ref.type,
42
53
  size = _ref.size,
43
54
  _ref$lang = _ref.lang,
44
55
  lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
56
+ disabled = _ref.disabled,
57
+ readOnly = _ref.readOnly,
58
+ setIsInnerOpen = _ref.setIsInnerOpen,
45
59
  onChangeValue = _ref.onChangeValue,
46
60
  onChangeStartOfRange = _ref.onChangeStartOfRange,
47
61
  onToggle = _ref.onToggle;
48
62
  var innerIsOpen = Boolean(isOpen || opened);
63
+ var calendarRootRef = (0, _react.useRef)(null);
64
+ var doubleCalendarRootRef = (0, _react.useRef)(null);
65
+ var calendarContainerWidthValue = calendarContainerWidth ? (0, _utils.getSizeValueFromProp)(calendarContainerWidth, 'rem') : undefined;
66
+ var calendarContainerHeightValue = calendarContainerHeight ? (0, _utils.getSizeValueFromProp)(calendarContainerHeight, 'rem') : undefined;
67
+ var handleCalendarRootClick = function handleCalendarRootClick(event) {
68
+ if (disabled || readOnly) {
69
+ return;
70
+ }
71
+ 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))) {
72
+ setIsInnerOpen(false);
73
+ if (onToggle) {
74
+ onToggle(false, event);
75
+ }
76
+ }
77
+ };
49
78
  if (isDoubleCalendar) {
50
79
  return /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledPopover, {
51
80
  opened: innerIsOpen,
@@ -59,7 +88,14 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
59
88
  isFocusTrapped: false,
60
89
  target: target,
61
90
  preventOverflow: false
62
- }, /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
91
+ }, /*#__PURE__*/_react["default"].createElement(Root, {
92
+ ref: doubleCalendarRootRef,
93
+ className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
94
+ onClick: handleCalendarRootClick
95
+ }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
96
+ className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
97
+ innerWidth: calendarContainerWidthValue,
98
+ innerHeight: calendarContainerHeightValue,
63
99
  size: size,
64
100
  value: calendarValue,
65
101
  eventList: eventList,
@@ -93,7 +129,14 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
93
129
  target: target,
94
130
  preventOverflow: false,
95
131
  closeOnEsc: closeOnEsc
96
- }, /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
132
+ }, /*#__PURE__*/_react["default"].createElement(Root, {
133
+ ref: calendarRootRef,
134
+ className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
135
+ onClick: handleCalendarRootClick
136
+ }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
137
+ className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
138
+ innerWidth: calendarContainerWidthValue,
139
+ innerHeight: calendarContainerHeightValue,
97
140
  size: size,
98
141
  value: calendarValue,
99
142
  eventList: eventList,
@@ -20,7 +20,19 @@ var CalendarRange = /*#__PURE__*/(0, _Calendar.withRange)(Calendar);
20
20
  // NOTE: переопределение токенов Calendar
21
21
  var StyledCalendarDouble = exports.StyledCalendarDouble = /*#__PURE__*/(0, _styledComponents["default"])(CalendarDoubleRange).withConfig({
22
22
  componentId: "plasma-new-hope__sc-vflcna-0"
23
- })(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _Calendar.calendarBaseTokens.calendarWidth, _DatePicker.tokens.calendarWidth);
23
+ })(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);width:", ";height:", ";"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _DatePicker.pivateTokens.calendarDoubleWidth, _DatePicker.tokens.calendarContainerWidth, function (_ref) {
24
+ var innerWidth = _ref.innerWidth;
25
+ return innerWidth || "var(".concat(_DatePicker.pivateTokens.calendarDoubleWidth, ")");
26
+ }, function (_ref2) {
27
+ var innerHeight = _ref2.innerHeight;
28
+ return innerHeight || "var(".concat(_DatePicker.tokens.calendarContainerHeight, ")");
29
+ });
24
30
  var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(CalendarRange).withConfig({
25
31
  componentId: "plasma-new-hope__sc-vflcna-1"
26
- })(["", ""], _DatePickerBase.baseCalendarTokens);
32
+ })(["", " width:", ";height:", ";"], _DatePickerBase.baseCalendarTokens, function (_ref3) {
33
+ var innerWidth = _ref3.innerWidth;
34
+ return innerWidth || "var(".concat(_DatePicker.tokens.calendarContainerWidth, ")");
35
+ }, function (_ref4) {
36
+ var innerHeight = _ref4.innerHeight;
37
+ return innerHeight || "var(".concat(_DatePicker.tokens.calendarContainerHeight, ")");
38
+ });
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.datePickerRoot = exports.datePickerConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
9
+ var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
9
10
  var _utils = /*#__PURE__*/require("../../../utils");
10
11
  var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
11
12
  var _useDatePicker2 = /*#__PURE__*/require("../hooks/useDatePicker");
@@ -18,10 +19,14 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
18
19
  var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
19
20
  var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
20
21
  var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
21
- 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"];
22
+ var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretch", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
23
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
22
24
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
23
25
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
24
26
  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); }
27
+ 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; }
28
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
29
+ 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); }
25
30
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
26
31
  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."); }
27
32
  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; } }
@@ -94,6 +99,9 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
94
99
  _ref$closeOnEsc = _ref.closeOnEsc,
95
100
  closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
96
101
  offset = _ref.offset,
102
+ calendarContainerWidth = _ref.calendarContainerWidth,
103
+ calendarContainerHeight = _ref.calendarContainerHeight,
104
+ stretch = _ref.stretch,
97
105
  onChangeValue = _ref.onChangeValue,
98
106
  onCommitDate = _ref.onCommitDate,
99
107
  onToggle = _ref.onToggle,
@@ -107,6 +115,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
107
115
  }
108
116
  var inputRef = (0, _react.useRef)(null);
109
117
  var innerRef = (0, _react.useRef)(null);
118
+ var calendarRootRef = (0, _react.useRef)(null);
110
119
  var _useState = (0, _react.useState)(opened),
111
120
  _useState2 = _slicedToArray(_useState, 2),
112
121
  isInnerOpen = _useState2[0],
@@ -136,6 +145,8 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
136
145
  _useState8 = _slicedToArray(_useState7, 2),
137
146
  inputValue = _useState8[0],
138
147
  setInputValue = _useState8[1];
148
+ var calendarContainerWidthValue = calendarContainerWidth ? (0, _utils.getSizeValueFromProp)(calendarContainerWidth, 'rem') : undefined;
149
+ var calendarContainerHeightValue = calendarContainerHeight ? (0, _utils.getSizeValueFromProp)(calendarContainerHeight, 'rem') : undefined;
139
150
  var _useDatePicker = (0, _useDatePicker2.useDatePicker)({
140
151
  currentValue: inputValue,
141
152
  format: format,
@@ -180,6 +191,17 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
180
191
  }
181
192
  setIsInnerOpen(isCalendarOpen);
182
193
  };
194
+ var handleCalendarRootClick = function handleCalendarRootClick(event) {
195
+ if (disabled || readOnly) {
196
+ return;
197
+ }
198
+ if (isInnerOpen && stretch && event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current)) {
199
+ setIsInnerOpen(false);
200
+ if (onToggle) {
201
+ onToggle(false, event);
202
+ }
203
+ }
204
+ };
183
205
  var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
184
206
  isCalendarOpen: isInnerOpen,
185
207
  format: format,
@@ -200,7 +222,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
200
222
  };
201
223
  var DatePickerInput = /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledInput, {
202
224
  ref: inputRef,
203
- className: (0, _utils.cx)(datePickerErrorClass, datePickerSuccessClass),
225
+ className: (0, _classnames["default"])(datePickerErrorClass, datePickerSuccessClass),
204
226
  value: inputValue,
205
227
  size: size,
206
228
  readOnly: readOnly,
@@ -237,7 +259,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
237
259
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
238
260
  view: view,
239
261
  size: size,
240
- className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
262
+ className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, className, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
241
263
  disabled: disabled,
242
264
  readOnly: !disabled && readOnly,
243
265
  ref: ref
@@ -254,12 +276,17 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
254
276
  target: DatePickerInput,
255
277
  preventOverflow: false
256
278
  }, /*#__PURE__*/_react["default"].createElement(Root, {
279
+ ref: calendarRootRef,
257
280
  view: view,
258
281
  size: size,
259
- className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
282
+ className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, className, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
260
283
  disabled: disabled,
261
- readOnly: !disabled && readOnly
284
+ readOnly: !disabled && readOnly,
285
+ onClick: handleCalendarRootClick
262
286
  }, /*#__PURE__*/_react["default"].createElement(_DatePickerBase.StyledCalendar, {
287
+ className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
288
+ innerWidth: calendarContainerWidthValue,
289
+ innerHeight: calendarContainerHeightValue,
263
290
  size: size,
264
291
  value: calendarValue,
265
292
  type: type,
@@ -279,7 +306,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
279
306
  locale: lang,
280
307
  onChangeValue: handleCalendarPick
281
308
  }))), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, {
282
- className: (0, _utils.cx)(datePickerErrorClass, datePickerSuccessClass)
309
+ className: (0, _classnames["default"])(datePickerErrorClass, datePickerSuccessClass)
283
310
  }, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
284
311
  type: "hidden",
285
312
  datatype: "datepicker-single",
@@ -24,7 +24,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
24
24
  var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
25
25
  componentId: "plasma-new-hope__sc-1ye0xbz-1"
26
26
  })(["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(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePicker.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePicker.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePicker.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePicker.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePicker.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePicker.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePicker.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePicker.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePicker.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePicker.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePicker.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePicker.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePicker.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePicker.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePicker.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePicker.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
27
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
27
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", "{width:100%;}}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePicker.classes.datePickerStretch, _Popover.popoverClasses.root);
28
28
  var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
29
29
  componentId: "plasma-new-hope__sc-1ye0xbz-2"
30
30
  })(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], _DatePicker.tokens.leftHelperColor, _DatePicker.classes.datePickerError, _DatePicker.tokens.leftHelperColorError, _DatePicker.classes.datePickerSuccess, _DatePicker.tokens.leftHelperColorSuccess);
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.composeMask = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
9
9
  var _reactMaskinput = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@salutejs/react-maskinput"));
10
- var _excluded = ["maskFormat"];
10
+ var _excluded = ["mask", "maskFormat"];
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -36,7 +36,8 @@ var defaultFormatChars = [{
36
36
  var composeMask = exports.composeMask = function composeMask(InputComponent) {
37
37
  var MaskedInput = (0, _reactMaskinput["default"])(InputComponent);
38
38
  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
39
- var _ref$maskFormat = _ref.maskFormat,
39
+ var mask = _ref.mask,
40
+ _ref$maskFormat = _ref.maskFormat,
40
41
  maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
41
42
  rest = _objectWithoutProperties(_ref, _excluded);
42
43
  // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
@@ -47,8 +48,14 @@ var composeMask = exports.composeMask = function composeMask(InputComponent) {
47
48
  (0, _react.useImperativeHandle)(outerRef, function () {
48
49
  return ref;
49
50
  }, [ref]);
51
+ if (!mask) {
52
+ return /*#__PURE__*/_react["default"].createElement(InputComponent, _extends({
53
+ ref: setRef
54
+ }, rest));
55
+ }
50
56
  return /*#__PURE__*/_react["default"].createElement(MaskedInput, _extends({
51
57
  getReference: setRef,
58
+ mask: mask,
52
59
  maskFormat: maskFormat
53
60
  }, rest));
54
61
  });
@@ -22,7 +22,7 @@ var StyledRangeValue = exports.StyledRangeValue = /*#__PURE__*/_styledComponents
22
22
  })(["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(", ");}"], _Slider.tokens.rangeValueColor, _Slider.tokens.valueFontFamily, _Slider.tokens.valueFontSize, _Slider.tokens.valueFontStyle, _Slider.tokens.valueFontWeight, _Slider.tokens.valueLetterSpacing, _Slider.tokens.valueLineHeight, _Slider.classes.hideMinValue, _Slider.classes.hideMaxValue, _Slider.classes.activeRangeValue, _Slider.tokens.labelColor);
23
23
  var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
24
24
  componentId: "plasma-new-hope__sc-1qm4elt-4"
25
- })(["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(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
25
+ })(["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(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
26
26
  var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
27
27
  componentId: "plasma-new-hope__sc-1qm4elt-5"
28
28
  })(["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;}}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, _Slider.tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, _Slider.tokens.labelWrapperMarginRight, _Slider.classes.verticalOrientation, _Slider.classes.labelAlignCenter, LabelWrapper, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, _Slider.tokens.size, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.labelAlignLeft, LabelWrapper, _Slider.classes.labelAlignRight, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.verticalOrientation, SliderBaseWrapper, _Slider.classes.labelAlignCenter, StyledRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.labelAlignLeft, _Slider.classes.labelAlignRight, SliderBaseWrapper, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);
@@ -413,7 +413,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
413
413
  "aria-labelledby": labelId,
414
414
  "aria-describedby": helperTextId,
415
415
  placeholder: innerPlaceholderValue,
416
- className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis, readOnly && _TextField2.classes.readOnly),
416
+ className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis),
417
417
  disabled: disabled,
418
418
  readOnly: !disabled && readOnly,
419
419
  onInput: handleInput,
@@ -21,8 +21,7 @@ var classes = exports.classes = {
21
21
  requiredAlignRight: 'required-align-right',
22
22
  inputWrapper: 'input-wrapper',
23
23
  inputTextEllipsis: 'textfield-input-text-ellipsis',
24
- contentRightCompensationMargin: 'textfield-content-right-compensation-margin',
25
- readOnly: 'textfield-readonly-input'
24
+ contentRightCompensationMargin: 'textfield-content-right-compensation-margin'
26
25
  };
27
26
  var tokens = exports.tokens = {
28
27
  color: '--plasma-textfield-color',
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
9
  var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":not(.", "):focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField.classes.readOnly, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.keepPlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.keepPlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
@@ -81,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
81
81
  };
82
82
 
83
83
  const StoryDefault = (args: CalendarProps) => {
84
- const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
84
+ const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale, ...rest } = args;
85
85
  const [value, setValue] = useState(new Date(2023, 10, 16));
86
86
  const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
87
87
 
@@ -94,18 +94,23 @@ const StoryDefault = (args: CalendarProps) => {
94
94
  }, []);
95
95
 
96
96
  return (
97
- <Calendar
98
- size={size}
99
- isRange={isRange}
100
- isDouble={isDouble}
101
- date={date}
102
- value={(isRange ? valueRange : value) as Date & [Date, Date?]}
103
- includeEdgeDates={includeEdgeDates}
104
- locale={locale}
105
- onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
106
- min={min}
107
- max={max}
108
- />
97
+ <div style={{ height: '100vh' }}>
98
+ <Calendar
99
+ size={size}
100
+ isRange={isRange}
101
+ isDouble={isDouble}
102
+ date={date}
103
+ includeEdgeDates={includeEdgeDates}
104
+ locale={locale}
105
+ min={min}
106
+ max={max}
107
+ {...rest}
108
+ value={(isRange ? valueRange : value) as Date & [Date, Date?]}
109
+ onChangeValue={
110
+ (isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void
111
+ }
112
+ />
113
+ </div>
109
114
  );
110
115
  };
111
116
 
@@ -118,12 +123,13 @@ export const Default: StoryObj<CalendarProps> = {
118
123
  includeEdgeDates: false,
119
124
  size: 'm',
120
125
  locale: 'ru',
126
+ stretch: false,
121
127
  },
122
128
  render: (args) => <StoryDefault {...args} />,
123
129
  };
124
130
 
125
131
  const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
126
- const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
132
+ const { min, max, includeEdgeDates, size, displayDouble, locale, ...rest } = args;
127
133
  const [value, setValue] = useState(new Date(2023, 6, 7));
128
134
  const [currentState, setCurrentState] = useState('Days');
129
135
 
@@ -170,10 +176,10 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
170
176
  };
171
177
 
172
178
  const calendarMap = {
173
- Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
174
- Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
175
- Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
176
- Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
179
+ Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
180
+ Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
181
+ Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
182
+ Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
177
183
  };
178
184
 
179
185
  return (
@@ -192,7 +198,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
192
198
  </TabItem>
193
199
  ))}
194
200
  </Tabs>
195
- <div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
201
+ <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
196
202
  </>
197
203
  );
198
204
  };
@@ -205,12 +211,13 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
205
211
  includeEdgeDates: false,
206
212
  displayDouble: false,
207
213
  locale: 'ru',
214
+ stretch: false,
208
215
  },
209
216
  render: (args) => <StoryBase {...args} />,
210
217
  };
211
218
 
212
219
  const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
213
- const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
220
+ const { min, max, includeEdgeDates, size, displayDouble, locale, ...rest } = args;
214
221
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
215
222
  const [currentState, setCurrentState] = useState('Days');
216
223
 
@@ -232,35 +239,35 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
232
239
  return displayDouble ? (
233
240
  <CalendarBaseRange
234
241
  size={size}
235
- value={values}
236
242
  includeEdgeDates={includeEdgeDates}
237
243
  type={type}
238
- onChangeValue={handleOnChange}
239
244
  locale={locale}
240
245
  min={min}
241
246
  max={max}
242
247
  {...rest}
248
+ value={values}
249
+ onChangeValue={handleOnChange}
243
250
  />
244
251
  ) : (
245
252
  <CalendarDoubleRange
246
253
  size={size}
247
- value={values}
248
254
  includeEdgeDates={includeEdgeDates}
249
255
  type={type}
250
- onChangeValue={handleOnChange}
251
256
  locale={locale}
252
257
  min={min}
253
258
  max={max}
254
259
  {...rest}
260
+ value={values}
261
+ onChangeValue={handleOnChange}
255
262
  />
256
263
  );
257
264
  };
258
265
 
259
266
  const calendarMap = {
260
- Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
261
- Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
262
- Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
263
- Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
267
+ Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
268
+ Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
269
+ Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
270
+ Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
264
271
  };
265
272
 
266
273
  return (
@@ -279,7 +286,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
279
286
  </TabItem>
280
287
  ))}
281
288
  </Tabs>
282
- <div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
289
+ <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
283
290
  </>
284
291
  );
285
292
  };
@@ -292,6 +299,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
292
299
  includeEdgeDates: false,
293
300
  displayDouble: false,
294
301
  locale: 'ru',
302
+ stretch: false,
295
303
  },
296
304
  render: (args) => <StoryRange {...args} />,
297
305
  };