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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (302) hide show
  1. package/cjs/components/Calendar/Calendar.tokens.js +3 -0
  2. package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
  3. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +21 -21
  4. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +21 -21
  5. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
  6. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +3 -3
  7. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
  8. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_fznpy7.css +4 -0
  9. package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  10. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  11. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
  12. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  13. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +3 -3
  14. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  15. package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1b92i4d.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css} +4 -4
  16. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  17. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
  18. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  19. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css +4 -0
  20. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  21. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
  22. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  23. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css +4 -0
  24. package/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
  25. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  26. package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  27. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  28. package/cjs/components/DatePicker/{DatePickerBase.styles_1u3oyx8.css → DatePickerBase.styles_1thp2xv.css} +1 -1
  29. package/cjs/components/DatePicker/RangeDate/DatePicker.css +83 -81
  30. package/cjs/components/DatePicker/RangeDate/DatePicker.js +72 -128
  31. package/cjs/components/DatePicker/RangeDate/DatePicker.js.map +1 -1
  32. package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +13 -1
  33. package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -1
  34. package/cjs/components/DatePicker/RangeDate/{DatePicker.styles_1aihs63.css → DatePicker.styles_6cvsgx.css} +2 -0
  35. package/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.css → RangeDatePopover/RangeDatePopover.css} +31 -29
  36. package/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +37 -6
  37. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
  38. package/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.styles.js → RangeDatePopover/RangeDatePopover.styles.js} +20 -10
  39. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
  40. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
  41. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +1 -1
  42. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -1
  43. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_dhosc0.css +1 -0
  44. package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
  45. package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -1
  46. package/cjs/components/DatePicker/RangeDate/variations/_size/base_c0144z.css +1 -0
  47. package/cjs/components/DatePicker/RangeDate/variations/_view/base.js +1 -1
  48. package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -1
  49. package/cjs/components/DatePicker/RangeDate/variations/_view/base_1vly6xz.css +1 -0
  50. package/cjs/components/DatePicker/SingleDate/DatePicker.css +24 -24
  51. package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +1 -1
  52. package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -1
  53. package/{es/components/DatePicker/SingleDate/DatePicker.styles_1udo3ch.css → cjs/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.css} +1 -1
  54. package/cjs/components/Dropdown/Dropdown.js +2 -1
  55. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  56. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  57. package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  58. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  59. package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  60. package/cjs/components/Range/Range.css +6 -12
  61. package/cjs/components/Range/Range.js +32 -64
  62. package/cjs/components/Range/Range.js.map +1 -1
  63. package/cjs/components/Range/Range.styles.js +11 -23
  64. package/cjs/components/Range/Range.styles.js.map +1 -1
  65. package/cjs/components/Range/{Range.styles_nik84l.css → Range.styles_9rort8.css} +3 -4
  66. package/cjs/components/Range/variations/_readonly/base.js +1 -1
  67. package/cjs/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
  68. package/cjs/components/Range/variations/_size/base.js +1 -1
  69. package/cjs/components/Range/variations/_size/{base_gbgxzj.css → base_16xiubi.css} +1 -1
  70. package/cjs/components/Range/variations/_view/base.js +1 -1
  71. package/cjs/components/Range/variations/_view/base_5iz3nr.css +1 -0
  72. package/cjs/index.css +39 -35
  73. package/es/components/Calendar/Calendar.tokens.js +3 -0
  74. package/es/components/Calendar/Calendar.tokens.js.map +1 -1
  75. package/es/components/Calendar/CalendarBase/CalendarBase.css +21 -21
  76. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +21 -21
  77. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
  78. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +3 -3
  79. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
  80. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_fznpy7.css +4 -0
  81. package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
  82. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  83. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
  84. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
  85. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +3 -3
  86. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  87. package/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1b92i4d.css → es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css} +4 -4
  88. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
  89. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
  90. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
  91. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css +4 -0
  92. package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
  93. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
  94. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
  95. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css +4 -0
  96. package/es/components/DatePicker/DatePicker.tokens.js +3 -0
  97. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  98. package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  99. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  100. package/es/components/DatePicker/{DatePickerBase.styles_1u3oyx8.css → DatePickerBase.styles_1thp2xv.css} +1 -1
  101. package/es/components/DatePicker/RangeDate/DatePicker.css +83 -81
  102. package/es/components/DatePicker/RangeDate/DatePicker.js +73 -129
  103. package/es/components/DatePicker/RangeDate/DatePicker.js.map +1 -1
  104. package/es/components/DatePicker/RangeDate/DatePicker.styles.js +12 -2
  105. package/es/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -1
  106. package/es/components/DatePicker/RangeDate/{DatePicker.styles_1aihs63.css → DatePicker.styles_6cvsgx.css} +2 -0
  107. package/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.css → RangeDatePopover/RangeDatePopover.css} +31 -29
  108. package/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +36 -5
  109. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
  110. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +37 -0
  111. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
  112. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
  113. package/es/components/DatePicker/RangeDate/variations/_readonly/base.js +1 -1
  114. package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -1
  115. package/es/components/DatePicker/RangeDate/variations/_readonly/base_dhosc0.css +1 -0
  116. package/es/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
  117. package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -1
  118. package/es/components/DatePicker/RangeDate/variations/_size/base_c0144z.css +1 -0
  119. package/es/components/DatePicker/RangeDate/variations/_view/base.js +1 -1
  120. package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -1
  121. package/es/components/DatePicker/RangeDate/variations/_view/base_1vly6xz.css +1 -0
  122. package/es/components/DatePicker/SingleDate/DatePicker.css +24 -24
  123. package/es/components/DatePicker/SingleDate/DatePicker.styles.js +1 -1
  124. package/es/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -1
  125. package/{cjs/components/DatePicker/SingleDate/DatePicker.styles_1udo3ch.css → es/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.css} +1 -1
  126. package/es/components/Dropdown/Dropdown.js +2 -1
  127. package/es/components/Dropdown/Dropdown.js.map +1 -1
  128. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  129. package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
  130. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  131. package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
  132. package/es/components/Range/Range.css +6 -12
  133. package/es/components/Range/Range.js +33 -65
  134. package/es/components/Range/Range.js.map +1 -1
  135. package/es/components/Range/Range.styles.js +12 -23
  136. package/es/components/Range/Range.styles.js.map +1 -1
  137. package/es/components/Range/{Range.styles_nik84l.css → Range.styles_9rort8.css} +3 -4
  138. package/es/components/Range/variations/_readonly/base.js +1 -1
  139. package/es/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
  140. package/es/components/Range/variations/_size/base.js +1 -1
  141. package/es/components/Range/variations/_size/{base_gbgxzj.css → base_16xiubi.css} +1 -1
  142. package/es/components/Range/variations/_view/base.js +1 -1
  143. package/es/components/Range/variations/_view/base_5iz3nr.css +1 -0
  144. package/es/index.css +39 -35
  145. package/package.json +2 -2
  146. package/styled-components/cjs/components/Calendar/Calendar.tokens.js +3 -0
  147. package/styled-components/cjs/components/Calendar/mixins/selected.js +2 -7
  148. package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +12 -17
  149. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
  150. package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +4 -4
  151. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -7
  152. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +8 -8
  153. package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +150 -0
  154. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
  155. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
  156. package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.js +72 -128
  157. package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +8 -2
  158. package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +36 -5
  159. package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.styles.js → RangeDatePopover/RangeDatePopover.styles.js} +12 -6
  160. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +2 -1
  161. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js +2 -1
  162. package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js +3 -1
  163. package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +1 -1
  164. package/styled-components/cjs/components/Dropdown/Dropdown.js +2 -1
  165. package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  166. package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  167. package/styled-components/cjs/components/Range/Range.js +32 -63
  168. package/styled-components/cjs/components/Range/Range.styles.js +8 -13
  169. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
  170. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
  171. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
  172. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +15 -66
  173. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +4 -4
  174. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
  175. package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +2 -2
  176. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +6 -6
  177. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +15 -66
  178. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +4 -4
  179. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +1 -1
  180. package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +2 -2
  181. package/styled-components/es/components/Calendar/Calendar.tokens.js +3 -0
  182. package/styled-components/es/components/Calendar/mixins/selected.js +2 -7
  183. package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +12 -17
  184. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
  185. package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +4 -4
  186. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +8 -8
  187. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +9 -9
  188. package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +150 -0
  189. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +3 -0
  190. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
  191. package/styled-components/es/components/DatePicker/RangeDate/DatePicker.js +73 -129
  192. package/styled-components/es/components/DatePicker/RangeDate/DatePicker.styles.js +7 -1
  193. package/styled-components/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +34 -3
  194. package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +19 -0
  195. package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +2 -1
  196. package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +2 -1
  197. package/styled-components/es/components/DatePicker/RangeDate/variations/_view/base.js +3 -1
  198. package/styled-components/es/components/DatePicker/SingleDate/DatePicker.styles.js +2 -2
  199. package/styled-components/es/components/Dropdown/Dropdown.js +2 -1
  200. package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
  201. package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
  202. package/styled-components/es/components/Range/Range.js +34 -65
  203. package/styled-components/es/components/Range/Range.styles.js +8 -13
  204. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
  205. package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
  206. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
  207. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +15 -66
  208. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +4 -4
  209. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
  210. package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +2 -2
  211. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +6 -6
  212. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +15 -66
  213. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +4 -4
  214. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +1 -1
  215. package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +2 -2
  216. package/types/components/Calendar/Calendar.tokens.d.ts +3 -0
  217. package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
  218. package/types/components/Calendar/mixins/selected.d.ts +0 -20
  219. package/types/components/Calendar/mixins/selected.d.ts.map +1 -1
  220. package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
  221. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
  222. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
  223. package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
  224. package/types/components/DatePicker/DatePicker.tokens.d.ts +3 -0
  225. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  226. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  227. package/types/components/DatePicker/RangeDate/DatePicker.d.ts +598 -2
  228. package/types/components/DatePicker/RangeDate/DatePicker.d.ts.map +1 -1
  229. package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts +5 -30
  230. package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts.map +1 -1
  231. package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts +7 -59
  232. package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts.map +1 -1
  233. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +4 -0
  234. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -0
  235. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +5 -0
  236. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -0
  237. package/types/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.types.d.ts → RangeDatePopover/RangeDatePopover.types.d.ts} +11 -3
  238. package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -0
  239. package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -1
  240. package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -1
  241. package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -1
  242. package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts.map +1 -1
  243. package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts +5 -0
  244. package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts.map +1 -1
  245. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  246. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
  247. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -0
  248. package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
  249. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
  250. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -0
  251. package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
  252. package/types/components/Range/Range.d.ts.map +1 -1
  253. package/types/components/Range/Range.styles.d.ts +0 -1
  254. package/types/components/Range/Range.styles.d.ts.map +1 -1
  255. package/types/components/Range/Range.types.d.ts +1 -42
  256. package/types/components/Range/Range.types.d.ts.map +1 -1
  257. package/types/components/Range/index.d.ts +1 -1
  258. package/types/components/Range/index.d.ts.map +1 -1
  259. package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  260. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  261. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +4 -338
  262. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  263. package/types/examples/plasma_b2c/components/Range/Range.d.ts +3 -30
  264. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
  265. package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  266. package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  267. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +4 -338
  268. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  269. package/types/examples/plasma_web/components/Range/Range.d.ts +3 -30
  270. package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
  271. package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
  272. package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_wuxgzs.css +0 -4
  273. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7kz2z4.css +0 -4
  274. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_hbv1kh.css +0 -4
  275. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +0 -1
  276. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +0 -1
  277. package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +0 -1
  278. package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_1851hxh.css +0 -1
  279. package/cjs/components/DatePicker/RangeDate/variations/_size/base_1yswrwb.css +0 -1
  280. package/cjs/components/DatePicker/RangeDate/variations/_view/base_x642ct.css +0 -1
  281. package/cjs/components/Range/variations/_readonly/base_yv1z2h.css +0 -1
  282. package/cjs/components/Range/variations/_view/base_87gpil.css +0 -1
  283. package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_wuxgzs.css +0 -4
  284. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7kz2z4.css +0 -4
  285. package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_hbv1kh.css +0 -4
  286. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +0 -1
  287. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +0 -28
  288. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +0 -1
  289. package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +0 -1
  290. package/es/components/DatePicker/RangeDate/variations/_readonly/base_1851hxh.css +0 -1
  291. package/es/components/DatePicker/RangeDate/variations/_size/base_1yswrwb.css +0 -1
  292. package/es/components/DatePicker/RangeDate/variations/_view/base_x642ct.css +0 -1
  293. package/es/components/Range/variations/_readonly/base_yv1z2h.css +0 -1
  294. package/es/components/Range/variations/_view/base_87gpil.css +0 -1
  295. package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +0 -13
  296. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts +0 -4
  297. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts.map +0 -1
  298. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts +0 -4
  299. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts.map +0 -1
  300. package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.d.ts.map +0 -1
  301. /package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.types.js → RangeDatePopover/RangeDatePopover.types.js} +0 -0
  302. /package/styled-components/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.types.js → RangeDatePopover/RangeDatePopover.types.js} +0 -0
