@salutejs/plasma-new-hope 0.109.0-canary.1310.10007111729.0 → 0.109.1-canary.1301.10056166255.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (624) hide show
  1. package/cjs/components/Accordion/Accordion.js +1 -1
  2. package/cjs/components/Accordion/Accordion.js.map +1 -1
  3. package/cjs/components/Accordion/Accordion.tokens.js +4 -1
  4. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  5. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +16 -9
  6. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  7. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  8. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  9. package/cjs/components/Accordion/utils/index.js +4 -3
  10. package/cjs/components/Accordion/utils/index.js.map +1 -1
  11. package/cjs/components/Calendar/Calendar.tokens.js +32 -6
  12. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  13. package/cjs/components/Calendar/Calendar.types.js.map +1 -1
  14. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +20 -21
  15. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +88 -140
  16. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  17. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +23 -21
  18. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +269 -104
  19. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  20. package/cjs/components/Calendar/hoc/withRange.js +17 -9
  21. package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
  22. package/cjs/components/Calendar/hooks/useCalendarDateChange.js +92 -0
  23. package/cjs/components/Calendar/hooks/useCalendarDateChange.js.map +1 -0
  24. package/cjs/components/Calendar/hooks/useCalendarNavigation.js +98 -0
  25. package/cjs/components/Calendar/hooks/useCalendarNavigation.js.map +1 -0
  26. package/cjs/components/Calendar/hooks/useDays.js +34 -148
  27. package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
  28. package/cjs/components/Calendar/hooks/useKeyNavigation.js +27 -16
  29. package/cjs/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
  30. package/cjs/components/Calendar/hooks/useMonths.js +37 -8
  31. package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
  32. package/cjs/components/Calendar/hooks/useQuarters.js +57 -0
  33. package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -0
  34. package/cjs/components/Calendar/hooks/useYears.js +39 -8
  35. package/cjs/components/Calendar/hooks/useYears.js.map +1 -1
  36. package/cjs/components/Calendar/store/reducer.js +34 -12
  37. package/cjs/components/Calendar/store/reducer.js.map +1 -1
  38. package/cjs/components/Calendar/store/types.js +1 -0
  39. package/cjs/components/Calendar/store/types.js.map +1 -1
  40. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  41. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +36 -26
  42. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  43. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  44. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +16 -10
  45. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  46. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -2
  47. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  48. package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +2 -2
  49. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +7 -4
  50. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +96 -27
  51. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  52. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -13
  53. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  54. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
  55. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +7 -0
  56. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +149 -0
  57. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -0
  58. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +21 -0
  59. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -0
  60. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
  61. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +7 -4
  62. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +99 -25
  63. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  64. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -13
  65. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  66. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -0
  67. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -0
  68. package/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.js → DateStructureItem/DateStructureItem.js} +23 -21
  69. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -0
  70. package/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.styles.js → DateStructureItem/DateStructureItem.styles.js} +19 -27
  71. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -0
  72. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1nxxafr.css +4 -0
  73. package/cjs/components/Calendar/utils/calendarGridHelper.js +173 -0
  74. package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -0
  75. package/cjs/components/Calendar/utils/calendarRangeHelper.js +122 -0
  76. package/cjs/components/Calendar/utils/calendarRangeHelper.js.map +1 -0
  77. package/cjs/components/Calendar/utils/constants.js +60 -0
  78. package/cjs/components/Calendar/utils/constants.js.map +1 -0
  79. package/cjs/components/Calendar/utils/getDateWithModification.js +188 -0
  80. package/cjs/components/Calendar/utils/getDateWithModification.js.map +1 -0
  81. package/cjs/components/DatePicker/DatePicker.tokens.js +11 -0
  82. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  83. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  84. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  85. package/cjs/components/DatePicker/{DatePickerBase.styles_1thp2xv.css → DatePickerBase.styles_192va2p.css} +1 -1
  86. package/cjs/components/DatePicker/RangeDate/RangeDate.css +22 -23
  87. package/cjs/components/DatePicker/RangeDate/RangeDate.js +18 -6
  88. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  89. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -23
  90. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
  91. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  92. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  93. package/{es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css → cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css} +2 -2
  94. package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
  95. package/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -3
  96. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  97. package/cjs/components/DatePicker/hooks/useDatePicker.js +7 -3
  98. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  99. package/cjs/components/TextArea/TextArea.js +5 -5
  100. package/cjs/components/TextArea/TextArea.js.map +1 -1
  101. package/cjs/index.css +23 -24
  102. package/cjs/utils/datejs.js +4 -0
  103. package/cjs/utils/datejs.js.map +1 -1
  104. package/emotion/cjs/components/Accordion/Accordion.js +1 -1
  105. package/emotion/cjs/components/Accordion/Accordion.tokens.js +4 -1
  106. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +19 -7
  107. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  108. package/emotion/cjs/components/Accordion/utils/index.js +4 -3
  109. package/emotion/cjs/components/Calendar/Calendar.template-doc.mdx +236 -150
  110. package/emotion/cjs/components/Calendar/Calendar.tokens.js +32 -7
  111. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +84 -139
  112. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +261 -101
  113. package/emotion/cjs/components/Calendar/hoc/withRange.js +14 -6
  114. package/emotion/cjs/components/Calendar/hooks/index.js +22 -1
  115. package/emotion/cjs/components/Calendar/hooks/useCalendarDateChange.js +90 -0
  116. package/emotion/cjs/components/Calendar/hooks/useCalendarNavigation.js +96 -0
  117. package/emotion/cjs/components/Calendar/hooks/useDays.js +21 -137
  118. package/emotion/cjs/components/Calendar/hooks/useKeyNavigation.js +26 -15
  119. package/emotion/cjs/components/Calendar/hooks/useMonths.js +32 -6
  120. package/emotion/cjs/components/Calendar/hooks/useQuarters.js +52 -0
  121. package/emotion/cjs/components/Calendar/hooks/useYears.js +34 -6
  122. package/emotion/cjs/components/Calendar/mixins/selected.js +2 -9
  123. package/emotion/cjs/components/Calendar/store/reducer.js +27 -6
  124. package/emotion/cjs/components/Calendar/store/types.js +1 -0
  125. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +28 -17
  126. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
  127. package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +14 -9
  128. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +97 -27
  129. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +6 -35
  130. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +156 -0
  131. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +18 -0
  132. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +100 -25
  133. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +6 -35
  134. package/{styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +22 -20
  135. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +85 -0
  136. package/emotion/cjs/components/Calendar/ui/index.js +7 -0
  137. package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +164 -0
  138. package/emotion/cjs/components/Calendar/utils/calendarRangeHelper.js +117 -0
  139. package/emotion/cjs/components/Calendar/utils/constants.js +48 -0
  140. package/emotion/cjs/components/Calendar/utils/getDateWithModification.js +186 -0
  141. package/emotion/cjs/components/Calendar/utils/index.js +39 -243
  142. package/emotion/cjs/components/DatePicker/DatePicker.template-doc.mdx +10 -1
  143. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +11 -0
  144. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +2 -2
  145. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +18 -6
  146. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
  147. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -3
  148. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +7 -3
  149. package/emotion/cjs/components/TextArea/TextArea.js +6 -6
  150. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  151. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +5 -3
  152. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
  153. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  154. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  155. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  156. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  157. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +6 -4
  158. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
  159. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  160. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  161. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  162. package/emotion/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
  163. package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
  164. package/emotion/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
  165. package/emotion/cjs/utils/datejs.js +4 -0
  166. package/emotion/es/components/Accordion/Accordion.js +1 -1
  167. package/emotion/es/components/Accordion/Accordion.tokens.js +4 -1
  168. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +20 -7
  169. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  170. package/emotion/es/components/Accordion/utils/index.js +4 -3
  171. package/emotion/es/components/Calendar/Calendar.template-doc.mdx +236 -150
  172. package/emotion/es/components/Calendar/Calendar.tokens.js +31 -6
  173. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +88 -143
  174. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +265 -105
  175. package/emotion/es/components/Calendar/hoc/withRange.js +14 -6
  176. package/emotion/es/components/Calendar/hooks/index.js +4 -1
  177. package/emotion/es/components/Calendar/hooks/useCalendarDateChange.js +84 -0
  178. package/emotion/es/components/Calendar/hooks/useCalendarNavigation.js +90 -0
  179. package/emotion/es/components/Calendar/hooks/useDays.js +22 -138
  180. package/emotion/es/components/Calendar/hooks/useKeyNavigation.js +27 -17
  181. package/emotion/es/components/Calendar/hooks/useMonths.js +33 -8
  182. package/emotion/es/components/Calendar/hooks/useQuarters.js +46 -0
  183. package/emotion/es/components/Calendar/hooks/useYears.js +35 -7
  184. package/emotion/es/components/Calendar/mixins/selected.js +2 -9
  185. package/emotion/es/components/Calendar/store/reducer.js +26 -5
  186. package/emotion/es/components/Calendar/store/types.js +1 -0
  187. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +29 -17
  188. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
  189. package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +14 -9
  190. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +100 -29
  191. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +6 -35
  192. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +149 -0
  193. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +11 -0
  194. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +103 -27
  195. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +6 -35
  196. package/{styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +20 -18
  197. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +78 -0
  198. package/emotion/es/components/Calendar/ui/index.js +1 -0
  199. package/emotion/es/components/Calendar/utils/calendarGridHelper.js +158 -0
  200. package/emotion/es/components/Calendar/utils/calendarRangeHelper.js +111 -0
  201. package/emotion/es/components/Calendar/utils/constants.js +42 -0
  202. package/emotion/es/components/Calendar/utils/getDateWithModification.js +180 -0
  203. package/emotion/es/components/Calendar/utils/index.js +4 -247
  204. package/emotion/es/components/DatePicker/DatePicker.template-doc.mdx +10 -1
  205. package/emotion/es/components/DatePicker/DatePicker.tokens.js +11 -0
  206. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +2 -2
  207. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +18 -6
  208. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
  209. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
  210. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +7 -3
  211. package/emotion/es/components/TextArea/TextArea.js +6 -6
  212. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  213. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +5 -3
  214. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
  215. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  216. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  217. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  218. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  219. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +6 -4
  220. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
  221. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  222. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  223. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  224. package/emotion/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
  225. package/emotion/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
  226. package/emotion/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
  227. package/emotion/es/utils/datejs.js +4 -0
  228. package/es/components/Accordion/Accordion.js +1 -1
  229. package/es/components/Accordion/Accordion.js.map +1 -1
  230. package/es/components/Accordion/Accordion.tokens.js +4 -1
  231. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  232. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +15 -8
  233. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  234. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  235. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  236. package/es/components/Accordion/utils/index.js +4 -3
  237. package/es/components/Accordion/utils/index.js.map +1 -1
  238. package/es/components/Calendar/Calendar.tokens.js +32 -7
  239. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  240. package/es/components/Calendar/Calendar.types.js.map +1 -1
  241. package/es/components/Calendar/CalendarBase/CalendarBase.css +20 -21
  242. package/es/components/Calendar/CalendarBase/CalendarBase.js +90 -142
  243. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  244. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +23 -21
  245. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +270 -105
  246. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  247. package/es/components/Calendar/hoc/withRange.js +15 -7
  248. package/es/components/Calendar/hoc/withRange.js.map +1 -1
  249. package/es/components/Calendar/hooks/useCalendarDateChange.js +88 -0
  250. package/es/components/Calendar/hooks/useCalendarDateChange.js.map +1 -0
  251. package/es/components/Calendar/hooks/useCalendarNavigation.js +94 -0
  252. package/es/components/Calendar/hooks/useCalendarNavigation.js.map +1 -0
  253. package/es/components/Calendar/hooks/useDays.js +24 -138
  254. package/es/components/Calendar/hooks/useDays.js.map +1 -1
  255. package/es/components/Calendar/hooks/useKeyNavigation.js +27 -16
  256. package/es/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
  257. package/es/components/Calendar/hooks/useMonths.js +36 -7
  258. package/es/components/Calendar/hooks/useMonths.js.map +1 -1
  259. package/es/components/Calendar/hooks/useQuarters.js +53 -0
  260. package/es/components/Calendar/hooks/useQuarters.js.map +1 -0
  261. package/es/components/Calendar/hooks/useYears.js +38 -7
  262. package/es/components/Calendar/hooks/useYears.js.map +1 -1
  263. package/es/components/Calendar/store/reducer.js +28 -7
  264. package/es/components/Calendar/store/reducer.js.map +1 -1
  265. package/es/components/Calendar/store/types.js +1 -0
  266. package/es/components/Calendar/store/types.js.map +1 -1
  267. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  268. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +29 -19
  269. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  270. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  271. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +15 -9
  272. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  273. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +2 -2
  274. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  275. package/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css → es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1jfelqf.css} +2 -2
  276. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +7 -4
  277. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +99 -30
  278. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  279. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -12
  280. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  281. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
  282. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +7 -0
  283. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +145 -0
  284. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -0
  285. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +16 -0
  286. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -0
  287. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
  288. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +7 -4
  289. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +102 -28
  290. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  291. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -12
  292. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  293. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -0
  294. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -0
  295. package/es/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.js → DateStructureItem/DateStructureItem.js} +22 -20
  296. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -0
  297. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +55 -0
  298. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -0
  299. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1nxxafr.css +4 -0
  300. package/es/components/Calendar/utils/calendarGridHelper.js +153 -0
  301. package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -0
  302. package/es/components/Calendar/utils/calendarRangeHelper.js +110 -0
  303. package/es/components/Calendar/utils/calendarRangeHelper.js.map +1 -0
  304. package/es/components/Calendar/utils/constants.js +45 -0
  305. package/es/components/Calendar/utils/constants.js.map +1 -0
  306. package/es/components/Calendar/utils/getDateWithModification.js +184 -0
  307. package/es/components/Calendar/utils/getDateWithModification.js.map +1 -0
  308. package/es/components/DatePicker/DatePicker.tokens.js +11 -0
  309. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  310. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  311. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  312. package/es/components/DatePicker/{DatePickerBase.styles_1thp2xv.css → DatePickerBase.styles_192va2p.css} +1 -1
  313. package/es/components/DatePicker/RangeDate/RangeDate.css +22 -23
  314. package/es/components/DatePicker/RangeDate/RangeDate.js +18 -6
  315. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  316. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -23
  317. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
  318. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  319. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
  320. package/{cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css → es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1gljtdv.css} +2 -2
  321. package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
  322. package/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
  323. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  324. package/es/components/DatePicker/hooks/useDatePicker.js +7 -3
  325. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  326. package/es/components/TextArea/TextArea.js +5 -5
  327. package/es/components/TextArea/TextArea.js.map +1 -1
  328. package/es/index.css +23 -24
  329. package/es/utils/datejs.js +4 -0
  330. package/es/utils/datejs.js.map +1 -1
  331. package/package.json +2 -2
  332. package/styled-components/cjs/components/Accordion/Accordion.js +1 -1
  333. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +4 -1
  334. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +19 -7
  335. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  336. package/styled-components/cjs/components/Accordion/utils/index.js +4 -3
  337. package/styled-components/cjs/components/Calendar/Calendar.template-doc.mdx +236 -150
  338. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +32 -7
  339. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +84 -139
  340. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +261 -101
  341. package/styled-components/cjs/components/Calendar/hoc/withRange.js +14 -6
  342. package/styled-components/cjs/components/Calendar/hooks/index.js +22 -1
  343. package/styled-components/cjs/components/Calendar/hooks/useCalendarDateChange.js +90 -0
  344. package/styled-components/cjs/components/Calendar/hooks/useCalendarNavigation.js +96 -0
  345. package/styled-components/cjs/components/Calendar/hooks/useDays.js +21 -137
  346. package/styled-components/cjs/components/Calendar/hooks/useKeyNavigation.js +26 -15
  347. package/styled-components/cjs/components/Calendar/hooks/useMonths.js +32 -6
  348. package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +52 -0
  349. package/styled-components/cjs/components/Calendar/hooks/useYears.js +34 -6
  350. package/styled-components/cjs/components/Calendar/mixins/selected.js +2 -9
  351. package/styled-components/cjs/components/Calendar/store/reducer.js +27 -6
  352. package/styled-components/cjs/components/Calendar/store/types.js +1 -0
  353. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +28 -17
  354. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
  355. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +8 -3
  356. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +97 -27
  357. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -30
  358. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +156 -0
  359. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +16 -0
  360. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.js +5 -0
  361. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +100 -25
  362. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -30
  363. package/{emotion/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +22 -20
  364. package/styled-components/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.styles.js → DateStructureItem/DateStructureItem.styles.js} +26 -26
  365. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js +5 -0
  366. package/styled-components/cjs/components/Calendar/ui/index.js +7 -0
  367. package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +164 -0
  368. package/styled-components/cjs/components/Calendar/utils/calendarRangeHelper.js +117 -0
  369. package/styled-components/cjs/components/Calendar/utils/constants.js +48 -0
  370. package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js +186 -0
  371. package/styled-components/cjs/components/Calendar/utils/index.js +39 -243
  372. package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +10 -1
  373. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +11 -0
  374. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  375. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +18 -6
  376. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
  377. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -3
  378. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +7 -3
  379. package/styled-components/cjs/components/TextArea/TextArea.js +5 -5
  380. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  381. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +5 -3
  382. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
  383. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  384. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  385. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  386. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  387. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +6 -4
  388. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
  389. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  390. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  391. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  392. package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
  393. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
  394. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
  395. package/styled-components/cjs/utils/datejs.js +4 -0
  396. package/styled-components/es/components/Accordion/Accordion.js +1 -1
  397. package/styled-components/es/components/Accordion/Accordion.tokens.js +4 -1
  398. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +20 -7
  399. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  400. package/styled-components/es/components/Accordion/utils/index.js +4 -3
  401. package/styled-components/es/components/Calendar/Calendar.template-doc.mdx +236 -150
  402. package/styled-components/es/components/Calendar/Calendar.tokens.js +31 -6
  403. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +88 -143
  404. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +265 -105
  405. package/styled-components/es/components/Calendar/hoc/withRange.js +14 -6
  406. package/styled-components/es/components/Calendar/hooks/index.js +4 -1
  407. package/styled-components/es/components/Calendar/hooks/useCalendarDateChange.js +84 -0
  408. package/styled-components/es/components/Calendar/hooks/useCalendarNavigation.js +90 -0
  409. package/styled-components/es/components/Calendar/hooks/useDays.js +22 -138
  410. package/styled-components/es/components/Calendar/hooks/useKeyNavigation.js +27 -17
  411. package/styled-components/es/components/Calendar/hooks/useMonths.js +33 -8
  412. package/styled-components/es/components/Calendar/hooks/useQuarters.js +46 -0
  413. package/styled-components/es/components/Calendar/hooks/useYears.js +35 -7
  414. package/styled-components/es/components/Calendar/mixins/selected.js +2 -9
  415. package/styled-components/es/components/Calendar/store/reducer.js +26 -5
  416. package/styled-components/es/components/Calendar/store/types.js +1 -0
  417. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +29 -17
  418. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +13 -8
  419. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +8 -3
  420. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +100 -29
  421. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -30
  422. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +149 -0
  423. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +9 -0
  424. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.js +1 -0
  425. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +103 -27
  426. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -30
  427. package/{emotion/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js → styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js} +20 -18
  428. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +65 -0
  429. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js +1 -0
  430. package/styled-components/es/components/Calendar/ui/index.js +1 -0
  431. package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +158 -0
  432. package/styled-components/es/components/Calendar/utils/calendarRangeHelper.js +111 -0
  433. package/styled-components/es/components/Calendar/utils/constants.js +42 -0
  434. package/styled-components/es/components/Calendar/utils/getDateWithModification.js +180 -0
  435. package/styled-components/es/components/Calendar/utils/index.js +4 -247
  436. package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +10 -1
  437. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +11 -0
  438. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  439. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +18 -6
  440. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +18 -0
  441. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
  442. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +7 -3
  443. package/styled-components/es/components/TextArea/TextArea.js +5 -5
  444. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  445. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +5 -3
  446. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +162 -267
  447. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  448. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  449. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  450. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  451. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +6 -4
  452. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +162 -267
  453. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  454. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  455. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  456. package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +162 -267
  457. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -5
  458. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -5
  459. package/styled-components/es/utils/datejs.js +4 -0
  460. package/types/components/Accordion/Accordion.tokens.d.ts +3 -0
  461. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  462. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  463. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
  464. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +5 -0
  465. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +1 -1
  466. package/types/components/Accordion/utils/index.d.ts +4 -2
  467. package/types/components/Accordion/utils/index.d.ts.map +1 -1
  468. package/types/components/Calendar/Calendar.tokens.d.ts +30 -6
  469. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  470. package/types/components/Calendar/Calendar.types.d.ts +86 -32
  471. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  472. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +4 -44
  473. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  474. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +4 -31
  475. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  476. package/types/components/Calendar/hoc/withRange.d.ts +3 -2
  477. package/types/components/Calendar/hoc/withRange.d.ts.map +1 -1
  478. package/types/components/Calendar/hooks/index.d.ts +3 -0
  479. package/types/components/Calendar/hooks/index.d.ts.map +1 -1
  480. package/types/components/Calendar/hooks/types.d.ts +38 -0
  481. package/types/components/Calendar/hooks/types.d.ts.map +1 -0
  482. package/types/components/Calendar/hooks/useCalendarDateChange.d.ts +11 -0
  483. package/types/components/Calendar/hooks/useCalendarDateChange.d.ts.map +1 -0
  484. package/types/components/Calendar/hooks/useCalendarNavigation.d.ts +6 -0
  485. package/types/components/Calendar/hooks/useCalendarNavigation.d.ts.map +1 -0
  486. package/types/components/Calendar/hooks/useDays.d.ts +3 -2
  487. package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
  488. package/types/components/Calendar/hooks/useKeyNavigation.d.ts +2 -2
  489. package/types/components/Calendar/hooks/useKeyNavigation.d.ts.map +1 -1
  490. package/types/components/Calendar/hooks/useMonths.d.ts +3 -2
  491. package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
  492. package/types/components/Calendar/hooks/useQuarters.d.ts +7 -0
  493. package/types/components/Calendar/hooks/useQuarters.d.ts.map +1 -0
  494. package/types/components/Calendar/hooks/useYears.d.ts +3 -2
  495. package/types/components/Calendar/hooks/useYears.d.ts.map +1 -1
  496. package/types/components/Calendar/mixins/selected.d.ts.map +1 -1
  497. package/types/components/Calendar/store/reducer.d.ts +3 -2
  498. package/types/components/Calendar/store/reducer.d.ts.map +1 -1
  499. package/types/components/Calendar/store/types.d.ts +9 -1
  500. package/types/components/Calendar/store/types.d.ts.map +1 -1
  501. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  502. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +3 -3
  503. package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
  504. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
  505. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +1 -1
  506. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  507. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +2 -2
  508. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
  509. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  510. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -2
  511. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  512. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts +14 -4
  513. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts.map +1 -1
  514. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts +7 -0
  515. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -0
  516. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +4 -0
  517. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -0
  518. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.d.ts +21 -0
  519. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.d.ts.map +1 -0
  520. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
  521. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -2
  522. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  523. package/types/components/Calendar/ui/CalendarYears/CalendarYears.types.d.ts +12 -3
  524. package/types/components/Calendar/ui/CalendarYears/CalendarYears.types.d.ts.map +1 -1
  525. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.d.ts +7 -0
  526. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.d.ts.map +1 -0
  527. package/types/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.styles.d.ts → DateStructureItem/DateStructureItem.styles.d.ts} +4 -4
  528. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -0
  529. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.types.d.ts +13 -0
  530. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.types.d.ts.map +1 -0
  531. package/types/components/Calendar/ui/index.d.ts +1 -0
  532. package/types/components/Calendar/ui/index.d.ts.map +1 -1
  533. package/types/components/Calendar/utils/calendarGridHelper.d.ts +29 -0
  534. package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -0
  535. package/types/components/Calendar/utils/calendarRangeHelper.d.ts +26 -0
  536. package/types/components/Calendar/utils/calendarRangeHelper.d.ts.map +1 -0
  537. package/types/components/Calendar/utils/constants.d.ts +19 -0
  538. package/types/components/Calendar/utils/constants.d.ts.map +1 -0
  539. package/types/components/Calendar/utils/getDateWithModification.d.ts +17 -0
  540. package/types/components/Calendar/utils/getDateWithModification.d.ts.map +1 -0
  541. package/types/components/Calendar/utils/index.d.ts +4 -54
  542. package/types/components/Calendar/utils/index.d.ts.map +1 -1
  543. package/types/components/DatePicker/DatePicker.tokens.d.ts +11 -0
  544. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  545. package/types/components/DatePicker/DatePickerBase.styles.d.ts +1 -5
  546. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  547. package/types/components/DatePicker/DatePickerBase.types.d.ts +62 -1
  548. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  549. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +6 -6
  550. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  551. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +5 -41
  552. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  553. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  554. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  555. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +2 -2
  556. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
  557. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +5 -3
  558. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
  559. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -2
  560. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  561. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +3 -39
  562. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  563. package/types/components/DatePicker/hooks/useDatePicker.d.ts +2 -1
  564. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  565. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
  566. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +4 -11
  567. package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
  568. package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  569. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  570. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  571. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +4 -4
  572. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  573. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
  574. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +4 -11
  575. package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
  576. package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  577. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  578. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  579. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +4 -4
  580. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  581. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +4 -11
  582. package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
  583. package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
  584. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  585. package/types/utils/datejs.d.ts.map +1 -1
  586. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +0 -4
  587. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js.map +0 -1
  588. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +0 -1
  589. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +0 -4
  590. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +0 -4
  591. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +0 -4
  592. package/cjs/components/Calendar/utils/index.js +0 -276
  593. package/cjs/components/Calendar/utils/index.js.map +0 -1
  594. package/emotion/cjs/components/Breadcrumbs/README.md +0 -78
  595. package/emotion/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -85
  596. package/emotion/es/components/Breadcrumbs/README.md +0 -78
  597. package/emotion/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -78
  598. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +0 -4
  599. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.js.map +0 -1
  600. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -63
  601. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +0 -1
  602. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +0 -4
  603. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +0 -4
  604. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +0 -4
  605. package/es/components/Calendar/utils/index.js +0 -242
  606. package/es/components/Calendar/utils/index.js.map +0 -1
  607. package/styled-components/cjs/components/Breadcrumbs/README.md +0 -78
  608. package/styled-components/es/components/Breadcrumbs/README.md +0 -78
  609. package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +0 -65
  610. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +0 -16
  611. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +0 -1
  612. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.d.ts +0 -7
  613. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.d.ts.map +0 -1
  614. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +0 -1
  615. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.d.ts +0 -13
  616. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.types.d.ts.map +0 -1
  617. /package/emotion/cjs/components/{Breadcrumbs/Breadcrumbs.types.js → Calendar/hooks/types.js} +0 -0
  618. /package/emotion/cjs/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.types.js → CalendarQuarters/CalendarQuarters.types.js} +0 -0
  619. /package/{styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js → emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js} +0 -0
  620. /package/emotion/es/components/{Breadcrumbs/Breadcrumbs.types.js → Calendar/hooks/types.js} +0 -0
  621. /package/emotion/es/components/Calendar/ui/{CalendarDayItem/CalendarDayItem.types.js → CalendarQuarters/CalendarQuarters.types.js} +0 -0
  622. /package/{styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js → emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.types.js} +0 -0
  623. /package/styled-components/cjs/components/Calendar/{ui/CalendarDayItem/CalendarDayItem.types.js → hooks/types.js} +0 -0
  624. /package/styled-components/es/components/Calendar/{ui/CalendarDayItem/CalendarDayItem.types.js → hooks/types.js} +0 -0
