@salutejs/plasma-new-hope 0.324.1-canary.1988.15209032570.0 → 0.324.1-canary.1994.15271445725.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 (550) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +4 -13
  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 +11 -15
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -3
  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_fpdm18.css +2 -0
  10. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -3
  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_e9ada0.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_dt34s7.css} +2 -2
  16. package/cjs/components/Calendar/hooks/useMonths.js +3 -1
  17. package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
  18. package/cjs/components/Calendar/hooks/useQuarters.js +4 -2
  19. package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
  20. package/cjs/components/Calendar/hooks/useYears.js +3 -1
  21. package/cjs/components/Calendar/hooks/useYears.js.map +1 -1
  22. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  24. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  25. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -9
  26. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  27. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  28. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  29. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  30. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  31. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -7
  32. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  33. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  34. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  35. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  36. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  37. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -7
  38. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  39. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  42. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  43. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -7
  44. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  45. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  46. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  47. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  48. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  49. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  50. package/cjs/components/Calendar/utils/calendarGridHelper.js +10 -2
  51. package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  52. package/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
  53. package/cjs/components/Calendar/utils/getDateWithModification.js.map +1 -1
  54. package/cjs/components/DatePicker/DatePicker.tokens.js +9 -11
  55. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  56. package/cjs/components/DatePicker/DatePickerBase.styles.js +19 -2
  57. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  58. package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  59. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -25
  60. package/cjs/components/DatePicker/RangeDate/RangeDate.js +22 -10
  61. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  62. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  63. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  64. package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1q1mn0z.css} +1 -1
  65. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
  66. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +43 -2
  67. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  68. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  69. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  70. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css +2 -0
  71. package/cjs/components/DatePicker/SingleDate/SingleDate.css +19 -23
  72. package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -7
  73. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  74. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  75. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  76. package/{es/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_7r4r8k.css} +1 -1
  77. package/cjs/components/Note/Note.css +35 -6
  78. package/cjs/components/Note/Note.js +17 -3
  79. package/cjs/components/Note/Note.js.map +1 -1
  80. package/cjs/components/Note/Note.styles.js +25 -2
  81. package/cjs/components/Note/Note.styles.js.map +1 -1
  82. package/cjs/components/Note/{Note.styles_178qpj9.css → Note.styles_thpfhk.css} +2 -1
  83. package/cjs/components/Note/Note.tokens.js +9 -1
  84. package/cjs/components/Note/Note.tokens.js.map +1 -1
  85. package/cjs/components/NumberFormat/NumberFormat.js +7 -2
  86. package/cjs/components/NumberFormat/NumberFormat.js.map +1 -1
  87. package/cjs/components/Pagination/Pagination.css +10 -10
  88. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
  89. package/cjs/components/PaginationDots/PaginationDot.js +59 -0
  90. package/cjs/components/PaginationDots/PaginationDot.js.map +1 -0
  91. package/cjs/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  92. package/cjs/components/PaginationDots/PaginationDots.js +34 -0
  93. package/cjs/components/PaginationDots/PaginationDots.js.map +1 -0
  94. package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  95. package/cjs/components/PaginationDots/SmartPaginationDots.css +5 -0
  96. package/cjs/components/PaginationDots/SmartPaginationDots.js +47 -0
  97. package/cjs/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  98. package/cjs/components/PaginationDots/usePaginationDots.js +40 -0
  99. package/cjs/components/PaginationDots/usePaginationDots.js.map +1 -0
  100. package/cjs/components/Select/Select.css +10 -10
  101. package/cjs/components/Select/Select.tokens.js +23 -0
  102. package/cjs/components/Select/Select.tokens.js.map +1 -1
  103. package/cjs/components/Select/ui/Inner/Inner.css +10 -10
  104. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  105. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  106. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -12
  107. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  108. package/{es/components/Select/ui/Inner/ui/Item/Item.styles_1gk72bp.css → cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css} +2 -2
  109. package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
  110. package/cjs/components/Table/Table.css +10 -10
  111. package/cjs/components/Table/ui/Cell/Cell.css +10 -10
  112. package/cjs/components/Table/ui/EditableCell/EditableCell.css +10 -10
  113. package/cjs/components/Table/ui/HeadCell/HeadCell.css +10 -10
  114. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
  115. package/cjs/index.css +47 -44
  116. package/cjs/index.js +6 -0
  117. package/cjs/index.js.map +1 -1
  118. package/emotion/cjs/components/Calendar/Calendar.tokens.js +4 -13
  119. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  120. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  121. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  122. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
  123. package/emotion/cjs/components/Calendar/hooks/useMonths.js +3 -1
  124. package/emotion/cjs/components/Calendar/hooks/useQuarters.js +4 -2
  125. package/emotion/cjs/components/Calendar/hooks/useYears.js +3 -1
  126. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  127. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -8
  128. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  129. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -8
  130. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  131. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +3 -8
  132. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  133. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -8
  134. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  135. package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  136. package/emotion/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
  137. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
  138. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +9 -3
  139. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  140. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -13
  141. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +47 -3
  142. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  143. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  144. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  145. package/emotion/cjs/components/Note/Note.js +17 -3
  146. package/emotion/cjs/components/Note/Note.styles.js +27 -15
  147. package/emotion/cjs/components/Note/Note.tokens.js +9 -1
  148. package/emotion/cjs/components/NumberFormat/NumberFormat.js +7 -2
  149. package/emotion/cjs/components/PaginationDots/PaginationDot.js +35 -0
  150. package/emotion/cjs/components/PaginationDots/PaginationDots.js +35 -0
  151. package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +43 -0
  152. package/emotion/cjs/components/PaginationDots/index.js +26 -0
  153. package/emotion/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  154. package/emotion/cjs/components/Select/Select.tokens.js +2 -0
  155. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  156. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +31 -28
  157. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  158. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  159. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  160. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  161. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  162. package/emotion/cjs/examples/plasma_b2c/components/Note/Note.config.js +9 -9
  163. package/emotion/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  164. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  165. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  166. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  167. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  168. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  169. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  170. package/emotion/cjs/examples/plasma_web/components/Note/Note.config.js +9 -9
  171. package/emotion/cjs/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  172. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
  173. package/emotion/cjs/index.js +11 -0
  174. package/emotion/es/components/Calendar/Calendar.tokens.js +4 -13
  175. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  176. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
  177. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  178. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
  179. package/emotion/es/components/Calendar/hooks/useMonths.js +3 -1
  180. package/emotion/es/components/Calendar/hooks/useQuarters.js +4 -2
  181. package/emotion/es/components/Calendar/hooks/useYears.js +3 -1
  182. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  183. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -7
  184. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  185. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  186. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  187. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  188. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  189. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  190. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  191. package/emotion/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  192. package/emotion/es/components/Calendar/utils/getDateWithModification.js +28 -24
  193. package/emotion/es/components/DatePicker/DatePicker.tokens.js +8 -11
  194. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +9 -3
  195. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  196. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -14
  197. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -4
  198. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  199. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  200. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  201. package/emotion/es/components/Note/Note.js +18 -4
  202. package/emotion/es/components/Note/Note.styles.js +26 -14
  203. package/emotion/es/components/Note/Note.tokens.js +9 -1
  204. package/emotion/es/components/NumberFormat/NumberFormat.js +7 -2
  205. package/emotion/es/components/PaginationDots/PaginationDot.js +28 -0
  206. package/emotion/es/components/PaginationDots/PaginationDots.js +28 -0
  207. package/emotion/es/components/PaginationDots/SmartPaginationDots.js +36 -0
  208. package/emotion/es/components/PaginationDots/index.js +3 -0
  209. package/emotion/es/components/PaginationDots/usePaginationDots.js +32 -0
  210. package/emotion/es/components/Select/Select.tokens.js +2 -0
  211. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  212. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +31 -28
  213. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  214. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  215. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  216. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  217. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  218. package/emotion/es/examples/plasma_b2c/components/Note/Note.config.js +9 -9
  219. package/emotion/es/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  220. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  221. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  222. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  223. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  224. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  225. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  226. package/emotion/es/examples/plasma_web/components/Note/Note.config.js +9 -9
  227. package/emotion/es/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  228. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
  229. package/emotion/es/index.js +2 -1
  230. package/es/components/Calendar/Calendar.tokens.js +4 -13
  231. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  232. package/es/components/Calendar/Calendar.types.js.map +1 -1
  233. package/es/components/Calendar/CalendarBase/CalendarBase.css +11 -15
  234. package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
  235. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  236. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  237. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  238. package/es/components/Calendar/CalendarBase/CalendarBase.styles_fpdm18.css +2 -0
  239. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  240. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +10 -5
  241. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  242. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  243. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  244. package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_dt34s7.css} +2 -2
  245. package/es/components/Calendar/hooks/useMonths.js +3 -1
  246. package/es/components/Calendar/hooks/useMonths.js.map +1 -1
  247. package/es/components/Calendar/hooks/useQuarters.js +5 -3
  248. package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
  249. package/es/components/Calendar/hooks/useYears.js +3 -1
  250. package/es/components/Calendar/hooks/useYears.js.map +1 -1
  251. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  252. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  253. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  254. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -9
  255. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  256. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  257. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  258. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  259. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  260. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  261. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  262. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  263. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  264. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  265. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  266. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  267. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  268. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  269. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  270. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  271. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  272. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  273. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  274. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  275. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  276. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  277. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  278. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  279. package/es/components/Calendar/utils/calendarGridHelper.js +10 -3
  280. package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  281. package/es/components/Calendar/utils/getDateWithModification.js +28 -24
  282. package/es/components/Calendar/utils/getDateWithModification.js.map +1 -1
  283. package/es/components/DatePicker/DatePicker.tokens.js +9 -12
  284. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  285. package/es/components/DatePicker/DatePickerBase.styles.js +19 -2
  286. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  287. package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  288. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -25
  289. package/es/components/DatePicker/RangeDate/RangeDate.js +22 -11
  290. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  291. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  292. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  293. package/es/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1q1mn0z.css} +1 -1
  294. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
  295. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +43 -3
  296. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  297. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  298. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  299. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css +2 -0
  300. package/es/components/DatePicker/SingleDate/SingleDate.css +19 -23
  301. package/es/components/DatePicker/SingleDate/SingleDate.js +31 -8
  302. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  303. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  304. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  305. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → es/components/DatePicker/SingleDate/SingleDate.styles_7r4r8k.css} +1 -1
  306. package/es/components/Note/Note.css +35 -6
  307. package/es/components/Note/Note.js +18 -4
  308. package/es/components/Note/Note.js.map +1 -1
  309. package/es/components/Note/Note.styles.js +25 -3
  310. package/es/components/Note/Note.styles.js.map +1 -1
  311. package/es/components/Note/{Note.styles_178qpj9.css → Note.styles_thpfhk.css} +2 -1
  312. package/es/components/Note/Note.tokens.js +9 -1
  313. package/es/components/Note/Note.tokens.js.map +1 -1
  314. package/es/components/NumberFormat/NumberFormat.js +7 -2
  315. package/es/components/NumberFormat/NumberFormat.js.map +1 -1
  316. package/es/components/Pagination/Pagination.css +10 -10
  317. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
  318. package/es/components/PaginationDots/PaginationDot.js +54 -0
  319. package/es/components/PaginationDots/PaginationDot.js.map +1 -0
  320. package/es/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  321. package/es/components/PaginationDots/PaginationDots.js +29 -0
  322. package/es/components/PaginationDots/PaginationDots.js.map +1 -0
  323. package/es/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  324. package/es/components/PaginationDots/SmartPaginationDots.css +5 -0
  325. package/es/components/PaginationDots/SmartPaginationDots.js +39 -0
  326. package/es/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  327. package/es/components/PaginationDots/usePaginationDots.js +36 -0
  328. package/es/components/PaginationDots/usePaginationDots.js.map +1 -0
  329. package/es/components/Select/Select.css +10 -10
  330. package/es/components/Select/Select.tokens.js +23 -1
  331. package/es/components/Select/Select.tokens.js.map +1 -1
  332. package/es/components/Select/ui/Inner/Inner.css +10 -10
  333. package/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  334. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  335. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -13
  336. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  337. package/{cjs/components/Select/ui/Inner/ui/Item/Item.styles_1gk72bp.css → es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css} +2 -2
  338. package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
  339. package/es/components/Table/Table.css +10 -10
  340. package/es/components/Table/ui/Cell/Cell.css +10 -10
  341. package/es/components/Table/ui/EditableCell/EditableCell.css +10 -10
  342. package/es/components/Table/ui/HeadCell/HeadCell.css +10 -10
  343. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
  344. package/es/index.css +47 -44
  345. package/es/index.js +3 -0
  346. package/es/index.js.map +1 -1
  347. package/package.json +4 -4
  348. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +4 -13
  349. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  350. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  351. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  352. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  353. package/styled-components/cjs/components/Calendar/hooks/useMonths.js +3 -1
  354. package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +4 -2
  355. package/styled-components/cjs/components/Calendar/hooks/useYears.js +3 -1
  356. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  357. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -8
  358. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  359. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -6
  360. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  361. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -6
  362. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  363. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -6
  364. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  365. package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  366. package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
  367. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
  368. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +8 -2
  369. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  370. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  371. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +47 -3
  372. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  373. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  374. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  375. package/styled-components/cjs/components/Note/Note.js +17 -3
  376. package/styled-components/cjs/components/Note/Note.styles.js +14 -3
  377. package/styled-components/cjs/components/Note/Note.tokens.js +9 -1
  378. package/styled-components/cjs/components/NumberFormat/NumberFormat.js +7 -2
  379. package/styled-components/cjs/components/PaginationDots/PaginationDot.js +33 -0
  380. package/styled-components/cjs/components/PaginationDots/PaginationDots.js +24 -0
  381. package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +43 -0
  382. package/styled-components/cjs/components/PaginationDots/index.js +26 -0
  383. package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  384. package/styled-components/cjs/components/Select/Select.tokens.js +2 -0
  385. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  386. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -18
  387. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  388. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  389. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  390. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  391. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  392. package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.config.js +4 -4
  393. package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  394. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +10 -10
  395. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  396. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  397. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  398. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  399. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  400. package/styled-components/cjs/examples/plasma_web/components/Note/Note.config.js +4 -4
  401. package/styled-components/cjs/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  402. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +10 -10
  403. package/styled-components/cjs/index.js +11 -0
  404. package/styled-components/es/components/Calendar/Calendar.tokens.js +4 -13
  405. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  406. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  407. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  408. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
  409. package/styled-components/es/components/Calendar/hooks/useMonths.js +3 -1
  410. package/styled-components/es/components/Calendar/hooks/useQuarters.js +4 -2
  411. package/styled-components/es/components/Calendar/hooks/useYears.js +3 -1
  412. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  413. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -7
  414. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  415. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -5
  416. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  417. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -5
  418. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  419. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -5
  420. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  421. package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  422. package/styled-components/es/components/Calendar/utils/getDateWithModification.js +28 -24
  423. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +8 -11
  424. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +8 -2
  425. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  426. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
  427. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -4
  428. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  429. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  430. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  431. package/styled-components/es/components/Note/Note.js +18 -4
  432. package/styled-components/es/components/Note/Note.styles.js +13 -2
  433. package/styled-components/es/components/Note/Note.tokens.js +9 -1
  434. package/styled-components/es/components/NumberFormat/NumberFormat.js +7 -2
  435. package/styled-components/es/components/PaginationDots/PaginationDot.js +26 -0
  436. package/styled-components/es/components/PaginationDots/PaginationDots.js +18 -0
  437. package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +36 -0
  438. package/styled-components/es/components/PaginationDots/index.js +3 -0
  439. package/styled-components/es/components/PaginationDots/usePaginationDots.js +32 -0
  440. package/styled-components/es/components/Select/Select.tokens.js +2 -0
  441. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  442. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -18
  443. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  444. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  445. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  446. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  447. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  448. package/styled-components/es/examples/plasma_b2c/components/Note/Note.config.js +4 -4
  449. package/styled-components/es/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  450. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +10 -10
  451. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  452. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  453. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  454. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  455. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  456. package/styled-components/es/examples/plasma_web/components/Note/Note.config.js +4 -4
  457. package/styled-components/es/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  458. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +10 -10
  459. package/styled-components/es/index.js +2 -1
  460. package/types/components/Calendar/Calendar.tokens.d.ts +3 -12
  461. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  462. package/types/components/Calendar/Calendar.types.d.ts +4 -0
  463. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  464. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  465. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  466. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  467. package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
  468. package/types/components/Calendar/hooks/types.d.ts +7 -2
  469. package/types/components/Calendar/hooks/types.d.ts.map +1 -1
  470. package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
  471. package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
  472. package/types/components/Calendar/hooks/useQuarters.d.ts +1 -1
  473. package/types/components/Calendar/hooks/useQuarters.d.ts.map +1 -1
  474. package/types/components/Calendar/hooks/useYears.d.ts +1 -1
  475. package/types/components/Calendar/hooks/useYears.d.ts.map +1 -1
  476. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  477. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +0 -1
  478. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  479. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  480. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -1
  481. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  482. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  483. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +0 -1
  484. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
  485. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
  486. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -1
  487. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  488. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
  489. package/types/components/Calendar/utils/calendarGridHelper.d.ts +1 -0
  490. package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
  491. package/types/components/Calendar/utils/getDateWithModification.d.ts.map +1 -1
  492. package/types/components/DatePicker/DatePicker.tokens.d.ts +7 -10
  493. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  494. package/types/components/DatePicker/DatePickerBase.styles.d.ts +4 -1
  495. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  496. package/types/components/DatePicker/DatePickerBase.types.d.ts +18 -0
  497. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  498. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
  499. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  500. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  501. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  502. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  503. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +16 -3
  504. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
  505. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +12 -20
  506. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
  507. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
  508. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  509. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  510. package/types/components/Note/Note.d.ts +4 -0
  511. package/types/components/Note/Note.d.ts.map +1 -1
  512. package/types/components/Note/Note.styles.d.ts +46 -1
  513. package/types/components/Note/Note.styles.d.ts.map +1 -1
  514. package/types/components/Note/Note.tokens.d.ts +8 -0
  515. package/types/components/Note/Note.tokens.d.ts.map +1 -1
  516. package/types/components/Note/Note.types.d.ts +8 -0
  517. package/types/components/Note/Note.types.d.ts.map +1 -1
  518. package/types/components/NumberFormat/NumberFormat.d.ts.map +1 -1
  519. package/types/components/PaginationDots/PaginationDot.d.ts +21 -0
  520. package/types/components/PaginationDots/PaginationDot.d.ts.map +1 -0
  521. package/types/components/PaginationDots/PaginationDots.d.ts +15 -0
  522. package/types/components/PaginationDots/PaginationDots.d.ts.map +1 -0
  523. package/types/components/PaginationDots/SmartPaginationDots.d.ts +15 -0
  524. package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +1 -0
  525. package/types/components/PaginationDots/index.d.ts +6 -0
  526. package/types/components/PaginationDots/index.d.ts.map +1 -0
  527. package/types/components/PaginationDots/usePaginationDots.d.ts +14 -0
  528. package/types/components/PaginationDots/usePaginationDots.d.ts.map +1 -0
  529. package/types/components/Select/Select.tokens.d.ts +2 -0
  530. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  531. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +3 -1
  532. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  533. package/types/index.d.ts +1 -0
  534. package/types/index.d.ts.map +1 -1
  535. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css +0 -2
  536. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  537. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  538. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  539. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  540. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  541. package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  542. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
  543. package/es/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css +0 -2
  544. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  545. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  546. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  547. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  548. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  549. package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  550. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