@@ -15,10 +15,10 @@ var mergedIconButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.
15
15
  var IconButton = /*#__PURE__*/(0, _engines.component)(mergedIconButtonConfig);
16
16
  var StyledCalendarHeader = exports.StyledCalendarHeader = /*#__PURE__*/_styledComponents["default"].div.withConfig({
17
17
  componentId: "plasma-new-hope__sc-186pzg3-0"
18
- })(["display:flex;justify-content:space-between;align-items:center;"]);
18
+ })(["display:flex;justify-content:space-between;align-items:center;padding:var(", ");"], _Calendar.tokens.calendarHeaderWrapperPadding);
19
19
  var StyledHeader = exports.StyledHeader = /*#__PURE__*/_styledComponents["default"].button.withConfig({
20
20
  componentId: "plasma-new-hope__sc-186pzg3-1"
21
- })(["border:none;background-color:transparent;padding:0;outline:none;color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");padding:var(", ");cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;", ";"], _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, /*#__PURE__*/(0, _mixins2.addFocus)({
21
+ })(["border:none;background-color:transparent;padding:0;outline:none;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");padding:var(", ");color:var(", ");cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;&:hover,&:active{color:var(", ");}", ";"], _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarContentSecondaryColor, /*#__PURE__*/(0, _mixins2.addFocus)({
22
22
  outlineSize: '0.063rem',
23
23
  outlineOffset: '-0.125rem',
24
24
  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
@@ -29,12 +29,12 @@ var StyledHeaderDate = exports.StyledHeaderDate = /*#__PURE__*/_styledComponents
29
29
  })(["", ";pointer-events:none;"], _mixins.flexCenter);
