@salutejs/plasma-new-hope 0.325.0-canary.1954.15210668888.0 → 0.325.0-canary.1954.15274625094.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (541) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +4 -13
  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 +11 -15
  5. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -3
  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_fpdm18.css +2 -0
  10. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  11. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -3
  12. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  14. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  15. package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_dt34s7.css} +2 -2
  16. package/cjs/components/Calendar/hooks/useMonths.js +3 -1
  17. package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
  18. package/cjs/components/Calendar/hooks/useQuarters.js +4 -2
  19. package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
  20. package/cjs/components/Calendar/hooks/useYears.js +3 -1
  21. package/cjs/components/Calendar/hooks/useYears.js.map +1 -1
  22. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  23. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  24. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  25. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -9
  26. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  27. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  28. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  29. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  30. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  31. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -7
  32. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  33. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  34. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  35. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  36. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  37. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -7
  38. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  39. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  40. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  41. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  42. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  43. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -7
  44. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  45. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  46. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  47. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  48. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  49. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  50. package/cjs/components/Calendar/utils/calendarGridHelper.js +10 -2
  51. package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  52. package/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
  53. package/cjs/components/Calendar/utils/getDateWithModification.js.map +1 -1
  54. package/cjs/components/DatePicker/DatePicker.tokens.js +9 -11
  55. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  56. package/cjs/components/DatePicker/DatePickerBase.styles.js +19 -2
  57. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  58. package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  59. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -25
  60. package/cjs/components/DatePicker/RangeDate/RangeDate.js +22 -10
  61. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  62. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  63. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  64. package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1q1mn0z.css} +1 -1
  65. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
  66. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +43 -2
  67. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  68. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  69. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  70. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css +2 -0
  71. package/cjs/components/DatePicker/SingleDate/SingleDate.css +19 -23
  72. package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -7
  73. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  74. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  75. package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  76. package/{es/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_7r4r8k.css} +1 -1
  77. package/cjs/components/Note/Note.css +35 -6
  78. package/cjs/components/Note/Note.js +17 -3
  79. package/cjs/components/Note/Note.js.map +1 -1
  80. package/cjs/components/Note/Note.styles.js +25 -2
  81. package/cjs/components/Note/Note.styles.js.map +1 -1
  82. package/cjs/components/Note/{Note.styles_178qpj9.css → Note.styles_thpfhk.css} +2 -1
  83. package/cjs/components/Note/Note.tokens.js +9 -1
  84. package/cjs/components/Note/Note.tokens.js.map +1 -1
  85. package/cjs/components/Pagination/Pagination.css +10 -10
  86. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
  87. package/cjs/components/PaginationDots/PaginationDot.js +59 -0
  88. package/cjs/components/PaginationDots/PaginationDot.js.map +1 -0
  89. package/cjs/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  90. package/cjs/components/PaginationDots/PaginationDots.js +34 -0
  91. package/cjs/components/PaginationDots/PaginationDots.js.map +1 -0
  92. package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  93. package/cjs/components/PaginationDots/SmartPaginationDots.css +5 -0
  94. package/cjs/components/PaginationDots/SmartPaginationDots.js +47 -0
  95. package/cjs/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  96. package/cjs/components/PaginationDots/usePaginationDots.js +40 -0
  97. package/cjs/components/PaginationDots/usePaginationDots.js.map +1 -0
  98. package/cjs/components/Select/Select.css +10 -10
  99. package/cjs/components/Select/Select.tokens.js +23 -0
  100. package/cjs/components/Select/Select.tokens.js.map +1 -1
  101. package/cjs/components/Select/ui/Inner/Inner.css +10 -10
  102. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  103. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  104. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -12
  105. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  106. package/{es/components/Select/ui/Inner/ui/Item/Item.styles_1gk72bp.css → cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css} +2 -2
  107. package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
  108. package/cjs/components/Table/Table.css +10 -10
  109. package/cjs/components/Table/ui/Cell/Cell.css +10 -10
  110. package/cjs/components/Table/ui/EditableCell/EditableCell.css +10 -10
  111. package/cjs/components/Table/ui/HeadCell/HeadCell.css +10 -10
  112. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
  113. package/cjs/index.css +47 -44
  114. package/cjs/index.js +6 -0
  115. package/cjs/index.js.map +1 -1
  116. package/emotion/cjs/components/Calendar/Calendar.tokens.js +4 -13
  117. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  118. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  119. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  120. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
  121. package/emotion/cjs/components/Calendar/hooks/useMonths.js +3 -1
  122. package/emotion/cjs/components/Calendar/hooks/useQuarters.js +4 -2
  123. package/emotion/cjs/components/Calendar/hooks/useYears.js +3 -1
  124. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  125. package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -8
  126. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  127. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -8
  128. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  129. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +3 -8
  130. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  131. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -8
  132. package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  133. package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  134. package/emotion/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
  135. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
  136. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +9 -3
  137. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  138. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -13
  139. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +47 -3
  140. package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  141. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  142. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  143. package/emotion/cjs/components/Note/Note.js +17 -3
  144. package/emotion/cjs/components/Note/Note.styles.js +27 -15
  145. package/emotion/cjs/components/Note/Note.tokens.js +9 -1
  146. package/emotion/cjs/components/PaginationDots/PaginationDot.js +35 -0
  147. package/emotion/cjs/components/PaginationDots/PaginationDots.js +35 -0
  148. package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +43 -0
  149. package/emotion/cjs/components/PaginationDots/index.js +26 -0
  150. package/emotion/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  151. package/emotion/cjs/components/Select/Select.tokens.js +2 -0
  152. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  153. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +31 -28
  154. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  155. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  156. package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  157. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  158. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  159. package/emotion/cjs/examples/plasma_b2c/components/Note/Note.config.js +9 -9
  160. package/emotion/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  161. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  162. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  163. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  164. package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  165. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  166. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  167. package/emotion/cjs/examples/plasma_web/components/Note/Note.config.js +9 -9
  168. package/emotion/cjs/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  169. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
  170. package/emotion/cjs/index.js +11 -0
  171. package/emotion/es/components/Calendar/Calendar.tokens.js +4 -13
  172. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  173. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
  174. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  175. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
  176. package/emotion/es/components/Calendar/hooks/useMonths.js +3 -1
  177. package/emotion/es/components/Calendar/hooks/useQuarters.js +4 -2
  178. package/emotion/es/components/Calendar/hooks/useYears.js +3 -1
  179. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  180. package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -7
  181. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  182. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  183. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  184. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  185. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  186. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  187. package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  188. package/emotion/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  189. package/emotion/es/components/Calendar/utils/getDateWithModification.js +28 -24
  190. package/emotion/es/components/DatePicker/DatePicker.tokens.js +8 -11
  191. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +9 -3
  192. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  193. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -14
  194. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -4
  195. package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  196. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  197. package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
  198. package/emotion/es/components/Note/Note.js +18 -4
  199. package/emotion/es/components/Note/Note.styles.js +26 -14
  200. package/emotion/es/components/Note/Note.tokens.js +9 -1
  201. package/emotion/es/components/PaginationDots/PaginationDot.js +28 -0
  202. package/emotion/es/components/PaginationDots/PaginationDots.js +28 -0
  203. package/emotion/es/components/PaginationDots/SmartPaginationDots.js +36 -0
  204. package/emotion/es/components/PaginationDots/index.js +3 -0
  205. package/emotion/es/components/PaginationDots/usePaginationDots.js +32 -0
  206. package/emotion/es/components/Select/Select.tokens.js +2 -0
  207. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  208. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +31 -28
  209. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  210. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
  211. package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
  212. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
  213. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  214. package/emotion/es/examples/plasma_b2c/components/Note/Note.config.js +9 -9
  215. package/emotion/es/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  216. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
  217. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  218. package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
  219. package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
  220. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
  221. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  222. package/emotion/es/examples/plasma_web/components/Note/Note.config.js +9 -9
  223. package/emotion/es/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  224. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
  225. package/emotion/es/index.js +1 -0
  226. package/es/components/Calendar/Calendar.tokens.js +4 -13
  227. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  228. package/es/components/Calendar/Calendar.types.js.map +1 -1
  229. package/es/components/Calendar/CalendarBase/CalendarBase.css +11 -15
  230. package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
  231. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  232. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  233. package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
  234. package/es/components/Calendar/CalendarBase/CalendarBase.styles_fpdm18.css +2 -0
  235. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
  236. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +10 -5
  237. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  238. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
  239. package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
  240. package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_dt34s7.css} +2 -2
  241. package/es/components/Calendar/hooks/useMonths.js +3 -1
  242. package/es/components/Calendar/hooks/useMonths.js.map +1 -1
  243. package/es/components/Calendar/hooks/useQuarters.js +5 -3
  244. package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
  245. package/es/components/Calendar/hooks/useYears.js +3 -1
  246. package/es/components/Calendar/hooks/useYears.js.map +1 -1
  247. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
  248. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  249. package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
  250. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -9
  251. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
  252. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
  253. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
  254. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  255. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  256. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
  257. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  258. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
  259. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
  260. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  261. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  262. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
  263. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
  264. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
  265. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
  266. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  267. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  268. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
  269. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  270. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
  271. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
  272. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
  273. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
  274. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
  275. package/es/components/Calendar/utils/calendarGridHelper.js +10 -3
  276. package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
  277. package/es/components/Calendar/utils/getDateWithModification.js +28 -24
  278. package/es/components/Calendar/utils/getDateWithModification.js.map +1 -1
  279. package/es/components/DatePicker/DatePicker.tokens.js +9 -12
  280. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  281. package/es/components/DatePicker/DatePickerBase.styles.js +19 -2
  282. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  283. package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
  284. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -25
  285. package/es/components/DatePicker/RangeDate/RangeDate.js +22 -11
  286. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  287. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  288. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  289. package/es/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1q1mn0z.css} +1 -1
  290. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
  291. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +43 -3
  292. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
  293. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
  294. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
  295. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css +2 -0
  296. package/es/components/DatePicker/SingleDate/SingleDate.css +19 -23
  297. package/es/components/DatePicker/SingleDate/SingleDate.js +31 -8
  298. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  299. package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  300. package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
  301. package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → es/components/DatePicker/SingleDate/SingleDate.styles_7r4r8k.css} +1 -1
  302. package/es/components/Note/Note.css +35 -6
  303. package/es/components/Note/Note.js +18 -4
  304. package/es/components/Note/Note.js.map +1 -1
  305. package/es/components/Note/Note.styles.js +25 -3
  306. package/es/components/Note/Note.styles.js.map +1 -1
  307. package/es/components/Note/{Note.styles_178qpj9.css → Note.styles_thpfhk.css} +2 -1
  308. package/es/components/Note/Note.tokens.js +9 -1
  309. package/es/components/Note/Note.tokens.js.map +1 -1
  310. package/es/components/Pagination/Pagination.css +10 -10
  311. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
  312. package/es/components/PaginationDots/PaginationDot.js +54 -0
  313. package/es/components/PaginationDots/PaginationDot.js.map +1 -0
  314. package/es/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  315. package/es/components/PaginationDots/PaginationDots.js +29 -0
  316. package/es/components/PaginationDots/PaginationDots.js.map +1 -0
  317. package/es/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  318. package/es/components/PaginationDots/SmartPaginationDots.css +5 -0
  319. package/es/components/PaginationDots/SmartPaginationDots.js +39 -0
  320. package/es/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  321. package/es/components/PaginationDots/usePaginationDots.js +36 -0
  322. package/es/components/PaginationDots/usePaginationDots.js.map +1 -0
  323. package/es/components/Select/Select.css +10 -10
  324. package/es/components/Select/Select.tokens.js +23 -1
  325. package/es/components/Select/Select.tokens.js.map +1 -1
  326. package/es/components/Select/ui/Inner/Inner.css +10 -10
  327. package/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  328. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  329. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -13
  330. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  331. package/{cjs/components/Select/ui/Inner/ui/Item/Item.styles_1gk72bp.css → es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css} +2 -2
  332. package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
  333. package/es/components/Table/Table.css +10 -10
  334. package/es/components/Table/ui/Cell/Cell.css +10 -10
  335. package/es/components/Table/ui/EditableCell/EditableCell.css +10 -10
  336. package/es/components/Table/ui/HeadCell/HeadCell.css +10 -10
  337. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
  338. package/es/index.css +47 -44
  339. package/es/index.js +3 -0
  340. package/es/index.js.map +1 -1
  341. package/package.json +2 -2
  342. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +4 -13
  343. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  344. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
  345. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  346. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
  347. package/styled-components/cjs/components/Calendar/hooks/useMonths.js +3 -1
  348. package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +4 -2
  349. package/styled-components/cjs/components/Calendar/hooks/useYears.js +3 -1
  350. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
  351. package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -8
  352. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
  353. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -6
  354. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
  355. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -6
  356. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
  357. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -6
  358. package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  359. package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
  360. package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
  361. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
  362. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +8 -2
  363. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
  364. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  365. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +47 -3
  366. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
  367. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
  368. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  369. package/styled-components/cjs/components/Note/Note.js +17 -3
  370. package/styled-components/cjs/components/Note/Note.styles.js +14 -3
  371. package/styled-components/cjs/components/Note/Note.tokens.js +9 -1
  372. package/styled-components/cjs/components/PaginationDots/PaginationDot.js +33 -0
  373. package/styled-components/cjs/components/PaginationDots/PaginationDots.js +24 -0
  374. package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +43 -0
  375. package/styled-components/cjs/components/PaginationDots/index.js +26 -0
  376. package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  377. package/styled-components/cjs/components/Select/Select.tokens.js +2 -0
  378. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  379. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -18
  380. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  381. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  382. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  383. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  384. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  385. package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.config.js +4 -4
  386. package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  387. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +10 -10
  388. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  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/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  393. package/styled-components/cjs/examples/plasma_web/components/Note/Note.config.js +4 -4
  394. package/styled-components/cjs/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  395. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +10 -10
  396. package/styled-components/cjs/index.js +11 -0
  397. package/styled-components/es/components/Calendar/Calendar.tokens.js +4 -13
  398. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
  399. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
  400. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
  401. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
  402. package/styled-components/es/components/Calendar/hooks/useMonths.js +3 -1
  403. package/styled-components/es/components/Calendar/hooks/useQuarters.js +4 -2
  404. package/styled-components/es/components/Calendar/hooks/useYears.js +3 -1
  405. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
  406. package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -7
  407. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
  408. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -5
  409. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
  410. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -5
  411. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
  412. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -5
  413. package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
  414. package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +9 -2
  415. package/styled-components/es/components/Calendar/utils/getDateWithModification.js +28 -24
  416. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +8 -11
  417. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +8 -2
  418. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
  419. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
  420. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -4
  421. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
  422. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
  423. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
  424. package/styled-components/es/components/Note/Note.js +18 -4
  425. package/styled-components/es/components/Note/Note.styles.js +13 -2
  426. package/styled-components/es/components/Note/Note.tokens.js +9 -1
  427. package/styled-components/es/components/PaginationDots/PaginationDot.js +26 -0
  428. package/styled-components/es/components/PaginationDots/PaginationDots.js +18 -0
  429. package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +36 -0
  430. package/styled-components/es/components/PaginationDots/index.js +3 -0
  431. package/styled-components/es/components/PaginationDots/usePaginationDots.js +32 -0
  432. package/styled-components/es/components/Select/Select.tokens.js +2 -0
  433. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
  434. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -18
  435. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
  436. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
  437. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
  438. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
  439. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
  440. package/styled-components/es/examples/plasma_b2c/components/Note/Note.config.js +4 -4
  441. package/styled-components/es/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  442. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +10 -10
  443. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
  444. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
  445. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
  446. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
  447. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
  448. package/styled-components/es/examples/plasma_web/components/Note/Note.config.js +4 -4
  449. package/styled-components/es/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  450. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +10 -10
  451. package/styled-components/es/index.js +1 -0
  452. package/types/components/Calendar/Calendar.tokens.d.ts +3 -12
  453. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  454. package/types/components/Calendar/Calendar.types.d.ts +4 -0
  455. package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
  456. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  457. package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
  458. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  459. package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
  460. package/types/components/Calendar/hooks/types.d.ts +7 -2
  461. package/types/components/Calendar/hooks/types.d.ts.map +1 -1
  462. package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
  463. package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
  464. package/types/components/Calendar/hooks/useQuarters.d.ts +1 -1
  465. package/types/components/Calendar/hooks/useQuarters.d.ts.map +1 -1
  466. package/types/components/Calendar/hooks/useYears.d.ts +1 -1
  467. package/types/components/Calendar/hooks/useYears.d.ts.map +1 -1
  468. package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
  469. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +0 -1
  470. package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
  471. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  472. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -1
  473. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  474. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  475. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +0 -1
  476. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
  477. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
  478. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -1
  479. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  480. package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
  481. package/types/components/Calendar/utils/calendarGridHelper.d.ts +1 -0
  482. package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
  483. package/types/components/Calendar/utils/getDateWithModification.d.ts.map +1 -1
  484. package/types/components/DatePicker/DatePicker.tokens.d.ts +7 -10
  485. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  486. package/types/components/DatePicker/DatePickerBase.styles.d.ts +4 -1
  487. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  488. package/types/components/DatePicker/DatePickerBase.types.d.ts +18 -0
  489. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  490. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
  491. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  492. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  493. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
  494. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
  495. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +16 -3
  496. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
  497. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +12 -20
  498. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
  499. package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
  500. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  501. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  502. package/types/components/Note/Note.d.ts +4 -0
  503. package/types/components/Note/Note.d.ts.map +1 -1
  504. package/types/components/Note/Note.styles.d.ts +46 -1
  505. package/types/components/Note/Note.styles.d.ts.map +1 -1
  506. package/types/components/Note/Note.tokens.d.ts +8 -0
  507. package/types/components/Note/Note.tokens.d.ts.map +1 -1
  508. package/types/components/Note/Note.types.d.ts +8 -0
  509. package/types/components/Note/Note.types.d.ts.map +1 -1
  510. package/types/components/PaginationDots/PaginationDot.d.ts +21 -0
  511. package/types/components/PaginationDots/PaginationDot.d.ts.map +1 -0
  512. package/types/components/PaginationDots/PaginationDots.d.ts +15 -0
  513. package/types/components/PaginationDots/PaginationDots.d.ts.map +1 -0
  514. package/types/components/PaginationDots/SmartPaginationDots.d.ts +15 -0
  515. package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +1 -0
  516. package/types/components/PaginationDots/index.d.ts +6 -0
  517. package/types/components/PaginationDots/index.d.ts.map +1 -0
  518. package/types/components/PaginationDots/usePaginationDots.d.ts +14 -0
  519. package/types/components/PaginationDots/usePaginationDots.d.ts.map +1 -0
  520. package/types/components/Select/Select.tokens.d.ts +2 -0
  521. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  522. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +3 -1
  523. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  524. package/types/index.d.ts +1 -0
  525. package/types/index.d.ts.map +1 -1
  526. package/cjs/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css +0 -2
  527. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  528. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  529. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  530. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  531. package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  532. package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  533. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
  534. package/es/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css +0 -2
  535. package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
  536. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
  537. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
  538. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
  539. package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
  540. package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
  541. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.PaginationDot = exports.DotBase = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
