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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (728) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +64 -28
  2. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  3. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +57 -29
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  6. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  7. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  8. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  9. package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
  10. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -0
  12. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  14. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  15. package/cjs/components/Calendar/CalendarDouble/{CalendarDouble.styles_1rc2ejs.css → CalendarDouble.styles_e9ada0.css} +2 -2
  16. package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
  17. package/cjs/components/Calendar/hooks/useDays.js +1 -1
  18. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  19. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
  20. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
  21. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
  22. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_wuxgzs.css +4 -0
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
  24. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
  25. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  26. package/cjs/components/Calendar/ui/CalendarDays/{CalendarDays.styles_bnrjbd.css → CalendarDays.styles_1oq8sud.css} +1 -1
  27. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +36 -8
  28. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +26 -17
  29. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  30. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +27 -12
  31. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  32. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1b92i4d.css +8 -0
  33. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  34. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  35. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  36. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
  37. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  38. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7kz2z4.css +4 -0
  39. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  42. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
  43. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  44. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_hbv1kh.css +4 -0
  45. package/cjs/components/Calendar/utils/index.js.map +1 -1
  46. package/cjs/components/Combobox/Combobox.js +2 -2
  47. package/cjs/components/Combobox/Combobox.js.map +1 -1
  48. package/cjs/components/DatePicker/DatePicker.tokens.js +186 -0
  49. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -0
  50. package/cjs/components/DatePicker/DatePickerBase.styles.js +30 -0
  51. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -0
  52. package/cjs/components/DatePicker/DatePickerBase.styles_1u3oyx8.css +1 -0
  53. package/cjs/components/DatePicker/RangeDate/DatePicker.css +150 -0
  54. package/cjs/components/DatePicker/RangeDate/DatePicker.js +341 -0
  55. package/cjs/components/DatePicker/RangeDate/DatePicker.js.map +1 -0
  56. package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +39 -0
  57. package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -0
  58. package/cjs/components/DatePicker/RangeDate/DatePicker.styles_1aihs63.css +3 -0
  59. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.css +142 -0
  60. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +52 -0
  61. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +1 -0
  62. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +32 -0
  63. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +1 -0
  64. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +1 -0
  65. package/cjs/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_disabled}/base.js +2 -2
  66. package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
  67. package/cjs/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
  68. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +9 -0
  69. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
  70. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_1851hxh.css +1 -0
  71. package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +9 -0
  72. package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
  73. package/cjs/components/DatePicker/RangeDate/variations/_size/base_1yswrwb.css +1 -0
  74. package/cjs/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base.js +1 -1
  75. package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
  76. package/cjs/components/DatePicker/SingleDate/DatePicker.css +134 -0
  77. package/cjs/components/DatePicker/SingleDate/DatePicker.js +183 -0
  78. package/cjs/components/DatePicker/SingleDate/DatePicker.js.map +1 -0
  79. package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +51 -0
  80. package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -0
  81. package/cjs/components/DatePicker/SingleDate/DatePicker.styles_1udo3ch.css +5 -0
  82. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
  83. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
  84. package/cjs/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
  85. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +9 -0
  86. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
  87. package/cjs/components/DatePicker/SingleDate/variations/_readonly/base_ayigv4.css +1 -0
  88. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +9 -0
  89. package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
  90. package/cjs/components/DatePicker/SingleDate/variations/_size/base_jrds3p.css +1 -0
  91. package/cjs/components/DatePicker/SingleDate/variations/_view/base.js +9 -0
  92. package/cjs/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
  93. package/cjs/components/DatePicker/SingleDate/variations/_view/base_163gwfv.css +1 -0
  94. package/cjs/components/DatePicker/hooks/useDatePicker.js +79 -0
  95. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -0
  96. package/cjs/components/DatePicker/utils/dateHelper.js +84 -0
  97. package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -0
  98. package/cjs/components/Dropdown/Dropdown.js +2 -1
  99. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  100. package/cjs/components/Dropdown/utils/index.js +0 -17
  101. package/cjs/components/Dropdown/utils/index.js.map +1 -1
  102. package/cjs/components/Range/Range.css +14 -8
  103. package/cjs/components/Range/Range.js +79 -32
  104. package/cjs/components/Range/Range.js.map +1 -1
  105. package/cjs/components/Range/Range.styles.js +23 -11
  106. package/cjs/components/Range/Range.styles.js.map +1 -1
  107. package/cjs/components/Range/Range.styles_nik84l.css +9 -0
  108. package/cjs/components/Range/variations/_readonly/base.js +1 -1
  109. package/cjs/components/Range/variations/_readonly/base_yv1z2h.css +1 -0
  110. package/cjs/components/Range/variations/_size/base.js +1 -1
  111. package/cjs/components/Range/variations/_size/{base_16xiubi.css → base_gbgxzj.css} +1 -1
  112. package/cjs/components/Range/variations/_view/base.js +1 -1
  113. package/cjs/components/Range/variations/_view/base_87gpil.css +1 -0
  114. package/cjs/components/Select/Select.js +2 -2
  115. package/cjs/components/Select/Select.js.map +1 -1
  116. package/cjs/components/Slider/Slider.css +3 -3
  117. package/cjs/components/Slider/components/Double/Double.css +3 -3
  118. package/cjs/components/TextField/TextField.tokens.js +1 -1
  119. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  120. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  121. package/cjs/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
  122. package/cjs/components/TextField/variations/_size/base.js +1 -1
  123. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  124. package/cjs/components/TextField/variations/_size/base_orwx1f.css +1 -0
  125. package/cjs/components/TextField/variations/_view/base.js +1 -1
  126. package/cjs/components/TextField/variations/_view/base_18ea6z7.css +1 -0
  127. package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +23 -0
  128. package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
  129. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  130. package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  131. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  132. package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  133. package/cjs/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +5 -5
  134. package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
  135. package/cjs/index.css +68 -41
  136. package/cjs/index.js +12 -8
  137. package/cjs/index.js.map +1 -1
  138. package/cjs/utils/datejs.js +12 -0
  139. package/cjs/utils/datejs.js.map +1 -0
  140. package/cjs/utils/getPopoverPlacement.js +23 -0
  141. package/cjs/utils/getPopoverPlacement.js.map +1 -0
  142. package/cjs/utils/index.js.map +1 -1
  143. package/es/components/Calendar/Calendar.tokens.js +64 -28
  144. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  145. package/es/components/Calendar/Calendar.types.js.map +1 -1
  146. package/es/components/Calendar/CalendarBase/CalendarBase.css +57 -29
  147. package/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
  148. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  149. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  150. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  151. package/es/components/Calendar/CalendarBase/{CalendarBase.styles_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
  152. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
  153. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -0
  154. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  155. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  156. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  157. package/es/components/Calendar/CalendarDouble/{CalendarDouble.styles_1rc2ejs.css → CalendarDouble.styles_e9ada0.css} +2 -2
  158. package/es/components/Calendar/hoc/withRange.js.map +1 -1
  159. package/es/components/Calendar/hooks/useDays.js +1 -1
  160. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  161. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
  162. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
  163. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
  164. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_wuxgzs.css +4 -0
  165. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
  166. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
  167. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  168. package/es/components/Calendar/ui/CalendarDays/{CalendarDays.styles_bnrjbd.css → CalendarDays.styles_1oq8sud.css} +1 -1
  169. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +36 -8
  170. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +27 -18
  171. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  172. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +26 -13
  173. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  174. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1b92i4d.css +8 -0
  175. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  176. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  177. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  178. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
  179. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  180. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7kz2z4.css +4 -0
  181. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  182. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  183. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  184. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
  185. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  186. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_hbv1kh.css +4 -0
  187. package/es/components/Calendar/utils/index.js.map +1 -1
  188. package/es/components/Combobox/Combobox.js +1 -1
  189. package/es/components/Combobox/Combobox.js.map +1 -1
  190. package/es/components/DatePicker/DatePicker.tokens.js +181 -0
  191. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -0
  192. package/es/components/DatePicker/DatePickerBase.styles.js +26 -0
  193. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -0
  194. package/es/components/DatePicker/DatePickerBase.styles_1u3oyx8.css +1 -0
  195. package/es/components/DatePicker/RangeDate/DatePicker.css +150 -0
  196. package/es/components/DatePicker/RangeDate/DatePicker.js +336 -0
  197. package/es/components/DatePicker/RangeDate/DatePicker.js.map +1 -0
  198. package/es/components/DatePicker/RangeDate/DatePicker.styles.js +33 -0
  199. package/es/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -0
  200. package/es/components/DatePicker/RangeDate/DatePicker.styles_1aihs63.css +3 -0
  201. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.css +142 -0
  202. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +48 -0
  203. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +1 -0
  204. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +28 -0
  205. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +1 -0
  206. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +1 -0
  207. package/es/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_disabled}/base.js +2 -2
  208. package/es/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
  209. package/es/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
  210. package/es/components/DatePicker/RangeDate/variations/_readonly/base.js +5 -0
  211. package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
  212. package/es/components/DatePicker/RangeDate/variations/_readonly/base_1851hxh.css +1 -0
  213. package/es/components/DatePicker/RangeDate/variations/_size/base.js +5 -0
  214. package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
  215. package/es/components/DatePicker/RangeDate/variations/_size/base_1yswrwb.css +1 -0
  216. package/es/components/{Accordion → DatePicker/RangeDate}/variations/_view/base.js +1 -1
  217. package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
  218. package/es/components/DatePicker/SingleDate/DatePicker.css +134 -0
  219. package/es/components/DatePicker/SingleDate/DatePicker.js +178 -0
  220. package/es/components/DatePicker/SingleDate/DatePicker.js.map +1 -0
  221. package/es/components/DatePicker/SingleDate/DatePicker.styles.js +43 -0
  222. package/es/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -0
  223. package/es/components/DatePicker/SingleDate/DatePicker.styles_1udo3ch.css +5 -0
  224. package/es/components/DatePicker/SingleDate/variations/_disabled/base.js +5 -0
  225. package/es/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
  226. package/es/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
  227. package/es/components/DatePicker/SingleDate/variations/_readonly/base.js +5 -0
  228. package/es/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
  229. package/es/components/DatePicker/SingleDate/variations/_readonly/base_ayigv4.css +1 -0
  230. package/es/components/DatePicker/SingleDate/variations/_size/base.js +5 -0
  231. package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
  232. package/es/components/DatePicker/SingleDate/variations/_size/base_jrds3p.css +1 -0
  233. package/es/components/DatePicker/SingleDate/variations/_view/base.js +5 -0
  234. package/es/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
  235. package/es/components/DatePicker/SingleDate/variations/_view/base_163gwfv.css +1 -0
  236. package/es/components/DatePicker/hooks/useDatePicker.js +75 -0
  237. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -0
  238. package/es/components/DatePicker/utils/dateHelper.js +76 -0
  239. package/es/components/DatePicker/utils/dateHelper.js.map +1 -0
  240. package/es/components/Dropdown/Dropdown.js +2 -1
  241. package/es/components/Dropdown/Dropdown.js.map +1 -1
  242. package/es/components/Dropdown/utils/index.js +1 -16
  243. package/es/components/Dropdown/utils/index.js.map +1 -1
  244. package/es/components/Range/Range.css +14 -8
  245. package/es/components/Range/Range.js +81 -34
  246. package/es/components/Range/Range.js.map +1 -1
  247. package/es/components/Range/Range.styles.js +23 -12
  248. package/es/components/Range/Range.styles.js.map +1 -1
  249. package/es/components/Range/Range.styles_nik84l.css +9 -0
  250. package/es/components/Range/variations/_readonly/base.js +1 -1
  251. package/es/components/Range/variations/_readonly/base_yv1z2h.css +1 -0
  252. package/es/components/Range/variations/_size/base.js +1 -1
  253. package/es/components/Range/variations/_size/{base_16xiubi.css → base_gbgxzj.css} +1 -1
  254. package/es/components/Range/variations/_view/base.js +1 -1
  255. package/es/components/Range/variations/_view/base_87gpil.css +1 -0
  256. package/es/components/Select/Select.js +1 -1
  257. package/es/components/Select/Select.js.map +1 -1
  258. package/es/components/Slider/Slider.css +3 -3
  259. package/es/components/Slider/components/Double/Double.css +3 -3
  260. package/es/components/TextField/TextField.tokens.js +1 -1
  261. package/es/components/TextField/TextField.tokens.js.map +1 -1
  262. package/es/components/TextField/variations/_read-only/base.js +1 -1
  263. package/es/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
  264. package/es/components/TextField/variations/_size/base.js +1 -1
  265. package/es/components/TextField/variations/_size/base.js.map +1 -1
  266. package/es/components/TextField/variations/_size/base_orwx1f.css +1 -0
  267. package/es/components/TextField/variations/_view/base.js +1 -1
  268. package/es/components/TextField/variations/_view/base_18ea6z7.css +1 -0
  269. package/es/components/_Icon/Icon.assets/DisclosureDownFill.js +19 -0
  270. package/es/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
  271. package/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  272. package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
  273. package/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  274. package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
  275. package/es/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +5 -5
  276. package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
  277. package/es/index.css +68 -41
  278. package/es/index.js +4 -3
  279. package/es/index.js.map +1 -1
  280. package/es/utils/datejs.js +8 -0
  281. package/es/utils/datejs.js.map +1 -0
  282. package/es/utils/getPopoverPlacement.js +18 -0
  283. package/es/utils/getPopoverPlacement.js.map +1 -0
  284. package/es/utils/index.js.map +1 -1
  285. package/package.json +3 -2
  286. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +64 -28
  287. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
  288. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
  289. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -0
  290. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  291. package/styled-components/cjs/components/Calendar/hooks/useDays.js +1 -1
  292. package/styled-components/cjs/components/Calendar/mixins/active.js +12 -0
  293. package/styled-components/cjs/components/Calendar/mixins/flex.js +8 -0
  294. package/styled-components/cjs/components/Calendar/mixins/index.js +30 -29
  295. package/styled-components/cjs/components/Calendar/mixins/selected.js +29 -0
  296. package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +26 -14
  297. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
  298. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +25 -16
  299. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
  300. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  301. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +26 -12
  302. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  303. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +26 -14
  304. package/styled-components/cjs/components/Combobox/Combobox.js +6 -7
  305. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +184 -0
  306. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +19 -0
  307. package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.js +349 -0
  308. package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +27 -0
  309. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +50 -0
  310. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +20 -0
  311. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.js +5 -0
  312. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
  313. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
  314. package/styled-components/cjs/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_readonly}/base.js +2 -1
  315. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
  316. package/styled-components/cjs/components/{Accordion/variations/_stretching → DatePicker/RangeDate/variations/_size}/base.js +2 -1
  317. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
  318. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
  319. package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.js +190 -0
  320. package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +33 -0
  321. package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.types.js +5 -0
  322. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
  323. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
  324. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +10 -0
  325. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
  326. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +10 -0
  327. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
  328. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/base.js +10 -0
  329. package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
  330. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +77 -0
  331. package/styled-components/cjs/components/DatePicker/index.js +44 -0
  332. package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +78 -0
  333. package/styled-components/cjs/components/Dropdown/Dropdown.js +1 -1
  334. package/styled-components/cjs/components/Dropdown/utils/index.js +1 -16
  335. package/styled-components/cjs/components/Range/Range.js +78 -32
  336. package/styled-components/cjs/components/Range/Range.styles.js +16 -10
  337. package/styled-components/cjs/components/Select/Select.js +7 -8
  338. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -1
  339. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  340. package/styled-components/cjs/components/_Icon/Icon.assets/{Minus.js → DisclosureDownFill.js} +5 -4
  341. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  342. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  343. package/styled-components/cjs/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +4 -4
  344. package/styled-components/cjs/components/_Icon/index.js +8 -15
  345. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
  346. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
  347. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -1
  348. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +31 -0
  349. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.js +13 -0
  350. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +302 -0
  351. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
  352. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
  353. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -1
  354. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +31 -0
  355. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.js +13 -0
  356. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +302 -0
  357. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
  358. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
  359. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +4 -1
  360. package/styled-components/cjs/index.js +4 -4
  361. package/styled-components/cjs/utils/datejs.js +11 -0
  362. package/styled-components/cjs/utils/getPopoverPlacement.js +21 -0
  363. package/styled-components/cjs/utils/index.js +22 -0
  364. package/styled-components/es/components/Calendar/Calendar.tokens.js +64 -28
  365. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
  366. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
  367. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -0
  368. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  369. package/styled-components/es/components/Calendar/hooks/useDays.js +1 -1
  370. package/styled-components/es/components/Calendar/mixins/active.js +6 -0
  371. package/styled-components/es/components/Calendar/mixins/flex.js +2 -0
  372. package/styled-components/es/components/Calendar/mixins/index.js +3 -27
  373. package/styled-components/es/components/Calendar/mixins/selected.js +23 -0
  374. package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +24 -12
  375. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
  376. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +27 -18
  377. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
  378. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
  379. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +24 -10
  380. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
  381. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +24 -12
  382. package/styled-components/es/components/Combobox/Combobox.js +1 -2
  383. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +178 -0
  384. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +12 -0
  385. package/styled-components/es/components/DatePicker/RangeDate/DatePicker.js +340 -0
  386. package/styled-components/es/components/DatePicker/RangeDate/DatePicker.styles.js +19 -0
  387. package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +43 -0
  388. package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +13 -0
  389. package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.js +1 -0
  390. package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/base.js +3 -0
  391. package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
  392. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +3 -0
  393. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
  394. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +3 -0
  395. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
  396. package/styled-components/es/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
  397. package/styled-components/es/components/DatePicker/SingleDate/DatePicker.js +181 -0
  398. package/styled-components/es/components/DatePicker/SingleDate/DatePicker.styles.js +25 -0
  399. package/styled-components/es/components/DatePicker/SingleDate/DatePicker.types.js +1 -0
  400. package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/base.js +3 -0
  401. package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
  402. package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/base.js +4 -0
  403. package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
  404. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +4 -0
  405. package/styled-components/es/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
  406. package/styled-components/es/components/DatePicker/SingleDate/variations/_view/base.js +4 -0
  407. package/styled-components/es/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
  408. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +71 -0
  409. package/styled-components/es/components/DatePicker/index.js +3 -0
  410. package/styled-components/es/components/DatePicker/utils/dateHelper.js +72 -0
  411. package/styled-components/es/components/Dropdown/Dropdown.js +2 -2
  412. package/styled-components/es/components/Dropdown/utils/index.js +0 -15
  413. package/styled-components/es/components/Range/Range.js +81 -35
  414. package/styled-components/es/components/Range/Range.styles.js +15 -9
  415. package/styled-components/es/components/Select/Select.js +1 -2
  416. package/styled-components/es/components/TextField/TextField.tokens.js +1 -1
  417. package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
  418. package/styled-components/es/components/_Icon/Icon.assets/{Minus.js → DisclosureDownFill.js} +4 -3
  419. package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
  420. package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
  421. package/styled-components/es/components/_Icon/Icons/{IconMinus.js → IconDisclosureDownFill.js} +3 -3
  422. package/styled-components/es/components/_Icon/index.js +2 -3
  423. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
  424. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
  425. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -1
  426. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +25 -0
  427. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.js +7 -0
  428. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +302 -0
  429. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
  430. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
  431. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -1
  432. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +25 -0
  433. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.js +7 -0
  434. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +302 -0
  435. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
  436. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
  437. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +4 -1
  438. package/styled-components/es/index.js +1 -1
  439. package/styled-components/es/utils/datejs.js +4 -0
  440. package/styled-components/es/utils/getPopoverPlacement.js +15 -0
  441. package/styled-components/es/utils/index.js +1 -0
  442. package/types/components/Calendar/Calendar.tokens.d.ts +57 -26
  443. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  444. package/types/components/Calendar/Calendar.types.d.ts +1 -1
  445. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  446. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +27 -3
  447. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  448. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  449. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +30 -3
  450. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  451. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  452. package/types/components/Calendar/mixins/active.d.ts +17 -0
  453. package/types/components/Calendar/mixins/active.d.ts.map +1 -0
  454. package/types/components/Calendar/mixins/flex.d.ts +3 -0
  455. package/types/components/Calendar/mixins/flex.d.ts.map +1 -0
  456. package/types/components/Calendar/mixins/index.d.ts +3 -8
  457. package/types/components/Calendar/mixins/index.d.ts.map +1 -1
  458. package/types/components/Calendar/mixins/selected.d.ts +60 -0
  459. package/types/components/Calendar/mixins/selected.d.ts.map +1 -0
  460. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
  461. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  462. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  463. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +47 -7
  464. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  465. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +1 -0
  466. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
  467. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  468. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  469. package/types/components/Calendar/utils/index.d.ts +1 -1
  470. package/types/components/Calendar/utils/index.d.ts.map +1 -1
  471. package/types/components/Combobox/Combobox.d.ts.map +1 -1
  472. package/types/components/DatePicker/DatePicker.tokens.d.ts +179 -0
  473. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -0
  474. package/types/components/DatePicker/DatePickerBase.styles.d.ts +8 -0
  475. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -0
  476. package/types/components/DatePicker/DatePickerBase.types.d.ts +37 -0
  477. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -0
  478. package/types/components/DatePicker/RangeDate/DatePicker.d.ts +32 -0
  479. package/types/components/DatePicker/RangeDate/DatePicker.d.ts.map +1 -0
  480. package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts +140 -0
  481. package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts.map +1 -0
  482. package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts +128 -0
  483. package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts.map +1 -0
  484. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts +4 -0
  485. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts.map +1 -0
  486. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts +4 -0
  487. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts.map +1 -0
  488. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.d.ts +21 -0
  489. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.d.ts.map +1 -0
  490. package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts.map +1 -0
  491. package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -0
  492. package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -0
  493. package/types/components/{Accordion/Accordion.styles.d.ts → DatePicker/RangeDate/variations/_view/base.d.ts} +1 -1
  494. package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -0
  495. package/types/components/DatePicker/SingleDate/DatePicker.d.ts +31 -0
  496. package/types/components/DatePicker/SingleDate/DatePicker.d.ts.map +1 -0
  497. package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts +45 -0
  498. package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts.map +1 -0
  499. package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts +115 -0
  500. package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts.map +1 -0
  501. package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts +2 -0
  502. package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts.map +1 -0
  503. package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts +2 -0
  504. package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts.map +1 -0
  505. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts +2 -0
  506. package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -0
  507. package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts +2 -0
  508. package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts.map +1 -0
  509. package/types/components/DatePicker/hooks/useDatePicker.d.ts +10 -0
  510. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -0
  511. package/types/components/DatePicker/index.d.ts +6 -0
  512. package/types/components/DatePicker/index.d.ts.map +1 -0
  513. package/types/components/DatePicker/utils/dateHelper.d.ts +10 -0
  514. package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -0
  515. package/types/components/Dropdown/utils/index.d.ts +1 -3
  516. package/types/components/Dropdown/utils/index.d.ts.map +1 -1
  517. package/types/components/Range/Range.d.ts +3 -3
  518. package/types/components/Range/Range.d.ts.map +1 -1
  519. package/types/components/Range/Range.styles.d.ts +1 -0
  520. package/types/components/Range/Range.styles.d.ts.map +1 -1
  521. package/types/components/Range/Range.types.d.ts +46 -1
  522. package/types/components/Range/Range.types.d.ts.map +1 -1
  523. package/types/components/Select/Select.d.ts.map +1 -1
  524. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  525. package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts +4 -0
  526. package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts.map +1 -0
  527. package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
  528. package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts +4 -0
  529. package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts.map +1 -0
  530. package/types/components/_Icon/index.d.ts +1 -2
  531. package/types/components/_Icon/index.d.ts.map +1 -1
  532. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +15 -4
  533. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
  534. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts +3 -0
  535. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  536. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts +3 -0
  537. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  538. package/types/examples/plasma_b2c/components/{Accordion/Accordion.config.d.ts → DatePicker/DatePicker.config.d.ts} +7 -2
  539. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -0
  540. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +668 -0
  541. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -0
  542. package/types/examples/plasma_b2c/components/Range/Range.d.ts +30 -3
  543. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
  544. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +15 -4
  545. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
  546. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts +3 -0
  547. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  548. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts +3 -0
  549. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  550. package/types/examples/plasma_web/components/{Accordion/Accordion.config.d.ts → DatePicker/DatePicker.config.d.ts} +6 -5
  551. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -0
  552. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +668 -0
  553. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -0
  554. package/types/examples/plasma_web/components/Range/Range.d.ts +30 -3
  555. package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
  556. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +15 -4
  557. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
  558. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +3 -0
  559. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  560. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +3 -0
  561. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  562. package/types/index.d.ts +1 -1
  563. package/types/index.d.ts.map +1 -1
  564. package/types/utils/datejs.d.ts +3 -0
  565. package/types/utils/datejs.d.ts.map +1 -0
  566. package/types/utils/getPopoverPlacement.d.ts +5 -0
  567. package/types/utils/getPopoverPlacement.d.ts.map +1 -0
  568. package/types/utils/index.d.ts +1 -0
  569. package/types/utils/index.d.ts.map +1 -1
  570. package/cjs/components/Accordion/Accordion.css +0 -1
  571. package/cjs/components/Accordion/Accordion.js +0 -68
  572. package/cjs/components/Accordion/Accordion.js.map +0 -1
  573. package/cjs/components/Accordion/Accordion.styles.js +0 -9
  574. package/cjs/components/Accordion/Accordion.styles.js.map +0 -1
  575. package/cjs/components/Accordion/Accordion.styles_rsiff6.css +0 -1
  576. package/cjs/components/Accordion/Accordion.tokens.js +0 -45
  577. package/cjs/components/Accordion/Accordion.tokens.js.map +0 -1
  578. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -103
  579. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +0 -1
  580. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -63
  581. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +0 -1
  582. package/cjs/components/Accordion/utils/index.js +0 -27
  583. package/cjs/components/Accordion/utils/index.js.map +0 -1
  584. package/cjs/components/Accordion/variations/_size/base.js.map +0 -1
  585. package/cjs/components/Accordion/variations/_view/base.js.map +0 -1
  586. package/cjs/components/Calendar/mixins/index.js +0 -18
  587. package/cjs/components/Calendar/mixins/index.js.map +0 -1
  588. package/cjs/components/Calendar/mixins/index_o3bz9l.css +0 -1
  589. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
  590. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
  591. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
  592. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
  593. package/cjs/components/Range/Range.styles_mc4w65.css +0 -8
  594. package/cjs/components/Range/variations/_readonly/base_tzdxy8.css +0 -1
  595. package/cjs/components/Range/variations/_view/base_5iz3nr.css +0 -1
  596. package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  597. package/cjs/components/TextField/variations/_size/base_ntoddv.css +0 -1
  598. package/cjs/components/TextField/variations/_view/base_19gxyva.css +0 -1
  599. package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +0 -24
  600. package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js.map +0 -1
  601. package/cjs/components/_Icon/Icon.assets/Minus.js +0 -22
  602. package/cjs/components/_Icon/Icon.assets/Minus.js.map +0 -1
  603. package/cjs/components/_Icon/Icons/IconChevronDownFill.js +0 -23
  604. package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +0 -1
  605. package/cjs/components/_Icon/Icons/IconMinus.js.map +0 -1
  606. package/es/components/Accordion/Accordion.css +0 -1
  607. package/es/components/Accordion/Accordion.js +0 -63
  608. package/es/components/Accordion/Accordion.js.map +0 -1
  609. package/es/components/Accordion/Accordion.styles.js +0 -5
  610. package/es/components/Accordion/Accordion.styles.js.map +0 -1
  611. package/es/components/Accordion/Accordion.styles_rsiff6.css +0 -1
  612. package/es/components/Accordion/Accordion.tokens.js +0 -40
  613. package/es/components/Accordion/Accordion.tokens.js.map +0 -1
  614. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -99
  615. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +0 -1
  616. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
  617. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +0 -1
  618. package/es/components/Accordion/utils/index.js +0 -22
  619. package/es/components/Accordion/utils/index.js.map +0 -1
  620. package/es/components/Accordion/variations/_size/base.js.map +0 -1
  621. package/es/components/Accordion/variations/_size/base_x642ct.css +0 -1
  622. package/es/components/Accordion/variations/_view/base.js.map +0 -1
  623. package/es/components/Accordion/variations/_view/base_x642ct.css +0 -1
  624. package/es/components/Calendar/mixins/index.js +0 -14
  625. package/es/components/Calendar/mixins/index.js.map +0 -1
  626. package/es/components/Calendar/mixins/index_o3bz9l.css +0 -1
  627. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
  628. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
  629. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
  630. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
  631. package/es/components/Range/Range.styles_mc4w65.css +0 -8
  632. package/es/components/Range/variations/_readonly/base_tzdxy8.css +0 -1
  633. package/es/components/Range/variations/_view/base_5iz3nr.css +0 -1
  634. package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
  635. package/es/components/TextField/variations/_size/base_ntoddv.css +0 -1
  636. package/es/components/TextField/variations/_view/base_19gxyva.css +0 -1
  637. package/es/components/_Icon/Icon.assets/ChevronDownFill.js +0 -20
  638. package/es/components/_Icon/Icon.assets/ChevronDownFill.js.map +0 -1
  639. package/es/components/_Icon/Icon.assets/Minus.js +0 -18
  640. package/es/components/_Icon/Icon.assets/Minus.js.map +0 -1
  641. package/es/components/_Icon/Icons/IconChevronDownFill.js +0 -19
  642. package/es/components/_Icon/Icons/IconChevronDownFill.js.map +0 -1
  643. package/es/components/_Icon/Icons/IconMinus.js.map +0 -1
  644. package/styled-components/cjs/components/Accordion/Accordion.js +0 -73
  645. package/styled-components/cjs/components/Accordion/Accordion.styles.js +0 -9
  646. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -43
  647. package/styled-components/cjs/components/Accordion/index.js +0 -38
  648. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -109
  649. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
  650. package/styled-components/cjs/components/Accordion/utils/index.js +0 -24
  651. package/styled-components/cjs/components/Accordion/variations/_size/tokens.json +0 -6
  652. package/styled-components/cjs/components/Accordion/variations/_stretching/tokens.json +0 -1
  653. package/styled-components/cjs/components/Accordion/variations/_view/tokens.json +0 -8
  654. package/styled-components/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +0 -23
  655. package/styled-components/cjs/components/_Icon/Icons/IconChevronDownFill.js +0 -22
  656. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +0 -26
  657. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.js +0 -17
  658. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +0 -66
  659. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +0 -30
  660. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.js +0 -17
  661. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +0 -65
  662. package/styled-components/es/components/Accordion/Accordion.js +0 -64
  663. package/styled-components/es/components/Accordion/Accordion.styles.js +0 -3
  664. package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -37
  665. package/styled-components/es/components/Accordion/index.js +0 -3
  666. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -100
  667. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -42
  668. package/styled-components/es/components/Accordion/utils/index.js +0 -18
  669. package/styled-components/es/components/Accordion/variations/_size/tokens.json +0 -6
  670. package/styled-components/es/components/Accordion/variations/_stretching/base.js +0 -2
  671. package/styled-components/es/components/Accordion/variations/_stretching/tokens.json +0 -1
  672. package/styled-components/es/components/Accordion/variations/_view/base.js +0 -2
  673. package/styled-components/es/components/Accordion/variations/_view/tokens.json +0 -8
  674. package/styled-components/es/components/_Icon/Icon.assets/ChevronDownFill.js +0 -16
  675. package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js +0 -15
  676. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +0 -20
  677. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.js +0 -6
  678. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +0 -66
  679. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +0 -24
  680. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.js +0 -6
  681. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +0 -65
  682. package/types/components/Accordion/Accordion.d.ts +0 -43
  683. package/types/components/Accordion/Accordion.d.ts.map +0 -1
  684. package/types/components/Accordion/Accordion.styles.d.ts.map +0 -1
  685. package/types/components/Accordion/Accordion.tokens.d.ts +0 -38
  686. package/types/components/Accordion/Accordion.tokens.d.ts.map +0 -1
  687. package/types/components/Accordion/Accordion.types.d.ts +0 -36
  688. package/types/components/Accordion/Accordion.types.d.ts.map +0 -1
  689. package/types/components/Accordion/index.d.ts +0 -5
  690. package/types/components/Accordion/index.d.ts.map +0 -1
  691. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +0 -4
  692. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +0 -1
  693. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +0 -13
  694. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +0 -1
  695. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +0 -47
  696. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +0 -1
  697. package/types/components/Accordion/utils/index.d.ts +0 -16
  698. package/types/components/Accordion/utils/index.d.ts.map +0 -1
  699. package/types/components/Accordion/variations/_size/base.d.ts.map +0 -1
  700. package/types/components/Accordion/variations/_stretching/base.d.ts.map +0 -1
  701. package/types/components/Accordion/variations/_view/base.d.ts.map +0 -1
  702. package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts +0 -4
  703. package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts.map +0 -1
  704. package/types/components/_Icon/Icon.assets/Minus.d.ts +0 -4
  705. package/types/components/_Icon/Icon.assets/Minus.d.ts.map +0 -1
  706. package/types/components/_Icon/Icons/IconChevronDownFill.d.ts +0 -4
  707. package/types/components/_Icon/Icons/IconChevronDownFill.d.ts.map +0 -1
  708. package/types/components/_Icon/Icons/IconMinus.d.ts +0 -4
  709. package/types/components/_Icon/Icons/IconMinus.d.ts.map +0 -1
  710. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +0 -1
  711. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts +0 -26
  712. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts.map +0 -1
  713. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +0 -1
  714. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts +0 -30
  715. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts.map +0 -1
  716. /package/cjs/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base_x642ct.css +0 -0
  717. /package/cjs/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
  718. /package/{cjs/components/Accordion → es/components/DatePicker/RangeDate}/variations/_view/base_x642ct.css +0 -0
  719. /package/es/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
  720. /package/styled-components/cjs/components/{Accordion/Accordion.types.js → DatePicker/DatePickerBase.types.js} +0 -0
  721. /package/styled-components/cjs/components/{Accordion/ui/AccordionItem/AccordionItem.types.js → DatePicker/RangeDate/DatePicker.types.js} +0 -0
  722. /package/styled-components/cjs/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base.js +0 -0
  723. /package/styled-components/es/components/{Accordion/Accordion.types.js → DatePicker/DatePickerBase.types.js} +0 -0
  724. /package/styled-components/es/components/{Accordion/ui/AccordionItem/AccordionItem.types.js → DatePicker/RangeDate/DatePicker.types.js} +0 -0
  725. /package/styled-components/es/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base.js +0 -0
  726. /package/types/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_disabled}/base.d.ts +0 -0
  727. /package/types/components/{Accordion/variations/_stretching → DatePicker/RangeDate/variations/_readonly}/base.d.ts +0 -0
  728. /package/types/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_size}/base.d.ts +0 -0