30
30
  var StyledArrows = exports.StyledArrows = /*#__PURE__*/_styledComponents["default"].div.withConfig({
31
31
  componentId: "plasma-new-hope__sc-186pzg3-3"
32
- })(["display:flex;gap:var(", ");"], _Calendar.tokens.calendarHeaderArrowGap);
32
+ })(["display:flex;gap:var(", ");padding:var(", ");"], _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderArrowPadding);
33
33
 
34
34
  // NOTE: переопределение токенов IconButton
35
35
  var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(IconButton).withConfig({
36
36
  componentId: "plasma-new-hope__sc-186pzg3-4"
37
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _IconButton.iconButtonTokens.iconButtonColor, _Calendar.tokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Calendar.tokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Calendar.tokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonHeight, _Calendar.tokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _Calendar.tokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _Calendar.tokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Calendar.tokens.iconButtonRadius);
37
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _IconButton.iconButtonTokens.iconButtonColor, _Calendar.tokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Calendar.tokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Calendar.tokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonHeight, _Calendar.tokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _Calendar.tokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _Calendar.tokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Calendar.tokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFocusColor, _Calendar.tokens.iconButtonFocusColor);
38
38
  var StyledNavigation = exports.StyledNavigation = /*#__PURE__*/_styledComponents["default"].div.withConfig({
39
39
  componentId: "plasma-new-hope__sc-186pzg3-5"
40
40
  })(["width:100%;", ";"], _mixins.flexCenter);