+ /**
10
+ * Элемент пагинации точками.
11
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
12
+ */
13
+ var DotBase = exports.DotBase = /*#__PURE__*/_styledComponents["default"].li.withConfig({
14
+ componentId: "plasma-new-hope__sc-1lu8gfj-0"
15
+ })(["width:", ";height:0.375rem;border-radius:1rem;background:", ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}"], function (_ref) {
16
+ var isActive = _ref.isActive;
17
+ return isActive ? '1.75rem' : '0.375rem';
18
+ }, function (_ref2) {
19
+ var isActive = _ref2.isActive;
20
+ return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
21
+ });
22
+
23
+ /**
24
+ * Элемент пагинации точками.
25
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
26
+ * @deprecated
27
+ */
28
+ var PaginationDot = exports.PaginationDot = /*#__PURE__*/(0, _styledComponents["default"])(DotBase).withConfig({
29
+ componentId: "plasma-new-hope__sc-1lu8gfj-1"
30
+ })(["cursor:pointer;background:", ";&:hover{background:var(--text-accent);}"], function (_ref3) {
31
+ var isActive = _ref3.isActive;
32
+ return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
33
+ });
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.PaginationDots = exports.DotsBase = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
+ /**
10
+ * Оборачивающий компонент для пагинации точками.
11
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
12
+ */
13
+ var DotsBase = exports.DotsBase = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
14
+ componentId: "plasma-new-hope__sc-1ritf0l-0"
15
+ })(["display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"]);
16
+
17
+ /**
18
+ * Оборачивающий компонент для пагинации точками.
19
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
20
+ * @deprecated
21
+ */
22
+ var PaginationDots = exports.PaginationDots = /*#__PURE__*/(0, _styledComponents["default"])(DotsBase).withConfig({
23
+ componentId: "plasma-new-hope__sc-1ritf0l-1"
24
+ })([""]);
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.SmartPaginationDots = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
8
+ var _usePaginationDots2 = /*#__PURE__*/require("./usePaginationDots");
9
+ var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
10
+ var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
11
+ var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
14
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
15
+ /**
16
+ * Компонент для отображения точек пагинации
17
+ * с возможностью ограничения количества видимых элементов.
18
+ * @deprecated
19
+ */
20
+ var SmartPaginationDots = exports.SmartPaginationDots = function SmartPaginationDots(_ref) {
21
+ var items = _ref.items,
22
+ index = _ref.index,
23
+ visibleItems = _ref.visibleItems,
24
+ onIndexChange = _ref.onIndexChange,
25
+ rest = _objectWithoutProperties(_ref, _excluded);
26
+ var _usePaginationDots = (0, _usePaginationDots2.usePaginationDots)({
27
+ items: items,
28
+ index: index,
29
+ visibleItems: visibleItems
30
+ }),
31
+ sliced = _usePaginationDots.sliced,
32
+ activeId = _usePaginationDots.activeId;
33
+ return /*#__PURE__*/_react["default"].createElement(_PaginationDots.PaginationDots, rest, sliced.map(function (_ref2, i) {
34
+ var id = _ref2.id;
35
+ return /*#__PURE__*/_react["default"].createElement(_PaginationDot.PaginationDot, {
36
+ key: "item:".concat(i),
37
+ isActive: id === activeId,
38
+ onClick: function onClick() {
39
+ return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
40
+ }
41
+ });
42
+ }));
43
+ };
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "PaginationDot", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _PaginationDot.PaginationDot;
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "PaginationDots", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _PaginationDots.PaginationDots;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "SmartPaginationDots", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _SmartPaginationDots.SmartPaginationDots;
22
+ }
23
+ });
24
+ var _SmartPaginationDots = /*#__PURE__*/require("./SmartPaginationDots");
25
+ var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
26
+ var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.usePaginationDots = void 0;
7
+ var _react = /*#__PURE__*/require("react");
8
+ var usePaginationDots = exports.usePaginationDots = function usePaginationDots(_ref) {
9
+ var items = _ref.items,
10
+ index = _ref.index,
11
+ _ref$visibleItems = _ref.visibleItems,
12
+ visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
13
+ var activeId = items[index].id;
14
+ var prevIndex = (0, _react.useRef)(null);
15
+ var direction = 0;
16
+ if (prevIndex.current !== null) {
17
+ direction = index > prevIndex.current ? 1 : -1;
18
+ }
19
+ var start;
20
+ var end;
21
+ if (direction === 1) {
22
+ end = Math.min(Math.max(index + 2, visibleItems), items.length);
23
+ start = Math.max(end - visibleItems, 0);
24
+ } else if (direction === -1) {
25
+ start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
26
+ end = start + visibleItems;
27
+ } else {
28
+ start = Math.max(index - Math.floor(visibleItems / 2), 0);
29
+ end = Math.min(start + visibleItems, items.length);
30
+ start = end - visibleItems;
31
+ }
32
+ var sliced = items.slice(start, end);
33
+ prevIndex.current = index;
34
+ return {
35
+ sliced: sliced,
36
+ activeId: activeId
37
+ };
38
+ };
@@ -36,6 +36,8 @@ var tokens = exports.tokens = {
36
36
  itemIconSizeTight: '--plasma-select-item-icon-size-tight',
37
37
  itemIconMargin: '--plasma-select-item-icon-margin',
38
38
  itemBackgroundHover: '--plasma-select-item-background-hover',
39
+ itemDisabledOpacity: '--plasma-select-item-disabled-opacity',
40
+ itemDisabledColor: '--plasma-select-item-disabled-color',
39
41
  cellPadding: '--plasma-select-cell-padding',
40
42
  cellPaddingLeftContent: '--plasma-select-cell-padding-left-content',
41
43
  cellPaddingContent: '--plasma-select-cell-padding-content',
@@ -103,7 +103,9 @@ var Item = exports.Item = function Item(_ref) {
103
103
  }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Item.StyledIconDone, {
104
104
  size: (0, _utils2.sizeToIconSize)(size, variant),
105
105
  color: "inherit"
106
- })), renderItem ? /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem(item)) : /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell, {
106
+ })), renderItem ? /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem(item)) : /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, {
107
+ disabled: itemDisabled
108
+ }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell, {
107
109
  contentLeft: contentLeft,
108
110
  contentRight: contentRight
109
111
  // TODO: #1548
@@ -21,7 +21,10 @@ var mergedIndicatorConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Indicator.in
21
21
  var Indicator = /*#__PURE__*/(0, _engines.component)(mergedIndicatorConfig);
22
22
  var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
23
23
  componentId: "plasma-new-hope__sc-fr2h0y-0"
24
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");width:100%;& div.cell-content,& div.cell-textbox{flex:1;}& div.cell-textbox-title{position:relative;}& div.cell-textbox-title:before{content:'&nbsp;';visibility:hidden;}& div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"], _Cell.cellTokens.cellTitleColor, _Select.constants.cellTitleColor, _Cell.cellTokens.cellBackgroundColor, _Select.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Select.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Select.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Select.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Select.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Select.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Select.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Select.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Select.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Select.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Select.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Select.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Select.tokens.cellTitleLineHeight);
24
+ })(["", ":", ";", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");width:100%;& div.cell-content,& div.cell-textbox{flex:1;}& div.cell-textbox-title{position:relative;}& div.cell-textbox-title:before{content:'&nbsp;';visibility:hidden;}& div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"], _Cell.cellTokens.cellTitleColor, function (_ref) {
25
+ var disabled = _ref.disabled;
26
+ return disabled ? "var(".concat(_Select.tokens.itemDisabledColor, ")") : "var(".concat(_Select.constants.cellTitleColor, ")");
27
+ }, _Cell.cellTokens.cellBackgroundColor, _Select.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Select.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Select.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Select.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Select.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Select.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Select.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Select.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Select.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Select.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Select.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Select.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Select.tokens.cellTitleLineHeight);
25
28
  var StyledCell = exports.StyledCell = /*#__PURE__*/(0, _styledComponents["default"])(Cell).withConfig({
26
29
  componentId: "plasma-new-hope__sc-fr2h0y-1"
27
30
  })([""]);