@@ -1,16 +1,16 @@
1
1
  var _StyledDivider;
2
- var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
2
+ var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "isOpenFirst", "onToggleFirst", "firstInputPopoverContent", "isOpenSecond", "onToggleSecond", "secondInputPopoverContent", "offset", "placement", "closeOnOverlayClick", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
5
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
- import React, { forwardRef, useMemo } from 'react';
7
- import { cx } from '../../utils';
6
+ import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
7
+ import { cx, getPlacements } from '../../utils';
8
8
  import { base as sizeCSS } from './variations/_size/base';
9
9
  import { base as viewCSS } from './variations/_view/base';
10
10
  import { base as disabledCSS } from './variations/_disabled/base';
11
11
  import { base as readOnlyCSS } from './variations/_readonly/base';
12
12
  import { getChangeHandler, getSearchHandler } from './utils';
13
- import { ContentWrapper, LeftHelper, StyledContentLeft, StyledContentRight, StyledDivider, StyledInput, StyledLabel, base } from './Range.styles';
13
+ import { ContentWrapper, LeftHelper, StyledContentLeft, StyledContentRight, StyledDivider, StyledInput, StyledLabel, StyledPopover, base } from './Range.styles';
14
14
  import { classes } from './Range.tokens';
15
15
  export var rangeRoot = function rangeRoot(Root) {
16
16
  return /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -44,6 +44,15 @@ export var rangeRoot = function rangeRoot(Root) {
44
44
  secondTextfieldTextBefore = _ref.secondTextfieldTextBefore,
45
45
  firstTextfieldTextAfter = _ref.firstTextfieldTextAfter,
46
46
  secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
47
+ isOpenFirst = _ref.isOpenFirst,
48
+ onToggleFirst = _ref.onToggleFirst,
49
+ firstInputPopoverContent = _ref.firstInputPopoverContent,
50
+ isOpenSecond = _ref.isOpenSecond,
51
+ onToggleSecond = _ref.onToggleSecond,
52
+ secondInputPopoverContent = _ref.secondInputPopoverContent,
53
+ offset = _ref.offset,
54
+ placement = _ref.placement,
55
+ closeOnOverlayClick = _ref.closeOnOverlayClick,
47
56
  onChangeFirstValue = _ref.onChangeFirstValue,
48
57
  onChangeSecondValue = _ref.onChangeSecondValue,
49
58
  onSearchFirstValue = _ref.onSearchFirstValue,
@@ -53,6 +62,9 @@ export var rangeRoot = function rangeRoot(Root) {
53
62
  onBlurFirstTextfield = _ref.onBlurFirstTextfield,
54
63
  onBlurSecondTextfield = _ref.onBlurSecondTextfield,
55
64
  rest = _objectWithoutProperties(_ref, _excluded);
65
+ var rangeRef = useRef(null);
66
+ var firstTextFieldRef = useRef(null);
67
+ var secondTextFieldRef = useRef(null);
56
68
  var rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;
57
69
  var firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;
58
70
  var secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;
@@ -63,6 +75,16 @@ export var rangeRoot = function rangeRoot(Root) {
63
75
  var handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);
64
76
  var handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);
65
77
  var handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);
78
+ useImperativeHandle(ref, function () {
79
+ return {
80
+ firstTextField: function firstTextField() {
81
+ return firstTextFieldRef;
82
+ },
83
+ secondTextField: function secondTextField() {
84
+ return secondTextFieldRef;
85
+ }
86
+ };
87
+ }, [firstTextFieldRef, secondTextFieldRef]);
66
88
  var Divider = useMemo(function () {
67
89
  if (dividerVariant === 'none') {
68
90
  return null;
@@ -73,42 +95,66 @@ export var rangeRoot = function rangeRoot(Root) {
73
95
  return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/React.createElement(StyledDivider, null, dividerIcon));
74
96
  }, [dividerVariant, dividerIcon]);
75
97
  return /*#__PURE__*/React.createElement(Root, _extends({
98
+ ref: rangeRef,
76
99
  view: view,
77
100
  size: size,
78
101
  disabled: disabled,
79
- readOnly: !disabled && readOnly,
80
- ref: ref
102
+ readOnly: !disabled && readOnly
81
103
  }, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(ContentWrapper, {
82
104
  className: cx(rangeErrorClass, rangeSuccessClass)
83
- }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledInput, {
84
- className: cx(firstValueErrorClass, firstValueSuccessClass),
85
- value: firstValue,
86
- readOnly: readOnly,
87
- disabled: disabled,
88
- placeholder: firstPlaceholder,
89
- contentLeft: firstTextfieldContentLeft,
90
- contentRight: firstTextfieldContentRight,
91
- textBefore: firstTextfieldTextBefore,
92
- textAfter: firstTextfieldTextAfter,
93
- onChange: handleChangeFirstValue,
94
- onSearch: handleSearchFirstValue,
95
- onFocus: onFocusFirstTextfield,
96
- onBlur: onBlurFirstTextfield
97
- }), Divider, /*#__PURE__*/React.createElement(StyledInput, {
98
- className: cx(secondValueErrorClass, secondValueSuccessClass),
99
- value: secondValue,
100
- readOnly: readOnly,
101
- disabled: disabled,
102
- placeholder: secondPlaceholder,
103
- contentLeft: secondTextfieldContentLeft,
104
- contentRight: secondTextfieldContentRight,
105
- textBefore: secondTextfieldTextBefore,
106
- textAfter: secondTextfieldTextAfter,
107
- onChange: handleChangeSecondValue,
108
- onSearch: handleSearchSecondValue,
109
- onFocus: onFocusSecondTextfield,
110
- onBlur: onBlurSecondTextfield
111
- }), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
105
+ }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledPopover, {
106
+ isOpen: isOpenFirst,
107
+ usePortal: false,
108
+ onToggle: onToggleFirst,
109
+ offset: offset,
110
+ placement: getPlacements(placement),
111
+ trigger: "click",
112
+ closeOnOverlayClick: closeOnOverlayClick,
113
+ isFocusTrapped: false,
114
+ target: /*#__PURE__*/React.createElement(StyledInput, {
115
+ ref: firstTextFieldRef,
116
+ className: cx(firstValueErrorClass, firstValueSuccessClass),
117
+ value: firstValue,
118
+ readOnly: readOnly,
119
+ disabled: disabled,
120
+ placeholder: firstPlaceholder,
121
+ contentLeft: firstTextfieldContentLeft,
122
+ contentRight: firstTextfieldContentRight,
123
+ textBefore: firstTextfieldTextBefore,
124
+ textAfter: firstTextfieldTextAfter,
125
+ onChange: handleChangeFirstValue,
126
+ onSearch: handleSearchFirstValue,
127
+ onFocus: onFocusFirstTextfield,
128
+ onBlur: onBlurFirstTextfield
129
+ }),
130
+ preventOverflow: false
131
+ }, firstInputPopoverContent), Divider, /*#__PURE__*/React.createElement(StyledPopover, {
132
+ isOpen: isOpenSecond,
133
+ usePortal: false,
134
+ onToggle: onToggleSecond,
135
+ offset: offset,
136
+ placement: getPlacements(placement),
137
+ trigger: "click",
138
+ closeOnOverlayClick: closeOnOverlayClick,
139
+ isFocusTrapped: false,
140
+ target: /*#__PURE__*/React.createElement(StyledInput, {
141
+ ref: secondTextFieldRef,
142
+ className: cx(secondValueErrorClass, secondValueSuccessClass),
143
+ value: secondValue,
144
+ readOnly: readOnly,
145
+ disabled: disabled,
146
+ placeholder: secondPlaceholder,
147
+ contentLeft: secondTextfieldContentLeft,
148
+ contentRight: secondTextfieldContentRight,
149
+ textBefore: secondTextfieldTextBefore,
150
+ textAfter: secondTextfieldTextAfter,
151
+ onChange: handleChangeSecondValue,
152
+ onSearch: handleSearchSecondValue,
153
+ onFocus: onFocusSecondTextfield,
154
+ onBlur: onBlurSecondTextfield
155
+ }),
156
+ preventOverflow: false
157
+ }, secondInputPopoverContent), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
112
158
  });