@@ -20,7 +20,7 @@ var StyledMonth = exports.StyledMonth = /*#__PURE__*/_styledComponents["default"
20
20
  })(["border-radius:calc(var(", ") - 0.125rem);", ";"], _Calendar.tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter));
21
21
  var StyledMonthRoot = exports.StyledMonthRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
22
22
  componentId: "plasma-new-hope__sc-mx5ps9-3"
23
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";"], _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/(0, _mixins2.addSelected)({
23
+ })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/(0, _mixins2.addSelected)({
24
24
  minWidth: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemWidth, ") - 0.25rem)"),
25
25
  minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemHeight, ") - 0.25rem)"),
26
26
  selectedFontWeight: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarMonthSelectedFontWeight, ")"),
@@ -28,16 +28,16 @@ var StyledMonthRoot = exports.StyledMonthRoot = /*#__PURE__*/_styledComponents["
28
28
  selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),
29
29
  selectableBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ")"),
30
30
  currentBorderColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderColor, ")"),
31
- currentBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBackgroundHover, ")"),
32
- currentColorHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemColorHover, ")"),
33
- currentChildBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemChildBackgroundHover, ")"),
34
- hoveredBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarHoveredItemBackground, ")"),
35
- hoveredColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarHoveredItemColor, ")"),
36
31
  activeBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemBackground, ")"),
