@salutejs/plasma-new-hope 0.326.0-canary.2013.15538813402.0 → 0.326.0-canary.2015.15553048256.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 (271) hide show
  1. package/cjs/components/Carousel/Carousel.css +4 -0
  2. package/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +1 -1
  3. package/cjs/components/Carousel/Carousel.js.map +1 -0
  4. package/cjs/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +9 -9
  5. package/cjs/components/Carousel/Carousel.styles.js.map +1 -0
  6. package/cjs/components/Carousel/Carousel.styles_zmchjj.css +4 -0
  7. package/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +5 -5
  8. package/cjs/components/Carousel/CarouselItem.js.map +1 -0
  9. package/cjs/components/Carousel/CarouselItem_cqjszm.css +1 -0
  10. package/cjs/components/Carousel/useCarousel.js.map +1 -0
  11. package/cjs/components/Carousel/{CarouselOld/useDragScroll.js → useDragScroll.js} +1 -1
  12. package/cjs/components/Carousel/useDragScroll.js.map +1 -0
  13. package/cjs/index.css +4 -18
  14. package/cjs/index.js +3 -10
  15. package/cjs/index.js.map +1 -1
  16. package/emotion/cjs/components/Carousel/Carousel.styles.js +49 -0
  17. package/emotion/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +2 -2
  18. package/emotion/cjs/components/Carousel/index.js +3 -23
  19. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  20. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +1 -1
  21. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +30 -83
  22. package/emotion/cjs/hooks/index.js +0 -7
  23. package/emotion/es/components/Carousel/Carousel.styles.js +42 -0
  24. package/emotion/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +2 -2
  25. package/emotion/es/components/Carousel/index.js +3 -7
  26. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  27. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.js +2 -2
  28. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +30 -83
  29. package/emotion/es/hooks/index.js +0 -1
  30. package/es/components/Carousel/Carousel.css +4 -0
  31. package/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +1 -1
  32. package/es/components/Carousel/Carousel.js.map +1 -0
  33. package/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +9 -9
  34. package/es/components/Carousel/Carousel.styles.js.map +1 -0
  35. package/es/components/Carousel/Carousel.styles_zmchjj.css +4 -0
  36. package/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +5 -5
  37. package/es/components/Carousel/CarouselItem.js.map +1 -0
  38. package/es/components/Carousel/CarouselItem_cqjszm.css +1 -0
  39. package/es/components/Carousel/useCarousel.js.map +1 -0
  40. package/es/components/Carousel/{CarouselOld/useDragScroll.js → useDragScroll.js} +1 -1
  41. package/es/components/Carousel/useDragScroll.js.map +1 -0
  42. package/es/index.css +4 -18
  43. package/es/index.js +3 -6
  44. package/es/index.js.map +1 -1
  45. package/package.json +5 -5
  46. package/styled-components/cjs/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +3 -3
  47. package/styled-components/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +1 -1
  48. package/styled-components/cjs/components/Carousel/index.js +3 -23
  49. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  50. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +1 -1
  51. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +30 -83
  52. package/styled-components/cjs/hooks/index.js +0 -7
  53. package/styled-components/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +3 -3
  54. package/styled-components/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +1 -1
  55. package/styled-components/es/components/Carousel/index.js +3 -7
  56. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
  57. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.js +2 -2
  58. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +30 -83
  59. package/styled-components/es/hooks/index.js +0 -1
  60. package/types/components/Carousel/{CarouselOld/Carousel.d.ts → Carousel.d.ts} +1 -1
  61. package/types/components/Carousel/Carousel.d.ts.map +1 -0
  62. package/types/components/Carousel/Carousel.styles.d.ts.map +1 -0
  63. package/types/components/Carousel/{CarouselOld/Carousel.types.d.ts → Carousel.types.d.ts} +1 -1
  64. package/types/components/Carousel/Carousel.types.d.ts.map +1 -0
  65. package/types/components/Carousel/CarouselItem.d.ts.map +1 -0
  66. package/types/components/Carousel/index.d.ts +4 -7
  67. package/types/components/Carousel/index.d.ts.map +1 -1
  68. package/types/components/Carousel/useCarousel.d.ts.map +1 -0
  69. package/types/components/Carousel/useDragScroll.d.ts.map +1 -0
  70. package/types/hooks/index.d.ts +0 -1
  71. package/types/hooks/index.d.ts.map +1 -1
  72. package/cjs/components/Carousel/CarouselNew/Carousel.css +0 -43
  73. package/cjs/components/Carousel/CarouselNew/Carousel.js +0 -113
  74. package/cjs/components/Carousel/CarouselNew/Carousel.js.map +0 -1
  75. package/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -52
  76. package/cjs/components/Carousel/CarouselNew/Carousel.styles.js.map +0 -1
  77. package/cjs/components/Carousel/CarouselNew/Carousel.styles_1fs4wwn.css +0 -5
  78. package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -24
  79. package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js.map +0 -1
  80. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -428
  81. package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +0 -1
  82. package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -62
  83. package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
  84. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.css +0 -5
  85. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -227
  86. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +0 -1
  87. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -39
  88. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +0 -1
  89. package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles_ea836d.css +0 -5
  90. package/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -50
  91. package/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map +0 -1
  92. package/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -9
  93. package/cjs/components/Carousel/CarouselNew/variations/_size/base.js.map +0 -1
  94. package/cjs/components/Carousel/CarouselNew/variations/_size/base_x642ct.css +0 -1
  95. package/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -9
  96. package/cjs/components/Carousel/CarouselNew/variations/_view/base.js.map +0 -1
  97. package/cjs/components/Carousel/CarouselNew/variations/_view/base_x642ct.css +0 -1
  98. package/cjs/components/Carousel/CarouselOld/Carousel.css +0 -4
  99. package/cjs/components/Carousel/CarouselOld/Carousel.js.map +0 -1
  100. package/cjs/components/Carousel/CarouselOld/Carousel.styles.js.map +0 -1
  101. package/cjs/components/Carousel/CarouselOld/Carousel.styles_12r304j.css +0 -4
  102. package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map +0 -1
  103. package/cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
  104. package/cjs/components/Carousel/CarouselOld/useCarousel.js.map +0 -1
  105. package/cjs/components/Carousel/CarouselOld/useDragScroll.js.map +0 -1
  106. package/cjs/hooks/useDidMountLayoutEffect.js +0 -19
  107. package/cjs/hooks/useDidMountLayoutEffect.js.map +0 -1
  108. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +0 -112
  109. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -59
  110. package/emotion/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -22
  111. package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -419
  112. package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -229
  113. package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -38
  114. package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -47
  115. package/emotion/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -38
  116. package/emotion/cjs/components/Carousel/CarouselNew/ui/index.js +0 -27
  117. package/emotion/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -8
  118. package/emotion/cjs/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  119. package/emotion/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -8
  120. package/emotion/cjs/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  121. package/emotion/cjs/components/Carousel/CarouselOld/Carousel.styles.js +0 -49
  122. package/emotion/cjs/components/Carousel/CarouselOld/index.js +0 -32
  123. package/emotion/cjs/hooks/useDidMountLayoutEffect.js +0 -17
  124. package/emotion/es/components/Carousel/CarouselNew/Carousel.js +0 -104
  125. package/emotion/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -52
  126. package/emotion/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -16
  127. package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -409
  128. package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -219
  129. package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -31
  130. package/emotion/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -41
  131. package/emotion/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -31
  132. package/emotion/es/components/Carousel/CarouselNew/ui/index.js +0 -2
  133. package/emotion/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -2
  134. package/emotion/es/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  135. package/emotion/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -2
  136. package/emotion/es/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  137. package/emotion/es/components/Carousel/CarouselOld/Carousel.styles.js +0 -42
  138. package/emotion/es/components/Carousel/CarouselOld/index.js +0 -3
  139. package/emotion/es/hooks/useDidMountLayoutEffect.js +0 -11
  140. package/es/components/Carousel/CarouselNew/Carousel.css +0 -43
  141. package/es/components/Carousel/CarouselNew/Carousel.js +0 -104
  142. package/es/components/Carousel/CarouselNew/Carousel.js.map +0 -1
  143. package/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -43
  144. package/es/components/Carousel/CarouselNew/Carousel.styles.js.map +0 -1
  145. package/es/components/Carousel/CarouselNew/Carousel.styles_1fs4wwn.css +0 -5
  146. package/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -19
  147. package/es/components/Carousel/CarouselNew/Carousel.tokens.js.map +0 -1
  148. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -413
  149. package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +0 -1
  150. package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -58
  151. package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
  152. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.css +0 -5
  153. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -218
  154. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +0 -1
  155. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -31
  156. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +0 -1
  157. package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles_ea836d.css +0 -5
  158. package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -44
  159. package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map +0 -1
  160. package/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -5
  161. package/es/components/Carousel/CarouselNew/variations/_size/base.js.map +0 -1
  162. package/es/components/Carousel/CarouselNew/variations/_size/base_x642ct.css +0 -1
  163. package/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -5
  164. package/es/components/Carousel/CarouselNew/variations/_view/base.js.map +0 -1
  165. package/es/components/Carousel/CarouselNew/variations/_view/base_x642ct.css +0 -1
  166. package/es/components/Carousel/CarouselOld/Carousel.css +0 -4
  167. package/es/components/Carousel/CarouselOld/Carousel.js.map +0 -1
  168. package/es/components/Carousel/CarouselOld/Carousel.styles.js.map +0 -1
  169. package/es/components/Carousel/CarouselOld/Carousel.styles_12r304j.css +0 -4
  170. package/es/components/Carousel/CarouselOld/CarouselItem.js.map +0 -1
  171. package/es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
  172. package/es/components/Carousel/CarouselOld/useCarousel.js.map +0 -1
  173. package/es/components/Carousel/CarouselOld/useDragScroll.js.map +0 -1
  174. package/es/hooks/useDidMountLayoutEffect.js +0 -15
  175. package/es/hooks/useDidMountLayoutEffect.js.map +0 -1
  176. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +0 -112
  177. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -31
  178. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -22
  179. package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.types.js +0 -5
  180. package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -419
  181. package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
  182. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -229
  183. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -24
  184. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -47
  185. package/styled-components/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -37
  186. package/styled-components/cjs/components/Carousel/CarouselNew/ui/index.js +0 -27
  187. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -8
  188. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  189. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -8
  190. package/styled-components/cjs/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  191. package/styled-components/cjs/components/Carousel/CarouselOld/Carousel.types.js +0 -5
  192. package/styled-components/cjs/components/Carousel/CarouselOld/index.js +0 -32
  193. package/styled-components/cjs/components/Carousel/CarouselOld/useDragScroll.js +0 -65
  194. package/styled-components/cjs/hooks/useDidMountLayoutEffect.js +0 -17
  195. package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +0 -104
  196. package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -23
  197. package/styled-components/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -16
  198. package/styled-components/es/components/Carousel/CarouselNew/Carousel.types.js +0 -1
  199. package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -409
  200. package/styled-components/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
  201. package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -219
  202. package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -17
  203. package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -41
  204. package/styled-components/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -30
  205. package/styled-components/es/components/Carousel/CarouselNew/ui/index.js +0 -2
  206. package/styled-components/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -2
  207. package/styled-components/es/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
  208. package/styled-components/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -2
  209. package/styled-components/es/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
  210. package/styled-components/es/components/Carousel/CarouselOld/Carousel.types.js +0 -1
  211. package/styled-components/es/components/Carousel/CarouselOld/index.js +0 -3
  212. package/styled-components/es/components/Carousel/CarouselOld/useDragScroll.js +0 -59
  213. package/styled-components/es/hooks/useDidMountLayoutEffect.js +0 -11
  214. package/types/components/Carousel/CarouselNew/Carousel.d.ts +0 -26
  215. package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +0 -1
  216. package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +0 -94
  217. package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map +0 -1
  218. package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts +0 -17
  219. package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map +0 -1
  220. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +0 -122
  221. package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +0 -1
  222. package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts +0 -65
  223. package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +0 -1
  224. package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts.map +0 -1
  225. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts +0 -4
  226. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts.map +0 -1
  227. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts +0 -6
  228. package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts.map +0 -1
  229. package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts +0 -4
  230. package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts.map +0 -1
  231. package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts +0 -4
  232. package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts.map +0 -1
  233. package/types/components/Carousel/CarouselNew/ui/index.d.ts +0 -3
  234. package/types/components/Carousel/CarouselNew/ui/index.d.ts.map +0 -1
  235. package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts +0 -2
  236. package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts.map +0 -1
  237. package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts +0 -2
  238. package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts.map +0 -1
  239. package/types/components/Carousel/CarouselOld/Carousel.d.ts.map +0 -1
  240. package/types/components/Carousel/CarouselOld/Carousel.styles.d.ts.map +0 -1
  241. package/types/components/Carousel/CarouselOld/Carousel.types.d.ts.map +0 -1
  242. package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map +0 -1
  243. package/types/components/Carousel/CarouselOld/index.d.ts +0 -5
  244. package/types/components/Carousel/CarouselOld/index.d.ts.map +0 -1
  245. package/types/components/Carousel/CarouselOld/useCarousel.d.ts.map +0 -1
  246. package/types/components/Carousel/CarouselOld/useDragScroll.d.ts +0 -2
  247. package/types/components/Carousel/CarouselOld/useDragScroll.d.ts.map +0 -1
  248. package/types/hooks/useDidMountLayoutEffect.d.ts +0 -2
  249. package/types/hooks/useDidMountLayoutEffect.d.ts.map +0 -1
  250. /package/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  251. /package/emotion/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  252. /package/emotion/cjs/components/Carousel/{CarouselNew/Carousel.types.js → Carousel.types.js} +0 -0
  253. /package/emotion/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  254. /package/emotion/cjs/components/Carousel/{CarouselNew/hooks/useDragScroll.js → useDragScroll.js} +0 -0
  255. /package/emotion/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  256. /package/emotion/es/components/Carousel/{CarouselNew/Carousel.types.js → Carousel.types.js} +0 -0
  257. /package/emotion/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  258. /package/emotion/es/components/Carousel/{CarouselNew/hooks/useDragScroll.js → useDragScroll.js} +0 -0
  259. /package/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  260. /package/styled-components/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  261. /package/{emotion/cjs/components/Carousel/CarouselOld → styled-components/cjs/components/Carousel}/Carousel.types.js +0 -0
  262. /package/styled-components/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  263. /package/{emotion/cjs/components/Carousel/CarouselOld → styled-components/cjs/components/Carousel}/useDragScroll.js +0 -0
  264. /package/styled-components/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
  265. /package/{emotion/es/components/Carousel/CarouselOld → styled-components/es/components/Carousel}/Carousel.types.js +0 -0
  266. /package/styled-components/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
  267. /package/{emotion/es/components/Carousel/CarouselOld → styled-components/es/components/Carousel}/useDragScroll.js +0 -0
  268. /package/types/components/Carousel/{CarouselOld/Carousel.styles.d.ts → Carousel.styles.d.ts} +0 -0
  269. /package/types/components/Carousel/{CarouselOld/CarouselItem.d.ts → CarouselItem.d.ts} +0 -0
  270. /package/types/components/Carousel/{CarouselOld/useCarousel.d.ts → useCarousel.d.ts} +0 -0
  271. /package/types/components/Carousel/{CarouselNew/hooks/useDragScroll.d.ts → useDragScroll.d.ts} +0 -0