@@ -5,12 +5,18 @@ 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.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");
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");
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:var(", ");", ""], tokens.width, baseCalendarTokens);
13
+ })(["", " width:", ";height:", ";"], baseCalendarTokens, function (_ref) {
14
+ var innerWidth = _ref.innerWidth;
15
+ return innerWidth || "var(".concat(tokens.calendarContainerWidth, ")");
16
+ }, function (_ref2) {
17
+ var innerHeight = _ref2.innerHeight;
18
+ return innerHeight || "var(".concat(tokens.calendarContainerHeight, ")");
19
+ });
14
20
  export var InputHidden = /*#__PURE__*/styled.input.withConfig({
15
21
  componentId: "plasma-new-hope__sc-1i6o09y-1"
16
22
  })(["", ";"], /*#__PURE__*/applyHidden());
@@ -1,5 +1,9 @@
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"];
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", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
2
3
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
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); }
3
7
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
4
8
  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."); }
5
9
  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; } }
@@ -9,7 +13,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
9
13
  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; }
10
14
  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; }
11
15
  import React, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
12
- import { cx, noop } from "../../../utils";
16
+ import cls from 'classnames';
17
+ import { noop } from "../../../utils";
13
18
  import { getDateFormatDelimiter } from "../utils/dateHelper";
