@salutejs/plasma-new-hope 0.326.0-canary.2013.15538813402.0 → 0.326.0-canary.2015.15553048256.0

package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx

@@ -2,40 +2,20 @@ import * as React from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import styled from 'styled-components';
-import { getConfigVariations } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 
-import { config } from './Carousel.config';
 import { Carousel, CarouselItem } from './Carousel';
 
-type StoryCarouselProps = ComponentProps<typeof Carousel> & {
-    slides: number;
-    visibleDots: number;
-    paginationCentered: boolean;
-};
-
-const { views, sizes } = getConfigVariations(config);
+type StoryCarouselProps = ComponentProps<typeof Carousel>;
 
 const meta: Meta<StoryCarouselProps> = {
     title: 'b2c/Navigation/Carousel',
     component: Carousel,
     decorators: [WithTheme],
     argTypes: {
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
         align: {
-            options: ['start', 'center', 'end'],
+            options: ['center', 'start', 'end'],
             control: {
                 type: 'inline-radio',
             },
@@ -43,88 +23,55 @@ const meta: Meta<StoryCarouselProps> = {
         isDragScrollDisabled: {
             control: 'boolean',
         },
-        slides: {
-            control: 'number',
-        },
-        visibleDots: {
-            control: 'number',
-        },
-        paginationCentered: {
-            control: 'boolean',
-        },
-        gap: {
-            control: 'text',
-        },
     },
     args: {
-        view: 'default',
-        size: 's',
         align: 'center',
         isDragScrollDisabled: false,
-        visibleDots: 6,
-        slides: 10,
-        paginationCentered: false,
-        gap: '20px',
     },
     parameters: {
         controls: {
-            include: ['align', 'isDragScrollDisabled', 'visibleDots', 'slides', 'paginationCentered', 'gap'],
+            include: ['align', 'isDragScrollDisabled'],
         },
     },
 };
 
 export default meta;
 
+const items = Array(25)
+    .fill({
+        title: 'Заголовок',
+    })
+    .map(({ title }, i) => ({
+        id: i,
+        title: `${title} ${i}`,
+    }));
+
 const StyledCard = styled.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
     position: relative;
     border-radius: 8px;
-    width: 500px;
-    height: 370px;
+    width: 350px;
+    height: 50px;
+    padding: 8px;
     background-color: #add8e6;
-    font-size: 30px;
 `;
 
-const StoryDefault = ({
-    align,
-    visibleDots,
-    slides,
-    paginationCentered,
-    isDragScrollDisabled,
-    gap,
-    ...rest
-}: StoryCarouselProps) => {
-    const items = Array(slides)
-        .fill(1)
-        .map((_, i) => ({
-            id: i,
-            title: i,
-        }));
+const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
+    const [index, setIndex] = React.useState(0);
 
     return (
-        <>
-            <div style={{ width: '600px' }}>
-                <Carousel
-                    detectActive
-                    scrollAlign={align}
-                    isDragScrollDisabled={isDragScrollDisabled}
-                    gap={gap}
-                    paginationOptions={{
-                        visibleDots,
-                        centered: paginationCentered,
-                    }}
-                    {...rest}
-                >
-                    {items.map((item, i) => (
-                        <CarouselItem key={i} scrollSnapAlign={align}>
-                            <StyledCard>{item.title}</StyledCard>
-                        </CarouselItem>
-                    ))}
-                </Carousel>
-            </div>
-        </>
+        <Carousel
+            index={index}
+            detectActive
+            onIndexChange={setIndex}
+            scrollAlign={align}
+            isDragScrollDisabled={isDragScrollDisabled}
+        >
+            {items.map((item, i) => (
+                <CarouselItem key={i} style={{ padding: '0 0.5rem' }} scrollSnapAlign={align}>
+                    <StyledCard>{item.title}</StyledCard>
+                </CarouselItem>
+            ))}
+        </Carousel>
     );
 };
 

package/emotion/cjs/hooks/index.js

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "useDidMountEffect", {
     return _useDidMountEffect.useDidMountEffect;
   }
 });
-Object.defineProperty(exports, "useDidMountLayoutEffect", {
-  enumerable: true,
-  get: function get() {
-    return _useDidMountLayoutEffect.useDidMountLayoutEffect;
-  }
-});
 Object.defineProperty(exports, "useFocusTrap", {
   enumerable: true,
   get: function get() {
@@ -56,6 +50,5 @@ var _useFocusTrap = /*#__PURE__*/require("./useFocusTrap");
 var _usePreviousValue = /*#__PURE__*/require("./usePreviousValue");
 var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
 var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
-var _useDidMountLayoutEffect = /*#__PURE__*/require("./useDidMountLayoutEffect");
 var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
 var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");

package/emotion/es/components/Carousel/Carousel.styles.js

@@ -0,0 +1,42 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { css } from '@emotion/react';
+export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Nhcm91c2VsL0Nhcm91c2VsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcblxuLyoqXG4gKiDQmtC+0LzQv9C+0L3QtdC90YIg0L/RgNC40LzQtdC90Y/QtdGC0YHRjywg0LXRgdC70Lgg0YLRgNC10LHRg9C10YLRgdGPINC60L7QvNC/0LXQvdGB0LjRgNC+0LLQsNGC0Ywg0L7RgtGB0YLRg9C/0Ysg0LrQvtC90YLQtdC50L3QtdGA0LAg0LIg0YHQtdGC0LrQtS5cbiAqINCf0YDQuCDQvtCx0LXRgNGC0YvQstCw0L3QuNC4INCy0L7QutGA0YPQsyBgYENhcm91c2VsYGAsINC00L7QsdCw0LLQu9GP0LXRgiDQutCw0YDRg9GB0LXQu9C4INC4INC10LUg0L/RgNC+0LrRgNGD0YLQutC1INC00L7Qv9C+0LvQvdC40YLQtdC70YzQvdGL0LUg0L7RgtGB0YLRg9C/0YsuXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IENhcm91c2VsR3JpZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgbWFyZ2luLWxlZnQ6IGNhbGModmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSAqIC0xKTtcbiAgICBtYXJnaW4tcmlnaHQ6IGNhbGModmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSAqIC0xKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgc2Nyb2xsU25hcFR5cGU/OiAnbWFuZGF0b3J5JyB8ICdwcm94aW1pdHknIHwgJ25vbmUnIH0+YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuXG4gICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcblxuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6ICR7KHsgc2Nyb2xsU25hcFR5cGUgfSkgPT4gYHggJHtzY3JvbGxTbmFwVHlwZX1gfTtcblxuICAgICR7Q2Fyb3VzZWxHcmlkV3JhcHBlcn0gJiB7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwIHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbik7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKTtcbiAgICB9XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxUcmFjayA9IHN0eWxlZC5kaXY8eyBwYWRkaW5nU3RhcnQ/OiBzdHJpbmc7IHBhZGRpbmdFbmQ/OiBzdHJpbmcgfT5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGFkZGluZ1N0YXJ0IH0pID0+IHBhZGRpbmdTdGFydCB8fCAwfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBhZGRpbmdFbmQgfSkgPT4gcGFkZGluZ0VuZCB8fCAwfTtcblxuICAgICR7Q2Fyb3VzZWxHcmlkV3JhcHBlcn0gJiB7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgcGFkZGluZ0VuZCB9KSA9PiBwYWRkaW5nRW5kIHx8ICd2YXIoLS1wbGFzbWEtZ3JpZC1tYXJnaW4pJ307XG4gICAgfVxuYDtcbiJdfQ== */"));
+
+/**
+ * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
+ * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+export var CarouselGridWrapper = /*#__PURE__*/_styled("div", {
+  target: "e1xci5ql2",
+  label: "plasma-new-hope__CarouselGridWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1y1n8k7",
+  styles: "overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1)"
+} : {
+  name: "1y1n8k7",
+  styles: "overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Nhcm91c2VsL0Nhcm91c2VsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgYDtcblxuLyoqXG4gKiDQmtC+0LzQv9C+0L3QtdC90YIg0L/RgNC40LzQtdC90Y/QtdGC0YHRjywg0LXRgdC70Lgg0YLRgNC10LHRg9C10YLRgdGPINC60L7QvNC/0LXQvdGB0LjRgNC+0LLQsNGC0Ywg0L7RgtGB0YLRg9C/0Ysg0LrQvtC90YLQtdC50L3QtdGA0LAg0LIg0YHQtdGC0LrQtS5cbiAqINCf0YDQuCDQvtCx0LXRgNGC0YvQstCw0L3QuNC4INCy0L7QutGA0YPQsyBgYENhcm91c2VsYGAsINC00L7QsdCw0LLQu9GP0LXRgiDQutCw0YDRg9GB0LXQu9C4INC4INC10LUg0L/RgNC+0LrRgNGD0YLQutC1INC00L7Qv9C+0LvQvdC40YLQtdC70YzQvdGL0LUg0L7RgtGB0YLRg9C/0YsuXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IENhcm91c2VsR3JpZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgbWFyZ2luLWxlZnQ6IGNhbGModmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSAqIC0xKTtcbiAgICBtYXJnaW4tcmlnaHQ6IGNhbGModmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSAqIC0xKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgc2Nyb2xsU25hcFR5cGU/OiAnbWFuZGF0b3J5JyB8ICdwcm94aW1pdHknIHwgJ25vbmUnIH0+YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuXG4gICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcblxuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6ICR7KHsgc2Nyb2xsU25hcFR5cGUgfSkgPT4gYHggJHtzY3JvbGxTbmFwVHlwZX1gfTtcblxuICAgICR7Q2Fyb3VzZWxHcmlkV3JhcHBlcn0gJiB7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwIHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbik7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKTtcbiAgICB9XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxUcmFjayA9IHN0eWxlZC5kaXY8eyBwYWRkaW5nU3RhcnQ/OiBzdHJpbmc7IHBhZGRpbmdFbmQ/OiBzdHJpbmcgfT5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGFkZGluZ1N0YXJ0IH0pID0+IHBhZGRpbmdTdGFydCB8fCAwfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBhZGRpbmdFbmQgfSkgPT4gcGFkZGluZ0VuZCB8fCAwfTtcblxuICAgICR7Q2Fyb3VzZWxHcmlkV3JhcHBlcn0gJiB7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgcGFkZGluZ0VuZCB9KSA9PiBwYWRkaW5nRW5kIHx8ICd2YXIoLS1wbGFzbWEtZ3JpZC1tYXJnaW4pJ307XG4gICAgfVxuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var CarouselWrapper = /*#__PURE__*/_styled("div", {
+  target: "e1xci5ql1",
+  label: "plasma-new-hope__CarouselWrapper"
+})("position:relative;margin:0;padding:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:", function (_ref) {
+  var scrollSnapType = _ref.scrollSnapType;
+  return "x ".concat(scrollSnapType);
+}, ";", CarouselGridWrapper, " &{scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCa0ciLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG5cbi8qKlxuICog0JrQvtC80L/QvtC90LXQvdGCINC/0YDQuNC80LXQvdGP0LXRgtGB0Y8sINC10YHQu9C4INGC0YDQtdCx0YPQtdGC0YHRjyDQutC+0LzQv9C10L3RgdC40YDQvtCy0LDRgtGMINC+0YLRgdGC0YPQv9GLINC60L7QvdGC0LXQudC90LXRgNCwINCyINGB0LXRgtC60LUuXG4gKiDQn9GA0Lgg0L7QsdC10YDRgtGL0LLQsNC90LjQuCDQstC+0LrRgNGD0LMgYGBDYXJvdXNlbGBgLCDQtNC+0LHQsNCy0LvRj9C10YIg0LrQsNGA0YPRgdC10LvQuCDQuCDQtdC1INC/0YDQvtC60YDRg9GC0LrQtSDQtNC+0L/QvtC70L3QuNGC0LXQu9GM0L3Ri9C1INC+0YLRgdGC0YPQv9GLLlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBDYXJvdXNlbEdyaWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIG1hcmdpbi1sZWZ0OiBjYWxjKHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbikgKiAtMSk7XG4gICAgbWFyZ2luLXJpZ2h0OiBjYWxjKHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbikgKiAtMSk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHNjcm9sbFNuYXBUeXBlPzogJ21hbmRhdG9yeScgfCAncHJveGltaXR5JyB8ICdub25lJyB9PmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcblxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBvdmVyZmxvdy15OiBoaWRkZW47XG5cbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiAkeyh7IHNjcm9sbFNuYXBUeXBlIH0pID0+IGB4ICR7c2Nyb2xsU25hcFR5cGV9YH07XG5cbiAgICAke0Nhcm91c2VsR3JpZFdyYXBwZXJ9ICYge1xuICAgICAgICBzY3JvbGwtcGFkZGluZzogMCB2YXIoLS1wbGFzbWEtZ3JpZC1tYXJnaW4pO1xuICAgICAgICBwYWRkaW5nLWxlZnQ6IHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbik7XG4gICAgfVxuXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVHJhY2sgPSBzdHlsZWQuZGl2PHsgcGFkZGluZ1N0YXJ0Pzogc3RyaW5nOyBwYWRkaW5nRW5kPzogc3RyaW5nIH0+YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBhZGRpbmdTdGFydCB9KSA9PiBwYWRkaW5nU3RhcnQgfHwgMH07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwYWRkaW5nRW5kIH0pID0+IHBhZGRpbmdFbmQgfHwgMH07XG5cbiAgICAke0Nhcm91c2VsR3JpZFdyYXBwZXJ9ICYge1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBhZGRpbmdFbmQgfSkgPT4gcGFkZGluZ0VuZCB8fCAndmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSd9O1xuICAgIH1cbmA7XG4iXX0= */"));
+export var CarouselTrack = /*#__PURE__*/_styled("div", {
+  target: "e1xci5ql0",
+  label: "plasma-new-hope__CarouselTrack"
+})("display:inline-flex;flex-direction:row;padding-left:", function (_ref2) {
+  var paddingStart = _ref2.paddingStart;
+  return paddingStart || 0;
+}, ";padding-right:", function (_ref3) {
+  var paddingEnd = _ref3.paddingEnd;
+  return paddingEnd || 0;
+}, ";", CarouselGridWrapper, " &{padding-right:", function (_ref4) {
+  var paddingEnd = _ref4.paddingEnd;
+  return paddingEnd || 'var(--plasma-grid-margin)';
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG5cbi8qKlxuICog0JrQvtC80L/QvtC90LXQvdGCINC/0YDQuNC80LXQvdGP0LXRgtGB0Y8sINC10YHQu9C4INGC0YDQtdCx0YPQtdGC0YHRjyDQutC+0LzQv9C10L3RgdC40YDQvtCy0LDRgtGMINC+0YLRgdGC0YPQv9GLINC60L7QvdGC0LXQudC90LXRgNCwINCyINGB0LXRgtC60LUuXG4gKiDQn9GA0Lgg0L7QsdC10YDRgtGL0LLQsNC90LjQuCDQstC+0LrRgNGD0LMgYGBDYXJvdXNlbGBgLCDQtNC+0LHQsNCy0LvRj9C10YIg0LrQsNGA0YPRgdC10LvQuCDQuCDQtdC1INC/0YDQvtC60YDRg9GC0LrQtSDQtNC+0L/QvtC70L3QuNGC0LXQu9GM0L3Ri9C1INC+0YLRgdGC0YPQv9GLLlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBDYXJvdXNlbEdyaWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIG1hcmdpbi1sZWZ0OiBjYWxjKHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbikgKiAtMSk7XG4gICAgbWFyZ2luLXJpZ2h0OiBjYWxjKHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbikgKiAtMSk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHNjcm9sbFNuYXBUeXBlPzogJ21hbmRhdG9yeScgfCAncHJveGltaXR5JyB8ICdub25lJyB9PmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcblxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBvdmVyZmxvdy15OiBoaWRkZW47XG5cbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiAkeyh7IHNjcm9sbFNuYXBUeXBlIH0pID0+IGB4ICR7c2Nyb2xsU25hcFR5cGV9YH07XG5cbiAgICAke0Nhcm91c2VsR3JpZFdyYXBwZXJ9ICYge1xuICAgICAgICBzY3JvbGwtcGFkZGluZzogMCB2YXIoLS1wbGFzbWEtZ3JpZC1tYXJnaW4pO1xuICAgICAgICBwYWRkaW5nLWxlZnQ6IHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbik7XG4gICAgfVxuXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVHJhY2sgPSBzdHlsZWQuZGl2PHsgcGFkZGluZ1N0YXJ0Pzogc3RyaW5nOyBwYWRkaW5nRW5kPzogc3RyaW5nIH0+YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBhZGRpbmdTdGFydCB9KSA9PiBwYWRkaW5nU3RhcnQgfHwgMH07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwYWRkaW5nRW5kIH0pID0+IHBhZGRpbmdFbmQgfHwgMH07XG5cbiAgICAke0Nhcm91c2VsR3JpZFdyYXBwZXJ9ICYge1xuICAgICAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBhZGRpbmdFbmQgfSkgPT4gcGFkZGluZ0VuZCB8fCAndmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSd9O1xuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js}

@@ -5,7 +5,7 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 var StyledItem = /*#__PURE__*/_styled("div", {
-  target: "e1so91rd0",
+  target: "e1hmtvpq0",
   label: "plasma-new-hope__StyledItem"
 })("scroll-snap-align:", function (_ref) {
   var scrollSnapAlign = _ref.scrollSnapAlign;
@@ -14,7 +14,7 @@ var StyledItem = /*#__PURE__*/_styled("div", {
   var scrollSnapAlign = _ref2.scrollSnapAlign,
     scrollSnapStop = _ref2.scrollSnapStop;
   return scrollSnapAlign ? scrollSnapStop : 'normal';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxPbGQvQ2Fyb3VzZWxJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE9sZC9DYXJvdXNlbEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgU25hcEFsaWduLCBTbmFwU3RvcCwgQ2Fyb3VzZWxJdGVtUHJvcHMgfSBmcm9tICcuL0Nhcm91c2VsLnR5cGVzJztcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5kaXY8eyBzY3JvbGxTbmFwQWxpZ246IFNuYXBBbGlnbjsgc2Nyb2xsU25hcFN0b3A6IFNuYXBTdG9wIH0+YFxuICAgIHNjcm9sbC1zbmFwLWFsaWduOiAkeyh7IHNjcm9sbFNuYXBBbGlnbiB9KSA9PiBzY3JvbGxTbmFwQWxpZ24gfHwgJ25vbmUnfTtcbiAgICBzY3JvbGwtc25hcC1zdG9wOiAkeyh7IHNjcm9sbFNuYXBBbGlnbiwgc2Nyb2xsU25hcFN0b3AgfSkgPT4gKHNjcm9sbFNuYXBBbGlnbiA/IHNjcm9sbFNuYXBTdG9wIDogJ25vcm1hbCcpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbEl0ZW06IFJlYWN0LkZDPENhcm91c2VsSXRlbVByb3BzPiA9ICh7XG4gICAgc2Nyb2xsU25hcEFsaWduID0gJ2NlbnRlcicsXG4gICAgc2Nyb2xsU25hcFN0b3AgPSAnYWx3YXlzJyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5yZXN0XG59KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFN0eWxlZEl0ZW1cbiAgICAgICAgICAgIHNjcm9sbFNuYXBBbGlnbj17c2Nyb2xsU25hcEFsaWdufVxuICAgICAgICAgICAgc2Nyb2xsU25hcFN0b3A9e3Njcm9sbFNuYXBTdG9wfVxuICAgICAgICAgICAgcm9sZT1cImdyb3VwXCJcbiAgICAgICAgICAgIGFyaWEtcm9sZWRlc2NyaXB0aW9uPVwic2xpZGVcIlxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRJdGVtPlxuICAgICk7XG59O1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgU25hcEFsaWduLCBTbmFwU3RvcCwgQ2Fyb3VzZWxJdGVtUHJvcHMgfSBmcm9tICcuL0Nhcm91c2VsLnR5cGVzJztcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5kaXY8eyBzY3JvbGxTbmFwQWxpZ246IFNuYXBBbGlnbjsgc2Nyb2xsU25hcFN0b3A6IFNuYXBTdG9wIH0+YFxuICAgIHNjcm9sbC1zbmFwLWFsaWduOiAkeyh7IHNjcm9sbFNuYXBBbGlnbiB9KSA9PiBzY3JvbGxTbmFwQWxpZ24gfHwgJ25vbmUnfTtcbiAgICBzY3JvbGwtc25hcC1zdG9wOiAkeyh7IHNjcm9sbFNuYXBBbGlnbiwgc2Nyb2xsU25hcFN0b3AgfSkgPT4gKHNjcm9sbFNuYXBBbGlnbiA/IHNjcm9sbFNuYXBTdG9wIDogJ25vcm1hbCcpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbEl0ZW06IFJlYWN0LkZDPENhcm91c2VsSXRlbVByb3BzPiA9ICh7XG4gICAgc2Nyb2xsU25hcEFsaWduID0gJ2NlbnRlcicsXG4gICAgc2Nyb2xsU25hcFN0b3AgPSAnYWx3YXlzJyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5yZXN0XG59KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFN0eWxlZEl0ZW1cbiAgICAgICAgICAgIHNjcm9sbFNuYXBBbGlnbj17c2Nyb2xsU25hcEFsaWdufVxuICAgICAgICAgICAgc2Nyb2xsU25hcFN0b3A9e3Njcm9sbFNuYXBTdG9wfVxuICAgICAgICAgICAgcm9sZT1cImdyb3VwXCJcbiAgICAgICAgICAgIGFyaWEtcm9sZWRlc2NyaXB0aW9uPVwic2xpZGVcIlxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRJdGVtPlxuICAgICk7XG59O1xuIl19 */"));
 export var CarouselItem = function CarouselItem(_ref3) {
   var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
     scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,

package/emotion/es/components/Carousel/index.js

@@ -1,7 +1,3 @@
-export { carouselConfig, carouselRoot } from "./CarouselOld/Carousel";
-export { CarouselGridWrapper } from "./CarouselOld/Carousel.styles";
-export { CarouselItem } from "./CarouselOld/CarouselItem";
-
-// New Carousel
-export { carouselNewConfig, carouselNewRoot } from "./CarouselNew/Carousel";
-export { tokens as carouselTokens } from "./CarouselNew/Carousel.tokens";
+export { carouselConfig, carouselRoot } from "./Carousel";
+export { CarouselGridWrapper } from "./Carousel.styles";
+export { CarouselItem } from "./CarouselItem";

package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js

@@ -1,16 +1,4 @@
-import { css } from '@emotion/react';
-import { carouselTokens as tokens } from "../../../../components/Carousel";
 export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(tokens.paginationDotBackground, ":var(--surface-transparent-tertiary);", tokens.paginationDotActiveBackground, ":var(--surface-solid-default);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNhcm91c2VsVG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ2Fyb3VzZWwnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFnaW5hdGlvbkRvdEJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWdpbmF0aW9uRG90QWN0aXZlQmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBzOiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
-    },
-    size: {
-      s: /*#__PURE__*/css(";label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWwuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjYXJvdXNlbFRva2VucyBhcyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL0Nhcm91c2VsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZ2luYXRpb25Eb3RCYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFnaW5hdGlvbkRvdEFjdGl2ZUJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWRlZmF1bHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
-    }
-  }
+  defaults: {},
+  variations: {}
 };

package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.js

@@ -1,6 +1,6 @@
-import { carouselNewConfig, CarouselItem } from "../../../../components/Carousel";
+import { carouselConfig, CarouselItem } from "../../../../components/Carousel";
 import { component, mergeConfig } from "../../../../engines";
 import { config } from "./Carousel.config";
-export var mergedConfig = /*#__PURE__*/mergeConfig(carouselNewConfig, config);
+export var mergedConfig = /*#__PURE__*/mergeConfig(carouselConfig, config);
 export var Carousel = /*#__PURE__*/component(mergedConfig);
 export { CarouselItem };

package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx

@@ -2,40 +2,20 @@ import * as React from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import styled from 'styled-components';
-import { getConfigVariations } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 
-import { config } from './Carousel.config';
 import { Carousel, CarouselItem } from './Carousel';
 
-type StoryCarouselProps = ComponentProps<typeof Carousel> & {
-    slides: number;
-    visibleDots: number;
-    paginationCentered: boolean;
-};
-
-const { views, sizes } = getConfigVariations(config);
+type StoryCarouselProps = ComponentProps<typeof Carousel>;
 
 const meta: Meta<StoryCarouselProps> = {
     title: 'b2c/Navigation/Carousel',
     component: Carousel,
     decorators: [WithTheme],
     argTypes: {
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
         align: {
-            options: ['start', 'center', 'end'],
+            options: ['center', 'start', 'end'],
             control: {
                 type: 'inline-radio',
             },
@@ -43,88 +23,55 @@ const meta: Meta<StoryCarouselProps> = {
         isDragScrollDisabled: {
             control: 'boolean',
         },
-        slides: {
-            control: 'number',
-        },
-        visibleDots: {
-            control: 'number',
-        },
-        paginationCentered: {
-            control: 'boolean',
-        },
-        gap: {
-            control: 'text',
-        },
     },
     args: {
-        view: 'default',
-        size: 's',
         align: 'center',
         isDragScrollDisabled: false,
-        visibleDots: 6,
-        slides: 10,
-        paginationCentered: false,
-        gap: '20px',
     },
     parameters: {
         controls: {
-            include: ['align', 'isDragScrollDisabled', 'visibleDots', 'slides', 'paginationCentered', 'gap'],
+            include: ['align', 'isDragScrollDisabled'],
         },
     },
 };
 
 export default meta;
 
+const items = Array(25)
+    .fill({
+        title: 'Заголовок',
+    })
+    .map(({ title }, i) => ({
+        id: i,
+        title: `${title} ${i}`,
+    }));
+
 const StyledCard = styled.div`
-    display: flex;
-    align-items: center;
-    justify-content: center;
     position: relative;
     border-radius: 8px;
-    width: 500px;
-    height: 370px;
+    width: 350px;
+    height: 50px;
+    padding: 8px;
     background-color: #add8e6;
-    font-size: 30px;
 `;
 
-const StoryDefault = ({
-    align,
-    visibleDots,
-    slides,
-    paginationCentered,
-    isDragScrollDisabled,
-    gap,
-    ...rest
-}: StoryCarouselProps) => {
-    const items = Array(slides)
-        .fill(1)
-        .map((_, i) => ({
-            id: i,
-            title: i,
-        }));
+const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
+    const [index, setIndex] = React.useState(0);
 
     return (
-        <>
-            <div style={{ width: '600px' }}>
-                <Carousel
-                    detectActive
-                    scrollAlign={align}
-                    isDragScrollDisabled={isDragScrollDisabled}
-                    gap={gap}
-                    paginationOptions={{
-                        visibleDots,
-                        centered: paginationCentered,
-                    }}
-                    {...rest}
-                >
-                    {items.map((item, i) => (
-                        <CarouselItem key={i} scrollSnapAlign={align}>
-                            <StyledCard>{item.title}</StyledCard>
-                        </CarouselItem>
-                    ))}
-                </Carousel>
-            </div>
-        </>
+        <Carousel
+            index={index}
+            detectActive
+            onIndexChange={setIndex}
+            scrollAlign={align}
+            isDragScrollDisabled={isDragScrollDisabled}
+        >
+            {items.map((item, i) => (
+                <CarouselItem key={i} style={{ padding: '0 0.5rem' }} scrollSnapAlign={align}>
+                    <StyledCard>{item.title}</StyledCard>
+                </CarouselItem>
+            ))}
+        </Carousel>
     );
 };
 

package/emotion/es/hooks/index.js

@@ -3,6 +3,5 @@ export { useFocusTrap } from "./useFocusTrap";
 export { usePreviousValue } from "./usePreviousValue";
 export { useForceUpdate } from "./useForceUpdate";
 export { useDidMountEffect } from "./useDidMountEffect";
-export { useDidMountLayoutEffect } from "./useDidMountLayoutEffect";
 export { useOutsideClick } from "./useOutsideClick";
 export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";

package/es/components/Carousel/Carousel.css

@@ -0,0 +1,4 @@
+
+.Carousel_styles_zmchjj_cmeqer1__ccd8212a{overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);}
+.Carousel_styles_zmchjj_c14h2fl__ccd8212a{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:var(--c14h2fl-0);-moz-scroll-snap-type:var(--c14h2fl-0);-ms-scroll-snap-type:var(--c14h2fl-0);scroll-snap-type:var(--c14h2fl-0);-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_zmchjj_c14h2fl__ccd8212a::-webkit-scrollbar{display:none;}.Carousel_styles_zmchjj_cmeqer1__ccd8212a .Carousel_styles_zmchjj_c14h2fl__ccd8212a{-webkit-scroll-padding:0 var(--plasma-grid-margin);-moz-scroll-padding:0 var(--plasma-grid-margin);-ms-scroll-padding:0 var(--plasma-grid-margin);scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}
+.Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{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;padding-left:var(--c1c6iuz8-0);padding-right:var(--c1c6iuz8-1);}.Carousel_styles_zmchjj_cmeqer1__ccd8212a .Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{padding-right:var(--c1c6iuz8-2);}

package/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js}

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { CarouselWrapper, CarouselTrack, base } from './Carousel.styles.js';

package/es/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import { RootProps } from 'src/engines';\nimport React, { forwardRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { base, CarouselWrapper, CarouselTrack } from './Carousel.styles';\nimport { CarouselProps } from './Carousel.types';\nimport { useCarousel } from './useCarousel';\nimport { useDragScroll } from './useDragScroll';\n\n/**\n * Компонент для создания списков с прокруткой.\n */\nexport const carouselRoot = (Root: RootProps<HTMLDivElement, CarouselProps>) =>\n    forwardRef<HTMLDivElement, CarouselProps>(\n        (\n            {\n                index = 0,\n                scrollSnapType = 'mandatory',\n                scrollAlign,\n                detectActive,\n                detectThreshold,\n                scaleCallback,\n                scaleResetCallback,\n                onIndexChange,\n                paddingStart,\n                paddingEnd,\n                children,\n                ariaLive = 'off',\n                isDragScrollDisabled = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const axis = 'x';\n\n            const { scrollRef, trackRef } = useCarousel({\n                index,\n                axis,\n                scrollAlign,\n                detectActive,\n                detectThreshold,\n                scaleCallback,\n                scaleResetCallback,\n                onIndexChange,\n            });\n\n            const handleRef = useForkRef(scrollRef, ref);\n\n            useDragScroll(scrollRef, isDragScrollDisabled);\n\n            return (\n                <Root index={index}>\n                    {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n                    {/* @ts-ignore */}\n                    <CarouselWrapper ref={handleRef} scrollSnapType={scrollSnapType} {...rest}>\n                        <CarouselTrack\n                            ref={trackRef as React.MutableRefObject<HTMLDivElement | null>}\n                            paddingStart={paddingStart}\n                            paddingEnd={paddingEnd}\n                            aria-live={ariaLive}\n                        >\n                            {children}\n                        </CarouselTrack>\n                    </CarouselWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const carouselConfig = {\n    name: 'Carousel',\n    tag: 'div',\n    layout: carouselRoot,\n    base,\n    variations: {},\n    defaults: {},\n};\n"],"names":["carouselRoot","Root","forwardRef","_ref","ref","_ref$index","index","_ref$scrollSnapType","scrollSnapType","scrollAlign","detectActive","detectThreshold","scaleCallback","scaleResetCallback","onIndexChange","paddingStart","paddingEnd","children","_ref$ariaLive","ariaLive","_ref$isDragScrollDisa","isDragScrollDisabled","rest","_objectWithoutProperties","_excluded","axis","_useCarousel","useCarousel","scrollRef","trackRef","handleRef","useForkRef","useDragScroll","React","createElement","CarouselWrapper","_extends","CarouselTrack","carouselConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

package/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js}

@@ -1,7 +1,7 @@
-import './Carousel.styles_12r304j.css';
+import './Carousel.styles_zmchjj.css';
 import { styled } from '@linaria/react';
 
-var base = "bx40mlt";
+var base = "bhp1h9p";
 
 /**
  * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
@@ -10,7 +10,7 @@ var base = "bx40mlt";
  */
 var CarouselGridWrapper = /*#__PURE__*/styled('div')({
   name: "CarouselGridWrapper",
-  "class": "cupvf9e",
+  "class": "cmeqer1",
   propsAsIs: false
 });
 var _exp = function _exp() {
@@ -21,10 +21,10 @@ var _exp = function _exp() {
 };
 var CarouselWrapper = /*#__PURE__*/styled('div')({
   name: "CarouselWrapper",
-  "class": "csrgq3h",
+  "class": "c14h2fl",
   propsAsIs: false,
   vars: {
-    "csrgq3h-0": [/*#__PURE__*/_exp()]
+    "c14h2fl-0": [/*#__PURE__*/_exp()]
   }
 });
 var _exp3 = function _exp3() {
@@ -47,12 +47,12 @@ var _exp6 = function _exp6() {
 };
 var CarouselTrack = /*#__PURE__*/styled('div')({
   name: "CarouselTrack",
-  "class": "ciqx3je",
+  "class": "c1c6iuz8",
   propsAsIs: false,
   vars: {
-    "ciqx3je-0": [/*#__PURE__*/_exp3()],
-    "ciqx3je-1": [/*#__PURE__*/_exp4()],
-    "ciqx3je-2": [/*#__PURE__*/_exp6()]
+    "c1c6iuz8-0": [/*#__PURE__*/_exp3()],
+    "c1c6iuz8-1": [/*#__PURE__*/_exp4()],
+    "c1c6iuz8-2": [/*#__PURE__*/_exp6()]
   }
 });
 

package/es/components/Carousel/Carousel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.styles.js","sources":["../../../src/components/Carousel/Carousel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nexport const base = css``;\n\n/**\n * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.\n * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const CarouselGridWrapper = styled.div`\n    overflow: hidden;\n    margin-left: calc(var(--plasma-grid-margin) * -1);\n    margin-right: calc(var(--plasma-grid-margin) * -1);\n`;\n\nexport const CarouselWrapper = styled.div<{ scrollSnapType?: 'mandatory' | 'proximity' | 'none' }>`\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: ${({ scrollSnapType }) => `x ${scrollSnapType}`};\n\n    ${CarouselGridWrapper} & {\n        scroll-padding: 0 var(--plasma-grid-margin);\n        padding-left: var(--plasma-grid-margin);\n    }\n\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n`;\n\nexport const CarouselTrack = styled.div<{ paddingStart?: string; paddingEnd?: string }>`\n    display: inline-flex;\n    flex-direction: row;\n    padding-left: ${({ paddingStart }) => paddingStart || 0};\n    padding-right: ${({ paddingEnd }) => paddingEnd || 0};\n\n    ${CarouselGridWrapper} & {\n        padding-right: ${({ paddingEnd }) => paddingEnd || 'var(--plasma-grid-margin)'};\n    }\n`;\n"],"names":["base","CarouselGridWrapper","styled","name","class","propsAsIs","_exp","_ref","scrollSnapType","CarouselWrapper","vars","_exp3","_ref2","paddingStart","_exp4","_ref3","paddingEnd","_exp6","_ref4","CarouselTrack"],"mappings":";;AAGO,IAAMA,IAAI,GAAQ,UAAA;;AAEzB;AACA;AACA;AACA;AACA;AACO,IAAMC,mBAAmB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIxC,EAAA;AAAC,IAAAC,IAAA,GAbgBA,SAahBA,IAAAA,GAAA;AAAA,EAAA,OAkBsB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,IAAAA,CAAAA,cAAAA,CAAAA;IAAAA,OAAAA,IAAAA,CAAAA,MAAAA,CAA0BA,cAAc,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AAhB9D,IAAMC,eAAe,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAgBbJ,IAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CASpE,EAAA;AAAC,IAAAK,KAAA,GAxCgBA,SAwChBA,KAAAA,GAAA;AAAA,EAAA,OAKkB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7CzCA,SA6CyCA,KAAAA,GAAA;AAAA,EAAA,OACtC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA9CtCA,SA8CsCA,KAAAA,GAAA;AAAA,EAAA,OAG/B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,2BAA2B,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAP/E,IAAMG,aAAa,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGfC,KAAuC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACtCG,KAAmC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAG/BG,KAA6D,EAAA,CAAA;AAAA,GAAA;AAAA,CAErF;;;;"}

package/es/components/Carousel/Carousel.styles_zmchjj.css

@@ -0,0 +1,4 @@
+
+.cmeqer1{overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);}
+.c14h2fl{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:var(--c14h2fl-0);-moz-scroll-snap-type:var(--c14h2fl-0);-ms-scroll-snap-type:var(--c14h2fl-0);scroll-snap-type:var(--c14h2fl-0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.c14h2fl::-webkit-scrollbar{display:none;}.cmeqer1 .c14h2fl{-webkit-scroll-padding:0 var(--plasma-grid-margin);-moz-scroll-padding:0 var(--plasma-grid-margin);-ms-scroll-padding:0 var(--plasma-grid-margin);scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}
+.c1c6iuz8{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;padding-left:var(--c1c6iuz8-0);padding-right:var(--c1c6iuz8-1);}.cmeqer1 .c1c6iuz8{padding-right:var(--c1c6iuz8-2);}

package/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js}

@@ -1,5 +1,5 @@
-import './CarouselItem_uvoxfy.css';
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import './CarouselItem_cqjszm.css';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { styled } from '@linaria/react';
 
@@ -19,11 +19,11 @@ var _exp2 = function _exp2() {
 };
 var StyledItem = /*#__PURE__*/styled('div')({
   name: "StyledItem",
-  "class": "sossdp0",
+  "class": "s13at6mi",
   propsAsIs: false,
   vars: {
-    "sossdp0-0": [/*#__PURE__*/_exp()],
-    "sossdp0-1": [/*#__PURE__*/_exp2()]
+    "s13at6mi-0": [/*#__PURE__*/_exp()],
+    "s13at6mi-1": [/*#__PURE__*/_exp2()]
   }
 });
 var CarouselItem = function CarouselItem(_ref3) {

package/es/components/Carousel/CarouselItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.js","sources":["../../../src/components/Carousel/CarouselItem.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { SnapAlign, SnapStop, CarouselItemProps } from './Carousel.types';\n\nconst StyledItem = styled.div<{ scrollSnapAlign: SnapAlign; scrollSnapStop: SnapStop }>`\n    scroll-snap-align: ${({ scrollSnapAlign }) => scrollSnapAlign || 'none'};\n    scroll-snap-stop: ${({ scrollSnapAlign, scrollSnapStop }) => (scrollSnapAlign ? scrollSnapStop : 'normal')};\n`;\n\nexport const CarouselItem: React.FC<CarouselItemProps> = ({\n    scrollSnapAlign = 'center',\n    scrollSnapStop = 'always',\n    children,\n    ...rest\n}) => {\n    return (\n        <StyledItem\n            scrollSnapAlign={scrollSnapAlign}\n            scrollSnapStop={scrollSnapStop}\n            role=\"group\"\n            aria-roledescription=\"slide\"\n            {...rest}\n        >\n            {children}\n        </StyledItem>\n    );\n};\n"],"names":["_exp","_ref","scrollSnapAlign","_exp2","_ref2","scrollSnapStop","StyledItem","styled","name","class","propsAsIs","vars","CarouselItem","_ref3","_ref3$scrollSnapAlign","_ref3$scrollSnapStop","children","rest","React","createElement","_extends","role"],"mappings":";;;;;AAG0E,IAAAA,IAAA,GAFxDA,SAEwDA,IAAAA,GAAA;AAAA,EAAA,OAGjD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,eAAAA,GAAAA,IAAAA,CAAAA,eAAAA,CAAAA;IAAAA,OAAsBA,eAAe,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GALzDA,SAKyDA,KAAAA,GAAA;AAAA,EAAA,OACnD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,eAAe,GAAAE,KAAA,CAAfF,eAAe;MAAEG,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAsBH,eAAe,GAAGG,cAAc,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAF9G,IAAMC,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACAX,IAAkD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACnDG,KAAsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAC7G,CAAA,CAAA;IAEYS,YAAyC,GAAGA,SAA5CA,YAAyCA,CAAAC,KAAA,EAKhD;AAAA,EAAA,IAAAC,qBAAA,GAAAD,KAAA,CAJFX,eAAe;AAAfA,IAAAA,eAAe,GAAAY,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;IAAAC,oBAAA,GAAAF,KAAA,CAC1BR,cAAc;AAAdA,IAAAA,cAAc,GAAAU,oBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,oBAAA;IACzBC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;AACLC,IAAAA,IAAAA,GAAAA,wBAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAEH,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACb,UAAU,EAAAc,QAAA,CAAA;AACPlB,IAAAA,eAAe,EAAEA,eAAgB;AACjCG,IAAAA,cAAc,EAAEA,cAAe;AAC/BgB,IAAAA,IAAI,EAAC,OAAO;IACZ,sBAAqB,EAAA,OAAA;GACjBJ,EAAAA,IAAI,CAEPD,EAAAA,QACO,CAAC,CAAA;AAErB;;;;"}

package/es/components/Carousel/CarouselItem_cqjszm.css

@@ -0,0 +1 @@
+.s13at6mi{-webkit-scroll-snap-align:var(--s13at6mi-0);-moz-scroll-snap-align:var(--s13at6mi-0);-ms-scroll-snap-align:var(--s13at6mi-0);scroll-snap-align:var(--s13at6mi-0);-webkit-scroll-snap-stop:var(--s13at6mi-1);-moz-scroll-snap-stop:var(--s13at6mi-1);-ms-scroll-snap-stop:var(--s13at6mi-1);scroll-snap-stop:var(--s13at6mi-1);}