113
159
  };
114
160
  export var rangeConfig = {
@@ -2,30 +2,36 @@ import styled from 'styled-components';
2
2
  import { css } from 'styled-components';
3
3
  import { component, mergeConfig } from '../../engines';
4
4
  import { textFieldConfig, textFieldTokens } from '../TextField';
5
+ import { popoverClasses, popoverConfig } from '../Popover';
5
6
  import { classes, tokens } from './Range.tokens';
6
7
  var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
7
8
  var TextField = /*#__PURE__*/component(mergedConfig);
9
+ var mergedPopoverConfig = /*#__PURE__*/mergeConfig(popoverConfig);
10
+ var Popover = /*#__PURE__*/component(mergedPopoverConfig);
11
+ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
12
+ componentId: "plasma-new-hope__sc-xpkrak-0"
13
+ })([""]);
8
14
 
9
15
  // NOTE: переопределение токенов TextField
10
16
  export var StyledInput = /*#__PURE__*/styled(TextField).withConfig({
11
- componentId: "plasma-new-hope__sc-xpkrak-0"
12
- })(["flex:1;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.rangeValueError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.rangeValueSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
13
- export var base = /*#__PURE__*/css([""]);
14
- export var StyledLabel = /*#__PURE__*/styled.label.withConfig({
15
17
  componentId: "plasma-new-hope__sc-xpkrak-1"
18
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.rangeValueError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.rangeValueSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
19
+ export var base = /*#__PURE__*/css([".", "{display:block;flex:1;}.", "{display:flex;flex-direction:column;}"], /*#__PURE__*/String(popoverClasses.wrapper), /*#__PURE__*/String(popoverClasses.target));
20
+ export var StyledLabel = /*#__PURE__*/styled.label.withConfig({
21
+ componentId: "plasma-new-hope__sc-xpkrak-2"
16
22
  })([""]);
17
23
  export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
18
- componentId: "plasma-new-hope__sc-xpkrak-2"
24
+ componentId: "plasma-new-hope__sc-xpkrak-3"
19
25
  })([""]);
20
26
  export var ContentWrapper = /*#__PURE__*/styled.div.withConfig({
21
- componentId: "plasma-new-hope__sc-xpkrak-3"
27
+ componentId: "plasma-new-hope__sc-xpkrak-4"
22
28
  })(["display:flex;align-items:center;"]);
23
29
  export var StyledDivider = /*#__PURE__*/styled.div.withConfig({
24
- componentId: "plasma-new-hope__sc-xpkrak-4"
30
+ componentId: "plasma-new-hope__sc-xpkrak-5"
25
31
  })([""]);
26
32
  export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
27
- componentId: "plasma-new-hope__sc-xpkrak-5"
33
+ componentId: "plasma-new-hope__sc-xpkrak-6"
28
34
  })([""]);