@@ -6,6 +6,10 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.customDayjs = void 0;
7
7
  var _dayjs = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs"));
8
8
  var _customParseFormat = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs/plugin/customParseFormat"));
9
+ var _quarterOfYear = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs/plugin/quarterOfYear"));
10
+ var _advancedFormat = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs/plugin/advancedFormat"));
9
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
12
  _dayjs["default"].extend(_customParseFormat["default"]);
13
+ _dayjs["default"].extend(_quarterOfYear["default"]);
14
+ _dayjs["default"].extend(_advancedFormat["default"]);
11
15
  var customDayjs = exports.customDayjs = _dayjs["default"];
@@ -58,7 +58,7 @@ export var accordionRoot = function accordionRoot(Root) {
58
58
  size: size,
59
59
  view: view,
60
60
  className: cx(stretchingClass, classes.accordionRoot, className)
61
- }, getChildren(childrenArray, activeIndex, disabled, updateValue));
61
+ }, getChildren(childrenArray, activeIndex, view, disabled, updateValue));
62
62
  });
63
63
  };
64
64
  export var accordionConfig = {
@@ -6,7 +6,8 @@ export var classes = {
6
6
  clearAccordionItem: 'clear-accordion-item',
7
7
  accordionItemShowBody: 'accordion-item-show-body',
8
8
  accordionPlusAnimationElement: 'accordion-plus-animation-element',
9
- accordionDisabled: 'accordion-disabled'
9
+ accordionDisabled: 'accordion-disabled',
10
+ accordionItemBody: 'accordion-item-body'
10
11
  };
11
12
  export var tokens = {
12
13
  accordionGap: '--plasma-accordion-gap',
@@ -17,8 +18,10 @@ export var tokens = {
17
18
  accordionItemPadding: '--plasma-accordion-item-padding',
18
19
  accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',
19
20
  accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',
21
+ accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',
20
22
  accordionItemGap: '--plasma-accordion-item-gap',
21
23
  accordionItemFocus: '--plasma-accordion-item-focus',
24
+ accordionItemBorder: '--plasma-accordion-item-border',
22
25
  accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
23
26
  accordionItemTitleColor: '--plasma-accordion-item-title-color',
24
27
  accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
@@ -1,4 +1,10 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
1
2
  var _StyledMinus, _StyledArrow;
3
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
2
8
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
3
9
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
10
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -8,6 +14,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
14
  import React, { useState, useRef, useEffect } from 'react';
9
15
  import { convertRoundnessMatrix } from '../../../../utils/roundness';
10
16
  import { classes, tokens } from '../../Accordion.tokens';
17
+ import { cx } from '../../../../utils';
11
18
  import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionBody, StyledAccordionTitle, StyledAccordionContentLeft, StyledAccordionHeaderLeft, StyledAccordionContentRight, StyledArrow, StyledMinus, StyledPlus, StyledAccordionBodyAnimate } from './AccordionItem.styles';
12
19
  export var AccordionItem = function AccordionItem(_ref) {
13
20
  var _ref2;
@@ -21,8 +28,13 @@ export var AccordionItem = function AccordionItem(_ref) {
21
28
  _ref$type = _ref.type,
22
29
  type = _ref$type === void 0 ? 'sign' : _ref$type,
23
30
  index = _ref.index,
31
+ className = _ref.className,
32
+ style = _ref.style,
24
33
  eventKey = _ref.eventKey,
25
34
  disabled = _ref.disabled,
35
+ _ref$alignWithTitle = _ref.alignWithTitle,
36
+ alignWithTitle = _ref$alignWithTitle === void 0 ? true : _ref$alignWithTitle,
37
+ view = _ref.view,
26
38
  onChange = _ref.onChange;
27
39
  var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
28
40
  var _useState = useState(),
@@ -41,7 +53,7 @@ export var AccordionItem = function AccordionItem(_ref) {
41
53
  useEffect(function () {
42
54
  var _leftContentRef$curre, _leftContentRef$curre2;
43
55
  var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
44
- var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
56
+ var leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
45
57
  setLeftPadding(leftPaddingBody);
46
58
  }, [value, type, leftContentRef, setLeftPadding]);
47
59
  var openedBodyClass = value ? classes.accordionItemShowBody : undefined;
@@ -65,16 +77,15 @@ export var AccordionItem = function AccordionItem(_ref) {
65
77
  var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPLus, null) : undefined;
66
78
  var rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;
67
79
  return /*#__PURE__*/React.createElement(StyledAccordionItem, {
68
- className: classes.accordionItem,
80
+ className: cx(classes.accordionItem, className, disabledClass),
69
81
  key: key,
70
- style: {
82
+ style: _objectSpread({
71
83
  borderRadius: accordionBorderRadius
72
- }
84
+ }, style)
73
85
  }, /*#__PURE__*/React.createElement(StyledAccordionHeader, {
74
86
  role: "tab",
75
87
  tabIndex: 0,
76
88
  onClick: handleOpen,
77
- className: disabledClass,
78
89
  "aria-expanded": value,
79
90
  "aria-controls": "accordion-item-section".concat(key),
80
91
  id: "accordion-item-".concat(key)
@@ -87,9 +98,11 @@ export var AccordionItem = function AccordionItem(_ref) {
87
98
  "aria-labelledby": "accordion-item-".concat(key),
88
99
  "aria-hidden": !value,
89
100
  id: "accordion-item-section".concat(key),
90
- className: openedBodyClass,
101
+ className: cx(openedBodyClass),
91
102
  style: {
92
103
  paddingLeft: "".concat(leftPadding)
93
104
  }
94
- }, /*#__PURE__*/React.createElement(StyledAccordionBody, null, children)));
105
+ }, /*#__PURE__*/React.createElement(StyledAccordionBody, {
106
+ className: classes.accordionItemBody
107
+ }, children)));
95
108
  };
@@ -4,8 +4,8 @@ import styled from 'styled-components';
4
4
  import { IconChevronDownFill, IconMinus } from '../../../_Icon';
5
5
  import { classes, tokens } from '../../Accordion.tokens';
6
6
  import { addFocus } from '../../../../mixins';
7
- export var StyledAccordionItem = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n background: var(", ");\n border-bottom: var(", ");\n\n &:last-child {\n border-bottom: none;\n }\n"])), tokens.accordionItemBackground, tokens.accordionItemBorderBottom);
8
- export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n width: 100%;\n border: none;\n padding: var(", ");\n display: flex;\n gap: var(", ");\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n &.", " {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n &:focus {\n outline: none;\n }\n\n ", "\n"])), tokens.accordionItemPadding, tokens.accordionItemGap, classes.accordionDisabled, /*#__PURE__*/addFocus({
7
+ export var StyledAccordionItem = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n background: var(", ");\n border: var(", ");\n border-bottom: var(", ");\n\n &:last-child {\n border-bottom: var(", ");\n }\n\n &.", " {\n opacity: 0.4;\n cursor: not-allowed;\n }\n"])), tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemBorder, classes.accordionDisabled);
8
+ export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n width: 100%;\n border: none;\n padding: var(", ");\n display: flex;\n gap: var(", ");\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n ", "\n"])), tokens.accordionItemPadding, tokens.accordionItemGap, /*#__PURE__*/addFocus({
9
9
  outlineOffset: '0.125rem',
10
10
  outlineSize: '0.125rem',
11
11
  outlineRadius: '0',
@@ -14,9 +14,9 @@ export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 |
14
14
  export var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n gap: var(", ");\n justify-content: space-between;\n align-items: center;\n"])), tokens.accordionItemGap);
15
15
  export var StyledAccordionContentRight = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n transition: 0.2s;\n transform: rotate(90deg);\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n"])), classes.accordionItemShowBody);
16
16
  export var StyledAccordionContentLeft = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n transition: 0.2s;\n display: flex;\n align-items: center;\n\n &.", " {\n transition: 0.2s;\n transform: rotate(180deg);\n }\n"])), classes.accordionItemShowBody);
17
- export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
17
+ export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n text-align: left;\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
18
18
  export var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.2s ease-out;\n overflow: hidden;\n\n &.", " {\n grid-template-rows: 1fr;\n padding-bottom: var(", ");\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n }\n"])), classes.accordionItemShowBody, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
19
- export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n overflow: hidden;\n padding-right: var(", ");\n padding-left: var(", ");\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontal);
19
+ export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(", ");\n font-family: var(", ");\n font-size: var(", ");\n font-weight: var(", ");\n font-style: var(", ");\n letter-spacing: var(", ");\n line-height: var(", ");\n overflow: hidden;\n padding-right: var(", ");\n padding-left: var(", ");\n text-align: left;\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
20
20
  export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n pointer-events: none;\n user-select: none;\n color: var(", ");\n"])), tokens.accordionItemTextColor);
21
21
  export var StyledMinus = /*#__PURE__*/styled(IconMinus)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n pointer-events: none;\n user-select: none;\n color: var(", ");\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n\n &.", " {\n transition: 0.2s;\n transform: rotate(90deg);\n }\n\n &.", " {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n"])), tokens.accordionItemTextColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
22
22
  export var StyledPlus = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n"])));
@@ -1,5 +1,5 @@
1
1
  import { Children, cloneElement, isValidElement } from 'react';
2
- export var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, disabled, updateValue) {
2
+ export var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, view, disabled, updateValue) {
3
3
  return Children.map(children || [], function (child, index) {
4
4
  if (! /*#__PURE__*/isValidElement(child)) {
5
5
  return child;
@@ -10,12 +10,13 @@ export var updatePropsRecursively = function updatePropsRecursively(children, ac
10
10
  var _child$props$eventKey;
11
11
  return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
12
12
  })) !== -1),
13
+ view: view,
13
14
  disabled: disabled,
14
15
  onChange: updateValue
15
16
  };
16
17
  return /*#__PURE__*/cloneElement(child, props);
17
18
  });
