@salutejs/plasma-new-hope 0.93.0 → 0.93.1-canary.1273.9714986596.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (629) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +67 -28
  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 +57 -29
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  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_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
  10. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
  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_1rc2ejs.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
  16. package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
  17. package/cjs/components/Calendar/hooks/useDays.js +1 -1
  18. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  19. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
  20. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
  21. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
  22. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +4 -0
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
  24. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
  25. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  26. package/cjs/components/Calendar/ui/CalendarDays/{CalendarDays.styles_bnrjbd.css → CalendarDays.styles_1oq8sud.css} +1 -1
  27. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +36 -8
  28. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +31 -17
  29. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  30. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +27 -12
  31. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  32. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css +8 -0
  33. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  34. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  35. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  36. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
  37. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  38. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +4 -0
  39. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  42. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
  43. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  44. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +4 -0
  45. package/cjs/components/Calendar/utils/index.js.map +1 -1
  46. package/cjs/components/Combobox/Combobox.js +2 -2
  47. package/cjs/components/Combobox/Combobox.js.map +1 -1
  48. package/cjs/components/DatePicker/DatePicker.tokens.js +189 -0
  49. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -0
  50. package/cjs/components/DatePicker/DatePickerBase.styles.js +30 -0
  51. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -0
  52. package/cjs/components/DatePicker/DatePickerBase.styles_1thp2xv.css +1 -0
  53. package/cjs/components/DatePicker/RangeDate/RangeDate.css +152 -0
  54. package/cjs/components/DatePicker/RangeDate/RangeDate.js +285 -0
  55. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -0
  56. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +51 -0
  57. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -0
  58. package/cjs/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +5 -0
  59. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +144 -0
  60. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +83 -0
  61. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
  62. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +42 -0
  63. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
  64. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
  65. package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
  66. package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
  67. package/cjs/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
  68. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +9 -0
  69. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
  70. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_f58pkk.css +1 -0
  71. package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +9 -0
  72. package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
  73. package/cjs/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +1 -0
  74. package/cjs/components/DatePicker/RangeDate/variations/_view/base.js +9 -0
  75. package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
  76. package/cjs/components/DatePicker/RangeDate/variations/_view/base_11yn9y8.css +1 -0
  77. package/cjs/components/DatePicker/SingleDate/SingleDate.css +134 -0
  78. package/cjs/components/DatePicker/SingleDate/SingleDate.js +183 -0
  79. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -0
  80. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +51 -0
  81. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -0
  82. package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +5 -0
  83. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
  84. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
  85. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
  86. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +9 -0
  87. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
  88. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css +1 -0
  89. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +9 -0
  90. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
  91. package/cjs/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
  92. package/cjs/components/DatePicker/SingleDate/variations/_view/base.js +9 -0
  93. package/cjs/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
  94. package/cjs/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css +1 -0
  95. package/cjs/components/DatePicker/hooks/useDatePicker.js +79 -0
  96. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -0
  97. package/cjs/components/DatePicker/utils/dateHelper.js +84 -0
  98. package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -0
  99. package/cjs/components/Dropdown/Dropdown.js +4 -2
  100. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  101. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  102. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  103. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  104. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  105. package/cjs/components/Dropdown/utils/index.js +0 -17
  106. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  107. package/cjs/components/Range/Range.css +6 -6
  108. package/cjs/components/Range/Range.js +17 -2
  109. package/cjs/components/Range/Range.js.map +1 -1
  110. package/cjs/components/Range/Range.styles.js +1 -1
  111. package/cjs/components/Range/Range.styles.js.map +1 -1
  112. package/cjs/components/Range/Range.styles_9rort8.css +8 -0
  113. package/cjs/components/Select/Select.js +2 -2
  114. package/cjs/components/Select/Select.js.map +1 -1
  115. package/cjs/components/Sheet/Sheet.js.map +1 -1
  116. package/cjs/components/Slider/Slider.css +3 -3
  117. package/cjs/components/Slider/components/Double/Double.css +3 -3
  118. package/cjs/components/TextField/TextField.tokens.js +1 -1
  119. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  120. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  121. package/cjs/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
  122. package/cjs/components/TextField/variations/_size/base.js +1 -1
  123. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  124. package/cjs/components/TextField/variations/_size/base_orwx1f.css +1 -0
  125. package/cjs/components/TextField/variations/_view/base.js +1 -1
  126. package/cjs/components/TextField/variations/_view/base_18ea6z7.css +1 -0
  127. package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +23 -0
  128. package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
  129. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  130. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  131. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  132. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  133. package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +23 -0
  134. package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
  135. package/cjs/index.css +71 -38
  136. package/cjs/index.js +12 -0
  137. package/cjs/index.js.map +1 -1
  138. package/cjs/utils/datejs.js +12 -0
  139. package/cjs/utils/datejs.js.map +1 -0
  140. package/cjs/utils/getPopoverPlacement.js +23 -0
  141. package/cjs/utils/getPopoverPlacement.js.map +1 -0
  142. package/cjs/utils/index.js.map +1 -1
  143. package/es/components/Calendar/Calendar.tokens.js +67 -28
  144. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  145. package/es/components/Calendar/Calendar.types.js.map +1 -1
  146. package/es/components/Calendar/CalendarBase/CalendarBase.css +57 -29
  147. package/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
  148. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  149. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  150. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  151. package/es/components/Calendar/CalendarBase/{CalendarBase.styles_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
  152. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
  153. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +7 -1
  154. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  155. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  156. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  157. package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_1rc2ejs.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
  158. package/es/components/Calendar/hoc/withRange.js.map +1 -1
  159. package/es/components/Calendar/hooks/useDays.js +1 -1
  160. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  161. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
  162. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
  163. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
  164. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +4 -0
  165. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
  166. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
  167. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  168. package/es/components/Calendar/ui/CalendarDays/{CalendarDays.styles_bnrjbd.css → CalendarDays.styles_1oq8sud.css} +1 -1
  169. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +36 -8
  170. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +32 -18
  171. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  172. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +26 -13
  173. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  174. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css +8 -0
  175. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  176. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  177. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  178. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
  179. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  180. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +4 -0
  181. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  182. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  183. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  184. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
  185. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  186. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +4 -0
  187. package/es/components/Calendar/utils/index.js.map +1 -1
  188. package/es/components/Combobox/Combobox.js +1 -1
  189. package/es/components/Combobox/Combobox.js.map +1 -1
  190. package/es/components/DatePicker/DatePicker.tokens.js +184 -0
  191. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -0
  192. package/es/components/DatePicker/DatePickerBase.styles.js +26 -0
  193. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -0
  194. package/es/components/DatePicker/DatePickerBase.styles_1thp2xv.css +1 -0
  195. package/es/components/DatePicker/RangeDate/RangeDate.css +152 -0
  196. package/es/components/DatePicker/RangeDate/RangeDate.js +280 -0
  197. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -0
  198. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +43 -0
  199. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -0
  200. package/es/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +5 -0
  201. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +144 -0
  202. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +79 -0
  203. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
  204. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +37 -0
  205. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
  206. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
  207. package/es/components/DatePicker/RangeDate/variations/_disabled/base.js +5 -0
  208. package/es/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
  209. package/es/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
  210. package/es/components/DatePicker/RangeDate/variations/_readonly/base.js +5 -0
  211. package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
  212. package/es/components/DatePicker/RangeDate/variations/_readonly/base_f58pkk.css +1 -0
  213. package/es/components/DatePicker/RangeDate/variations/_size/base.js +5 -0
  214. package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
  215. package/es/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +1 -0
  216. package/es/components/DatePicker/RangeDate/variations/_view/base.js +5 -0
  217. package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
  218. package/es/components/DatePicker/RangeDate/variations/_view/base_11yn9y8.css +1 -0
  219. package/es/components/DatePicker/SingleDate/SingleDate.css +134 -0
  220. package/es/components/DatePicker/SingleDate/SingleDate.js +178 -0
  221. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -0
  222. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +43 -0
  223. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -0
  224. package/es/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +5 -0
  225. package/es/components/DatePicker/SingleDate/variations/_disabled/base.js +5 -0
  226. package/es/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
  227. package/es/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
  228. package/es/components/DatePicker/SingleDate/variations/_readonly/base.js +5 -0
  229. package/es/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
  230. package/es/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css +1 -0
  231. package/es/components/DatePicker/SingleDate/variations/_size/base.js +5 -0
  232. package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
  233. package/es/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
  234. package/es/components/DatePicker/SingleDate/variations/_view/base.js +5 -0
  235. package/es/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
  236. package/es/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css +1 -0
  237. package/es/components/DatePicker/hooks/useDatePicker.js +75 -0
  238. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -0
  239. package/es/components/DatePicker/utils/dateHelper.js +76 -0
  240. package/es/components/DatePicker/utils/dateHelper.js.map +1 -0
  241. package/es/components/Dropdown/Dropdown.js +4 -2
  242. package/es/components/Dropdown/Dropdown.js.map +1 -1
  243. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  244. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  245. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  246. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  247. package/es/components/Dropdown/utils/index.js +1 -16
  248. package/es/components/Dropdown/utils/index.js.map +1 -1
  249. package/es/components/Range/Range.css +6 -6
  250. package/es/components/Range/Range.js +18 -3
  251. package/es/components/Range/Range.js.map +1 -1
  252. package/es/components/Range/Range.styles.js +1 -1
  253. package/es/components/Range/Range.styles.js.map +1 -1
  254. package/es/components/Range/Range.styles_9rort8.css +8 -0
  255. package/es/components/Select/Select.js +1 -1
  256. package/es/components/Select/Select.js.map +1 -1
  257. package/es/components/Sheet/Sheet.js +4 -4
  258. package/es/components/Sheet/Sheet.js.map +1 -1
  259. package/es/components/Slider/Slider.css +3 -3
  260. package/es/components/Slider/components/Double/Double.css +3 -3
  261. package/es/components/TextField/TextField.tokens.js +1 -1
  262. package/es/components/TextField/TextField.tokens.js.map +1 -1
  263. package/es/components/TextField/variations/_read-only/base.js +1 -1
  264. package/es/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
  265. package/es/components/TextField/variations/_size/base.js +1 -1
  266. package/es/components/TextField/variations/_size/base.js.map +1 -1
  267. package/es/components/TextField/variations/_size/base_orwx1f.css +1 -0
  268. package/es/components/TextField/variations/_view/base.js +1 -1
  269. package/es/components/TextField/variations/_view/base_18ea6z7.css +1 -0
  270. package/es/components/_Icon/Icon.assets/DisclosureDownFill.js +19 -0
  271. package/es/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
  272. package/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  273. package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  274. package/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  275. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  276. package/es/components/_Icon/Icons/IconDisclosureDownFill.js +19 -0
  277. package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
  278. package/es/index.css +71 -38
  279. package/es/index.js +4 -0
  280. package/es/index.js.map +1 -1
  281. package/es/utils/datejs.js +8 -0
  282. package/es/utils/datejs.js.map +1 -0
  283. package/es/utils/getPopoverPlacement.js +18 -0
  284. package/es/utils/getPopoverPlacement.js.map +1 -0
  285. package/es/utils/index.js.map +1 -1
  286. package/package.json +3 -2
  287. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +67 -28
  288. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  289. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
  290. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
  291. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  292. package/styled-components/cjs/components/Calendar/hooks/useDays.js +1 -1
  293. package/styled-components/cjs/components/Calendar/mixins/active.js +12 -0
  294. package/styled-components/cjs/components/Calendar/mixins/flex.js +8 -0
  295. package/styled-components/cjs/components/Calendar/mixins/index.js +30 -29
  296. package/styled-components/cjs/components/Calendar/mixins/selected.js +24 -0
  297. package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +27 -20
  298. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
  299. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +30 -16
  300. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
  301. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  302. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +26 -12
  303. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  304. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +26 -14
  305. package/styled-components/cjs/components/Combobox/Combobox.js +6 -7
  306. package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +150 -0
  307. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +187 -0
  308. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +19 -0
  309. package/styled-components/cjs/components/DatePicker/DatePickerBase.types.js +5 -0
  310. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +293 -0
  311. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +33 -0
  312. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.types.js +5 -0
  313. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +81 -0
  314. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +26 -0
  315. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +5 -0
  316. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
  317. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
  318. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +10 -0
  319. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
  320. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js +10 -0
  321. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
  322. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js +10 -0
  323. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
  324. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +190 -0
  325. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +33 -0
  326. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.types.js +5 -0
  327. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
  328. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
  329. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +10 -0
  330. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
  331. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +10 -0
  332. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
  333. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/base.js +10 -0
  334. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
  335. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +77 -0
  336. package/styled-components/cjs/components/DatePicker/index.js +44 -0
  337. package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +78 -0
  338. package/styled-components/cjs/components/Dropdown/Dropdown.js +3 -2
  339. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  340. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  341. package/styled-components/cjs/components/Dropdown/utils/index.js +1 -16
  342. package/styled-components/cjs/components/Range/Range.js +17 -2
  343. package/styled-components/cjs/components/Range/Range.styles.js +3 -2
  344. package/styled-components/cjs/components/Select/Select.js +7 -8
  345. package/styled-components/cjs/components/Sheet/Sheet.js +3 -3
  346. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -1
  347. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  348. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +22 -0
  349. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  350. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  351. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +22 -0
  352. package/styled-components/cjs/components/_Icon/index.js +7 -0
  353. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
  354. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
  355. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -2
  356. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +31 -0
  357. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.js +13 -0
  358. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +257 -0
  359. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +4 -4
  360. package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
  361. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
  362. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
  363. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -2
  364. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +31 -0
  365. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.js +13 -0
  366. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +257 -0
  367. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +4 -4
  368. package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
  369. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
  370. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
  371. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -2
  372. package/styled-components/cjs/index.js +11 -0
  373. package/styled-components/cjs/utils/datejs.js +11 -0
  374. package/styled-components/cjs/utils/getPopoverPlacement.js +21 -0
  375. package/styled-components/cjs/utils/index.js +22 -0
  376. package/styled-components/es/components/Calendar/Calendar.tokens.js +67 -28
  377. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
  378. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
  379. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +7 -1
  380. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  381. package/styled-components/es/components/Calendar/hooks/useDays.js +1 -1
  382. package/styled-components/es/components/Calendar/mixins/active.js +6 -0
  383. package/styled-components/es/components/Calendar/mixins/flex.js +2 -0
  384. package/styled-components/es/components/Calendar/mixins/index.js +3 -27
  385. package/styled-components/es/components/Calendar/mixins/selected.js +18 -0
  386. package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +26 -19
  387. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
  388. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +32 -18
  389. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
  390. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  391. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +25 -11
  392. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  393. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +25 -13
  394. package/styled-components/es/components/Combobox/Combobox.js +1 -2
  395. package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +150 -0
  396. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +181 -0
  397. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +12 -0
  398. package/styled-components/es/components/DatePicker/DatePickerBase.types.js +1 -0
  399. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +284 -0
  400. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +25 -0
  401. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.types.js +1 -0
  402. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +74 -0
  403. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +19 -0
  404. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +1 -0
  405. package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/base.js +3 -0
  406. package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
  407. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +4 -0
  408. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
  409. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +4 -0
  410. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
  411. package/styled-components/es/components/DatePicker/RangeDate/variations/_view/base.js +4 -0
  412. package/styled-components/es/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
  413. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +181 -0
  414. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +25 -0
  415. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.types.js +1 -0
  416. package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/base.js +3 -0
  417. package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
  418. package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/base.js +4 -0
  419. package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
  420. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +4 -0
  421. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
  422. package/styled-components/es/components/DatePicker/SingleDate/variations/_view/base.js +4 -0
  423. package/styled-components/es/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
  424. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +71 -0
  425. package/styled-components/es/components/DatePicker/index.js +3 -0
  426. package/styled-components/es/components/DatePicker/utils/dateHelper.js +72 -0
  427. package/styled-components/es/components/Dropdown/Dropdown.js +4 -3
  428. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  429. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  430. package/styled-components/es/components/Dropdown/utils/index.js +0 -15
  431. package/styled-components/es/components/Range/Range.js +18 -3
  432. package/styled-components/es/components/Range/Range.styles.js +3 -2
  433. package/styled-components/es/components/Select/Select.js +1 -2
  434. package/styled-components/es/components/Sheet/Sheet.js +4 -4
  435. package/styled-components/es/components/TextField/TextField.tokens.js +1 -1
  436. package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
  437. package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownFill.js +15 -0
  438. package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  439. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  440. package/styled-components/es/components/_Icon/Icons/IconDisclosureDownFill.js +15 -0
  441. package/styled-components/es/components/_Icon/index.js +1 -0
  442. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
  443. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
  444. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -2
  445. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +25 -0
  446. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.js +7 -0
  447. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +257 -0
  448. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +4 -4
  449. package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
  450. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
  451. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
  452. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -2
  453. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +25 -0
  454. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.js +7 -0
  455. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +257 -0
  456. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +4 -4
  457. package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
  458. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
  459. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
  460. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -2
  461. package/styled-components/es/index.js +2 -1
  462. package/styled-components/es/utils/datejs.js +4 -0
  463. package/styled-components/es/utils/getPopoverPlacement.js +15 -0
  464. package/styled-components/es/utils/index.js +1 -0
  465. package/types/components/Accordion/utils/index.d.ts +1 -1
  466. package/types/components/Calendar/Calendar.tokens.d.ts +60 -26
  467. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  468. package/types/components/Calendar/Calendar.types.d.ts +1 -1
  469. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  470. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +27 -3
  471. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  472. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  473. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +30 -3
  474. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  475. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  476. package/types/components/Calendar/mixins/active.d.ts +17 -0
  477. package/types/components/Calendar/mixins/active.d.ts.map +1 -0
  478. package/types/components/Calendar/mixins/flex.d.ts +3 -0
  479. package/types/components/Calendar/mixins/flex.d.ts.map +1 -0
  480. package/types/components/Calendar/mixins/index.d.ts +3 -8
  481. package/types/components/Calendar/mixins/index.d.ts.map +1 -1
  482. package/types/components/Calendar/mixins/selected.d.ts +40 -0
  483. package/types/components/Calendar/mixins/selected.d.ts.map +1 -0
  484. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
  485. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  486. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  487. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +47 -7
  488. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  489. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +1 -0
  490. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
  491. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  492. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  493. package/types/components/Calendar/utils/index.d.ts +1 -1
  494. package/types/components/Calendar/utils/index.d.ts.map +1 -1
  495. package/types/components/Combobox/Combobox.d.ts.map +1 -1
  496. package/types/components/DatePicker/DatePicker.tokens.d.ts +182 -0
  497. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -0
  498. package/types/components/DatePicker/DatePickerBase.styles.d.ts +8 -0
  499. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -0
  500. package/types/components/DatePicker/DatePickerBase.types.d.ts +37 -0
  501. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -0
  502. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +110 -0
  503. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -0
  504. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +115 -0
  505. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -0
  506. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +76 -0
  507. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -0
  508. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +4 -0
  509. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -0
  510. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +5 -0
  511. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -0
  512. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +29 -0
  513. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -0
  514. package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts +2 -0
  515. package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts.map +1 -0
  516. package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts +2 -0
  517. package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -0
  518. package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts +2 -0
  519. package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -0
  520. package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts +2 -0
  521. package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -0
  522. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +31 -0
  523. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -0
  524. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +45 -0
  525. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -0
  526. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +120 -0
  527. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -0
  528. package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts +2 -0
  529. package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts.map +1 -0
  530. package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts +2 -0
  531. package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts.map +1 -0
  532. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts +2 -0
  533. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -0
  534. package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts +2 -0
  535. package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts.map +1 -0
  536. package/types/components/DatePicker/hooks/useDatePicker.d.ts +10 -0
  537. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -0
  538. package/types/components/DatePicker/index.d.ts +6 -0
  539. package/types/components/DatePicker/index.d.ts.map +1 -0
  540. package/types/components/DatePicker/utils/dateHelper.d.ts +10 -0
  541. package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -0
  542. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  543. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  544. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -0
  545. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
  546. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  547. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -0
  548. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  549. package/types/components/Dropdown/utils/index.d.ts +1 -3
  550. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  551. package/types/components/Range/Range.d.ts +3 -3
  552. package/types/components/Range/Range.d.ts.map +1 -1
  553. package/types/components/Range/Range.styles.d.ts.map +1 -1
  554. package/types/components/Range/Range.types.d.ts +8 -3
  555. package/types/components/Range/Range.types.d.ts.map +1 -1
  556. package/types/components/Range/index.d.ts +1 -1
  557. package/types/components/Range/index.d.ts.map +1 -1
  558. package/types/components/Select/Select.d.ts.map +1 -1
  559. package/types/components/Sheet/Sheet.d.ts.map +1 -1
  560. package/types/components/Sheet/Sheet.types.d.ts +1 -1
  561. package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
  562. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  563. package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts +4 -0
  564. package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts.map +1 -0
  565. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  566. package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts +4 -0
  567. package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts.map +1 -0
  568. package/types/components/_Icon/index.d.ts +1 -0
  569. package/types/components/_Icon/index.d.ts.map +1 -1
  570. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +15 -4
  571. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
  572. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts +3 -0
  573. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  574. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts +3 -0
  575. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  576. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts +24 -0
  577. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -0
  578. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +75 -0
  579. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -0
  580. package/types/examples/plasma_b2c/components/Range/Range.d.ts +3 -3
  581. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
  582. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +15 -4
  583. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
  584. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts +3 -0
  585. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  586. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts +3 -0
  587. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  588. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts +24 -0
  589. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -0
  590. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +75 -0
  591. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -0
  592. package/types/examples/plasma_web/components/Range/Range.d.ts +3 -3
  593. package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
  594. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +15 -4
  595. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
  596. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +3 -0
  597. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  598. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +3 -0
  599. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  600. package/types/index.d.ts +1 -0
  601. package/types/index.d.ts.map +1 -1
  602. package/types/utils/datejs.d.ts +3 -0
  603. package/types/utils/datejs.d.ts.map +1 -0
  604. package/types/utils/getPopoverPlacement.d.ts +5 -0
  605. package/types/utils/getPopoverPlacement.d.ts.map +1 -0
  606. package/types/utils/index.d.ts +1 -0
  607. package/types/utils/index.d.ts.map +1 -1
  608. package/cjs/components/Calendar/mixins/index.js +0 -18
  609. package/cjs/components/Calendar/mixins/index.js.map +0 -1
  610. package/cjs/components/Calendar/mixins/index_o3bz9l.css +0 -1
  611. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
  612. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
  613. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
  614. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
  615. package/cjs/components/Range/Range.styles_mc4w65.css +0 -8
  616. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  617. package/cjs/components/TextField/variations/_size/base_ntoddv.css +0 -1
  618. package/cjs/components/TextField/variations/_view/base_19gxyva.css +0 -1
  619. package/es/components/Calendar/mixins/index.js +0 -14
  620. package/es/components/Calendar/mixins/index.js.map +0 -1
  621. package/es/components/Calendar/mixins/index_o3bz9l.css +0 -1
  622. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
  623. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
  624. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
  625. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
  626. package/es/components/Range/Range.styles_mc4w65.css +0 -8
  627. package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  628. package/es/components/TextField/variations/_size/base_ntoddv.css +0 -1
  629. package/es/components/TextField/variations/_view/base_19gxyva.css +0 -1
@@ -1,21 +1,39 @@
1
1
  import styled from 'styled-components';
2
- import { buttonFocus, flexCenter } from '../../mixins';
3
- import { tokens } from '../../Calendar.tokens';
2
+ import { classes, tokens } from '../../Calendar.tokens';
3
+ import { component, mergeConfig } from '../../../../engines';
4
+ import { iconButtonConfig, iconButtonTokens } from '../../../IconButton';
5
+ import { flexCenter } from '../../mixins';
6
+ import { addFocus } from '../../../../mixins';
7
+ var mergedIconButtonConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
8
+ var IconButton = /*#__PURE__*/component(mergedIconButtonConfig);
4
9
  export var StyledCalendarHeader = /*#__PURE__*/styled.div.withConfig({
5
10
  componentId: "plasma-new-hope__sc-186pzg3-0"
6
- })(["padding:1rem 1.5rem 0;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");display:flex;justify-content:space-between;align-items:center;"], tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontWeightBold, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight);
7
- export var StyledHeader = /*#__PURE__*/styled(buttonFocus).withConfig({
11
+ })(["display:flex;justify-content:space-between;align-items:center;padding:var(", ");"], tokens.calendarHeaderWrapperPadding);
12
+ export var StyledHeader = /*#__PURE__*/styled.button.withConfig({
8
13
  componentId: "plasma-new-hope__sc-186pzg3-1"
9
- })(["color:var(", ");cursor:pointer;padding:0.5rem 0;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");display:flex;justify-content:space-between;align-items:center;"], tokens.calendarContentPrimaryColor, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontWeightBold, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight);
10
- export var StyledHeaderDouble = /*#__PURE__*/styled.h4.withConfig({
14
+ })(["border:none;background-color:transparent;padding:0;outline:none;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");padding:var(", ");color:var(", ");cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;&:hover,&:active{color:var(", ");}", ";"], tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontWeightBold, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderPadding, tokens.calendarContentPrimaryColor, tokens.calendarHeaderDateGap, tokens.calendarContentSecondaryColor, /*#__PURE__*/addFocus({
15
+ outlineSize: '0.063rem',
16
+ outlineOffset: '-0.125rem',
17
+ outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
18
+ outlineRadius: '0.563rem'
19
+ }));
20
+ export var StyledHeaderDate = /*#__PURE__*/styled.span.withConfig({
11
21
  componentId: "plasma-new-hope__sc-186pzg3-2"
12
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");margin-top:0;margin-bottom:0;padding:0.5rem 0;flex:1;", ";&:first-of-type{margin-right:3rem;}&:last-of-type{margin-left:3rem;}"], tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontWeightBold, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, /*#__PURE__*/String(flexCenter));
22
+ })(["", ";pointer-events:none;"], flexCenter);
13
23
  export var StyledArrows = /*#__PURE__*/styled.div.withConfig({
14
24
  componentId: "plasma-new-hope__sc-186pzg3-3"
15
- })(["padding:0.5rem 0;width:var(", ");display:flex;justify-content:space-between;align-items:center;"], tokens.calendarHeaderArrowContainerWidth);
16
- export var StyledArrow = /*#__PURE__*/styled(buttonFocus).withConfig({
25
+ })(["display:flex;gap:var(", ");padding:var(", ");"], tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowPadding);
26
+
27
+ // NOTE: переопределение токенов IconButton
28
+ export var StyledArrow = /*#__PURE__*/styled(IconButton).withConfig({
17
29
  componentId: "plasma-new-hope__sc-186pzg3-4"
18
- })(["display:flex;cursor:pointer;"]);
30
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], iconButtonTokens.iconButtonColor, tokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, tokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, tokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, tokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonHeight, tokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, tokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, tokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, tokens.iconButtonRadius, iconButtonTokens.iconButtonFocusColor, tokens.iconButtonFocusColor);
19
31
  export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