29
35
  export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
30
- componentId: "plasma-new-hope__sc-xpkrak-6"
36
+ componentId: "plasma-new-hope__sc-xpkrak-7"
31
37
  })([""]);
@@ -10,8 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
10
10
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
11
  import React, { Children, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
12
12
  import { safeUseId, useForkRef } from '@salutejs/plasma-core';
13
- import { cx } from '../../utils';
14
- import { getPlacements } from '../Dropdown/utils';
13
+ import { cx, getPlacements } from '../../utils';
15
14
  import { useDidMountEffect, useForceUpdate } from '../../hooks';
16
15
  import { base as targetCSS } from './variations/_target/base';
17
16
  import { base as viewCSS } from './variations/_view/base';
@@ -20,7 +20,7 @@ export var tokens = {
20
20
  caretColor: '--plasma-textfield__caret-color',
21
21
  placeholderColor: '--plasma-textfield__placeholder-color',
22
22
  height: '--plasma-textfield-height',
23
- borderWidth: '--plasmas-textfield-border-width',
23
+ borderWidth: '--plasma-textfield-border-width',
24
24
  borderRadius: '--plasma-textfield-border-radius',
25
25
  /** Отступ от границы ТextField */
26
26
  padding: '--plasma-textfield-padding',
@@ -1,4 +1,4 @@
1
1
  import { css } from 'styled-components';
2
2
  import { classes, tokens } from '../../TextField.tokens';
3
3
  import { Input, InputWrapper, Label, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
4
- export var base = /*#__PURE__*/css(["", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], Input, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin);
4
+ export var base = /*#__PURE__*/css(["", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], Input, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin);
@@ -1,14 +1,15 @@
1
1
  var _path;
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  import React from 'react';
4
- export var Minus = function Minus(props) {
4
+ export var DisclosureDownFill = function DisclosureDownFill(props) {
5
5
  return /*#__PURE__*/React.createElement("svg", _extends({
6
6
  width: "100%",
7
7
  viewBox: "0 0 24 24",
8
8
  fill: "none"
9
9
  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
- id: "icon",
11
- d: "M3.25 12C3.25 11.58 3.58 11.25 4 11.25L20 11.25C20.41 11.25 20.75 11.58 20.75 12C20.75 12.41 20.41 12.75 20 12.75L4 12.75C3.58 12.75 3.25 12.41 3.25 12Z",
10
+ fillRule: "evenodd",
11
+ clipRule: "evenodd",
12
+ d: "M17.1814 9.43661C17.059 9.17051 16.7929 9 16.5 9H7.50001C7.20711 9 6.94102 9.17051 6.81863 9.43661C6.69624 9.70271 6.73995 10.0157 6.93057 10.2381L11.4306 15.4881C11.5731 15.6543 11.7811 15.75 12 15.75C12.219 15.75 12.427 15.6543 12.5695 15.4881L17.0695 10.2381C17.2601 10.0157 17.3038 9.70271 17.1814 9.43661Z",
12
13
  fill: "currentColor"
13
14
  })));
14
15
  };
@@ -9,7 +9,7 @@ export var DisclosureLeft = function DisclosureLeft(props) {
9
9
  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
10
  fillRule: "evenodd",
11
11
  clipRule: "evenodd",
12
- d: "M14.117 8.707a1 1 0 10-1.414-1.414L7.996 12l4.707 4.707a1 1 0 001.414-1.414L10.824 12l3.293-3.293z",
12
+ d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
13
13
  fill: "currentColor"
14
14
  })));