@@ -39,47 +42,47 @@ var sizeMap = exports.sizeMap = {
39
42
  };
40
43
  var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRightCentered).withConfig({
41
44
  componentId: "plasma-new-hope__sc-fr2h0y-4"
42
- })(["width:", ";height:", ";"], function (_ref) {
43
- var _ref$size = _ref.size,
44
- size = _ref$size === void 0 ? 'xs' : _ref$size;
45
- return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
46
- }, function (_ref2) {
45
+ })(["width:", ";height:", ";"], function (_ref2) {
47
46
  var _ref2$size = _ref2.size,
48
47
  size = _ref2$size === void 0 ? 'xs' : _ref2$size;
49
48
  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
50
- });
51
- var StyledIconDone = exports.StyledIconDone = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDone).withConfig({
52
- componentId: "plasma-new-hope__sc-fr2h0y-5"
53
- })(["width:", ";height:", ";"], function (_ref3) {
49
+ }, function (_ref3) {
54
50
  var _ref3$size = _ref3.size,
55
51
  size = _ref3$size === void 0 ? 'xs' : _ref3$size;
56
52
  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
57
- }, function (_ref4) {
53
+ });
54
+ var StyledIconDone = exports.StyledIconDone = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDone).withConfig({
55
+ componentId: "plasma-new-hope__sc-fr2h0y-5"
56
+ })(["width:", ";height:", ";"], function (_ref4) {
58
57
  var _ref4$size = _ref4.size,
59
58
  size = _ref4$size === void 0 ? 'xs' : _ref4$size;
60
59
  return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
60
+ }, function (_ref5) {
61
+ var _ref5$size = _ref5.size,
62
+ size = _ref5$size === void 0 ? 'xs' : _ref5$size;
63
+ return "var(".concat(_Select.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
61
64
  });
62
65
  var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
63
66
  componentId: "plasma-new-hope__sc-fr2h0y-6"
64
67
  })(["margin:var(", ");line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Select.tokens.disclosureIconMargin, _Select.tokens.disclosureIconColor, _Select.tokens.disclosureIconColorHover);
65
68
  var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
66
69
  componentId: "plasma-new-hope__sc-fr2h0y-7"
67
- })(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref5) {
68
- var variant = _ref5.variant;
69
- return "var(".concat(variant === 'tight' ? _Select.tokens.itemIconSizeTight : _Select.tokens.itemIconSize, ")");
70
- }, function (_ref6) {
70
+ })(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref6) {
71
71
  var variant = _ref6.variant;
72
72
  return "var(".concat(variant === 'tight' ? _Select.tokens.itemIconSizeTight : _Select.tokens.itemIconSize, ")");
73
+ }, function (_ref7) {
74
+ var variant = _ref7.variant;
75
+ return "var(".concat(variant === 'tight' ? _Select.tokens.itemIconSizeTight : _Select.tokens.itemIconSize, ")");
73
76
  }, _Select.tokens.itemIconMargin, _Select.tokens.checkboxFillColor);
