@salutejs/plasma-new-hope 0.88.0-canary.1223.9398061354.0 → 0.88.0-canary.1224.9413433725.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (728) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +64 -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 +1 -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/cjs/components/Calendar/CalendarDouble/{CalendarDouble.styles_1rc2ejs.css → 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_wuxgzs.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 +26 -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_1b92i4d.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_7kz2z4.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_hbv1kh.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 +186 -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_1u3oyx8.css +1 -0
  53. package/cjs/components/DatePicker/RangeDate/DatePicker.css +150 -0
  54. package/cjs/components/DatePicker/RangeDate/DatePicker.js +341 -0
  55. package/cjs/components/DatePicker/RangeDate/DatePicker.js.map +1 -0
  56. package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +39 -0
  57. package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -0
  58. package/cjs/components/DatePicker/RangeDate/DatePicker.styles_1aihs63.css +3 -0
  59. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.css +142 -0
  60. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +52 -0
  61. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +1 -0
  62. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +32 -0
  63. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +1 -0
  64. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +1 -0
  65. package/cjs/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_disabled}/base.js +2 -2
  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_1851hxh.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_1yswrwb.css +1 -0
  74. package/cjs/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base.js +1 -1
  75. package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
  76. package/cjs/components/DatePicker/SingleDate/DatePicker.css +134 -0
  77. package/cjs/components/DatePicker/SingleDate/DatePicker.js +183 -0
  78. package/cjs/components/DatePicker/SingleDate/DatePicker.js.map +1 -0
  79. package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +51 -0
  80. package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -0
  81. package/cjs/components/DatePicker/SingleDate/DatePicker.styles_1udo3ch.css +5 -0
  82. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
  83. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
  84. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
  85. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +9 -0
  86. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
  87. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base_ayigv4.css +1 -0
  88. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +9 -0
  89. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
  90. package/cjs/components/DatePicker/SingleDate/variations/_size/base_jrds3p.css +1 -0
  91. package/cjs/components/DatePicker/SingleDate/variations/_view/base.js +9 -0
  92. package/cjs/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
  93. package/cjs/components/DatePicker/SingleDate/variations/_view/base_163gwfv.css +1 -0
  94. package/cjs/components/DatePicker/hooks/useDatePicker.js +79 -0
  95. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -0
  96. package/cjs/components/DatePicker/utils/dateHelper.js +84 -0
  97. package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -0
  98. package/cjs/components/Dropdown/Dropdown.js +2 -1
  99. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  100. package/cjs/components/Dropdown/utils/index.js +0 -17
  101. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  102. package/cjs/components/Range/Range.css +14 -8
  103. package/cjs/components/Range/Range.js +79 -32
  104. package/cjs/components/Range/Range.js.map +1 -1
  105. package/cjs/components/Range/Range.styles.js +23 -11
  106. package/cjs/components/Range/Range.styles.js.map +1 -1
  107. package/cjs/components/Range/Range.styles_nik84l.css +9 -0
  108. package/cjs/components/Range/variations/_readonly/base.js +1 -1
  109. package/cjs/components/Range/variations/_readonly/base_yv1z2h.css +1 -0
  110. package/cjs/components/Range/variations/_size/base.js +1 -1
  111. package/cjs/components/Range/variations/_size/{base_16xiubi.css → base_gbgxzj.css} +1 -1
  112. package/cjs/components/Range/variations/_view/base.js +1 -1
  113. package/cjs/components/Range/variations/_view/base_87gpil.css +1 -0
  114. package/cjs/components/Select/Select.js +2 -2
  115. package/cjs/components/Select/Select.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/{IconMinus.js → IconDisclosureDownFill.js} +5 -5
  134. package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
  135. package/cjs/index.css +68 -41
  136. package/cjs/index.js +12 -8
  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 +64 -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 +1 -0
  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/es/components/Calendar/CalendarDouble/{CalendarDouble.styles_1rc2ejs.css → 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_wuxgzs.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 +27 -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_1b92i4d.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_7kz2z4.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_hbv1kh.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 +181 -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_1u3oyx8.css +1 -0
  195. package/es/components/DatePicker/RangeDate/DatePicker.css +150 -0
  196. package/es/components/DatePicker/RangeDate/DatePicker.js +336 -0
  197. package/es/components/DatePicker/RangeDate/DatePicker.js.map +1 -0
  198. package/es/components/DatePicker/RangeDate/DatePicker.styles.js +33 -0
  199. package/es/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -0
  200. package/es/components/DatePicker/RangeDate/DatePicker.styles_1aihs63.css +3 -0
  201. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.css +142 -0
  202. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +48 -0
  203. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +1 -0
  204. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +28 -0
  205. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +1 -0
  206. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +1 -0
  207. package/es/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_disabled}/base.js +2 -2
  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_1851hxh.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_1yswrwb.css +1 -0
  216. package/es/components/{Accordion → DatePicker/RangeDate}/variations/_view/base.js +1 -1
  217. package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
  218. package/es/components/DatePicker/SingleDate/DatePicker.css +134 -0
  219. package/es/components/DatePicker/SingleDate/DatePicker.js +178 -0
  220. package/es/components/DatePicker/SingleDate/DatePicker.js.map +1 -0
  221. package/es/components/DatePicker/SingleDate/DatePicker.styles.js +43 -0
  222. package/es/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -0
  223. package/es/components/DatePicker/SingleDate/DatePicker.styles_1udo3ch.css +5 -0
  224. package/es/components/DatePicker/SingleDate/variations/_disabled/base.js +5 -0
  225. package/es/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
  226. package/es/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
  227. package/es/components/DatePicker/SingleDate/variations/_readonly/base.js +5 -0
  228. package/es/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
  229. package/es/components/DatePicker/SingleDate/variations/_readonly/base_ayigv4.css +1 -0
  230. package/es/components/DatePicker/SingleDate/variations/_size/base.js +5 -0
  231. package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
  232. package/es/components/DatePicker/SingleDate/variations/_size/base_jrds3p.css +1 -0
  233. package/es/components/DatePicker/SingleDate/variations/_view/base.js +5 -0
  234. package/es/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
  235. package/es/components/DatePicker/SingleDate/variations/_view/base_163gwfv.css +1 -0
  236. package/es/components/DatePicker/hooks/useDatePicker.js +75 -0
  237. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -0
  238. package/es/components/DatePicker/utils/dateHelper.js +76 -0
  239. package/es/components/DatePicker/utils/dateHelper.js.map +1 -0
  240. package/es/components/Dropdown/Dropdown.js +2 -1
  241. package/es/components/Dropdown/Dropdown.js.map +1 -1
  242. package/es/components/Dropdown/utils/index.js +1 -16
  243. package/es/components/Dropdown/utils/index.js.map +1 -1
  244. package/es/components/Range/Range.css +14 -8
  245. package/es/components/Range/Range.js +81 -34
  246. package/es/components/Range/Range.js.map +1 -1
  247. package/es/components/Range/Range.styles.js +23 -12
  248. package/es/components/Range/Range.styles.js.map +1 -1
  249. package/es/components/Range/Range.styles_nik84l.css +9 -0
  250. package/es/components/Range/variations/_readonly/base.js +1 -1
  251. package/es/components/Range/variations/_readonly/base_yv1z2h.css +1 -0
  252. package/es/components/Range/variations/_size/base.js +1 -1
  253. package/es/components/Range/variations/_size/{base_16xiubi.css → base_gbgxzj.css} +1 -1
  254. package/es/components/Range/variations/_view/base.js +1 -1
  255. package/es/components/Range/variations/_view/base_87gpil.css +1 -0
  256. package/es/components/Select/Select.js +1 -1
  257. package/es/components/Select/Select.js.map +1 -1
  258. package/es/components/Slider/Slider.css +3 -3
  259. package/es/components/Slider/components/Double/Double.css +3 -3
  260. package/es/components/TextField/TextField.tokens.js +1 -1
  261. package/es/components/TextField/TextField.tokens.js.map +1 -1
  262. package/es/components/TextField/variations/_read-only/base.js +1 -1
  263. package/es/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
  264. package/es/components/TextField/variations/_size/base.js +1 -1
  265. package/es/components/TextField/variations/_size/base.js.map +1 -1
  266. package/es/components/TextField/variations/_size/base_orwx1f.css +1 -0
  267. package/es/components/TextField/variations/_view/base.js +1 -1
  268. package/es/components/TextField/variations/_view/base_18ea6z7.css +1 -0
  269. package/es/components/_Icon/Icon.assets/DisclosureDownFill.js +19 -0
  270. package/es/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
  271. package/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  272. package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  273. package/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  274. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  275. package/es/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +5 -5
  276. package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
  277. package/es/index.css +68 -41
  278. package/es/index.js +4 -3
  279. package/es/index.js.map +1 -1
  280. package/es/utils/datejs.js +8 -0
  281. package/es/utils/datejs.js.map +1 -0
  282. package/es/utils/getPopoverPlacement.js +18 -0
  283. package/es/utils/getPopoverPlacement.js.map +1 -0
  284. package/es/utils/index.js.map +1 -1
  285. package/package.json +3 -2
  286. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +64 -28
  287. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  288. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
  289. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -0
  290. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  291. package/styled-components/cjs/components/Calendar/hooks/useDays.js +1 -1
  292. package/styled-components/cjs/components/Calendar/mixins/active.js +12 -0
  293. package/styled-components/cjs/components/Calendar/mixins/flex.js +8 -0
  294. package/styled-components/cjs/components/Calendar/mixins/index.js +30 -29
  295. package/styled-components/cjs/components/Calendar/mixins/selected.js +29 -0
  296. package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +26 -14
  297. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
  298. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +25 -16
  299. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
  300. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  301. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +26 -12
  302. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  303. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +26 -14
  304. package/styled-components/cjs/components/Combobox/Combobox.js +6 -7
  305. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +184 -0
  306. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +19 -0
  307. package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.js +349 -0
  308. package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +27 -0
  309. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +50 -0
  310. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +20 -0
  311. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.js +5 -0
  312. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
  313. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
  314. package/styled-components/cjs/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_readonly}/base.js +2 -1
  315. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
  316. package/styled-components/cjs/components/{Accordion/variations/_stretching → DatePicker/RangeDate/variations/_size}/base.js +2 -1
  317. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
  318. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
  319. package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.js +190 -0
  320. package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +33 -0
  321. package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.types.js +5 -0
  322. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
  323. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
  324. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +10 -0
  325. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
  326. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +10 -0
  327. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
  328. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/base.js +10 -0
  329. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
  330. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +77 -0
  331. package/styled-components/cjs/components/DatePicker/index.js +44 -0
  332. package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +78 -0
  333. package/styled-components/cjs/components/Dropdown/Dropdown.js +1 -1
  334. package/styled-components/cjs/components/Dropdown/utils/index.js +1 -16
  335. package/styled-components/cjs/components/Range/Range.js +78 -32
  336. package/styled-components/cjs/components/Range/Range.styles.js +16 -10
  337. package/styled-components/cjs/components/Select/Select.js +7 -8
  338. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -1
  339. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  340. package/styled-components/cjs/components/_Icon/Icon.assets/{Minus.js → DisclosureDownFill.js} +5 -4
  341. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  342. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  343. package/styled-components/cjs/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +4 -4
  344. package/styled-components/cjs/components/_Icon/index.js +8 -15
  345. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
  346. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
  347. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -1
  348. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +31 -0
  349. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.js +13 -0
  350. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +302 -0
  351. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
  352. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
  353. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -1
  354. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +31 -0
  355. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.js +13 -0
  356. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +302 -0
  357. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
  358. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
  359. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +4 -1
  360. package/styled-components/cjs/index.js +4 -4
  361. package/styled-components/cjs/utils/datejs.js +11 -0
  362. package/styled-components/cjs/utils/getPopoverPlacement.js +21 -0
  363. package/styled-components/cjs/utils/index.js +22 -0
  364. package/styled-components/es/components/Calendar/Calendar.tokens.js +64 -28
  365. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
  366. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
  367. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -0
  368. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  369. package/styled-components/es/components/Calendar/hooks/useDays.js +1 -1
  370. package/styled-components/es/components/Calendar/mixins/active.js +6 -0
  371. package/styled-components/es/components/Calendar/mixins/flex.js +2 -0
  372. package/styled-components/es/components/Calendar/mixins/index.js +3 -27
  373. package/styled-components/es/components/Calendar/mixins/selected.js +23 -0
  374. package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +24 -12
  375. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
  376. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +27 -18
  377. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
  378. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  379. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +24 -10
  380. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  381. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +24 -12
  382. package/styled-components/es/components/Combobox/Combobox.js +1 -2
  383. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +178 -0
  384. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +12 -0
  385. package/styled-components/es/components/DatePicker/RangeDate/DatePicker.js +340 -0
  386. package/styled-components/es/components/DatePicker/RangeDate/DatePicker.styles.js +19 -0
  387. package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +43 -0
  388. package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +13 -0
  389. package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.js +1 -0
  390. package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/base.js +3 -0
  391. package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
  392. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +3 -0
  393. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
  394. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +3 -0
  395. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
  396. package/styled-components/es/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
  397. package/styled-components/es/components/DatePicker/SingleDate/DatePicker.js +181 -0
  398. package/styled-components/es/components/DatePicker/SingleDate/DatePicker.styles.js +25 -0
  399. package/styled-components/es/components/DatePicker/SingleDate/DatePicker.types.js +1 -0
  400. package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/base.js +3 -0
  401. package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
  402. package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/base.js +4 -0
  403. package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
  404. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +4 -0
  405. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
  406. package/styled-components/es/components/DatePicker/SingleDate/variations/_view/base.js +4 -0
  407. package/styled-components/es/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
  408. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +71 -0
  409. package/styled-components/es/components/DatePicker/index.js +3 -0
  410. package/styled-components/es/components/DatePicker/utils/dateHelper.js +72 -0
  411. package/styled-components/es/components/Dropdown/Dropdown.js +2 -2
  412. package/styled-components/es/components/Dropdown/utils/index.js +0 -15
  413. package/styled-components/es/components/Range/Range.js +81 -35
  414. package/styled-components/es/components/Range/Range.styles.js +15 -9
  415. package/styled-components/es/components/Select/Select.js +1 -2
  416. package/styled-components/es/components/TextField/TextField.tokens.js +1 -1
  417. package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
  418. package/styled-components/es/components/_Icon/Icon.assets/{Minus.js → DisclosureDownFill.js} +4 -3
  419. package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  420. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  421. package/styled-components/es/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +3 -3
  422. package/styled-components/es/components/_Icon/index.js +2 -3
  423. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
  424. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
  425. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -1
  426. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +25 -0
  427. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.js +7 -0
  428. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +302 -0
  429. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
  430. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
  431. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -1
  432. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +25 -0
  433. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.js +7 -0
  434. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +302 -0
  435. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
  436. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
  437. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +4 -1
  438. package/styled-components/es/index.js +1 -1
  439. package/styled-components/es/utils/datejs.js +4 -0
  440. package/styled-components/es/utils/getPopoverPlacement.js +15 -0
  441. package/styled-components/es/utils/index.js +1 -0
  442. package/types/components/Calendar/Calendar.tokens.d.ts +57 -26
  443. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  444. package/types/components/Calendar/Calendar.types.d.ts +1 -1
  445. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  446. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +27 -3
  447. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  448. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  449. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +30 -3
  450. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  451. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  452. package/types/components/Calendar/mixins/active.d.ts +17 -0
  453. package/types/components/Calendar/mixins/active.d.ts.map +1 -0
  454. package/types/components/Calendar/mixins/flex.d.ts +3 -0
  455. package/types/components/Calendar/mixins/flex.d.ts.map +1 -0
  456. package/types/components/Calendar/mixins/index.d.ts +3 -8
  457. package/types/components/Calendar/mixins/index.d.ts.map +1 -1
  458. package/types/components/Calendar/mixins/selected.d.ts +60 -0
  459. package/types/components/Calendar/mixins/selected.d.ts.map +1 -0
  460. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
  461. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  462. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  463. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +47 -7
  464. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  465. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +1 -0
  466. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
  467. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  468. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  469. package/types/components/Calendar/utils/index.d.ts +1 -1
  470. package/types/components/Calendar/utils/index.d.ts.map +1 -1
  471. package/types/components/Combobox/Combobox.d.ts.map +1 -1
  472. package/types/components/DatePicker/DatePicker.tokens.d.ts +179 -0
  473. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -0
  474. package/types/components/DatePicker/DatePickerBase.styles.d.ts +8 -0
  475. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -0
  476. package/types/components/DatePicker/DatePickerBase.types.d.ts +37 -0
  477. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -0
  478. package/types/components/DatePicker/RangeDate/DatePicker.d.ts +32 -0
  479. package/types/components/DatePicker/RangeDate/DatePicker.d.ts.map +1 -0
  480. package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts +140 -0
  481. package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts.map +1 -0
  482. package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts +128 -0
  483. package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts.map +1 -0
  484. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts +4 -0
  485. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts.map +1 -0
  486. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts +4 -0
  487. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts.map +1 -0
  488. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.d.ts +21 -0
  489. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.d.ts.map +1 -0
  490. package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts.map +1 -0
  491. package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -0
  492. package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -0
  493. package/types/components/{Accordion/Accordion.styles.d.ts → DatePicker/RangeDate/variations/_view/base.d.ts} +1 -1
  494. package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -0
  495. package/types/components/DatePicker/SingleDate/DatePicker.d.ts +31 -0
  496. package/types/components/DatePicker/SingleDate/DatePicker.d.ts.map +1 -0
  497. package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts +45 -0
  498. package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts.map +1 -0
  499. package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts +115 -0
  500. package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts.map +1 -0
  501. package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts +2 -0
  502. package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts.map +1 -0
  503. package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts +2 -0
  504. package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts.map +1 -0
  505. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts +2 -0
  506. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -0
  507. package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts +2 -0
  508. package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts.map +1 -0
  509. package/types/components/DatePicker/hooks/useDatePicker.d.ts +10 -0
  510. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -0
  511. package/types/components/DatePicker/index.d.ts +6 -0
  512. package/types/components/DatePicker/index.d.ts.map +1 -0
  513. package/types/components/DatePicker/utils/dateHelper.d.ts +10 -0
  514. package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -0
  515. package/types/components/Dropdown/utils/index.d.ts +1 -3
  516. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  517. package/types/components/Range/Range.d.ts +3 -3
  518. package/types/components/Range/Range.d.ts.map +1 -1
  519. package/types/components/Range/Range.styles.d.ts +1 -0
  520. package/types/components/Range/Range.styles.d.ts.map +1 -1
  521. package/types/components/Range/Range.types.d.ts +46 -1
  522. package/types/components/Range/Range.types.d.ts.map +1 -1
  523. package/types/components/Select/Select.d.ts.map +1 -1
  524. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  525. package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts +4 -0
  526. package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts.map +1 -0
  527. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  528. package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts +4 -0
  529. package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts.map +1 -0
  530. package/types/components/_Icon/index.d.ts +1 -2
  531. package/types/components/_Icon/index.d.ts.map +1 -1
  532. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +15 -4
  533. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
  534. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts +3 -0
  535. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  536. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts +3 -0
  537. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  538. package/types/examples/plasma_b2c/components/{Accordion/Accordion.config.d.ts → DatePicker/DatePicker.config.d.ts} +7 -2
  539. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -0
  540. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +668 -0
  541. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -0
  542. package/types/examples/plasma_b2c/components/Range/Range.d.ts +30 -3
  543. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
  544. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +15 -4
  545. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
  546. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts +3 -0
  547. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  548. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts +3 -0
  549. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  550. package/types/examples/plasma_web/components/{Accordion/Accordion.config.d.ts → DatePicker/DatePicker.config.d.ts} +6 -5
  551. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -0
  552. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +668 -0
  553. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -0
  554. package/types/examples/plasma_web/components/Range/Range.d.ts +30 -3
  555. package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
  556. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +15 -4
  557. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
  558. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +3 -0
  559. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  560. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +3 -0
  561. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  562. package/types/index.d.ts +1 -1
  563. package/types/index.d.ts.map +1 -1
  564. package/types/utils/datejs.d.ts +3 -0
  565. package/types/utils/datejs.d.ts.map +1 -0
  566. package/types/utils/getPopoverPlacement.d.ts +5 -0
  567. package/types/utils/getPopoverPlacement.d.ts.map +1 -0
  568. package/types/utils/index.d.ts +1 -0
  569. package/types/utils/index.d.ts.map +1 -1
  570. package/cjs/components/Accordion/Accordion.css +0 -1
  571. package/cjs/components/Accordion/Accordion.js +0 -68
  572. package/cjs/components/Accordion/Accordion.js.map +0 -1
  573. package/cjs/components/Accordion/Accordion.styles.js +0 -9
  574. package/cjs/components/Accordion/Accordion.styles.js.map +0 -1
  575. package/cjs/components/Accordion/Accordion.styles_rsiff6.css +0 -1
  576. package/cjs/components/Accordion/Accordion.tokens.js +0 -45
  577. package/cjs/components/Accordion/Accordion.tokens.js.map +0 -1
  578. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -103
  579. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +0 -1
  580. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -63
  581. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +0 -1
  582. package/cjs/components/Accordion/utils/index.js +0 -27
  583. package/cjs/components/Accordion/utils/index.js.map +0 -1
  584. package/cjs/components/Accordion/variations/_size/base.js.map +0 -1
  585. package/cjs/components/Accordion/variations/_view/base.js.map +0 -1
  586. package/cjs/components/Calendar/mixins/index.js +0 -18
  587. package/cjs/components/Calendar/mixins/index.js.map +0 -1
  588. package/cjs/components/Calendar/mixins/index_o3bz9l.css +0 -1
  589. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
  590. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
  591. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
  592. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
  593. package/cjs/components/Range/Range.styles_mc4w65.css +0 -8
  594. package/cjs/components/Range/variations/_readonly/base_tzdxy8.css +0 -1
  595. package/cjs/components/Range/variations/_view/base_5iz3nr.css +0 -1
  596. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  597. package/cjs/components/TextField/variations/_size/base_ntoddv.css +0 -1
  598. package/cjs/components/TextField/variations/_view/base_19gxyva.css +0 -1
  599. package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +0 -24
  600. package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js.map +0 -1
  601. package/cjs/components/_Icon/Icon.assets/Minus.js +0 -22
  602. package/cjs/components/_Icon/Icon.assets/Minus.js.map +0 -1
  603. package/cjs/components/_Icon/Icons/IconChevronDownFill.js +0 -23
  604. package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +0 -1
  605. package/cjs/components/_Icon/Icons/IconMinus.js.map +0 -1
  606. package/es/components/Accordion/Accordion.css +0 -1
  607. package/es/components/Accordion/Accordion.js +0 -63
  608. package/es/components/Accordion/Accordion.js.map +0 -1
  609. package/es/components/Accordion/Accordion.styles.js +0 -5
  610. package/es/components/Accordion/Accordion.styles.js.map +0 -1
  611. package/es/components/Accordion/Accordion.styles_rsiff6.css +0 -1
  612. package/es/components/Accordion/Accordion.tokens.js +0 -40
  613. package/es/components/Accordion/Accordion.tokens.js.map +0 -1
  614. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -99
  615. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +0 -1
  616. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
  617. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +0 -1
  618. package/es/components/Accordion/utils/index.js +0 -22
  619. package/es/components/Accordion/utils/index.js.map +0 -1
  620. package/es/components/Accordion/variations/_size/base.js.map +0 -1
  621. package/es/components/Accordion/variations/_size/base_x642ct.css +0 -1
  622. package/es/components/Accordion/variations/_view/base.js.map +0 -1
  623. package/es/components/Accordion/variations/_view/base_x642ct.css +0 -1
  624. package/es/components/Calendar/mixins/index.js +0 -14
  625. package/es/components/Calendar/mixins/index.js.map +0 -1
  626. package/es/components/Calendar/mixins/index_o3bz9l.css +0 -1
  627. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
  628. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
  629. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
  630. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
  631. package/es/components/Range/Range.styles_mc4w65.css +0 -8
  632. package/es/components/Range/variations/_readonly/base_tzdxy8.css +0 -1
  633. package/es/components/Range/variations/_view/base_5iz3nr.css +0 -1
  634. package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  635. package/es/components/TextField/variations/_size/base_ntoddv.css +0 -1
  636. package/es/components/TextField/variations/_view/base_19gxyva.css +0 -1
  637. package/es/components/_Icon/Icon.assets/ChevronDownFill.js +0 -20
  638. package/es/components/_Icon/Icon.assets/ChevronDownFill.js.map +0 -1
  639. package/es/components/_Icon/Icon.assets/Minus.js +0 -18
  640. package/es/components/_Icon/Icon.assets/Minus.js.map +0 -1
  641. package/es/components/_Icon/Icons/IconChevronDownFill.js +0 -19
  642. package/es/components/_Icon/Icons/IconChevronDownFill.js.map +0 -1
  643. package/es/components/_Icon/Icons/IconMinus.js.map +0 -1
  644. package/styled-components/cjs/components/Accordion/Accordion.js +0 -73
  645. package/styled-components/cjs/components/Accordion/Accordion.styles.js +0 -9
  646. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -43
  647. package/styled-components/cjs/components/Accordion/index.js +0 -38
  648. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -109
  649. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
  650. package/styled-components/cjs/components/Accordion/utils/index.js +0 -24
  651. package/styled-components/cjs/components/Accordion/variations/_size/tokens.json +0 -6
  652. package/styled-components/cjs/components/Accordion/variations/_stretching/tokens.json +0 -1
  653. package/styled-components/cjs/components/Accordion/variations/_view/tokens.json +0 -8
  654. package/styled-components/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +0 -23
  655. package/styled-components/cjs/components/_Icon/Icons/IconChevronDownFill.js +0 -22
  656. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +0 -26
  657. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.js +0 -17
  658. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +0 -66
  659. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +0 -30
  660. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.js +0 -17
  661. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +0 -65
  662. package/styled-components/es/components/Accordion/Accordion.js +0 -64
  663. package/styled-components/es/components/Accordion/Accordion.styles.js +0 -3
  664. package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -37
  665. package/styled-components/es/components/Accordion/index.js +0 -3
  666. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -100
  667. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -42
  668. package/styled-components/es/components/Accordion/utils/index.js +0 -18
  669. package/styled-components/es/components/Accordion/variations/_size/tokens.json +0 -6
  670. package/styled-components/es/components/Accordion/variations/_stretching/base.js +0 -2
  671. package/styled-components/es/components/Accordion/variations/_stretching/tokens.json +0 -1
  672. package/styled-components/es/components/Accordion/variations/_view/base.js +0 -2
  673. package/styled-components/es/components/Accordion/variations/_view/tokens.json +0 -8
  674. package/styled-components/es/components/_Icon/Icon.assets/ChevronDownFill.js +0 -16
  675. package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js +0 -15
  676. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +0 -20
  677. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.js +0 -6
  678. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +0 -66
  679. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +0 -24
  680. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.js +0 -6
  681. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +0 -65
  682. package/types/components/Accordion/Accordion.d.ts +0 -43
  683. package/types/components/Accordion/Accordion.d.ts.map +0 -1
  684. package/types/components/Accordion/Accordion.styles.d.ts.map +0 -1
  685. package/types/components/Accordion/Accordion.tokens.d.ts +0 -38
  686. package/types/components/Accordion/Accordion.tokens.d.ts.map +0 -1
  687. package/types/components/Accordion/Accordion.types.d.ts +0 -36
  688. package/types/components/Accordion/Accordion.types.d.ts.map +0 -1
  689. package/types/components/Accordion/index.d.ts +0 -5
  690. package/types/components/Accordion/index.d.ts.map +0 -1
  691. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +0 -4
  692. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +0 -1
  693. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +0 -13
  694. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +0 -1
  695. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +0 -47
  696. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +0 -1
  697. package/types/components/Accordion/utils/index.d.ts +0 -16
  698. package/types/components/Accordion/utils/index.d.ts.map +0 -1
  699. package/types/components/Accordion/variations/_size/base.d.ts.map +0 -1
  700. package/types/components/Accordion/variations/_stretching/base.d.ts.map +0 -1
  701. package/types/components/Accordion/variations/_view/base.d.ts.map +0 -1
  702. package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts +0 -4
  703. package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts.map +0 -1
  704. package/types/components/_Icon/Icon.assets/Minus.d.ts +0 -4
  705. package/types/components/_Icon/Icon.assets/Minus.d.ts.map +0 -1
  706. package/types/components/_Icon/Icons/IconChevronDownFill.d.ts +0 -4
  707. package/types/components/_Icon/Icons/IconChevronDownFill.d.ts.map +0 -1
  708. package/types/components/_Icon/Icons/IconMinus.d.ts +0 -4
  709. package/types/components/_Icon/Icons/IconMinus.d.ts.map +0 -1
  710. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +0 -1
  711. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts +0 -26
  712. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts.map +0 -1
  713. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +0 -1
  714. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts +0 -30
  715. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts.map +0 -1
  716. /package/cjs/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base_x642ct.css +0 -0
  717. /package/cjs/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
  718. /package/{cjs/components/Accordion → es/components/DatePicker/RangeDate}/variations/_view/base_x642ct.css +0 -0
  719. /package/es/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
  720. /package/styled-components/cjs/components/{Accordion/Accordion.types.js → DatePicker/DatePickerBase.types.js} +0 -0
  721. /package/styled-components/cjs/components/{Accordion/ui/AccordionItem/AccordionItem.types.js → DatePicker/RangeDate/DatePicker.types.js} +0 -0
  722. /package/styled-components/cjs/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base.js +0 -0
  723. /package/styled-components/es/components/{Accordion/Accordion.types.js → DatePicker/DatePickerBase.types.js} +0 -0
  724. /package/styled-components/es/components/{Accordion/ui/AccordionItem/AccordionItem.types.js → DatePicker/RangeDate/DatePicker.types.js} +0 -0
  725. /package/styled-components/es/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base.js +0 -0
  726. /package/types/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_disabled}/base.d.ts +0 -0
  727. /package/types/components/{Accordion/variations/_stretching → DatePicker/RangeDate/variations/_readonly}/base.d.ts +0 -0
  728. /package/types/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_size}/base.d.ts +0 -0