15
15
  };
@@ -1,25 +1,15 @@
1
- var _path, _path2;
1
+ var _path;
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  import React from 'react';
4
4
  export var DisclosureRight = function DisclosureRight(props) {
5
- if (props.size === 'xs') {
6
- return /*#__PURE__*/React.createElement("svg", _extends({
7
- width: "100%",
8
- viewBox: "0 0 17 16",
9
- fill: "none"
10
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
- fillRule: "evenodd",
12
- clipRule: "evenodd",
13
- d: "M9.883 4.707a1 1 0 011.414-1.414L16.004 8l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 8 9.883 4.707z",
14
- fill: "currentColor"
15
- })));
16
- }
17
5
  return /*#__PURE__*/React.createElement("svg", _extends({
18
6
  width: "100%",
19
7
  viewBox: "0 0 24 24",
20
8
  fill: "none"
21
- }, props), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
22
- d: "M9.883 8.707a1 1 0 011.414-1.414L16.004 12l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 12 9.883 8.707z",
9
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
+ fillRule: "evenodd",
11
+ clipRule: "evenodd",
12
+ d: "M9.46967 6.96967C9.17678 7.26256 9.17678 7.73744 9.46967 8.03033L13.4393 12L9.46967 15.9697C9.17678 16.2626 9.17678 16.7374 9.46967 17.0303C9.76256 17.3232 10.2374 17.3232 10.5303 17.0303L15.5607 12L10.5303 6.96967C10.2374 6.67678 9.76256 6.67678 9.46967 6.96967Z",
23
13
  fill: "currentColor"
24
14
  })));