20
32
  componentId: "plasma-new-hope__sc-186pzg3-5"
21
- })(["width:100%;", ";"], /*#__PURE__*/String(flexCenter));
33
+ })(["width:100%;", ";"], flexCenter);
34
+ export var StyledDoubleHeaderWrapper = /*#__PURE__*/styled.div.withConfig({
35
+ componentId: "plasma-new-hope__sc-186pzg3-6"
36
+ })(["width:100%;display:grid;grid-template-columns:var(", ") 1fr var(", ");grid-template-areas:'a b c';", "{grid-area:a;}&.", " ", "{grid-area:c;}"], tokens.iconButtonWidth, tokens.iconButtonWidth, StyledArrow, classes.doubleHeaderLastDateWrapper, StyledArrow);
37
+ export var StyledHeaderDouble = /*#__PURE__*/styled.h4.withConfig({
38
+ componentId: "plasma-new-hope__sc-186pzg3-7"
39
+ })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");grid-area:b;justify-self:center;cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;margin:0;", ";"], tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontWeightBold, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderDateGap, /*#__PURE__*/String(flexCenter));
@@ -60,7 +60,7 @@ export var CalendarMonths = function CalendarMonths(_ref) {
60
60
  isCurrent = _ref2.isCurrent,
61
61
  monthFullName = _ref2.monthFullName;
62
62
  var selectedClass = isSelected ? classes.selectedItem : undefined;
63
- var currentClass = !isSelected && isCurrent ? classes.currentItem : undefined;
63
+ var currentClass = isCurrent ? classes.currentItem : undefined;
64
64
  return /*#__PURE__*/React.createElement(StyledMonthRoot, {
65
65
  id: "month-test-".concat(i, "-").concat(j),
66
66
  className: cx(selectedClass, currentClass, classes.selectableItem),
@@ -1,22 +1,36 @@
1
1
  import styled from 'styled-components';
2
- import { flexCenter, selectedMixin } from '../../mixins';
3
- import { tokens } from '../../Calendar.tokens';
2
+ import { classes, tokens } from '../../Calendar.tokens';
4
3
  import { addFocus } from '../../../../mixins';
4
+ import { addSelected, flexCenter } from '../../mixins';
5
5
  export var StyledCalendarMonths = /*#__PURE__*/styled.div.withConfig({
6
6
  componentId: "plasma-new-hope__sc-mx5ps9-0"
7
- })(["padding:0.5rem 1.5rem 1.5rem;box-sizing:border-box;"]);
7
+ })(["padding:var(", ");box-sizing:border-box;"], tokens.calendarMonthsPadding);
8
8
  export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
9
9
  componentId: "plasma-new-hope__sc-mx5ps9-1"
10
10
  })(["", ";"], /*#__PURE__*/String(flexCenter));