14
19
  import { useDatePicker } from "../hooks/useDatePicker";
15
20
  import { classes } from "../DatePicker.tokens";
@@ -103,6 +108,9 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
103
108
  _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
104
109
  closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
105
110
  offset = _ref.offset,
111
+ calendarContainerWidth = _ref.calendarContainerWidth,
112
+ calendarContainerHeight = _ref.calendarContainerHeight,
113
+ stretched = _ref.stretched,
106
114
  onToggle = _ref.onToggle,
107
115
  onChange = _ref.onChange,
108
116
  onChangeFirstValue = _ref.onChangeFirstValue,
@@ -484,21 +492,25 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
484
492
  useLayoutEffect(function () {
485
493
  updateExternalSecondDate(defaultSecondDate);
486
494
  }, [defaultSecondDate, format, lang]);
487
- var RootWrapper = useCallback(function (_ref6) {
488
- var children = _ref6.children;
495
+ var RootWrapper = useCallback(/*#__PURE__*/forwardRef(function (_ref6, rootWrapperRef) {
496
+ var children = _ref6.children,
497
+ rootWrapperClassName = _ref6.className,
498
+ onClick = _ref6.onClick;
489
499
  return /*#__PURE__*/React.createElement(Root, {
500
+ ref: rootWrapperRef,
490
501
  view: view,
491
502
  size: size,
492
- className: cx(classes.datePickerRoot, className),
503
+ className: rootWrapperClassName,
493
504
  disabled: disabled,
494
- readOnly: !disabled && readOnly
505
+ readOnly: !disabled && readOnly,
506
+ onClick: onClick
495
507
  }, children);
496
- }, [view, size, disabled, readOnly]);
508
+ }), [view, size, disabled, readOnly]);
497
509
  return /*#__PURE__*/React.createElement(Root, _extends({
498
510
  ref: rootRef,
499
511
  view: view,
500
512
  size: size,
501
- className: cx(classes.datePickerRoot, className),
513
+ className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerstretched, stretched)),
502
514
  disabled: disabled,
503
515
  readOnly: !disabled && readOnly
504
516
  }, rest), /*#__PURE__*/React.createElement(RangeDatePopover, {
@@ -523,15 +535,19 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
523
535
  closeOnOverlayClick: closeOnOverlayClick,
524
536
  closeOnEsc: closeOnEsc,
525
537
  offset: offset,
538
+ stretched: stretched,
539
+ calendarContainerWidth: calendarContainerWidth,
540
+ calendarContainerHeight: calendarContainerHeight,
526
541
  type: type,
527
542
  onToggle: handleToggle,
528
543
  lang: lang,
529
544
  isDoubleCalendar: isDoubleCalendar,
530
545
  rootWrapper: RootWrapper,
531
546
  onChangeStartOfRange: handleChangeStartOfRange,
532
- onChangeValue: handleChangeCalendarValue
547
+ onChangeValue: handleChangeCalendarValue,
548
+ setIsInnerOpen: setIsInnerOpen
533
549
  }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
534
- className: cx(rangeErrorClass, rangeSuccessClass)
550
+ className: cls(rangeErrorClass, rangeSuccessClass)
535
551
  }, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
