@salutejs/plasma-new-hope 0.321.1-canary.1943.14662029036.0 → 0.321.1-canary.1945.14664020647.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 (157) hide show
  1. package/cjs/components/Carousel/Carousel.css +4 -0
  2. package/cjs/components/Carousel/Carousel.js +80 -0
  3. package/cjs/components/Carousel/Carousel.js.map +1 -0
  4. package/cjs/components/Carousel/Carousel.styles.js +67 -0
  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/CarouselItem.js +53 -0
  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 +487 -0
  11. package/cjs/components/Carousel/useCarousel.js.map +1 -0
  12. package/cjs/components/Carousel/useDragScroll.js +62 -0
  13. package/cjs/components/Carousel/useDragScroll.js.map +1 -0
  14. package/cjs/components/Tabs/tokens.js +0 -1
  15. package/cjs/components/Tabs/tokens.js.map +1 -1
  16. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  17. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  18. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  19. package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_1rvmyae.css → HorizontalTabItem.styles_1yi1gll.css} +1 -1
  20. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  21. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  22. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  23. package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_y2x2qv.css → VerticalTabItem.styles_17vv6lq.css} +1 -1
  24. package/cjs/index.css +17 -10
  25. package/cjs/index.js +7 -0
  26. package/cjs/index.js.map +1 -1
  27. package/emotion/cjs/components/Carousel/Carousel.js +77 -0
  28. package/emotion/cjs/components/Carousel/Carousel.styles.js +49 -0
  29. package/emotion/cjs/components/Carousel/Carousel.types.js +5 -0
  30. package/emotion/cjs/components/Carousel/CarouselItem.js +38 -0
  31. package/emotion/cjs/components/Carousel/index.js +32 -0
  32. package/emotion/cjs/components/Carousel/useCarousel.js +478 -0
  33. package/emotion/cjs/components/Carousel/useDragScroll.js +65 -0
  34. package/emotion/cjs/components/Tabs/tokens.js +0 -1
  35. package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  36. package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  37. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +10 -0
  38. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +18 -0
  39. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +80 -0
  40. package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  41. package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  42. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +10 -0
  43. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.js +18 -0
  44. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +80 -0
  45. package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  46. package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  47. package/emotion/cjs/index.js +11 -0
  48. package/emotion/es/components/Carousel/Carousel.js +69 -0
  49. package/emotion/es/components/Carousel/Carousel.styles.js +42 -0
  50. package/emotion/es/components/Carousel/Carousel.types.js +1 -0
  51. package/emotion/es/components/Carousel/CarouselItem.js +31 -0
  52. package/emotion/es/components/Carousel/index.js +3 -0
  53. package/emotion/es/components/Carousel/useCarousel.js +468 -0
  54. package/emotion/es/components/Carousel/useDragScroll.js +59 -0
  55. package/emotion/es/components/Tabs/tokens.js +0 -1
  56. package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
  57. package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
  58. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +4 -0
  59. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.js +6 -0
  60. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +80 -0
  61. package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  62. package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  63. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.config.js +4 -0
  64. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.js +6 -0
  65. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +80 -0
  66. package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  67. package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  68. package/emotion/es/index.js +2 -1
  69. package/es/components/Carousel/Carousel.css +4 -0
  70. package/es/components/Carousel/Carousel.js +71 -0
  71. package/es/components/Carousel/Carousel.js.map +1 -0
  72. package/es/components/Carousel/Carousel.styles.js +60 -0
  73. package/es/components/Carousel/Carousel.styles.js.map +1 -0
  74. package/es/components/Carousel/Carousel.styles_zmchjj.css +4 -0
  75. package/es/components/Carousel/CarouselItem.js +45 -0
  76. package/es/components/Carousel/CarouselItem.js.map +1 -0
  77. package/es/components/Carousel/CarouselItem_cqjszm.css +1 -0
  78. package/es/components/Carousel/useCarousel.js +472 -0
  79. package/es/components/Carousel/useCarousel.js.map +1 -0
  80. package/es/components/Carousel/useDragScroll.js +58 -0
  81. package/es/components/Carousel/useDragScroll.js.map +1 -0
  82. package/es/components/Tabs/tokens.js +0 -1
  83. package/es/components/Tabs/tokens.js.map +1 -1
  84. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +5 -5
  85. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  86. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
  87. package/es/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_1rvmyae.css → HorizontalTabItem.styles_1yi1gll.css} +1 -1
  88. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -5
  89. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  90. package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
  91. package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_y2x2qv.css → VerticalTabItem.styles_17vv6lq.css} +1 -1
  92. package/es/index.css +17 -10
  93. package/es/index.js +3 -0
  94. package/es/index.js.map +1 -1
  95. package/package.json +4 -4
  96. package/styled-components/cjs/components/Carousel/Carousel.js +77 -0
  97. package/styled-components/cjs/components/Carousel/Carousel.styles.js +38 -0
  98. package/styled-components/cjs/components/Carousel/Carousel.types.js +5 -0
  99. package/styled-components/cjs/components/Carousel/CarouselItem.js +37 -0
  100. package/styled-components/cjs/components/Carousel/index.js +32 -0
  101. package/styled-components/cjs/components/Carousel/useCarousel.js +478 -0
  102. package/styled-components/cjs/components/Carousel/useDragScroll.js +65 -0
  103. package/styled-components/cjs/components/Tabs/tokens.js +0 -1
  104. package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  105. package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  106. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +10 -0
  107. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +18 -0
  108. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +80 -0
  109. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  110. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  111. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +10 -0
  112. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.js +18 -0
  113. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +80 -0
  114. package/styled-components/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  115. package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  116. package/styled-components/cjs/index.js +11 -0
  117. package/styled-components/es/components/Carousel/Carousel.js +69 -0
  118. package/styled-components/es/components/Carousel/Carousel.styles.js +30 -0
  119. package/styled-components/es/components/Carousel/Carousel.types.js +1 -0
  120. package/styled-components/es/components/Carousel/CarouselItem.js +30 -0
  121. package/styled-components/es/components/Carousel/index.js +3 -0
  122. package/styled-components/es/components/Carousel/useCarousel.js +468 -0
  123. package/styled-components/es/components/Carousel/useDragScroll.js +59 -0
  124. package/styled-components/es/components/Tabs/tokens.js +0 -1
  125. package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
  126. package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
  127. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +4 -0
  128. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.js +6 -0
  129. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +80 -0
  130. package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  131. package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  132. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.config.js +4 -0
  133. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.js +6 -0
  134. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +80 -0
  135. package/styled-components/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  136. package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +1 -1
  137. package/styled-components/es/index.js +2 -1
  138. package/types/components/Carousel/Carousel.d.ts +22 -0
  139. package/types/components/Carousel/Carousel.d.ts.map +1 -0
  140. package/types/components/Carousel/Carousel.styles.d.ts +16 -0
  141. package/types/components/Carousel/Carousel.styles.d.ts.map +1 -0
  142. package/types/components/Carousel/Carousel.types.d.ts +111 -0
  143. package/types/components/Carousel/Carousel.types.d.ts.map +1 -0
  144. package/types/components/Carousel/CarouselItem.d.ts +4 -0
  145. package/types/components/Carousel/CarouselItem.d.ts.map +1 -0
  146. package/types/components/Carousel/index.d.ts +5 -0
  147. package/types/components/Carousel/index.d.ts.map +1 -0
  148. package/types/components/Carousel/useCarousel.d.ts +63 -0
  149. package/types/components/Carousel/useCarousel.d.ts.map +1 -0
  150. package/types/components/Carousel/useDragScroll.d.ts +3 -0
  151. package/types/components/Carousel/useDragScroll.d.ts.map +1 -0
  152. package/types/components/Tabs/tokens.d.ts +0 -1
  153. package/types/components/Tabs/tokens.d.ts.map +1 -1
  154. package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
  155. package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
  156. package/types/index.d.ts +1 -0
  157. package/types/index.d.ts.map +1 -1