37
32
  activeColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemColor, ")")
38
33
  }), /*#__PURE__*/(0, _mixins.addFocus)({
39
34
  outlineSize: '0.063rem',
40
- outlineOffset: '-0.063rem',
35
+ outlineOffset: '-0.125rem',
36
+ outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
37
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
38
+ }), _Calendar.classes.currentItem, /*#__PURE__*/(0, _mixins.addFocus)({
39
+ outlineSize: '0.063rem',
40
+ outlineOffset: '-0.1875rem',
41
41
  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
42
42
  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemBorderRadius, ") - 0.125rem)")
43
43
  }));
@@ -20,7 +20,7 @@ var StyledYear = exports.StyledYear = /*#__PURE__*/_styledComponents["default"].
20
20
  })(["border-radius:calc(var(", ") - 0.125rem);", ";"], _Calendar.tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter));
21
21
  var StyledYearRoot = exports.StyledYearRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
22
22
  componentId: "plasma-new-hope__sc-153qwc7-3"
23
- })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";"], _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/(0, _mixins2.addSelected)({
23
+ })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/(0, _mixins2.addSelected)({
24
24
  minWidth: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemWidth, ") - 0.25rem)"),
25
25
  minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemHeight, ") - 0.25rem)"),
26
26
  selectedFontWeight: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarYearSelectedFontWeight, ")"),
@@ -28,16 +28,16 @@ var StyledYearRoot = exports.StyledYearRoot = /*#__PURE__*/_styledComponents["de
28
28
  selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),
29
29
  selectableBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ")"),