536
552
  name: name,
537
553
  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 { popoverConfig } from "../../Popover";
6
+ import { popoverClasses, 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;"]);
19
+ export var base = /*#__PURE__*/css(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", ",", "{width:100%;}}"], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root, StyledRange);
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,6 +1,12 @@
1
- import React from 'react';
2
- import { getPlacements } from "../../../../utils";
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";
3
8
  import { StyledPopover } from "../RangeDate.styles";
9
+ import { classes } from "../../DatePicker.tokens";
4
10
  import { StyledCalendar, StyledCalendarDouble } from "./RangeDatePopover.styles";
5
11
  export var RangeDatePopover = function RangeDatePopover(_ref) {
6
12
  var Root = _ref.rootWrapper,
@@ -31,14 +37,36 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
31
37
  closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
32
38
  closeOnEsc = _ref.closeOnEsc,
33
39
  offset = _ref.offset,
40
+ calendarContainerWidth = _ref.calendarContainerWidth,
41
+ calendarContainerHeight = _ref.calendarContainerHeight,
42
+ stretched = _ref.stretched,
34
43
  type = _ref.type,
35
44
  size = _ref.size,
36
45
  _ref$lang = _ref.lang,
37
46
  lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
47
+ disabled = _ref.disabled,
48
+ readOnly = _ref.readOnly,
49
+ setIsInnerOpen = _ref.setIsInnerOpen,
38
50
  onChangeValue = _ref.onChangeValue,
39
51
  onChangeStartOfRange = _ref.onChangeStartOfRange,
40
52
  onToggle = _ref.onToggle;
41
53
  var innerIsOpen = Boolean(isOpen || opened);
54
+ var calendarRootRef = useRef(null);
55
+ var doubleCalendarRootRef = useRef(null);
56
+ var calendarContainerWidthValue = calendarContainerWidth ? getSizeValueFromProp(calendarContainerWidth, 'rem') : undefined;
57
+ var calendarContainerHeightValue = calendarContainerHeight ? getSizeValueFromProp(calendarContainerHeight, 'rem') : undefined;
58
+ var handleCalendarRootClick = function handleCalendarRootClick(event) {
59
+ if (disabled || readOnly) {
60
+ return;
61
+ }
62
+ var isRootClicked = event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current) || event.target === (doubleCalendarRootRef === null || doubleCalendarRootRef === void 0 ? void 0 : doubleCalendarRootRef.current);
63
+ if (innerIsOpen && stretched && isRootClicked) {
64
+ setIsInnerOpen(false);
65
+ if (onToggle) {
66
+ onToggle(false, event);
67
+ }
68
+ }
69
+ };
42
70
  if (isDoubleCalendar) {
43
71
  return /*#__PURE__*/React.createElement(StyledPopover, {
44
72
  opened: innerIsOpen,
@@ -52,7 +80,14 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
52
80
  isFocusTrapped: false,
53
81
  target: target,
54
82
  preventOverflow: false
55
- }, /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(StyledCalendarDouble, {
83
+ }, /*#__PURE__*/React.createElement(Root, {
84
+ ref: doubleCalendarRootRef,
85
+ className: cls(classes.datePickerRoot, _defineProperty({}, classes.datePickerstretched, stretched)),
86
+ onClick: handleCalendarRootClick
87
+ }, /*#__PURE__*/React.createElement(StyledCalendarDouble, {
88
+ className: cls(_defineProperty({}, classes.datePickerCalendarstretched, stretched)),
89
+ innerWidth: calendarContainerWidthValue,
90
+ innerHeight: calendarContainerHeightValue,
56
91
  size: size,
57
92
  value: calendarValue,
58
93
  eventList: eventList,
@@ -86,7 +121,14 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
86
121
  target: target,
87
122
  preventOverflow: false,
88
123
  closeOnEsc: closeOnEsc
89
- }, /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(StyledCalendar, {
124
+ }, /*#__PURE__*/React.createElement(Root, {
125
+ ref: calendarRootRef,
126
+ className: cls(classes.datePickerRoot, _defineProperty({}, classes.datePickerstretched, stretched)),
127
+ onClick: handleCalendarRootClick
128
+ }, /*#__PURE__*/React.createElement(StyledCalendar, {
129
+ className: cls(_defineProperty({}, classes.datePickerCalendarstretched, stretched)),
130
+ innerWidth: calendarContainerWidthValue,
131
+ innerHeight: calendarContainerHeightValue,
90
132
  size: size,
91
133
  value: calendarValue,
92
134
  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 { tokens } from "../../DatePicker.tokens";
4
+ import { pivateTokens, 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,7 +13,19 @@ 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);"], calendarBaseTokens.calendarSeparatorBackground, tokens.calendarSeparatorBackground, baseCalendarTokens, calendarBaseTokens.calendarWidth, tokens.calendarWidth);
16
+ })(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);width:", ";height:", ";"], calendarBaseTokens.calendarSeparatorBackground, tokens.calendarSeparatorBackground, baseCalendarTokens, pivateTokens.calendarDoubleWidth, tokens.calendarContainerWidth, 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.calendarContainerHeight, ")");
22
+ });
17
23
  export var StyledCalendar = /*#__PURE__*/styled(CalendarRange).withConfig({
18
24
  componentId: "plasma-new-hope__sc-vflcna-1"
19
- })(["", ""], baseCalendarTokens);
25
+ })(["", " width:", ";height:", ";"], baseCalendarTokens, function (_ref3) {
26
+ var innerWidth = _ref3.innerWidth;
27
+ return innerWidth || "var(".concat(tokens.calendarContainerWidth, ")");
28
+ }, function (_ref4) {
29
+ var innerHeight = _ref4.innerHeight;
30
+ return innerHeight || "var(".concat(tokens.calendarContainerHeight, ")");
31
+ });
@@ -1,5 +1,9 @@
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"];
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", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
2
3
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
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); }
3
7
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
4
8
  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."); }
5
9
  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; } }