@@ -7,10 +7,10 @@ export var config = {
7
7
  },
8
8
  variations: {
9
9
  view: {
10
- clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":pointer;"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
11
- secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":pointer;"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
12
- divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);", ":pointer;"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
13
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":pointer;"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor)
10
+ clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
11
+ secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
12
+ divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
13
+ "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
14
14
  },
15
15
  size: {
16
16
  xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":1.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
@@ -7,7 +7,7 @@ export var config = {
7
7
  },
8
8
  variations: {
9
9
  view: {
10
- divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);", ":pointer;"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor)
10
+ divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
11
11
  },
12
12
  size: {
13
13
  xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
@@ -0,0 +1,4 @@
1
+ export var config = {
2
+ defaults: {},
3
+ variations: {}
4
+ };
@@ -0,0 +1,6 @@
1
+ import { carouselConfig, CarouselItem } from "../../../../components/Carousel";
2
+ import { component, mergeConfig } from "../../../../engines";
3
+ import { config } from "./Carousel.config";
4
+ export var mergedConfig = /*#__PURE__*/mergeConfig(carouselConfig, config);
5
+ export var Carousel = /*#__PURE__*/component(mergedConfig);
6
+ export { CarouselItem };
@@ -0,0 +1,80 @@
1
+ import * as React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { Meta, StoryObj } from '@storybook/react';
4
+ import styled from 'styled-components';
5
+
6
+ import { WithTheme } from '../../../_helpers';
7
+
8
+ import { Carousel, CarouselItem } from './Carousel';
9
+
10
+ type StoryCarouselProps = ComponentProps<typeof Carousel>;
11
+
12
+ const meta: Meta<StoryCarouselProps> = {
13
+ title: 'web/Data Display/Carousel',
14
+ component: Carousel,
15
+ decorators: [WithTheme],
16
+ argTypes: {
17
+ align: {
18
+ options: ['center', 'start', 'end'],
19
+ control: {
20
+ type: 'inline-radio',
21
+ },
22
+ },
23
+ isDragScrollDisabled: {
24
+ control: 'boolean',
25
+ },
26
+ },
27
+ args: {
28
+ align: 'center',
29
+ isDragScrollDisabled: false,
30
+ },
31
+ parameters: {
32
+ controls: {
33
+ include: ['align', 'isDragScrollDisabled'],
34
+ },
35
+ },
36
+ };
37
+
38
+ export default meta;
39
+
40
+ const items = Array(25)
41
+ .fill({
42
+ title: 'Заголовок',
43
+ })
44
+ .map(({ title }, i) => ({
45
+ id: i,
46
+ title: `${title} ${i}`,
47
+ }));
48
+
49
+ const StyledCard = styled.div`
50
+ position: relative;
51
+ border-radius: 8px;
52
+ width: 350px;
53
+ height: 50px;
54
+ padding: 8px;
55
+ background-color: #add8e6;
56
+ `;
57
+
58
+ const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
59
+ const [index, setIndex] = React.useState(0);
60
+
61
+ return (
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>
75
+ );
76
+ };
77
+
78
+ export const Default: StoryObj<StoryCarouselProps> = {
79
+ render: (args) => <StoryDefault {...args} />,
80
+ };
@@ -7,10 +7,10 @@ export var config = {
7
7
  },
8
8
  variations: {
9
9
  view: {
10
- clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":pointer;"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
11
- secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":pointer;"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
12
- divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);", ":pointer;"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor),
13
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":pointer;"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor)
10
+ clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
11
+ secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
12
+ divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
13
+ "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
14
14
  },