@@ -9,51 +9,87 @@ export var classes = {
9
9
  selectableItem: 'item-selectable',
10
10
  selectedItem: 'item-selected',
11
11
  currentItem: 'item-current',
12
- hoveredItem: 'item-hovered'
12
+ hoveredItem: 'item-hovered',
13
+ doubleHeaderDate: 'double-header-date',
14
+ doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper'
13
15
  };
14
16
  export var tokens = {
15
- calendarBackgroundColor: '--plasma-calendar-background',
16
- calendarHeaderArrowContainerWidth: '--plasma-calendar-arrow-container-width',
17
- calendarItemBorderRadius: '--plasma-calendar-item-border-radius',
18
- calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',
19
- calendarSelectedItemColor: '--plasma-calendar-selected-item-color',
20
- calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',
21
- calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',
22
- calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',
23
- calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',
24
- calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',
25
- calendarActiveItemBackground: '--plasma-calendar-active-item-bg',
26
- calendarActiveItemColor: '--plasma-calendar-active-item-color',
27
- calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',
28
- calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',
29
- calendarSeparatorBackground: '--plasma-calendar-separator-background',
30
- calendarRangeBackground: '--plasma-calendar-range-background',
31
- calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
32
- calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
33
- calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
34
- calendarHeaderFontFamily: '--plasma-calendar-header-font-family',
35
- calendarHeaderFontSize: '--plasma-calendar-header-font-size',
36
- calendarHeaderFontStyle: '--plasma-calendar-header-font-style',
37
- calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',
38
- calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
39
- calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
40
- calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
17
+ calendarWidth: '--plasma-calendar-width',
18
+ calendarHeight: '--plasma-calendar-height',
19
+ /* Токены размера сетки лет */
20
+ calendarYearsPadding: '--plasma-calendar-years-padding',
21
+ calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
22
+ calendarYearItemWidth: '--plasma-calendar-year-item-width',
23
+ calendarYearItemHeight: '--plasma-calendar-year-item-height',
41
24
  calendarYearFontFamily: '--plasma-calendar-year-font-family',
42
25
  calendarYearFontSize: '--plasma-calendar-year-font-size',
43
26
  calendarYearFontStyle: '--plasma-calendar-year-font-style',
44
27
  calendarYearFontLetterSpacing: '--plasma-calendar-year-font-letter-spacing',
45
28
  calendarYearFontLineHeight: '--plasma-calendar-year-line-height',
46
29
  calendarYearFontWeight: '--plasma-calendar-year-font-weight',
30
+ calendarYearSelectedFontWeight: '--plasma-calendar-year-selected-font-weight',
31
+ /* Токены размера сетки месяцев */
32
+ calendarMonthsPadding: '--plasma-calendar-months-padding',
33
+ calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',
34
+ calendarMonthItemWidth: '--plasma-calendar-month-item-width',
35
+ calendarMonthItemHeight: '--plasma-calendar-month-item-height',
47
36
  calendarMonthFontFamily: '--plasma-calendar-month-font-family',
48
37
  calendarMonthFontSize: '--plasma-calendar-month-font-size',
49
38
  calendarMonthFontStyle: '--plasma-calendar-month-font-style',
50
39
  calendarMonthFontLetterSpacing: '--plasma-calendar-month-font-letter-spacing',
51
40
  calendarMonthFontLineHeight: '--plasma-calendar-month-line-height',
52
41
  calendarMonthFontWeight: '--plasma-calendar-month-font-weight',
42
+ calendarMonthSelectedFontWeight: '--plasma-calendar-month-selected-font-weight',
43
+ /* Токены размера сетки дней */
44
+ calendarDaysPadding: '--plasma-calendar-days-padding',
45
+ calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',
46
+ calendarDayItemWidth: '--plasma-calendar-day-item-width',
47
+ calendarDayItemHeight: '--plasma-calendar-day-item-height',
53
48
  calendarDayFontFamily: '--plasma-calendar-day-font-family',
54
49
  calendarDayFontSize: '--plasma-calendar-day-font-size',
55
50
  calendarDayFontStyle: '--plasma-calendar-day-font-style',
56
51
  calendarDayFontLetterSpacing: '--plasma-calendar-day-font-letter-spacing',
57
52
  calendarDayFontLineHeight: '--plasma-calendar-day-line-height',
58
- calendarDayFontWeight: '--plasma-calendar-day-font-weight'
53
+ calendarDayFontWeight: '--plasma-calendar-day-font-weight',
54
+ calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',
55
+ calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',
56
+ /* Токены шапки календаря */
57
+ calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
58
+ calendarHeaderPadding: '--plasma-calendar-header-padding',
59
+ calendarHeaderDateGap: '--plasma-calendar-header-date-gap',
60
+ calendarHeaderFontFamily: '--plasma-calendar-header-font-family',
61
+ calendarHeaderFontSize: '--plasma-calendar-header-font-size',
62
+ calendarHeaderFontStyle: '--plasma-calendar-header-font-style',
63
+ calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',
64
+ calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
65
+ calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
66
+ calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
67
+ /* Токены стрелок навигации календаря */
68
+ iconButtonColor: '--plasma-calendar-icon-button-color',
69
+ iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',
70
+ iconButtonColorHover: '--plasma-calendar-icon-button-color-hover',
71
+ iconButtonBackgroundColorHover: '--plasma-calendar-icon-button-background-hover',
72
+ iconButtonColorActive: '--plasma-calendar-icon-button-color-active',
73
+ iconButtonBackgroundColorActive: '--plasma-calendar-icon-button-background-active',
74
+ iconButtonHeight: '--plasma-calendar-icon-button-height',
75
+ iconButtonWidth: '--plasma-calendar-icon-button-width',
76
+ iconButtonPadding: '--plasma-calendar-icon-button-padding',
77
+ iconButtonRadius: '--plasma-calendar-icon-button-radius',
78
+ calendarBackgroundColor: '--plasma-calendar-background',
79
+ calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',
80
+ calendarSelectedItemColor: '--plasma-calendar-selected-item-color',
81
+ calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',
82
+ calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',
83
+ calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',
84
+ calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',
85
+ calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',
86
+ calendarActiveItemBackground: '--plasma-calendar-active-item-bg',
87
+ calendarActiveItemColor: '--plasma-calendar-active-item-color',
88
+ calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',
89
+ calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',
90
+ calendarSeparatorBackground: '--plasma-calendar-separator-background',
91
+ calendarRangeBackground: '--plasma-calendar-range-background',
92
+ calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
93
+ calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
94
+ calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
59
95
  };