74
77
  var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
75
78
  componentId: "plasma-new-hope__sc-fr2h0y-8"
76
79
  })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
77
80
  var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
78
81
  componentId: "plasma-new-hope__sc-fr2h0y-9"
79
- })(["display:flex;align-items:center;min-height:var(", ");margin:0 calc(0.125rem + var(", ",0rem));box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, _Select.tokens.dropdownBorderWidth, function (_ref7) {
80
- var variant = _ref7.variant;
82
+ })(["display:flex;align-items:center;min-height:var(", ");margin:0 calc(0.125rem + var(", ",0rem));box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");color:var(--text-primary);border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:var(", ");color:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, _Select.tokens.dropdownBorderWidth, function (_ref8) {
83
+ var variant = _ref8.variant;
81
84
  return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
82
- }, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.constants.itemBackground, _Select.tokens.borderRadius, _Select.tokens.dropdownBorderWidth, _Select.classes.dropdownItemIsDisabled, _Select.tokens.itemBackgroundHover, _Select.classes.dropdownItemIsActive, _Select.tokens.itemBackgroundHover, _Select.classes.dropdownItemIsDisabled, _Select.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
85
+ }, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.constants.itemBackground, _Select.tokens.borderRadius, _Select.tokens.dropdownBorderWidth, _Select.classes.dropdownItemIsDisabled, _Select.tokens.itemBackgroundHover, _Select.classes.dropdownItemIsActive, _Select.tokens.itemBackgroundHover, _Select.classes.dropdownItemIsDisabled, _Select.tokens.itemDisabledOpacity, _Select.tokens.itemDisabledColor, /*#__PURE__*/(0, _mixins.addFocus)({
83
86
  outlineSize: '0.0625rem',
84
87
  outlineOffset: '0',
85
88
  outlineColor: /*#__PURE__*/"var(".concat(_Select.constants.focusColor, ")"),
@@ -81,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
81
81
  };
82
82
 
83
83
  const StoryDefault = (args: CalendarProps) => {
84
- const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
84
+ const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale, ...rest } = args;
85
85
  const [value, setValue] = useState(new Date(2023, 10, 16));
86
86
  const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
87
87
 
@@ -94,18 +94,23 @@ const StoryDefault = (args: CalendarProps) => {
94
94
  }, []);