@@ -9,7 +13,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
9
13
  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; }
10
14
  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; }
11
15
  import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';
12
- import { cx, getPlacements, noop } from "../../../utils";
16
+ import cls from 'classnames';
17
+ import { getPlacements, getSizeValueFromProp, noop } from "../../../utils";
13
18
  import { getDateFormatDelimiter } from "../utils/dateHelper";
14
19
  import { useDatePicker } from "../hooks/useDatePicker";
15
20
  import { classes } from "../DatePicker.tokens";
@@ -85,6 +90,9 @@ export var datePickerRoot = function datePickerRoot(Root) {
85
90
  _ref$closeOnEsc = _ref.closeOnEsc,
86
91
  closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
87
92
  offset = _ref.offset,
93
+ calendarContainerWidth = _ref.calendarContainerWidth,
94
+ calendarContainerHeight = _ref.calendarContainerHeight,
95
+ stretched = _ref.stretched,
88
96
  onChangeValue = _ref.onChangeValue,
89
97
  onCommitDate = _ref.onCommitDate,
90
98
  onToggle = _ref.onToggle,
@@ -98,6 +106,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
98
106
  }
99
107
  var inputRef = useRef(null);
100
108
  var innerRef = useRef(null);
109
+ var calendarRootRef = useRef(null);
101
110
  var _useState = useState(opened),