@@ -8,7 +8,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
8
8
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
9
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
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
- import React, { useCallback, useMemo, useReducer, useState, forwardRef } from 'react';
11
+ import React, { useCallback, useMemo, useReducer, useState, forwardRef, useEffect } from 'react';
12
12
  import { getInitialState, reducer } from '../store/reducer';
13
13
  import { ActionType, CalendarState } from '../store/types';
14
14
  import { isValueUpdate, YEAR_RENDER_COUNT } from '../utils';
@@ -213,6 +213,11 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
213
213
  });
214
214
  onKeyDown(event);
215
215
  }, [onKeyDown]);
216
+ useEffect(function () {
217
+ if (!prevValue) {
218
+ setPrevValue(value);
219
+ }
220
+ }, [value, prevValue]);
216
221
  return /*#__PURE__*/React.createElement(Root, _extends({
217
222
  ref: outerRootRef,
218
223
  "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
@@ -223,6 +228,7 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
223
228
  "aria-live": "assertive",
224
229
  "aria-relevant": "additions"
225
230
  }, "\u0414\u0430\u043B\u0435\u0435 \u043D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0434\u0430\u0442."), /*#__PURE__*/React.createElement(CalendarHeader, {
231
+ size: rest.size,
226
232
  firstDate: date,
227
233
  startYear: startYear,
228
234
  type: calendarState,
@@ -2,7 +2,8 @@ var _templateObject;
2
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
3
  import { css } from 'styled-components';
4
4
  import styled from 'styled-components';
5
- export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: 19.5rem;\n height: 19.5rem;\n"])));
5
+ import { tokens } from '../Calendar.tokens';
6
+ export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n"])), tokens.calendarWidth, tokens.calendarHeight);
6
7
  export var IsOutOfRange = /*#__PURE__*/styled.div.withConfig({
7
8
  componentId: "plasma-new-hope__sc-1xkgu4c-0"
8
9
  })(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);
@@ -137,6 +137,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
137
137
  "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
138
138
  }, rest), /*#__PURE__*/React.createElement(CalendarHeader, {
139
139
  isDouble: true,
140
+ size: rest.size,
140
141
  firstDate: firstDate,
141
142
  secondDate: secondDate,
142
143
  onPrev: handlePrev,
@@ -3,10 +3,10 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
3
3
  import { css } from 'styled-components';
4
4
  import styled from 'styled-components';
5
5
  import { tokens } from '../Calendar.tokens';
6
- export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n\n width: 39rem;\n height: 19.5rem;\n"])));
6
+ export var StyledCalendar = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n\n width: var(", ");\n height: var(", ");\n"])), tokens.calendarWidth, tokens.calendarHeight);
7
7
  export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
8
8
  componentId: "plasma-new-hope__sc-1dp3a9f-0"
9
- })(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 0 1.5rem;"], tokens.calendarSeparatorBackground);
9
+ })(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;"], tokens.calendarSeparatorBackground);
10
10
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
11
11
  componentId: "plasma-new-hope__sc-1dp3a9f-1"
12
12
  })(["display:flex;"]);