95
95
 
96
96
  return (
97
- <Calendar
98
- size={size}
99
- isRange={isRange}
100
- isDouble={isDouble}
101
- date={date}
102
- value={(isRange ? valueRange : value) as Date & [Date, Date?]}
103
- includeEdgeDates={includeEdgeDates}
104
- locale={locale}
105
- onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
106
- min={min}
107
- max={max}
108
- />
97
+ <div style={{ height: '100vh' }}>
98
+ <Calendar
99
+ size={size}
100
+ isRange={isRange}
101
+ isDouble={isDouble}
102
+ date={date}
103
+ includeEdgeDates={includeEdgeDates}
104
+ locale={locale}
105
+ min={min}
106
+ max={max}
107
+ {...rest}
108
+ value={(isRange ? valueRange : value) as Date & [Date, Date?]}
109
+ onChangeValue={
110
+ (isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void
111
+ }
112
+ />
113
+ </div>
109
114
  );
110
115
  };
111
116
 
@@ -118,12 +123,13 @@ export const Default: StoryObj<CalendarProps> = {
118
123
  includeEdgeDates: false,
119
124
  size: 'm',
120
125
  locale: 'ru',
126
+ stretched: false,
121
127
  },
122
128
  render: (args) => <StoryDefault {...args} />,
