@salutejs/plasma-new-hope 0.93.0-canary.1252.9678189355.0 → 0.94.0-canary.1224.9684925191.0

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