@@ -227,5 +227,5 @@ export var useDays = function useDays(date, value, eventList, disabledList, min,
227
227
  return getMatrix(modifiedDays);
228
228
  }
229
229
  return getMatrix(days);
230
- }, [date, value, eventList, disabledList, max, min]);
230
+ }, [date, value, eventList, disabledList, max, min, includeEdgeDates]);
231
231
  };
@@ -0,0 +1,6 @@
1
+ export var addActive = function addActive(args) {
2
+ var activeBackground = args.activeBackground,
3
+ activeColor = args.activeColor,
4
+ activeFontWeight = args.activeFontWeight;
5
+ return "\n &:active {\n background-color: ".concat(activeBackground, ";\n color: ").concat(activeColor, ";\n font-weight: ").concat(activeFontWeight, ";\n }\n ");
6
+ };
@@ -0,0 +1,2 @@
1
+ export var flexCenter = "\n display: flex;\n justify-content: center;\n align-items: center;\n";
2
+ export var flexSpaceBetween = "\n display: flex;\n justify-content: space-between;\n align-items: center;\n";
@@ -1,27 +1,3 @@
1
- import styled from 'styled-components';
2
- import { tokens } from '../Calendar.tokens';
3
- import { addFocus } from '../../../mixins';
4
- export var flexCenter = "\n display: flex;\n justify-content: center;\n align-items: center;\n";
5
- export var flexSpaceBetween = "\n display: flex;\n justify-content: space-between;\n align-items: center;\n";
6
-
7
- /**
8
- * Миксин для установки синтетического фокуса на выбранной кнопке.
9
- */
10
- export var buttonFocus = /*#__PURE__*/styled.button.withConfig({
11
- componentId: "plasma-new-hope__sc-1tntqjy-0"
12
- })(["border:none;background-color:transparent;padding:0;outline:none;", ";"], /*#__PURE__*/addFocus({
13
- outlineSize: '0.063rem',
14
- outlineOffset: '-0.125rem',
15
- outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
16
- outlineRadius: '0.563rem'
17
- }));
18
-
19
- /**
20
- * Миксины для изменения стиля выбранного дня.
21
- */
22
- var active = "\n &:active {\n background-color: var(--calendar_private-active-background);\n color: var(--calendar_private-active-color);\n font-weight: var(--plasma-typo-body-s-bold-font-weight);\n }\n";
23
-
24
- /*
25
- * Если использовать токены и классы из ./tokens rollup ругается на этот миксин
26
- */
27
- export var selectedMixin = /*#__PURE__*/"\n outline: none;\n cursor: pointer;\n\n &:hover:not(.item-selected) {\n background-color: var(--calendar_private-selectable-background-hover);\n \n ".concat(String(active), ";\n };\n\n &.item-selected {\n border: 0;\n background-color: var(--calendar_private-selected-background);\n color: var(--calendar_private-selected-color);\n cursor: default;\n font-weight: var(--plasma-typo-body-s-bold-font-weight);\n };\n\n &.item-current {\n border: 0.063rem solid var(--calendar_private-current-border-color);\n\n &:not(.item-selected):hover {\n background-color: var(--calendar_private-current-background-hover);\n color: var(--calendar_private-current-color-hover);\n\n & > div:first-of-type {\n background-color: var(--calendar_private-current-child-background-hover);\n min-width: var(--calendar_private-selected-min-width);\n min-height: var(--calendar_private-selected-min-height);\n }\n \n ").concat(String(active), ";\n }\n };\n\n &.item-hovered, &.item-hovered:hover {\n background-color: var(--calendar_private-hovered-background);\n color: var(--calendar_private-hovered-color);\n cursor: pointer;\n font-weight: var(--plasma-typo-body-s-bold-font-weight);\n ").concat(String(active), ";\n }\n\n ").concat( /*#__PURE__*/String(active), ";\n");
1
+ export { addActive } from './active';
2
+ export { addSelected } from './selected';
3
+ export * from './flex';
@@ -0,0 +1,23 @@
1
+ import { classes } from '../Calendar.tokens';
2
+ import { addActive } from './active';
3
+ export var addSelected = function addSelected(args) {
4
+ var minWidth = args.minWidth,
5
+ minHeight = args.minHeight,
6
+ selectedFontWeight = args.selectedFontWeight,
7
+ selectedBackground = args.selectedBackground,
8
+ selectedColor = args.selectedColor,
9
+ selectableBackgroundHover = args.selectableBackgroundHover,
10
+ currentBorderColor = args.currentBorderColor,
11
+ currentBackgroundHover = args.currentBackgroundHover,
12
+ currentColorHover = args.currentColorHover,
13
+ currentChildBackgroundHover = args.currentChildBackgroundHover,
14
+ hoveredBackground = args.hoveredBackground,
15
+ hoveredColor = args.hoveredColor,
16
+ activeBackground = args.activeBackground,
17
+ activeColor = args.activeColor;
18
+ return "\n outline: none;\n cursor: pointer;\n\n &:hover {\n background-color: ".concat(selectableBackgroundHover, ";\n };\n \n\n &.").concat(classes.hoveredItem, ", &.").concat(classes.hoveredItem, ":hover {\n background-color: ").concat(hoveredBackground, ";\n color: ").concat(hoveredColor, ";\n cursor: pointer;\n font-weight: ").concat(selectedFontWeight, ";\n }\n\n &.").concat(classes.selectedItem, ":not(.").concat(classes.currentItem, ") {\n border: 0;\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: default;\n font-weight: ").concat(selectedFontWeight, ";\n };\n \n ").concat(addActive({
19
+ activeBackground: activeBackground,
20
+ activeColor: activeColor,
21
+ activeFontWeight: selectedFontWeight
22
+ }), ";\n\n &.").concat(classes.currentItem, " {\n border: 0.063rem solid ").concat(currentBorderColor, ";\n\n &.").concat(classes.selectedItem, " {\n background-color: initial;\n color: ").concat(selectedColor, ";\n font-weight: ").concat(selectedFontWeight, ";\n\n & > div:first-of-type {\n background-color: ").concat(selectedBackground, ";\n min-width: ").concat(minWidth, ";\n min-height: ").concat(minHeight, ";\n }\n }\n\n &:not(.").concat(classes.selectedItem, "):hover {\n background-color: ").concat(currentBackgroundHover, ";\n color: ").concat(currentColorHover, ";\n\n & > div:first-of-type {\n background-color: ").concat(currentChildBackgroundHover, ";\n min-width: ").concat(minWidth, ";\n min-height: ").concat(minHeight, ";\n }\n\n &:active > div:first-of-type {\n background-color: ").concat(selectedBackground, ";\n }\n }\n\n &.").concat(classes.hoveredItem, ":not(.").concat(classes.selectedItem, "):hover {\n background-color: initial;\n color: ").concat(hoveredColor, ";\n font-weight: ").concat(selectedFontWeight, ";\n\n & > div:first-of-type {\n background-color: ").concat(hoveredBackground, ";\n min-width: ").concat(minWidth, ";\n min-height: ").concat(minHeight, ";\n }\n }\n };\n ");
23
+ };
@@ -1,31 +1,28 @@
1
1
  import styled from 'styled-components';