25
15
  };
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import { Minus } from '../Icon.assets/Minus';
2
+ import { DisclosureDownFill } from '../Icon.assets/DisclosureDownFill';
3
3
  import { IconRoot } from '../IconRoot';
4
- export var IconMinus = function IconMinus(_ref) {
4
+ export var IconDisclosureDownFill = function IconDisclosureDownFill(_ref) {
5
5
  var _ref$size = _ref.size,
6
6
  size = _ref$size === void 0 ? 's' : _ref$size,
7
7
  color = _ref.color,
@@ -10,6 +10,6 @@ export var IconMinus = function IconMinus(_ref) {
10
10
  className: className,
11
11
  size: size,
12
12
  color: color,
13
- icon: Minus
13
+ icon: DisclosureDownFill
14
14
  });
15
15
  };
@@ -1,11 +1,10 @@
1
1
  export { IconDisclosureLeft } from './Icons/IconDisclosureLeft';
2
2
  export { IconDisclosureRight } from './Icons/IconDisclosureRight';
3
+ export { IconDisclosureDownFill } from './Icons/IconDisclosureDownFill';
3
4
  export { IconMic } from './Icons/IconMic';
4
5
  export { IconChevronLeft } from './Icons/IconChevronLeft';
5
6
  export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';
6
7
  export { IconChevronDown } from './Icons/IconChevronDown';