18
19
  };
19
- export var getChildren = function getChildren(children, activeIndex, disabled, updateValue) {
20
- return updatePropsRecursively(children, activeIndex, disabled, updateValue);
20
+ export var getChildren = function getChildren(children, activeIndex, view, disabled, updateValue) {
21
+ return updatePropsRecursively(children, activeIndex, view, disabled, updateValue);
21
22
  };
@@ -3,7 +3,10 @@ id: calendar
3
3
  title: Calendar
4
4
  ---
5
5
 
6
- import { PropsTable, Description } from '@site/src/components';
6
+ import { PropsTable, Description, StorybookLink } from '@site/src/components';
7
+
8
+ import Tabs from '@theme/Tabs';
9
+ import TabItem from '@theme/TabItem';
7
10
 
8
11
  # Calendar
9
12
  Компоненты календарей для выбора даты или диапазона дат.
@@ -15,194 +18,277 @@ import { PropsTable, Description } from '@site/src/components';
15
18
 
16
19
  Представляет собой универсальный компонент `Calendar`, в котором можно настроить любое доступное представление: базовый, двойной, базовый с диапазоном, двойной с диапазоном.
17
20
 
18
- ```tsx live
19
- import React from 'react';
20
- import { Calendar } from '@salutejs/{{ package }}';
21
-
22
- export function App() {
23
- const isRange = false;
24
- const isDouble = false;
25
- const min = new Date(2022, 4, 0);
26
- const max = new Date(2022, 6, 15);
27
- const date = {
28
- day: 6,
29
- monthIndex: 5,
30
- year: 2022,
31
- }
32
-
33
- const [value, setValue] = React.useState(new Date(2022, 5, 6));
34
- const [valueRange, setValueRange] = React.useState([new Date(2022, 5, 6), new Date(2022, 5, 10)]);
35
-
36
- const handleOnChange = React.useCallback((newValue) => {
37
- setValue(newValue);
38
- }, []);
39
- const handleOnRangeChange = React.useCallback((newValue) => {
40
- setValueRange(newValue);
41
- }, []);
42
-
43
- const baseEvents = [
44
- {
45
- date: new Date(2022, 5, 6),
46
- },
47
- {
48
- date: new Date(2022, 5, 10),
49
- color: 'red',
50
- },
51
- {
52
- date: new Date(2022, 5, 10),
53
- color: 'green',
54
- },
55
- {
56
- date: new Date(2022, 5, 10),
57
- color: 'blue',
58
- },
59
- ];
60
-
61
- const eventsRange = Array.from(Array(10),((_, day) => ({
62
- date: new Date(2022, 5, 15 + day),
63
- color: 'purple',
64
- })));
65
-
66
- const disabledDays = Array.from(Array(5),((_, day) => ({
67
- date: new Date(2022, 5, 11 + day),
68
-
69
- })));
70
-
71
- return (
72
- <div>
73
- <Calendar
74
- isRange={isRange}
75
- isDouble={isDouble}
76
- value={(isRange ? valueRange : value)}
77
- eventList={[...baseEvents, ...eventsRange]}
78
- disabledList={disabledDays}
79
- date={date}
80
- min={min}
81
- max={max}
82
- onChangeValue={(isRange ? handleOnRangeChange : handleOnChange)}
83
- />
84
- </div>
85
- );
86
- }
87
- ```
88
-
89
- ## CalendarBase
90
- <Description name="CalendarBase" />
91
- <PropsTable name="CalendarBase" />
21
+ <Tabs>
22
+ <TabItem value="calendar" label="Calendar" default>
23
+ ```tsx live
24
+ import React from 'react';
25
+ import { Calendar } from '@salutejs/{{ package }}';
26
+
27
+ export function App() {
28
+ const isRange = false;
29
+ const isDouble = false;
30
+ const min = new Date(2022, 4, 0);
31
+ const max = new Date(2022, 6, 15);
32
+ const date = {
33
+ day: 6,
34
+ monthIndex: 5,
35
+ year: 2022,
36
+ }
37
+
38
+ const [value, setValue] = React.useState(undefined);
39
+ const [valueRange, setValueRange] = React.useState([undefined]);
40
+
41
+ const handleOnChange = React.useCallback((newValue) => {
42
+ setValue(newValue);
43
+ }, []);
44
+ const handleOnRangeChange = React.useCallback((newValue) => {
45
+ setValueRange(newValue);
46
+ }, []);
47
+
48
+ const baseEvents = [
49
+ {
50
+ date: new Date(2022, 5, 6),
51
+ },
52
+ {
53
+ date: new Date(2022, 5, 10),
54
+ color: 'red',
55
+ },
56
+ {
57
+ date: new Date(2022, 5, 10),
58
+ color: 'green',
59
+ },
60
+ {
61
+ date: new Date(2022, 5, 10),
62
+ color: 'blue',
63
+ },
64
+ ];
65
+
66
+ const eventsRange = Array.from(Array(10),((_, day) => ({
67
+ date: new Date(2022, 5, 15 + day),
68
+ color: 'purple',
69
+ })));
70
+
71
+ const disabledDays = Array.from(Array(5),((_, day) => ({
72
+ date: new Date(2022, 5, 11 + day),
73
+
74
+ })));
75
+
76
+ return (
77
+ <div>
78
+ <Calendar
79
+ isRange={isRange}
80
+ isDouble={isDouble}
81
+ value={(isRange ? valueRange : value)}
82
+ eventList={[...baseEvents, ...eventsRange]}
83
+ disabledList={disabledDays}
84
+ date={date}
85
+ min={min}
86
+ max={max}
87
+ onChangeValue={(isRange ? handleOnRangeChange : handleOnChange)}
88
+ />
89
+ </div>
90
+ );
91
+ }
92
+ ```
93
+ </TabItem>
94
+ <TabItem value="calendar_base" label="CalendarBase">
95
+ <Description name="CalendarBase" />
96
+ <PropsTable name="CalendarBase" />
97
+
98
+ ```tsx live
99
+ import React from 'react';
100
+ import { CalendarBase } from '@salutejs/{{ package }}';
101
+
102
+ export function App() {
103
+ const min = new Date(2022, 4, 0);
104
+ const max = new Date(2022, 7, 15);
105
+
106
+ const [value, setValue] = React.useState(new Date(2022, 5, 6));
107
+ const handleOnChange = React.useCallback((newValue) => {
108
+ setValue(newValue);
109
+ }, []);
110
+
111
+ return (
112
+ <div>
113
+ <CalendarBase
114
+ value={value}
115
+ min={min}
116
+ max={max}
117
+ onChangeValue={handleOnChange}
118
+ />
119
+ </div>
120
+ );
121
+ }
122
+ ```
123
+ </TabItem>
124
+ <TabItem value="calendar_double" label="CalendarDouble">
125
+ <Description name="CalendarDouble" />
126
+ <PropsTable name="CalendarDouble" />
127
+
128
+ ```tsx live
129
+ import React from 'react';
130
+ import { CalendarDouble } from '@salutejs/{{ package }}';
131
+
132
+ export function App() {
133
+ const min = new Date(2022, 4, 0);
134
+ const max = new Date(2022, 7, 15);
135
+
136
+ const [value, setValue] = React.useState(new Date(2022, 5, 6));
137
+ const handleOnChange = React.useCallback((newValue) => {
138
+ setValue(newValue);
139
+ }, []);
140
+
141
+ return (
142
+ <div>
143
+ <CalendarDouble
144
+ value={value}
145
+ min={min}
146
+ max={max}
147
+ onChangeValue={handleOnChange}
148
+ />
149
+ </div>
150
+ );
151
+ }
152
+ ```
153
+ </TabItem>
154
+ <TabItem value="calendar_base_range" label="CalendarBaseRange">
155
+ <Description name="CalendarBaseRange" />
156
+ <PropsTable name="CalendarBaseRange" />
157
+
158
+ ```tsx live
159
+ import React from 'react';
160
+ import { CalendarBaseRange } from '@salutejs/{{ package }}';
161
+
162
+ export function App() {
163
+ const min = new Date(2022, 4, 0);
164
+ const max = new Date(2022, 7, 15);
165
+
166
+ const [value, setValue] = React.useState([new Date(2022, 5, 6), new Date(2022, 5, 16)]);
167
+ const handleOnChange = React.useCallback((newValue) => {
168
+ setValue(newValue);
169
+ }, []);
170
+
171
+ return (
172
+ <div>
173
+ <CalendarBaseRange
174
+ value={value}
175
+ min={min}
176
+ max={max}
177
+ onChangeValue={handleOnChange}
178
+ />
179
+ </div>
180
+ );
181
+ }
182
+ ```
183
+ </TabItem>
184
+ <TabItem value="calendar_double_range" label="CalendarDoubleRange">
185
+ <Description name="CalendarDoubleRange" />
186
+ <PropsTable name="CalendarDoubleRange" />
187
+
188
+ ```tsx live
189
+ import React from 'react';
190
+ import { CalendarDoubleRange } from '@salutejs/{{ package }}';
191
+
192
+ export function App() {
193
+ const min = new Date(2022, 4, 0);
194
+ const max = new Date(2022, 7, 15);
195
+
196
+ const [value, setValue] = React.useState([new Date(2022, 5, 6), new Date(2022, 6, 16)]);
197
+ const handleOnChange = React.useCallback((newValue) => {
198
+ setValue(newValue);
199
+ }, []);
200
+
201
+ return (
202
+ <div>
203
+ <CalendarDoubleRange
204
+ value={value}
205
+ min={min}
206
+ max={max}
207
+ onChangeValue={handleOnChange}
208
+ />
209
+ </div>
210
+ );
211
+ }
212
+ ```
213
+ </TabItem>
214
+ </Tabs>
215
+
216
+ ## Размер календаря.
217
+ Размер календаря задается с помощью свойства `size`.
92
218
 
93
219
  ```tsx live
94
220
  import React from 'react';
95
221
  import { CalendarBase } from '@salutejs/{{ package }}';
96
222
 
97
223
  export function App() {
98
- const min = new Date(2022, 4, 0);
99
- const max = new Date(2022, 7, 15);
100
-
101
- const [value, setValue] = React.useState(new Date(2022, 5, 6));
224
+ const [value, setValue] = React.useState(undefined);
102
225
  const handleOnChange = React.useCallback((newValue) => {
103
226
  setValue(newValue);
104
227
  }, []);
105
228
 
106
229
  return (
107
- <div>
230
+ <div style=\{{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "2rem" }}>
108
231
  <CalendarBase
109
232
  value={value}
110
- min={min}
111
- max={max}
112
233
  onChangeValue={handleOnChange}
234
+ size="l"
113
235
  />
114
- </div>
115
- );
116
- }
117
- ```
118
-
119
- ## CalendarDouble
120
- <Description name="CalendarDouble" />
121
- <PropsTable name="CalendarDouble" />
122
-
123
- ```tsx live
124
- import React from 'react';
125
- import { CalendarDouble } from '@salutejs/{{ package }}';
126
-
127
- export function App() {
128
- const min = new Date(2022, 4, 0);
129
- const max = new Date(2022, 7, 15);
130
-
131
- const [value, setValue] = React.useState(new Date(2022, 5, 6));
132
- const handleOnChange = React.useCallback((newValue) => {
133
- setValue(newValue);
134
- }, []);
135
-
136
- return (
137
- <div>
138
- <CalendarDouble
236
+ <CalendarBase
139
237
  value={value}
140
- min={min}
141
- max={max}
142
238
  onChangeValue={handleOnChange}
239
+ size="m"
143
240
  />
144
- </div>
145
- );
146
- }
147
- ```
148
-
149
- ## CalendarBaseRange
150
- <Description name="CalendarBaseRange" />
151
- <PropsTable name="CalendarBaseRange" />
152
-
153
- ```tsx live
154
- import React from 'react';
155
- import { CalendarBaseRange } from '@salutejs/{{ package }}';
156
-
157
- export function App() {
158
- const min = new Date(2022, 4, 0);
159
- const max = new Date(2022, 7, 15);
160
-
161
- const [value, setValue] = React.useState([new Date(2022, 5, 6), new Date(2022, 5, 16)]);
162
- const handleOnChange = React.useCallback((newValue) => {
163
- setValue(newValue);
164
- }, []);
165
-
166
- return (
167
- <div>
168
- <CalendarBaseRange
241
+ <CalendarBase
169
242
  value={value}
170
- min={min}
171
- max={max}
172
243
  onChangeValue={handleOnChange}
244
+ size="s"
245
+ />
246
+ <CalendarBase
247
+ value={value}
248
+ onChangeValue={handleOnChange}
249
+ size="xs"
173
250
  />
174
251
  </div>
175
252
  );
176
253
  }
177
254
  ```
178
255
 
179
- ## CalendarDoubleRange
180
- <Description name="CalendarDoubleRange" />
181
- <PropsTable name="CalendarDoubleRange" />
256
+ ## Сетка выбора даты.
257
+ Конечное отображение сетки календаря задается с помощью свойства `type`.
182
258
 
183
259
  ```tsx live
184
260
  import React from 'react';
185
- import { CalendarDoubleRange } from '@salutejs/{{ package }}';
261
+ import { CalendarBase } from '@salutejs/{{ package }}';
186
262
 
187
263
  export function App() {
188
- const min = new Date(2022, 4, 0);
189
- const max = new Date(2022, 7, 15);
190
-
191
- const [value, setValue] = React.useState([new Date(2022, 5, 6), new Date(2022, 6, 16)]);
264
+ const [value, setValue] = React.useState(undefined);
192
265
  const handleOnChange = React.useCallback((newValue) => {
193
266
  setValue(newValue);
194
267
  }, []);
195
268
 
196
269
  return (
197
- <div>
198
- <CalendarDoubleRange
270
+ <div style=\{{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "2rem" }}>
271
+ <CalendarBase
272
+ value={value}
273
+ onChangeValue={handleOnChange}
274
+ type="Days"
275
+ />
276
+ <CalendarBase
277
+ value={value}
278
+ onChangeValue={handleOnChange}
279
+ type="Months"
280
+ />
281
+ <CalendarBase
199
282
  value={value}
200
- min={min}
201
- max={max}
202
283
  onChangeValue={handleOnChange}
284
+ type="Quarters"
285
+ />
286
+ <CalendarBase
287
+ value={value}
288
+ onChangeValue={handleOnChange}
289
+ type="Years"
203
290
  />
204
291
  </div>
205
292
  );
206
293
  }
207
- ```
208
-
294
+ ```