2
- import { flexCenter, selectedMixin } from '../../mixins';
3
2
  import { classes, tokens } from '../../Calendar.tokens';
4
3
  import { addFocus } from '../../../../mixins';
4
+ import { addSelected, flexCenter } from '../../mixins';
5
5
  var inRange = function inRange() {
6
- return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 2.5rem;\n height: 1.875rem;\n background: var(".concat(tokens.calendarRangeBackground, ");\n }\n");
6
+ return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(".concat(tokens.calendarRangeBackground, ");\n }\n");
7
7
  };
8
8
  var sideInRange = function sideInRange() {
9
- return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.313rem;\n height: 1.875rem;\n background: var(".concat(tokens.calendarRangeBackground, ");\n }\n");
9
+ return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(".concat(tokens.calendarRangeBackground, ");\n }\n");
10
10
  };
11
11
  export var StyledDay = /*#__PURE__*/styled.div.withConfig({
12
12
  componentId: "plasma-new-hope__sc-2y5uj0-0"
13
- })(["border-radius:0.375rem;", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], /*#__PURE__*/String(flexCenter), /*#__PURE__*/String(classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(classes.daySideLeft), function (_ref) {
13
+ })(["border-radius:var(", ");", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/String(classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(classes.daySideLeft), function (_ref) {
14
14
  var offset = _ref.offset;
15
15
  return "".concat(offset, "px");
16
16
  }, /*#__PURE__*/String(classes.daySideRight), function (_ref2) {
17
17
  var offset = _ref2.offset;
18
18
  return "".concat(offset, "px");
19
19
  });
20
- var dayOfWeek = function dayOfWeek() {
21
- return "\n color: var(--plasma-colors-tertiary);\n";
22
- };
23
20
  var disabledDay = function disabledDay() {
24
21
  return "\n cursor: not-allowed;\n opacity: 0.4;\n\n ".concat(addFocus({
25
22
  outlineSize: '0.063rem',
26
23
  outlineOffset: '-0.063rem',
27
24
  outlineColor: "var(".concat(tokens.calendarOutlineFocusColor, ")"),
28
- outlineRadius: '0.563rem'
25
+ outlineRadius: "calc(var(".concat(tokens.calendarDayItemBorderRadius, ") - 0.125rem)")
29
26
  }), ";\n");
30
27
  };
31
28
  var disabledCurrentDay = function disabledCurrentDay() {
@@ -33,19 +30,34 @@ var disabledCurrentDay = function disabledCurrentDay() {
33
30
  };
34
31
  export var StyledDayRoot = /*#__PURE__*/styled.div.withConfig({
35
32
  componentId: "plasma-new-hope__sc-2y5uj0-1"
36
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:2.5rem;min-height:2rem;border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{--calendar_private-selected-min-width:2.25rem;--calendar_private-selected-min-height:1.75rem;--calendar_private-selected-background:var(", ");--calendar_private-selected-color:var(", ");--calendar_private-selectable-background-hover:var(", ");--calendar_private-current-border-color:var(", ");--calendar_private-current-background-hover:var(", ");--calendar_private-current-color-hover:var(", ");--calendar_private-current-child-background-hover:var(", ");--calendar_private-active-background:var(", ");--calendar_private-active-color:var(", ");--calendar_private-hovered-background:var(", ");--calendar_private-hovered-color:var(", ");", ";", ";}&.", "{", ";}&.", "{", ";}&.", "{", ";}"], tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontWeight, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarItemBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
33
+ })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{", ";", ";}&.", "{color:var(", ");}&.", "{", ";}&.", "{", ";}"], tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontWeight, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
37
34
  var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
38
35
  return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
39
36
  }, function (_ref4) {
40
37
  var isDayInCurrentMonth = _ref4.isDayInCurrentMonth,
41
38
  isDouble = _ref4.isDouble;
42
39
  return !isDayInCurrentMonth && isDouble ? 'hidden' : 'visible';
43
- }, /*#__PURE__*/String(classes.selectableItem), tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, /*#__PURE__*/addFocus({
40
+ }, /*#__PURE__*/String(classes.selectableItem), /*#__PURE__*/addSelected({
41
+ minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemWidth, ") - 0.25rem)"),
42
+ minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarDayItemHeight, ") - 0.25rem)"),
43
+ selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarDaySelectedFontWeight, ")"),
44
+ selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
45
+ selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
46
+ selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
47
+ currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
48
+ currentBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBackgroundHover, ")"),
49
+ currentColorHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemColorHover, ")"),
50
+ currentChildBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemChildBackgroundHover, ")"),
51
+ hoveredBackground: /*#__PURE__*/"var(".concat(tokens.calendarHoveredItemBackground, ")"),
52
+ hoveredColor: /*#__PURE__*/"var(".concat(tokens.calendarHoveredItemColor, ")"),
53
+ activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
54
+ activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
55
+ }), /*#__PURE__*/addFocus({
44
56
  outlineSize: '0.063rem',
45
57
  outlineOffset: '-0.063rem',
46
58
  outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
47
- outlineRadius: '0.563rem'
48
- }), /*#__PURE__*/String(selectedMixin), /*#__PURE__*/String(classes.dayOfWeek), /*#__PURE__*/dayOfWeek(), /*#__PURE__*/String(classes.dayDisabled), /*#__PURE__*/disabledDay(), /*#__PURE__*/String(classes.dayDisabledCurrent), /*#__PURE__*/disabledCurrentDay());
59
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") - 0.125rem)")
60
+ }), classes.dayOfWeek, tokens.calendarDayOfWeekColor, classes.dayDisabled, /*#__PURE__*/disabledDay(), classes.dayDisabledCurrent, /*#__PURE__*/disabledCurrentDay());
49
61
  export var StyledEvents = /*#__PURE__*/styled.div.withConfig({
50
62
  componentId: "plasma-new-hope__sc-2y5uj0-2"
51
63
  })(["display:flex;position:absolute;bottom:0.25rem;"]);