@@ -2,40 +2,20 @@ import * as React from 'react';
2
2
  import type { ComponentProps } from 'react';
3
3
  import type { Meta, StoryObj } from '@storybook/react';
4
4
  import styled from 'styled-components';
5
- import { getConfigVariations } from '@salutejs/plasma-sb-utils';
6
5
 
7
6
  import { WithTheme } from '../../../_helpers';
8
7
 
9
- import { config } from './Carousel.config';
10
8
  import { Carousel, CarouselItem } from './Carousel';
11
9
 
12
- type StoryCarouselProps = ComponentProps<typeof Carousel> & {
13
- slides: number;
14
- visibleDots: number;
15
- paginationCentered: boolean;
16
- };
17
-
18
- const { views, sizes } = getConfigVariations(config);
10
+ type StoryCarouselProps = ComponentProps<typeof Carousel>;
19
11
 
20
12
  const meta: Meta<StoryCarouselProps> = {
21
13
  title: 'b2c/Navigation/Carousel',
22
14
  component: Carousel,
23
15
  decorators: [WithTheme],
24
16
  argTypes: {
25
- view: {
26
- options: views,
27
- control: {
28
- type: 'select',
29
- },
30
- },
31
- size: {
32
- options: sizes,
33
- control: {
34
- type: 'inline-radio',
35
- },
36
- },
37
17
  align: {
38
- options: ['start', 'center', 'end'],
18
+ options: ['center', 'start', 'end'],
39
19
  control: {
40
20
  type: 'inline-radio',
41
21
  },
@@ -43,88 +23,55 @@ const meta: Meta<StoryCarouselProps> = {
43
23
  isDragScrollDisabled: {
44
24
  control: 'boolean',
45
25
  },
46
- slides: {
47
- control: 'number',
48
- },
49
- visibleDots: {
50
- control: 'number',
51
- },
52
- paginationCentered: {
53
- control: 'boolean',
54
- },
55
- gap: {
56
- control: 'text',
57
- },
58
26
  },
59
27
  args: {
60
- view: 'default',
61
- size: 's',
62
28
  align: 'center',
63
29
  isDragScrollDisabled: false,
64
- visibleDots: 6,
65
- slides: 10,
66
- paginationCentered: false,
67
- gap: '20px',
68
30
  },
69
31
  parameters: {
70
32
  controls: {
71
- include: ['align', 'isDragScrollDisabled', 'visibleDots', 'slides', 'paginationCentered', 'gap'],
33
+ include: ['align', 'isDragScrollDisabled'],
72
34
  },
73
35
  },
74
36
  };
75
37
 
76
38
  export default meta;
77
39
 
40
+ const items = Array(25)
41
+ .fill({
42
+ title: 'Заголовок',
43
+ })
44
+ .map(({ title }, i) => ({
45
+ id: i,
46
+ title: `${title} ${i}`,
47
+ }));
48
+
78
49
  const StyledCard = styled.div`
79
- display: flex;
80
- align-items: center;
81
- justify-content: center;
82
50
  position: relative;
83
51
  border-radius: 8px;
84
- width: 500px;
85
- height: 370px;
52
+ width: 350px;
53
+ height: 50px;
54
+ padding: 8px;
86
55
  background-color: #add8e6;
87
- font-size: 30px;
88
56
  `;
89
57
 
90
- const StoryDefault = ({
91
- align,
92
- visibleDots,
93
- slides,
94
- paginationCentered,
95
- isDragScrollDisabled,
96
- gap,
97
- ...rest
98
- }: StoryCarouselProps) => {
99
- const items = Array(slides)
100
- .fill(1)
101
- .map((_, i) => ({
102
- id: i,
103
- title: i,
104
- }));
58
+ const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
59
+ const [index, setIndex] = React.useState(0);
105
60
 
106
61
  return (
107
- <>
108
- <div style={{ width: '600px' }}>
109
- <Carousel
110
- detectActive
111
- scrollAlign={align}
112
- isDragScrollDisabled={isDragScrollDisabled}
113
- gap={gap}
114
- paginationOptions={{
115
- visibleDots,
116
- centered: paginationCentered,
117
- }}
118
- {...rest}
119
- >
120
- {items.map((item, i) => (
121
- <CarouselItem key={i} scrollSnapAlign={align}>
122
- <StyledCard>{item.title}</StyledCard>
123
- </CarouselItem>
124
- ))}
125
- </Carousel>
126
- </div>
127
- </>
62
+ <Carousel
63
+ index={index}
64
+ detectActive
65
+ onIndexChange={setIndex}
66
+ scrollAlign={align}
67
+ isDragScrollDisabled={isDragScrollDisabled}
68
+ >
69
+ {items.map((item, i) => (
70
+ <CarouselItem key={i} style={{ padding: '0 0.5rem' }} scrollSnapAlign={align}>
71
+ <StyledCard>{item.title}</StyledCard>
72
+ </CarouselItem>
73
+ ))}
74
+ </Carousel>
128
75
  );
129
76
  };
130
77
 
@@ -3,6 +3,5 @@ export { useFocusTrap } from "./useFocusTrap";
3
3
  export { usePreviousValue } from "./usePreviousValue";
4
4
  export { useForceUpdate } from "./useForceUpdate";
5
5
  export { useDidMountEffect } from "./useDidMountEffect";
6
- export { useDidMountLayoutEffect } from "./useDidMountLayoutEffect";
7
6
  export { useOutsideClick } from "./useOutsideClick";
8
7
  export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
@@ -1,4 +1,4 @@
1
- import { RootProps } from '../../../../src/engines';
1
+ import { RootProps } from '../../../src/engines';
2
2
  import React from 'react';
3
3
  import { CarouselProps } from './Carousel.types';
4
4
  /**
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,cAAc,EAAE,aAAa,CAAC;;;wCAuDtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAzDQ,SAAS,CAAC,cAAc,EAAE,aAAa,CAAC;;;;;;;CAgE1E,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,qKAI/B,CAAC;AAEF,eAAO,MAAM,eAAe;qBAAiC,WAAW,GAAG,WAAW,GAAG,MAAM;EAyB9F,CAAC;AAEF,eAAO,MAAM,aAAa;mBAA+B,MAAM;iBAAe,MAAM;EASnF,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import type { HTMLAttributes } from 'react';
2
- import { AsProps } from '../../../../src/types';
2
+ import { AsProps } from '../../../src/types';
3
3
  export type SnapType = 'mandatory' | 'proximity' | 'none';
4
4
  export type SnapAlign = 'start' | 'center' | 'end';
5
5
  export type SnapStop = 'normal' | 'always';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AACnC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,iBAAiB,CAAC;AAEzE,MAAM,WAAW,UAAW,SAAQ,OAAO,EAAE,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC3B;;OAEG;IACH,YAAY,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,gBAAgB;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC9B;AAED,KAAK,iBAAiB,GAAG,UAAU,GAAG,CAAC,cAAc,GAAG,gBAAgB,CAAC,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,uBAAuB,GAAG,YAAY,GAAG,YAAY,CAAC,GAAG;IAClH;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC7B,GAAG,OAAO,GACP,cAAc,CAAC,cAAc,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAO1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}
@@ -1,8 +1,5 @@
1
- export { carouselConfig, carouselRoot } from './CarouselOld/Carousel';
2
- export { CarouselGridWrapper } from './CarouselOld/Carousel.styles';
3
- export type { CarouselProps, CarouselItemProps } from './CarouselOld/Carousel.types';
4
- export { CarouselItem } from './CarouselOld/CarouselItem';
5
- export { carouselNewConfig, carouselNewRoot } from './CarouselNew/Carousel';
6
- export { tokens as carouselTokens } from './CarouselNew/Carousel.tokens';
7
- export type { CarouselNewProps } from './CarouselNew/Carousel.types';
1
+ export { carouselConfig, carouselRoot } from './Carousel';
2
+ export { CarouselGridWrapper } from './Carousel.styles';
3
+ export type { CarouselProps, CarouselItemProps } from './Carousel.types';
4
+ export { CarouselItem } from './CarouselItem';
8
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO,WAAW,OAAO,QAAQ,UAAU,WAGxF,CAAC;AAyCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,2DAO1B;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC5B,WAqCA,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,SACpB,OAAO,OACR,MAAM,aACD,MAAM,mBACA,cAAc,KAC/B,IAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,iEAOrB;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC,SAQA,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,WAAW,cACT,MAAM,WACR,MAAM,YACL,MAAM,eACH,MAAM,cACP,MAAM,eACL,WAAW,uDAkC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAElF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,aAmB7E,GAAG,EAAE,UAIzB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC1B,aAAa,EACX,OAAO,GACP,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,eAAe,GACf,oBAAoB,GACpB,eAAe,GACf,oBAAoB,CACzB,GAAG;IACA,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACxD,CAAC;AAKF,eAAO,MAAM,WAAW,sLAarB,kBAAkB,KAAG,qBAuPvB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDragScroll.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/useDragScroll.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,aACpC,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,yBACpB,OAAO,SAwDjC,CAAC"}
@@ -3,7 +3,6 @@ export { useFocusTrap } from './useFocusTrap';
3
3
  export { usePreviousValue } from './usePreviousValue';
4
4
  export { useForceUpdate } from './useForceUpdate';
5
5
  export { useDidMountEffect } from './useDidMountEffect';
6
- export { useDidMountLayoutEffect } from './useDidMountLayoutEffect';
7
6
  export { useOutsideClick } from './useOutsideClick';
8
7
  export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
9
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
@@ -1,43 +0,0 @@
1
- .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
-
3
- .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
4
-
5
- .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
6
-
7
- .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
8
- .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
9
-
10
- .Button_styles_8cvmld_bzw1898__4694a0fa{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_8cvmld_bzw1898__4694a0fa.Button_styles_8cvmld_buttonContentRelaxed__4694a0fa{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
11
- .Button_styles_8cvmld_bdfuqwe__4694a0fa{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
12
- .Button_styles_8cvmld_l9ypozh__4694a0fa{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
13
- .Button_styles_8cvmld_l4dfhbg__4694a0fa{position:absolute;}
14
- .Button_styles_8cvmld_srdlazt__4694a0fa{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
15
- .Button_styles_8cvmld_s7rggv0__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);margin:var(--s7rggv0-0);}
16
- .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);margin:var(--s1rjh7ra-0);}
17
- .Button_styles_8cvmld_b9ga1dj__4694a0fa{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
18
-
19
- .base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
20
-
21
- .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
22
-
23
- .base_do83p2_b169l30m__044ccc85[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_do83p2_b169l30m__044ccc85[disabled]:hover,.base_do83p2_b169l30m__044ccc85[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}
24
-
25
- .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
26
-
27
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
28
-
29
- .IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
30
-
31
- .Carousel_styles_1fs4wwn_b13uu57o__74b57fdf{position:relative;}
32
- .Carousel_styles_1fs4wwn_c1gygdut__74b57fdf{position:relative;margin:0;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Carousel_styles_1fs4wwn_c1gygdut__74b57fdf::-webkit-scrollbar{display:none;}
33
- .Carousel_styles_1fs4wwn_c76zbfp__74b57fdf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--c76zbfp-0);}
34
- .Carousel_styles_1fs4wwn_i1cnnvc1__74b57fdf{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;}.Carousel_styles_1fs4wwn_i1cnnvc1__74b57fdf.Carousel_styles_1fs4wwn_carouselRightControlButton__74b57fdf{left:auto;right:0.75rem;}
35
- .Carousel_styles_1fs4wwn_c1ff2k98__74b57fdf{position:relative;}
36
-
37
- .Item_1qz9bfn_sfwcury__aad46e58{-webkit-scroll-snap-align:var(--sfwcury-0);-moz-scroll-snap-align:var(--sfwcury-0);-ms-scroll-snap-align:var(--sfwcury-0);scroll-snap-align:var(--sfwcury-0);-webkit-scroll-snap-stop:var(--sfwcury-1);-moz-scroll-snap-stop:var(--sfwcury-1);-ms-scroll-snap-stop:var(--sfwcury-1);scroll-snap-stop:var(--sfwcury-1);}
38
-
39
- .Dots_styles_ea836d_wn5xio__3fa33efc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:0.75rem;--duration:0.3s;--half-duration:0.15s;}
40
- .Dots_styles_ea836d_tnn1xpa__3fa33efc{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0s ease;-webkit-transition:transform 0s ease;transition:transform 0s ease;}.Dots_styles_ea836d_tnn1xpa__3fa33efc.Dots_styles_ea836d_dotAnimating__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(--plasma-carousel-pagination-dot-background);border-radius:100%;}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotActive__3fa33efc{background-color:var(--plasma-carousel-pagination-dot-active-background);}@-webkit-keyframes Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}@keyframes Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateOut__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}@keyframes Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotShrinking__3fa33efc{-webkit-animation:Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc var(--half-duration) var(--half-duration) ease forwards;animation:Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc var(--half-duration) var(--half-duration) ease forwards;}
41
- .Dots_styles_ea836d_d1k0jsbc__3fa33efc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_ea836d_d1k0jsbc__3fa33efc.Dots_styles_ea836d_dotAvailableDotsLeft__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:not(.Dots_styles_ea836d_dotTemporaryNatural__3fa33efc):first-child{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.Dots_styles_ea836d_d1k0jsbc__3fa33efc.Dots_styles_ea836d_dotAvailableDotsRight__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:not(.Dots_styles_ea836d_dotTemporaryNatural__3fa33efc):last-child{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.Dots_styles_ea836d_d1k0jsbc__3fa33efc.Dots_styles_ea836d_dotAnimating__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{-webkit-transition:background-color var(--duration) ease;transition:background-color var(--duration) ease;}
42
- .Dots_styles_ea836d_laqzsgq__3fa33efc{position:absolute;top:0;right:100%;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_ea836d_laqzsgq__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}@-webkit-keyframes Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}.Dots_styles_ea836d_laqzsgq__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInLaqzsgq__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}.Dots_styles_ea836d_laqzsgq__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:first-child.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInFirstLaqzsgq__3fa33efc var(--half-duration) ease forwards;}
43
- .Dots_styles_ea836d_rp088ba__3fa33efc{position:absolute;top:0;left:100%;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_ea836d_rp088ba__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}@-webkit-keyframes Dots_styles_ea836d_fadeInRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}.Dots_styles_ea836d_rp088ba__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInRp088ba__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInRp088ba__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}@keyframes Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}.Dots_styles_ea836d_rp088ba__3fa33efc .Dots_styles_ea836d_dot__3fa33efc:last-child.Dots_styles_ea836d_dotAnimateIn__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeInLastRp088ba__3fa33efc var(--half-duration) ease forwards;}
@@ -1,113 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
6
- var React = require('react');
7
- var Carousel_tokens = require('./Carousel.tokens.js');
8
- var base$1 = require('./variations/_size/base.js');
9
- var base = require('./variations/_view/base.js');
10
- var Carousel_styles = require('./Carousel.styles.js');
11
- var useCarousel = require('./hooks/useCarousel.js');
12
- var useDragScroll = require('./hooks/useDragScroll.js');
13
- var IconDisclosureLeft = require('../../_Icon/Icons/IconDisclosureLeft.js');
14
- var IconDisclosureRight = require('../../_Icon/Icons/IconDisclosureRight.js');
15
- var Dots = require('./ui/Dots/Dots.js');
16
-
17
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
18
-
19
- var React__default = /*#__PURE__*/_interopDefault(React);
20
-
21
- var _IconDisclosureLeft, _IconDisclosureRight;
22
-
23
- /**
24
- * Компонент для создания списков с прокруткой.
25
- */
26
- var carouselNewRoot = function carouselNewRoot(Root) {
27
- return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
28
- var view = _ref.view,
29
- size = _ref.size,
30
- scrollAlign = _ref.scrollAlign,
31
- children = _ref.children,
32
- _ref$isDragScrollDisa = _ref.isDragScrollDisabled,
33
- isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
34
- gap = _ref.gap,
35
- paginationOptions = _ref.paginationOptions,
36
- className = _ref.className,
37
- style = _ref.style;
38
- var _useState = React.useState(0),
39
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
40
- index = _useState2[0],
41
- setIndex = _useState2[1];
42
- var slidesAmount = React.Children.count(children);
43
- var handleClickLeft = function handleClickLeft() {
44
- setIndex(Math.max(0, index - 1));
45
- };
46
- var handleClickRight = function handleClickRight() {
47
- setIndex(Math.min(slidesAmount - 1, index + 1));
48
- };
49
- var _useCarousel = useCarousel.useCarousel({
50
- index: index,
51
- scrollAlign: scrollAlign,
52
- onIndexChange: setIndex
53
- }),
54
- scrollRef = _useCarousel.scrollRef,
55
- trackRef = _useCarousel.trackRef;
56
- useDragScroll.useDragScroll(scrollRef, isDragScrollDisabled);
57
- return /*#__PURE__*/React__default.default.createElement(Root, {
58
- className: className,
59
- style: style,
60
- size: size,
61
- view: view,
62
- ref: ref
63
- }, /*#__PURE__*/React__default.default.createElement(Carousel_styles.ControlsWrapper, null, index !== 0 && /*#__PURE__*/React__default.default.createElement(Carousel_styles.IconButton, {
64
- pin: "circle-circle",
65
- onClick: handleClickLeft
66
- }, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/React__default.default.createElement(IconDisclosureLeft.IconDisclosureLeft, {
67
- size: "m",
68
- color: "inherit"
69
- }))), /*#__PURE__*/React__default.default.createElement(Carousel_styles.CarouselWrapper, {
70
- ref: scrollRef
71
- }, /*#__PURE__*/React__default.default.createElement(Carousel_styles.CarouselTrack, {
72
- ref: trackRef
73
- // aria-live={ariaLive}
74
- ,
75
- gap: gap
76
- }, children)), index !== slidesAmount - 1 && /*#__PURE__*/React__default.default.createElement(Carousel_styles.IconButton, {
77
- className: Carousel_tokens.classes.rightControlButton,
78
- pin: "circle-circle",
79
- onClick: handleClickRight
80
- }, _IconDisclosureRight || (_IconDisclosureRight = /*#__PURE__*/React__default.default.createElement(IconDisclosureRight.IconDisclosureRight, {
81
- size: "m",
82
- color: "inherit"
83
- })))), !(paginationOptions !== null && paginationOptions !== void 0 && paginationOptions.disabled) && /*#__PURE__*/React__default.default.createElement(Dots.Dots, {
84
- index: index,
85
- onChange: setIndex,
86
- visibleCount: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.visibleDots) || slidesAmount,
87
- count: slidesAmount,
88
- centered: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.centered) || false
89
- }));
90
- });
91
- };
92
- var carouselNewConfig = {
93
- name: 'Carousel',
94
- tag: 'div',
95
- layout: carouselNewRoot,
96
- base: Carousel_styles.base,
97
- variations: {
98
- view: {
99
- css: base.base
100
- },
101
- size: {
102
- css: base$1.base
103
- }
104
- },
105
- defaults: {
106
- view: 'default',
107
- size: 's'
108
- }
109
- };
110
-
111
- exports.carouselNewConfig = carouselNewConfig;
112
- exports.carouselNewRoot = carouselNewRoot;
113
- //# sourceMappingURL=Carousel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Carousel.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"sourcesContent":["import { RootProps } from 'src/engines';\nimport React, { forwardRef, useState, Children } from 'react';\nimport { IconDisclosureLeft, IconDisclosureRight } from 'src/components/_Icon';\n\nimport { classes } from './Carousel.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, CarouselWrapper, CarouselTrack, ControlsWrapper, IconButton } from './Carousel.styles';\nimport { CarouselNewProps } from './Carousel.types';\nimport { useCarousel } from './hooks/useCarousel';\nimport { useDragScroll } from './hooks/useDragScroll';\nimport { Dots } from './ui';\n\n/**\n * Компонент для создания списков с прокруткой.\n */\nexport const carouselNewRoot = (Root: RootProps<HTMLDivElement, CarouselNewProps>) =>\n forwardRef<HTMLDivElement, CarouselNewProps>(\n (\n {\n view,\n size,\n scrollAlign,\n children,\n isDragScrollDisabled = false,\n gap,\n paginationOptions,\n className,\n style,\n },\n ref,\n ) => {\n const [index, setIndex] = useState(0);\n\n const slidesAmount = Children.count(children);\n\n const handleClickLeft = () => {\n setIndex(Math.max(0, index - 1));\n };\n\n const handleClickRight = () => {\n setIndex(Math.min(slidesAmount - 1, index + 1));\n };\n\n const { scrollRef, trackRef } = useCarousel({\n index,\n scrollAlign,\n onIndexChange: setIndex,\n });\n\n useDragScroll(scrollRef, isDragScrollDisabled);\n\n return (\n <Root className={className} style={style} size={size} view={view} ref={ref}>\n <ControlsWrapper>\n {index !== 0 && (\n <IconButton pin=\"circle-circle\" onClick={handleClickLeft}>\n <IconDisclosureLeft size=\"m\" color=\"inherit\" />\n </IconButton>\n )}\n\n <CarouselWrapper ref={scrollRef}>\n <CarouselTrack\n ref={trackRef}\n // aria-live={ariaLive}\n gap={gap}\n >\n {children}\n </CarouselTrack>\n </CarouselWrapper>\n\n {index !== slidesAmount - 1 && (\n <IconButton\n className={classes.rightControlButton}\n pin=\"circle-circle\"\n onClick={handleClickRight}\n >\n <IconDisclosureRight size=\"m\" color=\"inherit\" />\n </IconButton>\n )}\n </ControlsWrapper>\n\n {!paginationOptions?.disabled && (\n <Dots\n index={index}\n onChange={setIndex}\n visibleCount={paginationOptions?.visibleDots || slidesAmount}\n count={slidesAmount}\n centered={paginationOptions?.centered || false}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const carouselNewConfig = {\n name: 'Carousel',\n tag: 'div',\n layout: carouselNewRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 's',\n },\n};\n"],"names":["carouselNewRoot","Root","forwardRef","_ref","ref","view","size","scrollAlign","children","_ref$isDragScrollDisa","isDragScrollDisabled","gap","paginationOptions","className","style","_useState","useState","_useState2","_slicedToArray","index","setIndex","slidesAmount","Children","count","handleClickLeft","Math","max","handleClickRight","min","_useCarousel","useCarousel","onIndexChange","scrollRef","trackRef","useDragScroll","React","createElement","ControlsWrapper","IconButton","pin","onClick","_IconDisclosureLeft","IconDisclosureLeft","color","CarouselWrapper","CarouselTrack","classes","rightControlButton","_IconDisclosureRight","IconDisclosureRight","disabled","Dots","onChange","visibleCount","visibleDots","centered","carouselNewConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -1,52 +0,0 @@
1
- require('./Carousel.styles_1fs4wwn.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
- var common = require('../../../engines/common.js');
8
- var IconButton$1 = require('../../IconButton/IconButton.js');
9
-
10
- var mergedConfig = /*#__PURE__*/common.mergeConfig(IconButton$1.iconButtonConfig);
11
- var IconButtonComponent = /*#__PURE__*/common.component(mergedConfig);
12
- var base = "b13uu57o";
13
- var CarouselWrapper = /*#__PURE__*/react.styled('div')({
14
- name: "CarouselWrapper",
15
- "class": "c1gygdut",
16
- propsAsIs: false
17
- });
18
- var _exp = function _exp() {
19
- return function (_ref) {
20
- var gap = _ref.gap;
21
- return gap || 0;
22
- };
23
- };
24
- var CarouselTrack = /*#__PURE__*/react.styled('div')({
25
- name: "CarouselTrack",
26
- "class": "c76zbfp",
27
- propsAsIs: false,
28
- vars: {
29
- "c76zbfp-0": [/*#__PURE__*/_exp()]
30
- }
31
- });
32
- var _exp2 = function _exp2() {
33
- return IconButtonComponent;
34
- };
35
- var IconButton = /*#__PURE__*/react.styled(_exp2())({
36
- name: "IconButton",
37
- "class": "i1cnnvc1",
38
- propsAsIs: true
39
- });
40
- var ControlsWrapper = /*#__PURE__*/react.styled('div')({
41
- name: "ControlsWrapper",
42
- "class": "c1ff2k98",
43
- propsAsIs: false
44
- });
45
-
46
- exports.CarouselTrack = CarouselTrack;
47
- exports.CarouselWrapper = CarouselWrapper;
48
- exports.ControlsWrapper = ControlsWrapper;
49
- exports.IconButton = IconButton;
50
- exports.IconButtonComponent = IconButtonComponent;
51
- exports.base = base;
52
- //# sourceMappingURL=Carousel.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Carousel.styles.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { CSSProperties } from 'react';\nimport { component, mergeConfig } from 'src/engines';\nimport { iconButtonConfig, iconButtonTokens } from 'src/components/IconButton';\n\nimport { classes } from './Carousel.tokens';\n\nconst mergedConfig = mergeConfig(iconButtonConfig);\nexport const IconButtonComponent = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n`;\n\nexport const CarouselWrapper = styled.div`\n position: relative;\n margin: 0;\n padding: 0;\n list-style: none;\n\n -ms-overflow-style: none;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n scroll-snap-type: x mandatory;\n\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n`;\n\nexport const CarouselTrack = styled.div<{ gap?: CSSProperties['gap'] }>`\n display: inline-flex;\n flex-direction: row;\n gap: ${({ gap }) => gap || 0};\n`;\n\nexport const IconButton = styled(IconButtonComponent)`\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0.75rem;\n z-index: 10;\n\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1rem;\n ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n\n &.${classes.rightControlButton} {\n left: auto;\n right: 0.75rem;\n }\n`;\n\nexport const ControlsWrapper = styled.div`\n position: relative;\n`;\n"],"names":["mergedConfig","mergeConfig","iconButtonConfig","IconButtonComponent","component","base","CarouselWrapper","styled","name","class","propsAsIs","_exp","_ref","gap","CarouselTrack","vars","_exp2","IconButton","ControlsWrapper"],"mappings":";;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,6BAAgB,CAAC,CAAA;IACrCC,mBAAmB,gBAAGC,gBAAS,CAACJ,YAAY,EAAC;AAEnD,IAAMK,IAAI,GAEhB,WAAA;AAEM,IAAMC,eAAe,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAoBpC,EAAA;AAAC,IAAAC,IAAA,GAlCgBA,SAkChBA,IAAAA,GAAA;AAAA,EAAA,OAKS,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,GAAAA,GAAAA,IAAAA,CAAAA,GAAAA,CAAAA;IAAAA,OAAUA,GAAG,IAAI,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHzB,IAAMC,aAAa,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGxBJ,IAAqB,EAAA,CAAA;AAAA,GAAA;AAAA,CAC/B,EAAA;AAAC,IAAAK,KAAA,GAxCgBA,SAwChBA,KAAAA,GAAA;AAAA,EAAA,OAE+Bb,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA7C,IAAMc,UAAU,gBAAGV,YAAM,CAAAS,KAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsB/B,EAAA;AAEM,IAAMQ,eAAe,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEpC;;;;;;;;;"}
@@ -1,5 +0,0 @@
1
- .b13uu57o{position:relative;}
2
- .c1gygdut{position:relative;margin:0;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.c1gygdut::-webkit-scrollbar{display:none;}
3
- .c76zbfp{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--c76zbfp-0);}
4
- .i1cnnvc1{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;}.i1cnnvc1.carousel-right-control-button{left:auto;right:0.75rem;}
5
- .c1ff2k98{position:relative;}
@@ -1,24 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var classes = {
6
- dot: 'dot',
7
- active: 'dot-active',
8
- animating: 'dot-animating',
9
- animateIn: 'dot-animate-in',
10
- animateOut: 'dot-animate-out',
11
- temporaryNatural: 'dot-temporary-natural',
12
- shrinking: 'dot-shrinking',
13
- availableDotsLeft: 'dot-available-dots-left',
14
- availableDotsRight: 'dot-available-dots-right',
15
- rightControlButton: 'carousel-right-control-button'
16
- };
17
- var tokens = {
18
- paginationDotBackground: '--plasma-carousel-pagination-dot-background',
19
- paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background'
20
- };
21
-
22
- exports.classes = classes;
23
- exports.tokens = tokens;
24
- //# sourceMappingURL=Carousel.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Carousel.tokens.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"sourcesContent":["export const classes = {\n dot: 'dot',\n active: 'dot-active',\n animating: 'dot-animating',\n animateIn: 'dot-animate-in',\n animateOut: 'dot-animate-out',\n temporaryNatural: 'dot-temporary-natural',\n shrinking: 'dot-shrinking',\n availableDotsLeft: 'dot-available-dots-left',\n availableDotsRight: 'dot-available-dots-right',\n rightControlButton: 'carousel-right-control-button',\n};\n\nexport const tokens = {\n paginationDotBackground: '--plasma-carousel-pagination-dot-background',\n paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background',\n};\n"],"names":["classes","dot","active","animating","animateIn","animateOut","temporaryNatural","shrinking","availableDotsLeft","availableDotsRight","rightControlButton","tokens","paginationDotBackground","paginationDotActiveBackground"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,YAAY;AACpBC,EAAAA,SAAS,EAAE,eAAe;AAC1BC,EAAAA,SAAS,EAAE,gBAAgB;AAC3BC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,gBAAgB,EAAE,uBAAuB;AACzCC,EAAAA,SAAS,EAAE,eAAe;AAC1BC,EAAAA,iBAAiB,EAAE,yBAAyB;AAC5CC,EAAAA,kBAAkB,EAAE,0BAA0B;AAC9CC,EAAAA,kBAAkB,EAAE,+BAAA;AACxB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,uBAAuB,EAAE,6CAA6C;AACtEC,EAAAA,6BAA6B,EAAE,oDAAA;AACnC;;;;;"}