123
129
  };
124
130
 
125
131
  const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
126
- const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
132
+ const { min, max, includeEdgeDates, size, displayDouble, locale, ...rest } = args;
127
133
  const [value, setValue] = useState(new Date(2023, 6, 7));
128
134
  const [currentState, setCurrentState] = useState('Days');
129
135
 
@@ -170,10 +176,10 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
170
176
  };
171
177
 
172
178
  const calendarMap = {
173
- Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
174
- Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
175
- Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
176
- Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
179
+ Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
180
+ Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
181
+ Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
182
+ Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
177
183
  };
178
184
 
179
185
  return (
@@ -192,7 +198,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
192
198
  </TabItem>
193
199
  ))}
194
200
  </Tabs>
195
- <div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
201
+ <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
196
202
  </>
197
203
  );
198
204
  };
@@ -205,12 +211,13 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
205
211
  includeEdgeDates: false,
206
212
  displayDouble: false,
207
213
  locale: 'ru',
214
+ stretched: false,
208
215
  },
209
216
  render: (args) => <StoryBase {...args} />,
210
217
  };
211
218
 
212
219
  const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
213
- const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
220
+ const { min, max, includeEdgeDates, size, displayDouble, locale, ...rest } = args;
214
221
  const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
215
222
  const [currentState, setCurrentState] = useState('Days');