@@ -1,11 +1,12 @@
1
1
  import styled from 'styled-components';
2
2
  import { flexCenter } from '../../mixins';
3
+ import { tokens } from '../../Calendar.tokens';
3
4
  export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
4
5
  componentId: "plasma-new-hope__sc-3ydwr5-0"
5
6
  })(["", ";"], /*#__PURE__*/String(flexCenter));
6
7
  export var StyledCalendarDays = /*#__PURE__*/styled.div.withConfig({
7
8
  componentId: "plasma-new-hope__sc-3ydwr5-1"
8
- })(["outline:none;padding:0.5rem 1rem 1.5rem;box-sizing:border-box;"]);
9
+ })(["outline:none;padding:var(", ");box-sizing:border-box;"], tokens.calendarDaysPadding);
9
10
  export var StyledCalendarDaysHint = /*#__PURE__*/styled.span.withConfig({
10
11
  componentId: "plasma-new-hope__sc-3ydwr5-2"
11
12
  })(["display:none;"]);
@@ -1,9 +1,9 @@
1
- var _IconDisclosureLeft, _IconDisclosureRight;
2
1
  import React, { useCallback, useMemo } from 'react';
3
- import { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
2
+ import { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
4
3
  import { CalendarState } from '../../store/types';
5
4
  import { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';
6
- import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledHeader, StyledHeaderDouble, StyledNavigation } from './CalendarHeader.styles';
5
+ import { classes } from '../../Calendar.tokens';
6
+ import { StyledArrow, StyledArrows, StyledCalendarHeader, StyledDoubleHeaderWrapper, StyledHeader, StyledHeaderDate, StyledHeaderDouble, StyledNavigation } from './CalendarHeader.styles';
7
7
 
8
8
  /**
9
9
  * Компонент шапки календаря.
@@ -13,6 +13,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
13
13
  type = _ref$type === void 0 ? 'Days' : _ref$type,
14
14
  _ref$startYear = _ref.startYear,
15
15
  startYear = _ref$startYear === void 0 ? 0 : _ref$startYear,
16
+ size = _ref.size,
16
17
  firstDate = _ref.firstDate,
17
18
  secondDate = _ref.secondDate,
18
19
  isDouble = _ref.isDouble,
@@ -32,42 +33,50 @@ export var CalendarHeader = function CalendarHeader(_ref) {
32
33
  return '';
33
34
  }
34
35
  if (type === CalendarState.Days) {
35
- return "".concat(MONTH_NAMES[date.monthIndex], " ").concat(date.year);
36
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
37
+ size: size === 'xs' ? 'xs' : 's'
38
+ })));
36
39
  }
37
40
  if (type === CalendarState.Months) {
38
- return "".concat(date.year);
41
+ return /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
42
+ size: size === 'xs' ? 'xs' : 's'
43
+ }));
39
44
  }
40
45
  if (type === CalendarState.Years) {
41
- return "".concat(startYear, "\u2014").concat(startYear + YEAR_RENDER_COUNT - 1);
46
+ return /*#__PURE__*/React.createElement(StyledHeaderDate, null, startYear, "\u2014", startYear + YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
47
+ size: size === 'xs' ? 'xs' : 's'
48
+ }));
42
49
  }