7
- export { IconChevronDownFill } from './Icons/IconChevronDownFill';
8
8
  export { IconClose } from './Icons/IconClose';
9
9
  export { IconCross } from './Icons/IconCross';
10
- export { IconDone } from './Icons/IconDone';
11
- export { IconMinus } from './Icons/IconMinus';
10
+ export { IconDone } from './Icons/IconDone';
@@ -26,6 +26,12 @@ const meta: Meta<typeof CalendarBase> = {
26
26
  type: 'date',
27
27
  },
28
28
  },
29
+ size: {
30
+ options: ['l', 'm', 's', 'xs'],
31
+ control: {
32
+ type: 'inline-radio',
33
+ },
34
+ },
29
35
  },
30
36
  };
31
37
 
@@ -79,7 +85,7 @@ const baseEvents = [
79
85
  ];
80
86
 
81
87
  const StoryDefault = (args: CalendarProps) => {
82
- const { isRange, isDouble, min, max, date, includeEdgeDates } = args;
88
+ const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
83
89
  const [value, setValue] = useState(new Date(2023, 10, 16));
84
90
  const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
85
91
 
@@ -102,6 +108,7 @@ const StoryDefault = (args: CalendarProps) => {
102
108
 
103
109
  return (
104
110
  <Calendar
111
+ size={size}
105
112
  isRange={isRange}
106
113
  isDouble={isDouble}
107
114
  date={date}
@@ -123,12 +130,13 @@ export const Default: StoryObj<CalendarProps> = {
123
130
  isDouble: false,
124
131
  isRange: false,
125
132
  includeEdgeDates: false,
133
+ size: 'm',
126
134
  },
127
135
  render: (args) => <StoryDefault {...args} />,
128
136
  };
129
137
 
130
138
  const StoryBase = (args: CalendarBaseProps) => {
131
- const { min, max, type, includeEdgeDates } = args;
139
+ const { min, max, type, includeEdgeDates, size } = args;
132
140
  const [value, setValue] = useState(new Date(2023, 10, 16));
133
141
 
134
142
  const handleOnChange = useCallback((newValue: Date) => {
@@ -147,6 +155,7 @@ const StoryBase = (args: CalendarBaseProps) => {
147
155
 
148
156
  return (
149
157
  <CalendarBase
158
+ size={size}
150
159
  value={value}
151
160
  eventList={eventsRange}
152
161
  disabledList={disabledDays}
@@ -169,6 +178,7 @@ export const Base: StoryObj<CalendarBaseProps> = {
169
178
  },
170
179
  },
171
180
  args: {
181
+ size: 'm',
172
182
  min: new Date(2023, 10, 1),
173
183
  max: new Date(2023, 11, 24),
174
184
  includeEdgeDates: false,
@@ -178,7 +188,7 @@ export const Base: StoryObj<CalendarBaseProps> = {
178
188
  };
179
189
 
180
190
  const StoryDouble = (args: CalendarDoubleProps) => {
181
- const { min, max, includeEdgeDates } = args;
191
+ const { min, max, includeEdgeDates, size } = args;
182
192
  const [value, setValue] = useState(new Date(2023, 10, 16));
183
193
  const handleOnChange = useCallback((newValue: Date) => {
184
194
  setValue(newValue);
@@ -196,6 +206,7 @@ const StoryDouble = (args: CalendarDoubleProps) => {
196
206
 
197
207
  return (
198
208
  <CalendarDouble
209
+ size={size}
199
210
  value={value}
200
211
  eventList={eventsRange}
201
212
  disabledList={disabledDays}
@@ -209,6 +220,7 @@ const StoryDouble = (args: CalendarDoubleProps) => {
209
220
 
210
221
  export const Double: StoryObj<CalendarDoubleProps> = {
211
222
  args: {
223
+ size: 'm',
212
224
  min: new Date(2023, 10, 1),
213
225
  max: new Date(2023, 11, 24),
214
226
  includeEdgeDates: false,
@@ -217,7 +229,7 @@ export const Double: StoryObj<CalendarDoubleProps> = {
217
229
  };
218
230
 
219
231
  const StoryRange = (args: CalendarBaseRangeProps) => {
220
- const { min, max, type, includeEdgeDates } = args;
232
+ const { min, max, type, includeEdgeDates, size } = args;
221
233
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]);
222
234
  const handleOnChange = useCallback((newValue: [Date, Date?]) => {
223
235
  onChangeValue(newValue);
@@ -238,6 +250,7 @@ const StoryRange = (args: CalendarBaseRangeProps) => {
238
250
 
239
251
  return (
240
252
  <CalendarBaseRange
253
+ size={size}
241
254
  value={values}
242
255
  eventList={eventList}
243
256
  disabledList={disabledList}
@@ -260,6 +273,7 @@ export const Range: StoryObj<CalendarBaseRangeProps> = {
260
273
  },
261
274
  },
262
275
  args: {
276
+ size: 'm',
263
277
  min: new Date(2023, 10, 1),
264
278
  max: new Date(2023, 11, 24),
265
279
  includeEdgeDates: false,
@@ -269,7 +283,7 @@ export const Range: StoryObj<CalendarBaseRangeProps> = {
269
283
  };
270
284
 
271
285
  const StoryRangeDouble = (args: CalendarBaseRangeProps) => {
272
- const { min, max, includeEdgeDates } = args;
286
+ const { min, max, includeEdgeDates, size } = args;
273
287
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 10, 15), new Date(2023, 10, 24)]);
274
288
  const handleOnChange = useCallback((newValue: [Date, Date?]) => {
275
289
  onChangeValue(newValue);
@@ -290,6 +304,7 @@ const StoryRangeDouble = (args: CalendarBaseRangeProps) => {
290
304
 
291
305
  return (
292
306
  <CalendarDoubleRange
307
+ size={size}
293
308
  value={values}
294
309
  eventList={eventList}
295
310
  disabledList={disabledList}
@@ -303,6 +318,7 @@ const StoryRangeDouble = (args: CalendarBaseRangeProps) => {
303
318
 
304
319
  export const RangeDouble: StoryObj<CalendarBaseRangeProps> = {
305
320
  args: {
321
+ size: 'm',
306
322
  min: new Date(2023, 10, 1),
307
323
  max: new Date(2023, 11, 24),
308
324
  includeEdgeDates: false,
@@ -311,7 +327,7 @@ export const RangeDouble: StoryObj<CalendarBaseRangeProps> = {
311
327
  };
312
328
 
313
329
  const StoryWithPopover = (args: CalendarProps) => {
314
- const { isDouble, min, max, includeEdgeDates } = args;
330
+ const { isDouble, min, max, includeEdgeDates, size } = args;
315
331
  const [isOpen, setIsOpen] = useState(false);
316
332
  const [textValue, setTextValue] = useState('2023-10-16');
317
333
  const [value, setValue] = useState(new Date(textValue));
@@ -345,6 +361,7 @@ const StoryWithPopover = (args: CalendarProps) => {
345
361
  closeOnOverlayClick
346
362
  >
347
363
  <StyledCalendar
364
+ size={size}
348
365
  value={value}
349
366
  eventList={[...baseEvents, ...eventsRange]}
350
367
  disabledList={disabledDays}
@@ -361,6 +378,7 @@ const StoryWithPopover = (args: CalendarProps) => {
361
378
 
362
379
  export const WithPopover: StoryObj<CalendarProps> = {
363
380
  args: {
381
+ size: 'm',
364
382
  min: new Date(2023, 9, 1),
365
383
  max: new Date(2023, 11, 24),
366
384
  isDouble: false,
@@ -7,10 +7,13 @@ export var config = {
7
7
  },
8
8
  variations: {
9
9
  view: {
10
- "default": /*#__PURE__*/css(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], calendarBaseTokens.calendarBackgroundColor, calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor)
10
+ "default": /*#__PURE__*/css(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], calendarBaseTokens.calendarBackgroundColor, calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive)
11
11
  },
12
12
  size: {
13
- m: /*#__PURE__*/css(["", ":5.5rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);"], calendarBaseTokens.calendarHeaderArrowContainerWidth, calendarBaseTokens.calendarItemBorderRadius, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight)
13
+ l: /*#__PURE__*/css(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
14
+ m: /*#__PURE__*/css(["", ":21rem;", ":21rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0 0 0;", ":0.625rem;", ":3rem;", ":2.5rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem;", ":0 0 0 0.75rem;", ":0.375rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
15
+ s: /*#__PURE__*/css(["", ":17.5rem;", ":17rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0 0 0;", ":0.5rem;", ":2.5rem;", ":2rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
16
+ xs: /*#__PURE__*/css(["", ":17.5rem;", ":15.5rem;", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0 0 0;", ":0.5rem;", ":2.5rem;", ":1.875rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius)
14
17
  }
15
18
  }
16
19
  };