216
223
 
@@ -232,35 +239,35 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
232
239
  return displayDouble ? (
233
240
  <CalendarBaseRange
234
241
  size={size}
235
- value={values}
236
242
  includeEdgeDates={includeEdgeDates}
237
243
  type={type}
238
- onChangeValue={handleOnChange}
239
244
  locale={locale}
240
245
  min={min}
241
246
  max={max}
242
247
  {...rest}
248
+ value={values}
249
+ onChangeValue={handleOnChange}
243
250
  />
244
251
  ) : (
245
252
  <CalendarDoubleRange
246
253
  size={size}
247
- value={values}
248
254
  includeEdgeDates={includeEdgeDates}
249
255
  type={type}
250
- onChangeValue={handleOnChange}
251
256
  locale={locale}
252
257
  min={min}
253
258
  max={max}
254
259
  {...rest}
260
+ value={values}
261
+ onChangeValue={handleOnChange}
255
262
  />
256
263
  );
257
264
  };
258
265
 
259
266
  const calendarMap = {
260
- Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
261
- Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
262
- Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
263
- Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
267
+ Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
268
+ Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
269
+ Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
270
+ Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
264
271
  };
265
272
 
266
273
  return (
@@ -279,7 +286,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
279
286
  </TabItem>
280
287
  ))}
281
288
  </Tabs>