43
50
  return '';
44
- }, [type, startYear]);
51
+ }, [type, startYear, size]);
45
52
  var currentCalendarType = getCalendarType(isDouble ? CalendarState.Days : type);
46
53
  var PreviousButton = useMemo(function () {
47
54
  return /*#__PURE__*/React.createElement(StyledArrow, {
48
- type: "button",
49
55
  "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 ".concat(currentCalendarType),
50
- tabIndex: 0,
51
56
  onClick: function onClick() {
52
57
  return onPrev();
53
58
  }
54
- }, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/React.createElement(IconDisclosureLeft, null)));
55
- }, [currentCalendarType, onPrev]);
59
+ }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
60
+ size: size === 'xs' ? 'xs' : 's'
61
+ }));
62
+ }, [currentCalendarType, size, onPrev]);
56
63
  var NextButton = useMemo(function () {
57
64
  return /*#__PURE__*/React.createElement(StyledArrow, {
58
- type: "button",
59
65
  "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 ".concat(currentCalendarType),
60
- tabIndex: 0,
61
66
  onClick: function onClick() {
62
67
  return onNext();
63
68
  }
64
- }, _IconDisclosureRight || (_IconDisclosureRight = /*#__PURE__*/React.createElement(IconDisclosureRight, null)));
65
- }, [currentCalendarType, onNext]);
66
- return /*#__PURE__*/React.createElement(StyledCalendarHeader, null, isDouble ? /*#__PURE__*/React.createElement(StyledNavigation, null, PreviousButton, /*#__PURE__*/React.createElement(StyledHeaderDouble, {
69
+ }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
70
+ size: size === 'xs' ? 'xs' : 's'
71
+ }));
72
+ }, [currentCalendarType, size, onNext]);
73
+ return /*#__PURE__*/React.createElement(StyledCalendarHeader, null, isDouble ? /*#__PURE__*/React.createElement(StyledNavigation, null, /*#__PURE__*/React.createElement(StyledDoubleHeaderWrapper, null, PreviousButton, /*#__PURE__*/React.createElement(StyledHeaderDouble, {
67
74
  "aria-live": "polite"
68
- }, getHeaderContent(firstDate)), /*#__PURE__*/React.createElement(StyledHeaderDouble, {
75
+ }, getHeaderContent(firstDate))), /*#__PURE__*/React.createElement(StyledDoubleHeaderWrapper, {
76
+ className: classes.doubleHeaderLastDateWrapper
77
+ }, /*#__PURE__*/React.createElement(StyledHeaderDouble, {
69
78
  "aria-live": "polite"
70
- }, getHeaderContent(secondDate)), NextButton) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeader, {
79
+ }, getHeaderContent(secondDate)), NextButton)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeader, {
71
80
  type: "button",
72
81
  "aria-live": "polite",
73
82
  id: "id-grid-label",
@@ -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;"]);
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;color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");padding:var(", ");cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;", ";"], tokens.calendarContentPrimaryColor, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontWeightBold, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, /*#__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(", ");"], tokens.calendarHeaderArrowGap);
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(", ");"], 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);
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
2
  import { 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
+ currentBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBackgroundHover, ")"),
25
+ currentColorHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemColorHover, ")"),
26
+ currentChildBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemChildBackgroundHover, ")"),
27
+ hoveredBackground: /*#__PURE__*/"var(".concat(tokens.calendarHoveredItemBackground, ")"),
28
+ hoveredColor: /*#__PURE__*/"var(".concat(tokens.calendarHoveredItemColor, ")"),
29
+ activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
30
+ activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
31
+ }), /*#__PURE__*/addFocus({
32
+ outlineSize: '0.063rem',
33
+ outlineOffset: '-0.063rem',
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) {