102
111
  _useState2 = _slicedToArray(_useState, 2),
103
112
  isInnerOpen = _useState2[0],
@@ -127,6 +136,8 @@ export var datePickerRoot = function datePickerRoot(Root) {
127
136
  _useState8 = _slicedToArray(_useState7, 2),
128
137
  inputValue = _useState8[0],
129
138
  setInputValue = _useState8[1];
139
+ var calendarContainerWidthValue = calendarContainerWidth ? getSizeValueFromProp(calendarContainerWidth, 'rem') : undefined;
140
+ var calendarContainerHeightValue = calendarContainerHeight ? getSizeValueFromProp(calendarContainerHeight, 'rem') : undefined;
130
141
  var _useDatePicker = useDatePicker({
131
142
  currentValue: inputValue,
132
143
  format: format,
@@ -171,6 +182,17 @@ export var datePickerRoot = function datePickerRoot(Root) {
171
182
  }
172
183
  setIsInnerOpen(isCalendarOpen);
173
184
  };
185
+ var handleCalendarRootClick = function handleCalendarRootClick(event) {
186
+ if (disabled || readOnly) {
187
+ return;
188
+ }
189
+ if (isInnerOpen && stretched && event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current)) {
190
+ setIsInnerOpen(false);
191
+ if (onToggle) {
192
+ onToggle(false, event);
193
+ }
194
+ }
195
+ };
174
196
  var _useKeyNavigation = useKeyNavigation({
175
197
  isCalendarOpen: isInnerOpen,
176
198
  format: format,
@@ -191,7 +213,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
191
213
  };
192
214
  var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, {
193
215
  ref: inputRef,
194
- className: cx(datePickerErrorClass, datePickerSuccessClass),
216
+ className: cls(datePickerErrorClass, datePickerSuccessClass),
195
217
  value: inputValue,
196
218
  size: size,
197
219
  readOnly: readOnly,
@@ -228,7 +250,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
228
250
  return /*#__PURE__*/React.createElement(Root, _extends({
229
251
  view: view,
230
252
  size: size,
231
- className: cx(classes.datePickerRoot, className),
253
+ className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerstretched, stretched)),
232
254
  disabled: disabled,
233
255
  readOnly: !disabled && readOnly,
234
256
  ref: ref
@@ -245,12 +267,17 @@ export var datePickerRoot = function datePickerRoot(Root) {
245
267
  target: DatePickerInput,
246
268
  preventOverflow: false
247
269
  }, /*#__PURE__*/React.createElement(Root, {
270
+ ref: calendarRootRef,
248
271
  view: view,
249
272
  size: size,
250
- className: cx(classes.datePickerRoot, className),
273
+ className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerstretched, stretched)),
251
274
  disabled: disabled,
252
- readOnly: !disabled && readOnly
275
+ readOnly: !disabled && readOnly,
276
+ onClick: handleCalendarRootClick
253
277
  }, /*#__PURE__*/React.createElement(StyledCalendar, {
278
+ className: cls(_defineProperty({}, classes.datePickerCalendarstretched, stretched)),
279
+ innerWidth: calendarContainerWidthValue,
280
+ innerHeight: calendarContainerHeightValue,
254
281
  size: size,
255
282
  value: calendarValue,
256
283
  type: type,
@@ -270,7 +297,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
270
297
  locale: lang,
271
298
  onChangeValue: handleCalendarPick
272
299
  }))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
273
- className: cx(datePickerErrorClass, datePickerSuccessClass)
300
+ className: cls(datePickerErrorClass, datePickerSuccessClass)
274
301
  }, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
275
302
  type: "hidden",
276
303
  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;}"], /*#__PURE__*/String(popoverClasses.wrapper), /*#__PURE__*/String(popoverClasses.target));