30
30
  currentBorderColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderColor, ")"),
31
- currentBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBackgroundHover, ")"),
32
- currentColorHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemColorHover, ")"),
33
- currentChildBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemChildBackgroundHover, ")"),
34
- hoveredBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarHoveredItemBackground, ")"),
35
- hoveredColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarHoveredItemColor, ")"),
36
31
  activeBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemBackground, ")"),
37
32
  activeColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemColor, ")")
38
33
  }), /*#__PURE__*/(0, _mixins.addFocus)({
39
34
  outlineSize: '0.063rem',
40
- outlineOffset: '-0.063rem',
35
+ outlineOffset: '-0.125rem',
41
36
  outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
42
- outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemBorderRadius, ") - 0.125rem)")
37
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
38
+ }), _Calendar.classes.currentItem, /*#__PURE__*/(0, _mixins.addFocus)({
39
+ outlineSize: '0.063rem',
40
+ outlineOffset: '-0.1875rem',
41
+ outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
42
+ outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemBorderRadius, ") - 0.125rem)")
43
43
  }));
@@ -0,0 +1,150 @@
1
+ ---
2
+ id: datepicker
3
+ title: DatePicker
4
+ ---
5
+
6
+ import { PropsTable, Description } from '@site/src/components';
7
+
8
+ # DatePicker
9
+ <Description name="DatePicker" />
10
+ <PropsTable name="DatePicker" exclude={['css']} />
11
+
12
+ ## Использование
13
+ Компонент `DatePicker` представляет собой поле ввода даты с выпадающим календарем.
14
+
15
+ Размер `DatePicker` задаётся с помощью свойства `size`.
16
+ Возможные значения свойтсва: `"l"`, `"m"`, `"s"`, `"xs"`.
17
+
18
+ ```tsx live
19
+ import React, {useState} from 'react';
20
+ import { DatePicker, IconButton } from '@salutejs/{{ package }}';
21
+ import { IconDone } from '@salutejs/plasma-icons';
22
+
23
+ export function App() {
24
+ return (
25
+ <div style={{ height: "450px" }}>
26
+ <DatePicker
27
+ label="Лейбл"
28
+ leftHelper="Подсказка к полю"
29
+ placeholder="Введите дату"
30
+ contentRight={<IconDone size="s" />}
31
+ size="l"
32
+ />
33
+ </div>
34
+ );
35
+ }
36
+ ```
37
+
38
+ ### Формат даты
39
+ Формат даты задается с помощью свойства `format`.
40
+ При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату.
41
+ Свойство `maskWithFormat` позволяет маскировать ввод:
42
+
43
+ ```tsx live
44
+ import React, {useState} from 'react';
45
+ import { DatePicker, IconButton } from '@salutejs/{{ package }}';
46
+ import { IconDone } from '@salutejs/plasma-icons';
47
+
48
+ export function App() {
49
+ return (
50
+ <div style={{ height: "450px" }}>
51
+ <DatePicker
52
+ label="Лейбл"
53
+ leftHelper="Подсказка к полю"
54
+ placeholder="Введите дату"
55
+ format="DD-MM-YYYY"
56
+ maskWithFormat
57
+ contentRight={<IconDone size="s" />}
58
+ />
59
+ </div>
60
+ );
61
+ }
62
+ ```
63
+
64
+ ### Валидация и индикация успешного ввода даты.
65
+ За индикацию ошибки или успешного ввода отвечают `valueError`, `valueSuccess`.
66
+ В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений:
67
+
68
+ ```tsx live
69
+ import React, {useState} from 'react';
70
+ import { DatePicker, IconButton } from '@salutejs/{{ package }}';
71
+ import { IconDone } from '@salutejs/plasma-icons';
72
+
73
+ export function App() {
74
+ const [isOpen, setIsOpen] = useState(false);
75
+ const [error, setError] = useState(false);
76
+ const [success, setSuccess] = useState(false);
77
+
78
+ const handleCommitDate = (newDate: Date | string, dateError?: boolean, dateSuccess?: boolean) => {
79
+ if (dateError) {
80
+ setError(true);
81
+ return;
82
+ }
83
+
84
+ if (dateSuccess) {
85
+ setSuccess(true);
86
+ }
87
+
88
+ setIsOpen(false);
89
+ };
90
+
91
+ return (
92
+ <div style={{ height: "450px" }}>
93
+ <DatePicker
94
+ isOpen={isOpen}
95
+ label="Лейбл"
96
+ leftHelper="Подсказка к полю"
97
+ placeholder="Введите дату"
98
+ format="DD-MM-YYYY"
99
+ maskWithFormat
100
+ valueError={error}
101
+ valueSuccess={success}
102
+ contentRight={<IconDone size="s" />}
103
+ onChangeValue={() => {
104
+ setError(false);
105
+ setSuccess(false);
106
+ }}
107
+ onCommitDate={handleCommitDate}
108
+ />
109
+ </div>
110
+ );
111
+ }
112
+ ```
113
+
114
+ ## DatePickerRange
115
+ <Description name="DatePickerRange" />
116
+ <PropsTable name="DatePickerRange" exclude={['css']} />
117
+
118
+ ## Использование
119
+ Компонент `DatePickerRange` представляет собой `Range` с выпадающим календарем.
120
+ Календарь может быть одиночным или двойным. За это отвечает свойство `isDoubleCalendar`.
121
+
122
+ ```tsx live
123
+ import React, {useState} from 'react';
124
+ import { DatePickerRange, IconButton } from '@salutejs/{{ package }}';
125
+ import { IconDone } from '@salutejs/plasma-icons';
126
+
127
+ export function App() {
128
+ const ActionButton = () => {
129
+ return (
130
+ <IconButton view="clear" size="l">
131
+ <IconDone size="s" />
132
+ </IconButton>
133
+ );
134
+ };
135
+
136
+ return (
137
+ <div style={{ height: "500px" }}>
138
+ <DatePickerRange
139
+ size="l"
140
+ label="Лейбл"
141
+ leftHelper="Подсказка к полю"
142
+ firstPlaceholder="Введите дату 1"
143
+ secondPlaceholder="Введите дату 2"
144
+ contentRight={<ActionButton />}
145
+ isDoubleCalendar
146
+ />
147
+ </div>
148
+ );
149
+ }
150
+ ```
@@ -144,7 +144,9 @@ var tokens = exports.tokens = {
144
144
  calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
145
145
  calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
146
146
  calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
147
+ calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
147
148
  calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
149
+ calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',
148
150
  calendarHeaderPadding: '--plasma-date-picker-calendar__header-padding',
149
151
  calendarHeaderDateGap: '--plasma-date-picker-calendar__header-date-gap',
150
152
  calendarHeaderFontFamily: '--plasma-date-picker-calendar__header-font-family',
@@ -164,6 +166,7 @@ var tokens = exports.tokens = {
164
166
  iconButtonWidth: '--plasma-date-picker-icon-button__width',
165
167
  iconButtonPadding: '--plasma-date-picker-icon-button__padding',
166
168
  iconButtonRadius: '--plasma-date-picker-icon-button__radius',
169
+ iconButtonFocusColor: '--plasma-date-picker-icon-button__focus-color',
167
170
  calendarBackgroundColor: '--plasma-date-picker-calendar__background-color',
168
171
  calendarSelectedItemBackground: '--plasma-date-picker-calendar__selected-item-background',
169
172
  calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',
@@ -11,7 +11,7 @@ var _DatePicker = /*#__PURE__*/require("./DatePicker.tokens");
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
12
  var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
13
13
  var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
14
- var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n");
14
+ var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
15
15
 
16
16
  // NOTE: переопределение токенов Calendar
17
17
  var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(Calendar).withConfig({