282
- <div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
289
+ <div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
283
290
  </>
284
291
  );
285
292
  };
@@ -292,6 +299,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
292
299
  includeEdgeDates: false,
293
300
  displayDouble: false,
294
301
  locale: 'ru',
302
+ stretched: false,
295
303
  },
296
304
  render: (args) => <StoryRange {...args} />,
297
305
  };
@@ -16,10 +16,10 @@ var config = exports.config = {
16
16
  "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--text-secondary);", ":", ";", ":var(--text-secondary);", ":0.4;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentPrimaryDisabledColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarContentSecondaryDisabledColor, _Calendar.tokens.calendarHeaderArrowColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.calendarDisabledOpacity, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
17
17
  },
18
18
  size: {
19
- l: /*#__PURE__*/(0, _styledComponents.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;", ":11.75rem;", ":10.5rem;", ":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.063rem;", ":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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
20
- m: /*#__PURE__*/(0, _styledComponents.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;", ":10rem;", ":8.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.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.063rem;", ":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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
21
- s: /*#__PURE__*/(0, _styledComponents.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;", ":8.25rem;", ":7rem;", ":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.063rem;", ":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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
22
- xs: /*#__PURE__*/(0, _styledComponents.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;", ":8.25rem;", ":6.563rem;", ":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.063rem;", ":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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterItemWidth, _Calendar.tokens.calendarQuarterItemHeight, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius)
19
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":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;", ":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;", ":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;", ":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.063rem;", ":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;"], _Calendar.tokens.calendarContainerWidth, _Calendar.tokens.calendarContainerHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
20
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":21rem;", ":21rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":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;", ":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;", ":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;", ":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.063rem;", ":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;"], _Calendar.tokens.calendarContainerWidth, _Calendar.tokens.calendarContainerHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
21
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":17.5rem;", ":17rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.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;", ":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;", ":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;", ":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.063rem;", ":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;"], _Calendar.tokens.calendarContainerWidth, _Calendar.tokens.calendarContainerHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
22
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":17.5rem;", ":15.5rem;", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":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;", ":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;", ":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;", ":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.063rem;", ":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;"], _Calendar.tokens.calendarContainerWidth, _Calendar.tokens.calendarContainerHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarQuartersPadding, _Calendar.tokens.calendarQuarterItemBorderRadius, _Calendar.tokens.calendarQuarterFontFamily, _Calendar.tokens.calendarQuarterFontSize, _Calendar.tokens.calendarQuarterFontStyle, _Calendar.tokens.calendarQuarterFontLetterSpacing, _Calendar.tokens.calendarQuarterFontLineHeight, _Calendar.tokens.calendarQuarterFontWeight, _Calendar.tokens.calendarQuarterSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarCurrentItemBorderWidth, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius)
23
23
  }
24
24
  }
25
25
  };