11
11
  export var StyledMonth = /*#__PURE__*/styled.div.withConfig({
12
12
  componentId: "plasma-new-hope__sc-mx5ps9-2"
13
- })(["border-radius:0.438rem;", ";"], /*#__PURE__*/String(flexCenter));
14
- var selectable = /*#__PURE__*/"\n ".concat(addFocus({
15
- outlineSize: '0.063rem',
16
- outlineOffset: '-0.063rem',
17
- outlineColor: "var(".concat(tokens.calendarOutlineFocusColor, ")"),
18
- outlineRadius: '0.563rem'
19
- }), ";\n\n --calendar_private-selected-min-width: 5.25rem;\n --calendar_private-selected-min-height: 3.25rem;\n --calendar_private-selected-background: var(").concat(tokens.calendarSelectedItemBackground, ");\n --calendar_private-selected-color: var(").concat(tokens.calendarSelectedItemColor, ");\n --calendar_private-selectable-background-hover: var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n --calendar_private-current-border-color: var(").concat(tokens.calendarCurrentItemBorderColor, ");\n --calendar_private-current-background-hover: var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n --calendar_private-current-color-hover: var(").concat(tokens.calendarCurrentItemColorHover, ");\n --calendar_private-current-child-background-hover: var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n --calendar_private-active-background: var(").concat(tokens.calendarActiveItemBackground, ");\n --calendar_private-active-color-hover: var(").concat(tokens.calendarActiveItemColor, ");\n --calendar_private-hovered-background: var(").concat(tokens.calendarHoveredItemBackground, ");\n --calendar_private-hovered-color: var(").concat(tokens.calendarHoveredItemColor, ");\n\n ").concat( /*#__PURE__*/String(selectedMixin), ";\n");
13
+ })(["border-radius:calc(var(", ") - 0.125rem);", ";"], tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(flexCenter));
20
14
  export var StyledMonthRoot = /*#__PURE__*/styled.div.withConfig({
21
15
  componentId: "plasma-new-hope__sc-mx5ps9-3"
22
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:3.5rem;border-radius:var(", ");flex:1;", ";", ";"], tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontWeight, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/String(selectable));
16
+ })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontWeight, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthItemHeight, tokens.calendarMonthItemWidth, tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/addSelected({
17
+ minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemWidth, ") - 0.25rem)"),
18
+ minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemHeight, ") - 0.25rem)"),
19
+ selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarMonthSelectedFontWeight, ")"),
20
+ selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
21
+ selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
22
+ selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
23
+ currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
24
+ activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
25
+ activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
26
+ }), /*#__PURE__*/addFocus({
27
+ outlineSize: '0.063rem',
28
+ outlineOffset: '-0.125rem',
29
+ outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
30
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
31
+ }), classes.currentItem, /*#__PURE__*/addFocus({
32
+ outlineSize: '0.063rem',
33
+ outlineOffset: '-0.1875rem',
34
+ outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
35
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
36
+ }));
@@ -59,7 +59,7 @@ export var CalendarYears = function CalendarYears(_ref) {
59
59
  isSelected = _ref2.isSelected,
60
60
  isCurrent = _ref2.isCurrent;
61
61
  var selectedClass = isSelected ? classes.selectedItem : undefined;
62
- var currentClass = !isSelected && isCurrent ? classes.currentItem : undefined;
62
+ var currentClass = isCurrent ? classes.currentItem : undefined;
63
63
  return /*#__PURE__*/React.createElement(StyledYearRoot, {
64
64
  className: cx(selectedClass, currentClass, classes.selectableItem),
65
65
  ref: function ref(element) {
@@ -1,24 +1,36 @@
1
1
  import styled from 'styled-components';
2
- import { flexCenter, selectedMixin } from '../../mixins';
3
- import { tokens } from '../../Calendar.tokens';
2
+ import { classes, tokens } from '../../Calendar.tokens';
4
3
  import { addFocus } from '../../../../mixins';
4
+ import { addSelected, flexCenter } from '../../mixins';
5
5
  export var StyledCalendarYears = /*#__PURE__*/styled.div.withConfig({
6
6
  componentId: "plasma-new-hope__sc-153qwc7-0"
7
- })(["padding:0.5rem 1.5rem 1.5rem;box-sizing:border-box;"]);
7
+ })(["padding:var(", ");box-sizing:border-box;"], tokens.calendarYearsPadding);
8
8
  export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
9
9
  componentId: "plasma-new-hope__sc-153qwc7-1"
10
10
  })(["", ";"], /*#__PURE__*/String(flexCenter));