19
+ export var base = /*#__PURE__*/css(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", "{width:100%;}}"], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root);
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,5 +1,5 @@
1
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", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height"];
2
+ var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height", "hasClose", "onCloseButtonClick"];
3
3
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
4
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17,9 +17,10 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
17
17
  import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';
18
18
  import { useResizeObserver } from '@salutejs/plasma-core';
19
19
  import { canUseDOM, cx, getSizeValueFromProp } from "../../utils";
20
+ import { IconCrossThin } from "../_Icon/Icons/IconCrossThin";
20
21
  import { base as viewCSS } from "./variations/_view/base";
21
22
  import { base as sizeCSS } from "./variations/_size/base";
22
- import { base, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from "./Note.styles";
23
+ import { base, CloseIconWrapper, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from "./Note.styles";
23
24
  import { classes, privateTokens, tokens } from "./Note.tokens";
24
25
  export var noteRoot = function noteRoot(Root) {
25
26
  return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
@@ -35,6 +36,8 @@ export var noteRoot = function noteRoot(Root) {
35
36
  stretch = _ref.stretch,
36
37
  width = _ref.width,
37
38
  height = _ref.height,
39
+ hasClose = _ref.hasClose,
40
+ onCloseButtonClick = _ref.onCloseButtonClick,
38
41
  rest = _objectWithoutProperties(_ref, _excluded);
39
42
  var _useState = useState(text),
40
43
  _useState2 = _slicedToArray(_useState, 2),
@@ -100,11 +103,22 @@ export var noteRoot = function noteRoot(Root) {
100
103
  ref: contentBeforeRef
101
104
  }, contentBefore), /*#__PURE__*/React.createElement(ContentWrapper, {
102
105
  ref: contentWrapperRef
103
- }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(TitleHelper, {
106
+ }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, {
107
+ hasClose: hasClose
108
+ }, title), /*#__PURE__*/React.createElement(TitleHelper, {
104
109
  ref: titleHelperRef
105
110
  }, "C")), innerText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, innerText, /*#__PURE__*/React.createElement(TextHelper, {
106
111
  ref: textRenderHelperRef
107
- }, "C")))));
112
+ }, "C")))), hasClose && /*#__PURE__*/React.createElement(CloseIconWrapper, {
113
+ view: "clear",
114
+ size: "s",
115
+ onClick: onCloseButtonClick,
116
+ className: classes.closeIcon
117
+ }, /*#__PURE__*/React.createElement(IconCrossThin, {
118
+ size: "s",
119
+ sizeCustomProperty: tokens.closeIconSize,
120
+ color: "inherit"
121
+ })));
108
122
  });