15
15
  size: {
16
16
  xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":1.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
@@ -7,7 +7,7 @@ export var config = {
7
7
  },
8
8
  variations: {
9
9
  view: {
10
- divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);", ":pointer;"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover, tabsTokens.itemCursor)
10
+ divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
11
11
  },
12
12
  size: {
13
13
  xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
@@ -74,4 +74,5 @@ export * from "./components/Note";
74
74
  export * from "./components/Table";
75
75
  export * from "./components/LinkButton";
76
76
  export * from "./components/NumberFormat";
77
- export * from "./components/Toast/ToastNew";
77
+ export * from "./components/Toast/ToastNew";
78
+ export * from "./components/Carousel";
@@ -0,0 +1,22 @@
1
+ import { RootProps } from 'src/engines';
2
+ import React from 'react';
3
+ import { CarouselProps } from './Carousel.types';
4
+ /**
5
+ * Компонент для создания списков с прокруткой.
6
+ */
7
+ export declare const carouselRoot: (Root: RootProps<HTMLDivElement, CarouselProps>) => React.ForwardRefExoticComponent<Omit<import("./Carousel.types").BasicProps & (import("./Carousel.types").DetectionProps | import("./Carousel.types").NoDetectionProps), "throttleMs" | "axis" | "animatedScrollByIndex" | "debounceMs"> & {
8
+ ariaLive?: "off" | "polite" | undefined;
9
+ isDragScrollDisabled?: boolean | undefined;
10
+ } & React.RefAttributes<HTMLDivElement>>;
11
+ export declare const carouselConfig: {
12
+ name: string;
13
+ tag: string;
14
+ layout: (Root: RootProps<HTMLDivElement, CarouselProps>) => React.ForwardRefExoticComponent<Omit<import("./Carousel.types").BasicProps & (import("./Carousel.types").DetectionProps | import("./Carousel.types").NoDetectionProps), "throttleMs" | "axis" | "animatedScrollByIndex" | "debounceMs"> & {
15
+ ariaLive?: "off" | "polite" | undefined;
16
+ isDragScrollDisabled?: boolean | undefined;
17
+ } & React.RefAttributes<HTMLDivElement>>;
18
+ base: import("@linaria/core").LinariaClassName;
19
+ variations: {};
20
+ defaults: {};
21
+ };
22
+ //# sourceMappingURL=Carousel.d.ts.map
@@ -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,UAAU,cAAc,EAAE,aAAa,CAAC;;;wCAuDtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAzDQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;CAgE1E,CAAC"}
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ export declare const base: import("@linaria/core").LinariaClassName;
3
+ /**
4
+ * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
5
+ * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
6
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
7
+ */
8
+ export declare const CarouselGridWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
9
+ export declare const CarouselWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
10
+ scrollSnapType?: "none" | "mandatory" | "proximity" | undefined;
11
+ }>;
12
+ export declare const CarouselTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
13
+ paddingStart?: string | undefined;
14
+ paddingEnd?: string | undefined;
15
+ }>;
16
+ //# sourceMappingURL=Carousel.styles.d.ts.map
@@ -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;;EAyB3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;EASzB,CAAC"}
@@ -0,0 +1,111 @@
1
+ import type { HTMLAttributes } from 'react';
2
+ export declare type SnapType = 'mandatory' | 'proximity' | 'none';
3
+ export declare type SnapAlign = 'start' | 'center' | 'end';
4
+ export declare type SnapStop = 'normal' | 'always';
5
+ export declare type ScrollAxis = 'x' | 'y';
6
+ export declare type ScrollAlign = 'start' | 'center' | 'end' | 'activeDirection';
7
+ interface AsProps<T = any> {
8
+ /**
9
+ * Сменить рендер на другой тип компонента.
10
+ */
11
+ as?: keyof JSX.IntrinsicElements | React.ComponentType<T>;
12
+ /**
13
+ * Альтернатива для `as` для случаев, когда при большой вложенности стилей,
14
+ * не применяются родительские стили styled-components.
15
+ */
16
+ forwardedAs?: keyof JSX.IntrinsicElements | React.ComponentType<T>;
17
+ }
18
+ export interface BasicProps extends AsProps, HTMLAttributes<HTMLDivElement> {
19
+ /**
20
+ * Индекс текущего элемента
21
+ */
22
+ index: number;
23
+ /**
24
+ * Ось прокрутки
25
+ */
26
+ axis: ScrollAxis;
27
+ /**
28
+ * Тип CSS Scroll Snap
29
+ */
30
+ scrollSnapType?: SnapType;
31
+ /**
32
+ * Центрирование активного элемента при скролле
33
+ */
34
+ scrollAlign?: ScrollAlign;
35
+ /**
36
+ * Отступ в начале, используется при центрировании крайних элементов
37
+ */
38
+ paddingStart?: string;
39
+ /**
40
+ * Отступ в конце, используется при центрировании крайних элементов
41
+ */
42
+ paddingEnd?: string;
43
+ /**
44
+ * Анимированная прокрутка с помощью requestAnimationFrame
45
+ */
46
+ animatedScrollByIndex?: boolean;
47
+ /**
48
+ * Throttling внутренних обработчиков события onScroll
49
+ */
50
+ throttleMs?: number;
51
+ /**
52
+ * Debounce внутренних обработчиков события onScroll
53
+ */
54
+ debounceMs?: number;
55
+ /**
56
+ * Сменить WAI-ARIA Role списка.
57
+ */
58
+ listRole?: string;
59
+ /**
60
+ * Сменить WAI-ARIA Label списка.
61
+ */
62
+ listAriaLabel?: string;
63
+ }
64
+ export interface DetectionProps {
65
+ /**
66
+ * Вычислять активный элемент
67
+ */
68
+ detectActive: true;
69
+ /**
70
+ * Пороговое значение определения центрального элемента (0-1)
71
+ */
72
+ detectThreshold: number;
73
+ /**
74
+ * Коллбек изменения индекса
75
+ */
76
+ onIndexChange?: (index: number) => void;
77
+ /**
78
+ * Коллбек изменения позиции скролла
79
+ */
80
+ onDetectActiveItem?: (index: number) => void;
81
+ /**
82
+ * Обработчик стилизации элемента во вьюпорте
83
+ */
84
+ scaleCallback?: (itemEl: HTMLElement, slot: number) => void;
85
+ /**
86
+ * Обработчик для сброса стилей элементов, находящихся вне вьюпорта
87
+ */
88
+ scaleResetCallback?: (itemEl: HTMLElement) => void;
89
+ }
90
+ export interface NoDetectionProps {
91
+ detectActive?: false;
92
+ detectThreshold?: never;
93
+ onIndexChange?: never;
94
+ onDetectActiveItem?: never;
95
+ scaleCallback?: never;
96
+ scaleResetCallback?: never;
97
+ }
98
+ declare type CarouselPropsBase = BasicProps & (DetectionProps | NoDetectionProps);
99
+ export declare type CarouselProps = Omit<CarouselPropsBase, 'axis' | 'animatedScrollByIndex' | 'throttleMs' | 'debounceMs'> & {
100
+ /**
101
+ * При значении `polite` скринридер будет объявлять переключаемые слайды.
102
+ */
103
+ ariaLive?: 'off' | 'polite';
104
+ isDragScrollDisabled?: boolean;
105
+ };
106
+ export declare type CarouselItemProps = {
107
+ scrollSnapAlign?: SnapAlign;
108
+ scrollSnapStop?: SnapStop;
109
+ } & AsProps & HTMLAttributes<HTMLDivElement>;
110
+ export {};
111
+ //# sourceMappingURL=Carousel.types.d.ts.map
@@ -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;AAE5C,oBAAY,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;AAC1D,oBAAY,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AACnC,oBAAY,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,iBAAiB,CAAC;AAEzE,UAAU,OAAO,CAAC,CAAC,GAAG,GAAG;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC1D;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CACtE;AAED,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,aAAK,iBAAiB,GAAG,UAAU,GAAG,CAAC,cAAc,GAAG,gBAAgB,CAAC,CAAC;AAE1E,oBAAY,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,oBAAY,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,4 @@
1
+ import React from 'react';
2
+ import { CarouselItemProps } from './Carousel.types';
3
+ export declare const CarouselItem: React.FC<CarouselItemProps>;
4
+ //# sourceMappingURL=CarouselItem.d.ts.map
@@ -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"}
@@ -0,0 +1,5 @@
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';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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,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,63 @@
1
+ import React from 'react';
2
+ import { CarouselProps, ScrollAlign, ScrollAxis } from './Carousel.types';
3
+ /**
4
+ * Подсчет смещения из-за паддингов.
5
+ */
6
+ export declare const getCalculatedOffset: (scrollEl: Element, trackEl: Element, axis: ScrollAxis) => number;
7
+ /**
8
+ * Подсчет скролла до переданного индекса.
9
+ */
10
+ export declare const getCalculatedPos: ({ scrollEl, items, axis, index, offset, scrollAlign, }: {
11
+ scrollEl: HTMLElement;
12
+ items: HTMLCollectionOf<HTMLElement>;
13
+ axis: ScrollAxis;
14
+ index: number;
15
+ offset: number;
16
+ scrollAlign: ScrollAlign;
17
+ }) => number;
18
+ declare const tfs: {
19
+ linear: (t: number) => number;
20
+ easeIn: (t: number) => number;
21
+ easeOut: (t: number) => number;
22
+ easeInOut: (t: number) => number;
23
+ };
24
+ export declare type TimingFunction = keyof typeof tfs;
25
+ /**
26
+ * Плавная прокрутка по горизонтали
27
+ * @param {Element} elem
28
+ * @param {number} pos
29
+ * @param {number} duration
30
+ * @param {string} timingFunction
31
+ */
32
+ export declare const animatedScrollToX: (elem: Element, pos: number, duration?: number, timingFunction?: TimingFunction) => void;
33
+ /**
34
+ * Прокрутка к указанной позиции с анимацией или без.
35
+ */
36
+ export declare const scrollToPos: ({ scrollEl, pos, axis, animated, duration, timingFunction, }: {
37
+ scrollEl: HTMLElement;
38
+ pos: number;
39
+ axis: ScrollAxis;
40
+ animated?: boolean | undefined;
41
+ duration?: number | undefined;
42
+ timingFunction?: "linear" | "easeIn" | "easeOut" | "easeInOut" | undefined;
43
+ }) => void;
44
+ /**
45
+ * Получить позицию (слот) айтема в каруселе.
46
+ * Каждый айтем имеет свой слот относительно вьюпорта карусели.
47
+ */
48
+ export declare const getItemSlot: (itemIndex: number, itemEnd: number, itemSize: number, scrollStart: number, scrollSize: number, scrollAlign: ScrollAlign, prevIndex?: number, offset?: number) => number | null;
49
+ export declare function getCarouselItems(track: HTMLElement): HTMLCollectionOf<HTMLElement>;
50
+ export declare function useDebouncedFunction(func: (...args: any) => any, delay: number, cleanUp?: boolean): (...args: any[]) => void;
51
+ declare type UseCarouselOptions = Pick<CarouselProps, 'index' | 'scrollAlign' | 'detectActive' | 'detectThreshold' | 'scaleCallback' | 'scaleResetCallback' | 'onIndexChange' | 'onDetectActiveItem'> & {
52
+ axis: 'x' | 'y';
53
+ animatedScrollByIndex?: boolean;
54
+ throttleMs?: number;
55
+ debounceMs?: number;
56
+ };
57
+ declare type UseCarouselHookResult = {
58
+ scrollRef: React.MutableRefObject<HTMLElement | null>;
59
+ trackRef: React.MutableRefObject<HTMLElement | null>;
60
+ };
61
+ export declare const useCarousel: ({ index, axis, detectActive, detectThreshold, scrollAlign, scaleCallback, scaleResetCallback, onIndexChange, onDetectActiveItem, animatedScrollByIndex, throttleMs, debounceMs, }: UseCarouselOptions) => UseCarouselHookResult;
62
+ export {};
63
+ //# sourceMappingURL=useCarousel.d.ts.map
@@ -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;cAQf,WAAW;WACd,iBAAiB,WAAW,CAAC;UAC9B,UAAU;WACT,MAAM;YACL,MAAM;iBACD,WAAW;YAsC3B,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,oBAAY,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;cAQV,WAAW;SAChB,MAAM;UACL,UAAU;;;;UAYnB,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,aAAK,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,aAAK,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,3 @@
1
+ /// <reference types="react" />
2
+ export declare const useDragScroll: <T extends HTMLElement>(scrollRef: import("react").MutableRefObject<T | null>, isDragScrollDisabled?: boolean | undefined) => void;
3
+ //# sourceMappingURL=useDragScroll.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDragScroll.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/useDragScroll.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,aAAa,oIA0DzB,CAAC"}
@@ -67,7 +67,6 @@ export declare const tokens: {
67
67
  itemColorActive: string;
68
68
  itemValueColorActive: string;
69
69
  itemBackgroundColorHover: string;
70
- itemCursor: string;
71
70
  itemSelectedColor: string;
72
71
  itemSelectedValueColor: string;
73
72
  itemSelectedBackgroundColor: string;
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFlB,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"HorizontalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKASxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAmDhB,CAAC"}
1
+ {"version":3,"file":"HorizontalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKASxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAkDhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"VerticalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKAUxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CA+ChB,CAAC"}
1
+ {"version":3,"file":"VerticalTabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,uKAUxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CA6ChB,CAAC"}
package/types/index.d.ts CHANGED
@@ -73,4 +73,5 @@ export * from './components/Table';
73
73
  export * from './components/LinkButton';
74
74
  export * from './components/NumberFormat';
75
75
  export * from './components/Toast/ToastNew';
76
+ export * from './components/Carousel';
76
77
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC"}