11
11
  export var StyledYear = /*#__PURE__*/styled.div.withConfig({
12
12
  componentId: "plasma-new-hope__sc-153qwc7-2"
13
- })(["border-radius:0.438rem;", ";"], /*#__PURE__*/String(flexCenter));
14
- var selectable = function selectable() {
15
- return "\n ".concat(addFocus({
16
- outlineSize: '0.063rem',
17
- outlineOffset: '-0.063rem',
18
- outlineColor: "var(".concat(tokens.calendarOutlineFocusColor, ")"),
19
- outlineRadius: '0.563rem'
20
- }), ";\n\n --calendar_private-selected-min-width: 5.25rem;\n --calendar_private-selected-min-height: 3.25rem;\n --calendar_private-selected-background: var(").concat(tokens.calendarSelectedItemBackground, ");\n --calendar_private-selected-color: var(").concat(tokens.calendarSelectedItemColor, ");\n --calendar_private-selectable-background-hover: var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n --calendar_private-current-border-color: var(").concat(tokens.calendarCurrentItemBorderColor, ");\n --calendar_private-current-background-hover: var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n --calendar_private-current-color-hover: var(").concat(tokens.calendarCurrentItemColorHover, ");\n --calendar_private-current-child-background-hover: var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n --calendar_private-active-background: var(").concat(tokens.calendarActiveItemBackground, ");\n --calendar_private-active-color: var(").concat(tokens.calendarActiveItemColor, ");\n --calendar_private-hovered-background: var(").concat(tokens.calendarHoveredItemBackground, ");\n --calendar_private-hovered-color: var(").concat(tokens.calendarHoveredItemColor, ");\n \n ").concat(String(selectedMixin), ";\n");
21
- };
13
+ })(["border-radius:calc(var(", ") - 0.125rem);", ";"], tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter));
22
14
  export var StyledYearRoot = /*#__PURE__*/styled.div.withConfig({
23
15
  componentId: "plasma-new-hope__sc-153qwc7-3"
24
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:3.5rem;border-radius:var(", ");flex:1;", ";", ";"], tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontWeight, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/selectable());
16
+ })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontWeight, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearItemHeight, tokens.calendarYearItemWidth, tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/addSelected({
17
+ minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemWidth, ") - 0.25rem)"),
18
+ minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemHeight, ") - 0.25rem)"),
19
+ selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarYearSelectedFontWeight, ")"),
20
+ selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
21
+ selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
22
+ selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
23
+ currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
24
+ activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
25
+ activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
26
+ }), /*#__PURE__*/addFocus({
27
+ outlineSize: '0.063rem',
28
+ outlineOffset: '-0.125rem',
29
+ outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
30
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
31
+ }), classes.currentItem, /*#__PURE__*/addFocus({
32
+ outlineSize: '0.063rem',
33
+ outlineOffset: '-0.1875rem',
34
+ outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
35
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
36
+ }));
@@ -10,8 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
10
10
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
11
  import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';