109
123
  };
110
124
  export var noteConfig = {
@@ -1,5 +1,10 @@
1
1
  import styled from 'styled-components';
2
2
  import { css } from 'styled-components';
3
+ import { component, mergeConfig } from "../../engines";
4
+ import { buttonConfig } from "../Button";
5
+ import { tokens } from "./Note.tokens";
6
+ var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
7
+ var Button = /*#__PURE__*/component(mergedButtonConfig);
3
8
  export var base = /*#__PURE__*/css(["position:relative;display:flex;box-sizing:border-box;"]);
4
9
  export var ContentBefore = /*#__PURE__*/styled.div.withConfig({
5
10
  componentId: "plasma-new-hope__sc-2xk8rv-0"
@@ -9,7 +14,10 @@ export var ContentWrapper = /*#__PURE__*/styled.div.withConfig({
9
14
  })(["display:flex;flex-direction:column;box-sizing:border-box;"]);
10
15
  export var Title = /*#__PURE__*/styled.div.withConfig({
11
16
  componentId: "plasma-new-hope__sc-2xk8rv-2"
12
- })([""]);
17
+ })(["padding-right:", ";box-sizing:border-box;"], function (_ref) {
18
+ var hasClose = _ref.hasClose;
19
+ return hasClose ? "var(".concat(tokens.titlePaddingRight, ")") : 0;
20
+ });
13
21
  export var TitleHelper = /*#__PURE__*/styled.div.withConfig({
14
22
  componentId: "plasma-new-hope__sc-2xk8rv-3"
15
23
  })(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;"]);
@@ -18,4 +26,7 @@ export var Text = /*#__PURE__*/styled.span.withConfig({
18
26
  })(["display:block;position:relative;"]);
19
27
  export var TextHelper = /*#__PURE__*/styled.span.withConfig({
20
28
  componentId: "plasma-new-hope__sc-2xk8rv-5"
21
- })(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;"]);
29
+ })(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;"]);
30
+ export var CloseIconWrapper = /*#__PURE__*/styled(Button).withConfig({
31
+ componentId: "plasma-new-hope__sc-2xk8rv-6"
32
+ })(["position:absolute;right:var(", ");top:var(", ");width:var(", ");height:var(", ");color:var(", ");:hover{color:var(", ");}"], tokens.closeIconRight, tokens.closeIconTop, tokens.closeIconButtonSize, tokens.closeIconButtonSize, tokens.closeIconColor, tokens.closeIconColorOnHover);
@@ -1,5 +1,6 @@
1
1
  export var classes = {
2
2
  stretch: 'note-stretch',
3
+ closeIcon: 'note-close-icon',
3
4
  contentAlignCenter: 'note-content-align-center'
4
5
  };
5
6
  export var privateTokens = {
@@ -26,10 +27,17 @@ export var tokens = {
26
27
  titleFontWeight: '--plasma-note-title-font-weight',
27
28
  titleLetterSpacing: '--plasma-note-title-letter-spacing',
28
29
  titleLineHeight: '--plasma-note-title-line-height',
30
+ titlePaddingRight: '--plasma-note-title-padding-right',
29
31
  textFontFamily: '--plasma-note-text-font-family',
30
32
  textFontSize: '--plasma-note-text-font-size',
31
33
  textFontStyle: '--plasma-note-text-font-style',
32
34
  textFontWeight: '--plasma-note-text-font-weight',
33
35
  textLetterSpacing: '--plasma-note-text-letter-spacing',
34
- textLineHeight: '--plasma-note-text-line-height'
36
+ textLineHeight: '--plasma-note-text-line-height',
37
+ closeIconTop: '--plasma-note-close-icon-top',
38
+ closeIconRight: '--plasma-note-close-icon-right',
39
+ closeIconColor: '--plasma-note-close-icon-color',
40
+ closeIconColorOnHover: '--plasma-note-close-icon-color-on-hover',
41
+ closeIconSize: '--plasma-note-close-icon-size',
42
+ closeIconButtonSize: '--plasma-note-close-icon-button-size'
35
43
  };
@@ -20,13 +20,18 @@ export var composeNumberFormat = function composeNumberFormat(InputComponent) {
20
20
  onChange(changeEvent, values);
21
21
  }
22
22
  };
23
+ var InputComponentWithoutEllipsis = /*#__PURE__*/forwardRef(function (props, ref) {
24
+ return /*#__PURE__*/React.createElement(InputComponent, _extends({
25
+ ref: ref,
26
+ _textEllipsisDisable: true
27
+ }, props));
28
+ });
23
29
  return /*#__PURE__*/React.createElement(NumericFormat, _extends({
24
30
  thousandSeparator: thousandSeparator,
25
31
  decimalScale: decimalScale,
26
32
  decimalSeparator: decimalSeparator,
27
- customInput: InputComponent,
33
+ customInput: InputComponentWithoutEllipsis,
28
34
  getInputRef: outerRef,
29
- _textEllipsisDisable: true,
30
35
  onValueChange: handleChangeValue
31
36
  }, rest));
32
37
  });