12
12
  import { safeUseId, useForkRef } from '@salutejs/plasma-core';
13
- import { cx } from '../../utils';
14
- import { getPlacements } from '../Dropdown/utils';
13
+ import { cx, getPlacements } from '../../utils';
15
14
  import { getChildren, getNewSelected, getValues } from '../Select/utils';
16
15
  import { useKeyNavigation } from '../Select/hooks';
17
16
  import { useDidMountEffect, useForceUpdate } from '../../hooks';
@@ -0,0 +1,150 @@
1
+ ---
2
+ id: datepicker
3
+ title: DatePicker
4
+ ---
5
+
6
+ import { PropsTable, Description } from '@site/src/components';
7
+
8
+ # DatePicker
9
+ <Description name="DatePicker" />
10
+ <PropsTable name="DatePicker" exclude={['css']} />
11
+
12
+ ## Использование
13
+ Компонент `DatePicker` представляет собой поле ввода даты с выпадающим календарем.
14
+
15
+ Размер `DatePicker` задаётся с помощью свойства `size`.
16
+ Возможные значения свойтсва: `"l"`, `"m"`, `"s"`, `"xs"`.
17
+
18
+ ```tsx live
19
+ import React, {useState} from 'react';
20
+ import { DatePicker, IconButton } from '@salutejs/{{ package }}';
21
+ import { IconDone } from '@salutejs/plasma-icons';
22
+
23
+ export function App() {
24
+ return (
25
+ <div style={{ height: "450px" }}>
26
+ <DatePicker
27
+ label="Лейбл"
28
+ leftHelper="Подсказка к полю"
29
+ placeholder="Введите дату"
30
+ contentRight={<IconDone size="s" />}
31
+ size="l"
32
+ />
33
+ </div>
34
+ );
35
+ }
36
+ ```
37
+
38
+ ### Формат даты
39
+ Формат даты задается с помощью свойства `format`.
40
+ При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату.
41
+ Свойство `maskWithFormat` позволяет маскировать ввод:
42
+
43
+ ```tsx live
44
+ import React, {useState} from 'react';
45
+ import { DatePicker, IconButton } from '@salutejs/{{ package }}';
46
+ import { IconDone } from '@salutejs/plasma-icons';
47
+
48
+ export function App() {
49
+ return (
50
+ <div style={{ height: "450px" }}>
51
+ <DatePicker
52
+ label="Лейбл"
53
+ leftHelper="Подсказка к полю"
54
+ placeholder="Введите дату"
55
+ format="DD-MM-YYYY"
56
+ maskWithFormat
57
+ contentRight={<IconDone size="s" />}
58
+ />
59
+ </div>
60
+ );
61
+ }
62
+ ```
63
+
64
+ ### Валидация и индикация успешного ввода даты.
65
+ За индикацию ошибки или успешного ввода отвечают `valueError`, `valueSuccess`.
66
+ В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений:
67
+
68
+ ```tsx live
69
+ import React, {useState} from 'react';
70
+ import { DatePicker, IconButton } from '@salutejs/{{ package }}';
71
+ import { IconDone } from '@salutejs/plasma-icons';
72
+
73
+ export function App() {
74
+ const [isOpen, setIsOpen] = useState(false);
75
+ const [error, setError] = useState(false);
76
+ const [success, setSuccess] = useState(false);
77
+
78
+ const handleCommitDate = (newDate: Date | string, dateError?: boolean, dateSuccess?: boolean) => {
79
+ if (dateError) {
80
+ setError(true);
81
+ return;
82
+ }
83
+
84
+ if (dateSuccess) {
85
+ setSuccess(true);
86
+ }
87
+
88
+ setIsOpen(false);
89
+ };
90
+
91
+ return (
92
+ <div style={{ height: "450px" }}>
93
+ <DatePicker
94
+ isOpen={isOpen}
95
+ label="Лейбл"
96
+ leftHelper="Подсказка к полю"
97
+ placeholder="Введите дату"
98
+ format="DD-MM-YYYY"
99
+ maskWithFormat
100
+ valueError={error}
101
+ valueSuccess={success}
102
+ contentRight={<IconDone size="s" />}
103
+ onChangeValue={() => {
104
+ setError(false);
105
+ setSuccess(false);
106
+ }}
107
+ onCommitDate={handleCommitDate}
108
+ />
109
+ </div>
110
+ );
111
+ }
112
+ ```
113
+
114
+ ## DatePickerRange
115
+ <Description name="DatePickerRange" />
116
+ <PropsTable name="DatePickerRange" exclude={['css']} />
117
+
118
+ ## Использование
119
+ Компонент `DatePickerRange` представляет собой `Range` с выпадающим календарем.
120
+ Календарь может быть одиночным или двойным. За это отвечает свойство `isDoubleCalendar`.
121
+
122
+ ```tsx live
123
+ import React, {useState} from 'react';
124
+ import { DatePickerRange, IconButton } from '@salutejs/{{ package }}';
125
+ import { IconDone } from '@salutejs/plasma-icons';
126
+
127
+ export function App() {
128
+ const ActionButton = () => {
129
+ return (
130
+ <IconButton view="clear" size="l">
131
+ <IconDone size="s" />
132
+ </IconButton>
133
+ );
134
+ };
135
+
136
+ return (
137
+ <div style={{ height: "500px" }}>
138
+ <DatePickerRange
139
+ size="l"
140
+ label="Лейбл"
141
+ leftHelper="Подсказка к полю"
142
+ firstPlaceholder="Введите дату 1"
143
+ secondPlaceholder="Введите дату 2"
144
+ contentRight={<ActionButton />}
145
+ isDoubleCalendar
146
+ />
147
+ </div>
148
+ );
149
+ }
150
+ ```
@@ -0,0 +1,181 @@
1
+ export var classes = {
2
+ datePickerError: 'date-picker-error',
3
+ datePickerSuccess: 'date-picker-success',
4
+ datePickerRoot: 'date-picker-root'
5
+ };
6
+ export var tokens = {
7
+ width: '--plasma-date-picker-width',
8
+ /** Токены полей ввода в рендже */
9
+ background: '--plasma-date-picker_range-background',
10
+ backgroundError: '--plasma-date-picker_range-background-error',
11
+ backgroundSuccess: '--plasma-date-picker_range-background-success',
12
+ backgroundReadOnly: '--plasma-date-picker_range-background-readonly',
13
+ borderRadius: '--plasma-date-picker_range-border-radius',
14
+ borderWidth: '--plasma-date-picker_range-border-width',
15
+ borderColor: '--plasma-date-picker_range-border-color',
16
+ borderColorHover: '--plasma-date-picker_range-border-color-hover',
17
+ borderColorFocus: '--plasma-date-picker_range-border-color-focus',
18
+ borderColorError: '--plasma-date-picker_range-border-color-error',
19
+ borderColorSuccess: '--plasma-date-picker_range-border-color-success',
20
+ borderColorReadOnly: '--plasma-date-picker_range-border-color-readonly',
21
+ /** Токены разделителя */
22
+ dividerColor: '--plasma-date-picker_range__divider-color',
23
+ dividerColorReadOnly: '--plasma-date-picker_range__divider-color-readonly',
24
+ dividerPadding: '--plasma-date-picker_range__divider-padding',
25
+ dividerFontFamily: '--plasma-date-picker_range__divider-font-family',
26
+ dividerFontStyle: '--plasma-date-picker_range__divider-font-style',
27
+ dividerFontSize: '--plasma-date-picker_range__divider-font-size',
28
+ dividerFontWeight: '--plasma-date-picker_range__divider-font-weight',
29
+ dividerLetterSpacing: '--plasma-date-picker_range__divider-letter-spacing',
30
+ dividerLineHeight: '--plasma-date-picker_range__divider-line-height',
31
+ /** Токены слотов для контента в рендже */
32
+ leftContentMargin: '--plasma-date-picker_range__left-content-margin',
33
+ rightContentMargin: '--plasma-date-picker_range__right-content-margin',
34
+ /** Токены лейбла */
35
+ labelColor: '--plasma-date-picker__label-color',
36
+ labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
37
+ labelOffset: '--plasma-date-picker__label-offset',
38
+ labelFontFamily: '--plasma-date-picker__label-font-family',
39
+ labelFontStyle: '--plasma-date-picker__label-font-style',
40
+ labelFontSize: '--plasma-date-picker__label-font-size',
41
+ labelFontWeight: '--plasma-date-picker__label-font-weight',
42
+ labelLetterSpacing: '--plasma-date-picker__label-letter-spacing',
43
+ labelLineHeight: '--plasma-date-picker__label-line-height',
44
+ /** Токены вспомогательного текста */
45
+ leftHelperColor: '--plasma-date-picker__left-helper-color',
46
+ leftHelperColorReadOnly: '--plasma-date-picker__left-helper-color-readonly',
47
+ leftHelperOffset: '--plasma-date-picker__left-helper-offset',
48
+ leftHelperFontFamily: '--plasma-date-picker__left-helper-font-family',
49
+ leftHelperFontStyle: '--plasma-date-picker__left-helper-font-style',
50
+ leftHelperFontSize: '--plasma-date-picker__left-helper-font-size',
51
+ leftHelperFontWeight: '--plasma-date-picker__left-helper-font-weight',
52
+ leftHelperLetterSpacing: '--plasma-date-picker__left-helper-letter-spacing',
53
+ leftHelperLineHeight: '--plasma-date-picker__left-helper-line-height',
54
+ /** Прозрачность для всего компонента в состоянии disabled */
55
+ disabledOpacity: '--plasma-date-picker-disabled-opacity',
56
+ /** Цвет обводки поля ввода при фокусе */
57
+ focusColor: '--plasma-date-picker-focus-color',
58
+ /** Токены полей ввода */
59
+ textFieldColor: '--plasma-date-picker-textfield-color',
60
+ textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
61
+ textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
62
+ textFieldCaretColor: '--plasma-date-picker-textfield-caret-color',
63
+ textFieldBackgroundColor: '--plasma-date-picker-textfield-background-color',
64
+ textFieldBackgroundColorHover: '--plasma-date-picker-textfield-background-color-hover',
65
+ textFieldBackgroundColorFocus: '--plasma-date-picker-textfield-background-color-focus',
66
+ textFieldBackgroundErrorColor: '--plasma-date-picker-textfield-background-color-error',
67
+ textFieldBackgroundErrorColorHover: '--plasma-date-picker-textfield-background-color-error-hover',
68
+ textFieldBackgroundErrorColorFocus: '--plasma-date-picker-textfield-background-color-error-focus',
69
+ textFieldBackgroundSuccessColor: '--plasma-date-picker-textfield-background-color-success',
70
+ textFieldBackgroundSuccessColorHover: '--plasma-date-picker-textfield-background-color-success-hover',
71
+ textFieldBackgroundSuccessColorFocus: '--plasma-date-picker-textfield-background-color-success-focus',
72
+ textFieldBorderColor: '--plasma-date-picker-textfield-border-color',
73
+ textFieldBorderColorHover: '--plasma-date-picker-textfield-border-color-hover',
74
+ textFieldBorderColorFocus: '--plasma-date-picker-textfield-border-color-focus',
75
+ textFieldBorderColorError: '--plasma-date-picker-textfield-border-color-error',
76
+ textFieldBorderColorErrorHover: '--plasma-date-picker-textfield-border-color-error-hover',
77
+ textFieldBorderColorErrorFocus: '--plasma-date-picker-textfield-border-color-error-focus',
78
+ textFieldBorderColorSuccess: '--plasma-date-picker-textfield-border-color-success',
79
+ textFieldBorderColorSuccessHover: '--plasma-date-picker-textfield-border-color-success-hover',
80
+ textFieldBorderColorSuccessFocus: '--plasma-date-picker-textfield-border-color-success-focus',
81
+ textFieldColorReadOnly: '--plasma-date-picker-textfield-color-readonly',
82
+ textFieldBackgroundColorReadOnly: '--plasma-date-picker-textfield-background-color-readonly',
83
+ textFieldBorderColorReadOnly: '--plasma-date-picker-textfield-border-color-readonly',
84
+ textFieldPlaceholderColorReadOnly: '--plasma-date-picker-textfield-placeholder-color-readonly',
85
+ textFieldHeight: '--plasma-date-picker-textfield-height',
86
+ textFieldBorderWidth: '--plasma-date-picker-textfield-border-width',
87
+ textFieldBorderRadius: '--plasma-date-picker-textfield-border-radius',
88
+ textFieldPadding: '--plasma-date-picker-textfield-padding',
89
+ textFieldLeftContentMargin: '--plasma-date-picker-textfield__left-content-margin',
90
+ textFieldRightContentMargin: '--plasma-date-picker-textfield__right-content-margin',
91
+ textFieldFontFamily: '--plasma-date-picker-textfield-font-family',
92
+ textFieldFontStyle: '--plasma-date-picker-textfield-font-style',
93
+ textFieldFontSize: '--plasma-date-picker-textfield-font-size',
94
+ textFieldFontWeight: '--plasma-date-picker-textfield-font-weight',
95
+ textFieldLetterSpacing: '--plasma-date-picker-textfield-letter-spacing',
96
+ textFieldLineHeight: '--plasma-date-picker-textfield-line-height',
97
+ textFieldTextBeforeColor: '--plasma-date-picker-textfield__before-text-color',
98
+ textFieldTextAfterColor: '--plasma-date-picker-textfield__after-text-color',
99
+ textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
100
+ textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
101
+ /** Токены календаря */
102
+ calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
103
+ calendarShadow: '--plasma-date-picker-calendar-shadow',
104
+ calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
105
+ calendarWidth: '--plasma-date-picker-calendar-width',
106
+ calendarHeight: '--plasma-date-picker-calendar-height',
107
+ calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
108
+ calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
109
+ calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
110
+ calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
111
+ calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
112
+ calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
113
+ calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
114
+ calendarYearFontLetterSpacing: '--plasma-date-picker-calendar__year-letter-spacing',
115
+ calendarYearFontLineHeight: '--plasma-date-picker-calendar__year-line-height',
116
+ calendarYearFontWeight: '--plasma-date-picker-calendar__year-font-weight',
117
+ calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
118
+ calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
119
+ calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
120
+ calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
121
+ calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
122
+ calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
123
+ calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
124
+ calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
125
+ calendarMonthFontLetterSpacing: '--plasma-date-picker-calendar__month-letter-spacing',
126
+ calendarMonthFontLineHeight: '--plasma-date-picker-calendar__month-line-height',
127
+ calendarMonthFontWeight: '--plasma-date-picker-calendar__month-font-weight',
128
+ calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
129
+ calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
130
+ calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
131
+ calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
132
+ calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
133
+ calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
134
+ calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
135
+ calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',
136
+ calendarDayFontLetterSpacing: '--plasma-date-picker-calendar__day-letter-spacing',
137
+ calendarDayFontLineHeight: '--plasma-date-picker-calendar__day-line-height',
138
+ calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
139
+ calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
140
+ calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
141
+ calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
142
+ calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
143
+ calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',
144
+ calendarHeaderPadding: '--plasma-date-picker-calendar__header-padding',
145
+ calendarHeaderDateGap: '--plasma-date-picker-calendar__header-date-gap',
146
+ calendarHeaderFontFamily: '--plasma-date-picker-calendar__header-font-family',
147
+ calendarHeaderFontSize: '--plasma-date-picker-calendar__header-font-size',
148
+ calendarHeaderFontStyle: '--plasma-date-picker-calendar__header-font-style',
149
+ calendarHeaderFontLetterSpacing: '--plasma-date-picker-calendar__header-letter-spacing',
150
+ calendarHeaderFontLineHeight: '--plasma-date-picker-calendar__header-line-height',
151
+ calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight',
152
+ calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold',
153
+ iconButtonColor: '--plasma-date-picker-icon-button__color',
154
+ iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color',
155
+ iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover',
156
+ iconButtonBackgroundColorHover: '--plasma-date-picker-icon-button__background-color-hover',
157
+ iconButtonColorActive: '--plasma-date-picker-icon-button__color-active',
158
+ iconButtonBackgroundColorActive: '--plasma-date-picker-icon-button__background-color-active',
159
+ iconButtonHeight: '--plasma-date-picker-icon-button__height',
160
+ iconButtonWidth: '--plasma-date-picker-icon-button__width',
161
+ iconButtonPadding: '--plasma-date-picker-icon-button__padding',
162
+ iconButtonRadius: '--plasma-date-picker-icon-button__radius',
163
+ iconButtonFocusColor: '--plasma-date-picker-icon-button__focus-color',
164
+ calendarBackgroundColor: '--plasma-date-picker-calendar__background-color',
165
+ calendarSelectedItemBackground: '--plasma-date-picker-calendar__selected-item-background',
166
+ calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',
167
+ calendarSelectableItemBackgroundHover: '--plasma-date-picker-calendar__selectable-item-background-hover',
168
+ calendarCurrentItemBorderColor: '--plasma-date-picker-calendar__current-item-border-color',
169
+ calendarCurrentItemBackgroundHover: '--plasma-date-picker-calendar__current-item-background-hover',
170
+ calendarCurrentItemColorHover: '--plasma-date-picker-calendar__current-item-color-hover',
171
+ calendarCurrentItemChildBackgroundHover: '--plasma-date-picker-calendar__current-item-child-background-hover',
172
+ calendarActiveItemBackground: '--plasma-date-picker-calendar__active-item-background',
173
+ calendarActiveItemColor: '--plasma-date-picker-calendar__active-item-color',
174
+ calendarHoveredItemBackground: '--plasma-date-picker-calendar__hovered-item-background',
175
+ calendarHoveredItemColor: '--plasma-date-picker-calendar__hovered-item-color',
176
+ calendarSeparatorBackground: '--plasma-date-picker-calendar__separator-background',
177
+ calendarRangeBackground: '--plasma-date-picker-calendar__range-background',
178
+ calendarOutlineFocusColor: '--plasma-date-picker-calendar__outline-focus-color',
179
+ calendarContentPrimaryColor: '--plasma-date-picker-calendar__content-primary-color',
180
+ calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color'
181
+ };
@@ -0,0 +1,12 @@
1
+ import styled from 'styled-components';
2
+ import { calendarBaseConfig, calendarBaseTokens } from '../Calendar';
3
+ import { component, mergeConfig } from '../../engines';
4
+ import { tokens } from './DatePicker.tokens';
5
+ var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
6
+ var Calendar = /*#__PURE__*/component(mergedCalendarConfig);
7
+ 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\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.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.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\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.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 ").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 ").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.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.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
+
9
+ // NOTE: переопределение токенов Calendar
10
+ export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
11
+ componentId: "plasma-new-hope__sc-1i6o09y-0"
12
+ })(["", ""], baseCalendarTokens);