@salutejs/plasma-new-hope 0.326.0-canary.2013.15537674452.0 → 0.326.0-canary.2013.15555525626.0

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

@@ -2,76 +2,136 @@ 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>;
+type StoryCarouselProps = ComponentProps<typeof Carousel> & {
+    slides: number;
+    visibleDots: number;
+    paginationDisabled: boolean;
+    paginationCentered: boolean;
+};
+
+const { views, sizes } = getConfigVariations(config);
 
 const meta: Meta<StoryCarouselProps> = {
     title: 'web/Navigation/Carousel',
     component: Carousel,
     decorators: [WithTheme],
     argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
         align: {
-            options: ['center', 'start', 'end'],
+            options: ['start', 'center', 'end', 'activeDirection'],
             control: {
                 type: 'inline-radio',
             },
         },
-        isDragScrollDisabled: {
+        slides: {
+            control: 'number',
+        },
+        visibleDots: {
+            control: 'number',
+        },
+        controlArrowsDisabled: {
+            control: 'boolean',
+        },
+        paginationDisabled: {
+            control: 'boolean',
+        },
+        paginationCentered: {
             control: 'boolean',
         },
     },
     args: {
+        view: 'default',
+        size: 's',
         align: 'center',
-        isDragScrollDisabled: false,
+        visibleDots: 6,
+        slides: 10,
+        controlArrowsDisabled: false,
+        paginationDisabled: false,
+        paginationCentered: false,
     },
     parameters: {
         controls: {
-            include: ['align', 'isDragScrollDisabled'],
+            include: [
+                'align',
+                'visibleDots',
+                'slides',
+                'controlArrowsDisabled',
+                'paginationDisabled',
+                'paginationCentered',
+                'gap',
+            ],
         },
     },
 };
 
 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: 350px;
-    height: 50px;
-    padding: 8px;
+    width: 400px;
+    height: 370px;
     background-color: #add8e6;
+    font-size: 30px;
 `;
 
-const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
-    const [index, setIndex] = React.useState(0);
+const StoryDefault = ({
+    align,
+    visibleDots,
+    slides,
+    paginationDisabled,
+    paginationCentered,
+    ...rest
+}: StoryCarouselProps) => {
+    const items = Array(slides)
+        .fill(1)
+        .map((_, i) => ({
+            id: i,
+            title: i,
+        }));
 
     return (
-        <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>
+        <>
+            <div style={{ width: '600px' }}>
+                <Carousel
+                    detectActive
+                    scrollAlign={align}
+                    paginationOptions={{
+                        disabled: paginationDisabled,
+                        visibleDots,
+                        centered: paginationCentered,
+                    }}
+                    {...rest}
+                >
+                    {items.map((item, i) => (
+                        <CarouselItem key={i} scrollSnapAlign={align}>
+                            <StyledCard>{item.title}</StyledCard>
+                        </CarouselItem>
+                    ))}
+                </Carousel>
+            </div>
+        </>
     );
 };
 

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

@@ -12,7 +12,6 @@ import { base as sizeCSS } from "./variations/_size/base";
 import { base as viewCSS } from "./variations/_view/base";
 import { base, CarouselWrapper, CarouselTrack, ControlsWrapper, IconButton } from "./Carousel.styles";
 import { useCarousel } from "./hooks/useCarousel";
-import { useDragScroll } from "./hooks/useDragScroll";
 import { Dots } from "./ui";
 
 /**
@@ -22,11 +21,11 @@ export var carouselNewRoot = function carouselNewRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var view = _ref.view,
       size = _ref.size,
-      scrollAlign = _ref.scrollAlign,
+      _ref$scrollAlign = _ref.scrollAlign,
+      scrollAlign = _ref$scrollAlign === void 0 ? 'center' : _ref$scrollAlign,
       children = _ref.children,
-      _ref$isDragScrollDisa = _ref.isDragScrollDisabled,
-      isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
-      gap = _ref.gap,
+      _ref$controlArrowsDis = _ref.controlArrowsDisabled,
+      controlArrowsDisabled = _ref$controlArrowsDis === void 0 ? 'false' : _ref$controlArrowsDis,
       paginationOptions = _ref.paginationOptions,
       className = _ref.className,
       style = _ref.style;
@@ -48,14 +47,13 @@ export var carouselNewRoot = function carouselNewRoot(Root) {
       }),
       scrollRef = _useCarousel.scrollRef,
       trackRef = _useCarousel.trackRef;
-    useDragScroll(scrollRef, isDragScrollDisabled);
     return /*#__PURE__*/React.createElement(Root, {
       className: className,
       style: style,
       size: size,
       view: view,
       ref: ref
-    }, /*#__PURE__*/React.createElement(ControlsWrapper, null, index !== 0 && /*#__PURE__*/React.createElement(IconButton, {
+    }, /*#__PURE__*/React.createElement(ControlsWrapper, null, index !== 0 && !controlArrowsDisabled && /*#__PURE__*/React.createElement(IconButton, {
       pin: "circle-circle",
       onClick: handleClickLeft
     }, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/React.createElement(IconDisclosureLeft, {
@@ -65,10 +63,7 @@ export var carouselNewRoot = function carouselNewRoot(Root) {
       ref: scrollRef
     }, /*#__PURE__*/React.createElement(CarouselTrack, {
       ref: trackRef
-      // aria-live={ariaLive}
-      ,
-      gap: gap
-    }, children)), index !== slidesAmount - 1 && /*#__PURE__*/React.createElement(IconButton, {
+    }, children)), index !== slidesAmount - 1 && !controlArrowsDisabled && /*#__PURE__*/React.createElement(IconButton, {
       className: classes.rightControlButton,
       pin: "circle-circle",
       onClick: handleClickRight

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

@@ -12,32 +12,37 @@ export var base = process.env.NODE_ENV === "production" ? {
 } : {
   name: "y6axm9-plasma-new-hope__base",
   styles: "position:relative;label:plasma-new-hope__base;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Nhcm91c2VsL0Nhcm91c2VsTmV3L0Nhcm91c2VsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgaWNvbkJ1dHRvbkNvbmZpZywgaWNvbkJ1dHRvblRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0ljb25CdXR0b24nO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9DYXJvdXNlbC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnKTtcbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuXG4gICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcblxuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVHJhY2sgPSBzdHlsZWQuZGl2PHsgZ2FwPzogQ1NTUHJvcGVydGllc1snZ2FwJ10gfT5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBnYXA6ICR7KHsgZ2FwIH0pID0+IGdhcCB8fCAwfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b25Db21wb25lbnQpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgbGVmdDogMC43NXJlbTtcbiAgICB6LWluZGV4OiAxMDtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn06IHZhcigke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeS1hY3RpdmUpO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25IZWlnaHR9OiAyLjVyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25XaWR0aH06IDIuNXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9OiAxcmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogMC42MjVyZW07XG5cbiAgICAmLiR7Y2xhc3Nlcy5yaWdodENvbnRyb2xCdXR0b259IHtcbiAgICAgICAgbGVmdDogYXV0bztcbiAgICAgICAgcmlnaHQ6IDAuNzVyZW07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Nhcm91c2VsL0Nhcm91c2VsTmV3L0Nhcm91c2VsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICdzcmMvZW5naW5lcyc7XG5pbXBvcnQgeyBpY29uQnV0dG9uQ29uZmlnLCBpY29uQnV0dG9uVG9rZW5zIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbic7XG5cbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICcuL0Nhcm91c2VsLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGljb25CdXR0b25Db25maWcpO1xuZXhwb3J0IGNvbnN0IEljb25CdXR0b25Db21wb25lbnQgPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1hcmdpbi1sZWZ0OiBjYWxjKHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKSAqIC0xKTtcbiAgICBtYXJnaW4tcmlnaHQ6IGNhbGModmFyKC0tdGVtcG9yYXJ5LWNhcm91c2VsLXBhZGRpbmcpICogLTEpO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcblxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBvdmVyZmxvdy15OiBoaWRkZW47XG5cbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblxuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgIC0tdGVtcG9yYXJ5LWNhcm91c2VsLXBhZGRpbmc6IDAuNjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVHJhY2sgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgIGxlZnQ6IDAuNzVyZW07XG4gICAgei1pbmRleDogMTA7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktaG92ZXIpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktYWN0aXZlKTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiAyLjVyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogMXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IDAuNjI1cmVtO1xuXG4gICAgJi4ke2NsYXNzZXMucmlnaHRDb250cm9sQnV0dG9ufSB7XG4gICAgICAgIGxlZnQ6IGF1dG87XG4gICAgICAgIHJpZ2h0OiAwLjc1cmVtO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var CarouselWrapper = /*#__PURE__*/_styled("div", {
   target: "e1tpidja3",
   label: "plasma-new-hope__CarouselWrapper"
 })(process.env.NODE_ENV === "production" ? {
-  name: "s9hdiw",
-  styles: "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;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)"
+  name: "z5bjq3",
+  styles: "position:relative;margin-left:calc(var(--temporary-carousel-padding) * -1);margin-right:calc(var(--temporary-carousel-padding) * -1);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:x mandatory;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);--temporary-carousel-padding:0.625rem"
 } : {
-  name: "s9hdiw",
-  styles: "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;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWV5QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Nhcm91c2VsL0Nhcm91c2VsTmV3L0Nhcm91c2VsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgaWNvbkJ1dHRvbkNvbmZpZywgaWNvbkJ1dHRvblRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0ljb25CdXR0b24nO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9DYXJvdXNlbC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnKTtcbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuXG4gICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcblxuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVHJhY2sgPSBzdHlsZWQuZGl2PHsgZ2FwPzogQ1NTUHJvcGVydGllc1snZ2FwJ10gfT5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBnYXA6ICR7KHsgZ2FwIH0pID0+IGdhcCB8fCAwfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b25Db21wb25lbnQpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG4gICAgbGVmdDogMC43NXJlbTtcbiAgICB6LWluZGV4OiAxMDtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnkpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn06IHZhcigke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeS1hY3RpdmUpO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25IZWlnaHR9OiAyLjVyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25XaWR0aH06IDIuNXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9OiAxcmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogMC42MjVyZW07XG5cbiAgICAmLiR7Y2xhc3Nlcy5yaWdodENvbnRyb2xCdXR0b259IHtcbiAgICAgICAgbGVmdDogYXV0bztcbiAgICAgICAgcmlnaHQ6IDAuNzVyZW07XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */",
+  name: "z5bjq3",
+  styles: "position:relative;margin-left:calc(var(--temporary-carousel-padding) * -1);margin-right:calc(var(--temporary-carousel-padding) * -1);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:x mandatory;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);--temporary-carousel-padding:0.625rem",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN5QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Nhcm91c2VsL0Nhcm91c2VsTmV3L0Nhcm91c2VsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICdzcmMvZW5naW5lcyc7XG5pbXBvcnQgeyBpY29uQnV0dG9uQ29uZmlnLCBpY29uQnV0dG9uVG9rZW5zIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbic7XG5cbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICcuL0Nhcm91c2VsLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGljb25CdXR0b25Db25maWcpO1xuZXhwb3J0IGNvbnN0IEljb25CdXR0b25Db21wb25lbnQgPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1hcmdpbi1sZWZ0OiBjYWxjKHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKSAqIC0xKTtcbiAgICBtYXJnaW4tcmlnaHQ6IGNhbGModmFyKC0tdGVtcG9yYXJ5LWNhcm91c2VsLXBhZGRpbmcpICogLTEpO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcblxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBvdmVyZmxvdy15OiBoaWRkZW47XG5cbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblxuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgIC0tdGVtcG9yYXJ5LWNhcm91c2VsLXBhZGRpbmc6IDAuNjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVHJhY2sgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgIGxlZnQ6IDAuNzVyZW07XG4gICAgei1pbmRleDogMTA7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktaG92ZXIpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktYWN0aXZlKTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiAyLjVyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogMXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IDAuNjI1cmVtO1xuXG4gICAgJi4ke2NsYXNzZXMucmlnaHRDb250cm9sQnV0dG9ufSB7XG4gICAgICAgIGxlZnQ6IGF1dG87XG4gICAgICAgIHJpZ2h0OiAwLjc1cmVtO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export var CarouselTrack = /*#__PURE__*/_styled("div", {
   target: "e1tpidja2",
   label: "plasma-new-hope__CarouselTrack"
-})("display:inline-flex;flex-direction:row;gap:", function (_ref) {
-  var gap = _ref.gap;
-  return gap || 0;
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DdUUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJ3NyYy9lbmdpbmVzJztcbmltcG9ydCB7IGljb25CdXR0b25Db25maWcsIGljb25CdXR0b25Ub2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9JY29uQnV0dG9uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vQ2Fyb3VzZWwudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoaWNvbkJ1dHRvbkNvbmZpZyk7XG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbkNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcblxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBvdmVyZmxvdy15OiBoaWRkZW47XG5cbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcblxuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFRyYWNrID0gc3R5bGVkLmRpdjx7IGdhcD86IENTU1Byb3BlcnRpZXNbJ2dhcCddIH0+YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgZ2FwOiAkeyh7IGdhcCB9KSA9PiBnYXAgfHwgMH07XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgIGxlZnQ6IDAuNzVyZW07XG4gICAgei1pbmRleDogMTA7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktaG92ZXIpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktYWN0aXZlKTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiAyLjVyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogMXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IDAuNjI1cmVtO1xuXG4gICAgJi4ke2NsYXNzZXMucmlnaHRDb250cm9sQnV0dG9ufSB7XG4gICAgICAgIGxlZnQ6IGF1dG87XG4gICAgICAgIHJpZ2h0OiAwLjc1cmVtO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */"));
+})(process.env.NODE_ENV === "production" ? {
+  name: "1tss2kx",
+  styles: "display:inline-flex;flex-direction:row"
+} : {
+  name: "1tss2kx",
+  styles: "display:inline-flex;flex-direction:row",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgaWNvbkJ1dHRvbkNvbmZpZywgaWNvbkJ1dHRvblRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0ljb25CdXR0b24nO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9DYXJvdXNlbC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnKTtcbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tbGVmdDogY2FsYyh2YXIoLS10ZW1wb3JhcnktY2Fyb3VzZWwtcGFkZGluZykgKiAtMSk7XG4gICAgbWFyZ2luLXJpZ2h0OiBjYWxjKHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKSAqIC0xKTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5cbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuXG4gICAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gICAgc2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nOiAwLjYyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFRyYWNrID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbkNvbXBvbmVudClgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICBsZWZ0OiAwLjc1cmVtO1xuICAgIHotaW5kZXg6IDEwO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWFjdGl2ZSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkhlaWdodH06IDIuNXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IDFyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiAwLjYyNXJlbTtcblxuICAgICYuJHtjbGFzc2VzLnJpZ2h0Q29udHJvbEJ1dHRvbn0ge1xuICAgICAgICBsZWZ0OiBhdXRvO1xuICAgICAgICByaWdodDogMC43NXJlbTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 export var IconButton = /*#__PURE__*/_styled(IconButtonComponent, {
   target: "e1tpidja1",
   label: "plasma-new-hope__IconButton"
-})("position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", iconButtonTokens.iconButtonColor, ":var(--text-primary);", iconButtonTokens.iconButtonBackgroundColor, ":var(--surface-transparent-secondary);", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", iconButtonTokens.iconButtonBackgroundColor, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(--surface-transparent-secondary-hover);", iconButtonTokens.iconButtonBackgroundColorActive, ":var(--surface-transparent-secondary-active);", iconButtonTokens.iconButtonHeight, ":2.5rem;", iconButtonTokens.iconButtonWidth, ":2.5rem;", iconButtonTokens.iconButtonPadding, ":1rem;", iconButtonTokens.iconButtonRadius, ":0.625rem;&.", classes.rightControlButton, "{left:auto;right:0.75rem;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDcUQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJ3NyYy9lbmdpbmVzJztcbmltcG9ydCB7IGljb25CdXR0b25Db25maWcsIGljb25CdXR0b25Ub2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9JY29uQnV0dG9uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vQ2Fyb3VzZWwudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoaWNvbkJ1dHRvbkNvbmZpZyk7XG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbkNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcblxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBvdmVyZmxvdy15OiBoaWRkZW47XG5cbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcblxuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFRyYWNrID0gc3R5bGVkLmRpdjx7IGdhcD86IENTU1Byb3BlcnRpZXNbJ2dhcCddIH0+YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgZ2FwOiAkeyh7IGdhcCB9KSA9PiBnYXAgfHwgMH07XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgIGxlZnQ6IDAuNzVyZW07XG4gICAgei1pbmRleDogMTA7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktaG92ZXIpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktYWN0aXZlKTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiAyLjVyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogMXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IDAuNjI1cmVtO1xuXG4gICAgJi4ke2NsYXNzZXMucmlnaHRDb250cm9sQnV0dG9ufSB7XG4gICAgICAgIGxlZnQ6IGF1dG87XG4gICAgICAgIHJpZ2h0OiAwLjc1cmVtO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */"));
+})("position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", iconButtonTokens.iconButtonColor, ":var(--text-primary);", iconButtonTokens.iconButtonBackgroundColor, ":var(--surface-transparent-secondary);", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", iconButtonTokens.iconButtonBackgroundColor, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(--surface-transparent-secondary-hover);", iconButtonTokens.iconButtonBackgroundColorActive, ":var(--surface-transparent-secondary-active);", iconButtonTokens.iconButtonHeight, ":2.5rem;", iconButtonTokens.iconButtonWidth, ":2.5rem;", iconButtonTokens.iconButtonPadding, ":1rem;", iconButtonTokens.iconButtonRadius, ":0.625rem;&.", classes.rightControlButton, "{left:auto;right:0.75rem;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDcUQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgaWNvbkJ1dHRvbkNvbmZpZywgaWNvbkJ1dHRvblRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0ljb25CdXR0b24nO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9DYXJvdXNlbC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnKTtcbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tbGVmdDogY2FsYyh2YXIoLS10ZW1wb3JhcnktY2Fyb3VzZWwtcGFkZGluZykgKiAtMSk7XG4gICAgbWFyZ2luLXJpZ2h0OiBjYWxjKHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKSAqIC0xKTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5cbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuXG4gICAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gICAgc2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nOiAwLjYyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFRyYWNrID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbkNvbXBvbmVudClgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICBsZWZ0OiAwLjc1cmVtO1xuICAgIHotaW5kZXg6IDEwO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWFjdGl2ZSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkhlaWdodH06IDIuNXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IDFyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiAwLjYyNXJlbTtcblxuICAgICYuJHtjbGFzc2VzLnJpZ2h0Q29udHJvbEJ1dHRvbn0ge1xuICAgICAgICBsZWZ0OiBhdXRvO1xuICAgICAgICByaWdodDogMC43NXJlbTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */"));
 export var ControlsWrapper = /*#__PURE__*/_styled("div", {
   target: "e1tpidja0",
   label: "plasma-new-hope__ControlsWrapper"
@@ -47,6 +52,6 @@ export var ControlsWrapper = /*#__PURE__*/_styled("div", {
 } : {
   name: "bjn8wh",
   styles: "position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFeUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJ3NyYy9lbmdpbmVzJztcbmltcG9ydCB7IGljb25CdXR0b25Db25maWcsIGljb25CdXR0b25Ub2tlbnMgfSBmcm9tICdzcmMvY29tcG9uZW50cy9JY29uQnV0dG9uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vQ2Fyb3VzZWwudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoaWNvbkJ1dHRvbkNvbmZpZyk7XG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbkNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcblxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBvdmVyZmxvdy15OiBoaWRkZW47XG5cbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcblxuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFRyYWNrID0gc3R5bGVkLmRpdjx7IGdhcD86IENTU1Byb3BlcnRpZXNbJ2dhcCddIH0+YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgZ2FwOiAkeyh7IGdhcCB9KSA9PiBnYXAgfHwgMH07XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgIGxlZnQ6IDAuNzVyZW07XG4gICAgei1pbmRleDogMTA7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktaG92ZXIpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktYWN0aXZlKTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiAyLjVyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogMXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IDAuNjI1cmVtO1xuXG4gICAgJi4ke2NsYXNzZXMucmlnaHRDb250cm9sQnV0dG9ufSB7XG4gICAgICAgIGxlZnQ6IGF1dG87XG4gICAgICAgIHJpZ2h0OiAwLjc1cmVtO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FeUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgaWNvbkJ1dHRvbkNvbmZpZywgaWNvbkJ1dHRvblRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0ljb25CdXR0b24nO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9DYXJvdXNlbC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnKTtcbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tbGVmdDogY2FsYyh2YXIoLS10ZW1wb3JhcnktY2Fyb3VzZWwtcGFkZGluZykgKiAtMSk7XG4gICAgbWFyZ2luLXJpZ2h0OiBjYWxjKHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKSAqIC0xKTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5cbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuXG4gICAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gICAgc2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nOiAwLjYyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFRyYWNrID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbkNvbXBvbmVudClgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICBsZWZ0OiAwLjc1cmVtO1xuICAgIHotaW5kZXg6IDEwO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWFjdGl2ZSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkhlaWdodH06IDIuNXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IDFyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiAwLjYyNXJlbTtcblxuICAgICYuJHtjbGFzc2VzLnJpZ2h0Q29udHJvbEJ1dHRvbn0ge1xuICAgICAgICBsZWZ0OiBhdXRvO1xuICAgICAgICByaWdodDogMC43NXJlbTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });

package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js

@@ -3,8 +3,8 @@ import throttle from 'lodash.throttle';
 /**
  * Подсчет смещения из-за паддингов.
  */
-export var getCalculatedOffset = function getCalculatedOffset(scrollEl, trackEl, axis) {
-  var paddingProp = axis === 'x' ? 'paddingLeft' : 'paddingTop';
+export var getCalculatedOffset = function getCalculatedOffset(scrollEl, trackEl) {
+  var paddingProp = 'paddingLeft';
   return parseInt(getComputedStyle(scrollEl)[paddingProp], 10) + parseInt(getComputedStyle(trackEl)[paddingProp], 10);
 };
 var positionModByScrollAlign = function positionModByScrollAlign(_ref) {
@@ -13,11 +13,9 @@ var positionModByScrollAlign = function positionModByScrollAlign(_ref) {
     carouselSize = _ref.carouselSize,
     itemSize = _ref.itemSize,
     offset = _ref.offset,
-    scrollStart = _ref.scrollStart,
-    axis = _ref.axis;
+    scrollStart = _ref.scrollStart;
   if (scrollAlign === 'start') {
-    var inaccuracy = 1;
-    var paddingOffset = axis === 'y' ? offset - itemSize / 2 + inaccuracy : 0;
+    var paddingOffset = 0;
     return position + paddingOffset;
   }
   if (scrollAlign === 'center') {
@@ -41,47 +39,30 @@ var positionModByScrollAlign = function positionModByScrollAlign(_ref) {
  * Подсчет скролла до переданного индекса.
  */
 export var getCalculatedPos = function getCalculatedPos(_ref2) {
+  var _items$item$offsetWid2, _items$item2;
   var scrollEl = _ref2.scrollEl,
     items = _ref2.items,
-    axis = _ref2.axis,
     index = _ref2.index,
     offset = _ref2.offset,
     scrollAlign = _ref2.scrollAlign;
   var position = scrollAlign === 'center' ? offset : 0;
-  var carouselSize;
-  var itemSize;
-  var scrollStart;
   if (items.item(index) === null) {
     return position;
   }
   for (var i = 0; i < index; i++) {
-    if (axis === 'x') {
-      var _items$item$offsetWid, _items$item;
-      position += (_items$item$offsetWid = (_items$item = items.item(i)) === null || _items$item === void 0 ? void 0 : _items$item.offsetWidth) !== null && _items$item$offsetWid !== void 0 ? _items$item$offsetWid : 0;
-    } else {
-      var _items$item$offsetHei, _items$item2;
-      position += (_items$item$offsetHei = (_items$item2 = items.item(i)) === null || _items$item2 === void 0 ? void 0 : _items$item2.offsetHeight) !== null && _items$item$offsetHei !== void 0 ? _items$item$offsetHei : 0;
-    }
-  }
-  if (axis === 'x') {
-    var _items$item$offsetWid2, _items$item3;
-    carouselSize = scrollEl.offsetWidth;
-    itemSize = (_items$item$offsetWid2 = (_items$item3 = items.item(index)) === null || _items$item3 === void 0 ? void 0 : _items$item3.offsetWidth) !== null && _items$item$offsetWid2 !== void 0 ? _items$item$offsetWid2 : 0;
-    scrollStart = scrollEl.scrollLeft;
-  } else {
-    var _items$item$offsetHei2, _items$item4;
-    carouselSize = scrollEl.offsetHeight;
-    itemSize = (_items$item$offsetHei2 = (_items$item4 = items.item(index)) === null || _items$item4 === void 0 ? void 0 : _items$item4.offsetHeight) !== null && _items$item$offsetHei2 !== void 0 ? _items$item$offsetHei2 : 0;
-    scrollStart = scrollEl.scrollTop;
+    var _items$item$offsetWid, _items$item;
+    position += (_items$item$offsetWid = (_items$item = items.item(i)) === null || _items$item === void 0 ? void 0 : _items$item.offsetWidth) !== null && _items$item$offsetWid !== void 0 ? _items$item$offsetWid : 0;
   }
+  var carouselSize = scrollEl.offsetWidth;
+  var itemSize = (_items$item$offsetWid2 = (_items$item2 = items.item(index)) === null || _items$item2 === void 0 ? void 0 : _items$item2.offsetWidth) !== null && _items$item$offsetWid2 !== void 0 ? _items$item$offsetWid2 : 0;
+  var scrollStart = scrollEl.scrollLeft;
   return positionModByScrollAlign({
     scrollAlign: scrollAlign,
     position: position,
     carouselSize: carouselSize,
     itemSize: itemSize,
     offset: offset,
-    scrollStart: scrollStart,
-    axis: axis
+    scrollStart: scrollStart
   });
 };
 var DEFAULT_DURATION = 300;
@@ -135,11 +116,10 @@ export var animatedScrollToX = function animatedScrollToX(elem, pos) {
 export var scrollToPos = function scrollToPos(_ref3) {
   var scrollEl = _ref3.scrollEl,
     pos = _ref3.pos,
-    axis = _ref3.axis,
     animated = _ref3.animated,
     duration = _ref3.duration,
     timingFunction = _ref3.timingFunction;
-  if (axis === 'x' && Math.abs(pos - scrollEl.scrollLeft) > 1) {
+  if (Math.abs(pos - scrollEl.scrollLeft) > 1) {
     if (animated) {
       animatedScrollToX(scrollEl, pos, duration, timingFunction);
     } else {
@@ -327,7 +307,7 @@ export var useCarousel = function useCarousel(_ref4) {
         }
       }
     }, throttleMs);
-  }, [axis, debouncedOnIndexChange, detectActive, detectThreshold, scrollAlign, throttleMs]);
+  }, [debouncedOnIndexChange, detectActive, detectThreshold, scrollAlign, throttleMs]);
 
   /**
    * Прокрутка до нужной позиции индекса.
@@ -341,21 +321,19 @@ export var useCarousel = function useCarousel(_ref4) {
         pos: getCalculatedPos({
           scrollEl: scrollEl,
           items: items,
-          axis: axis,
           index: i,
           offset: offset.current,
           scrollAlign: scrollAlign
-        }),
-        axis: axis
+        })
       });
       prevIndex.current = i;
     }
-  }, [axis, scrollAlign]);
+  }, [scrollAlign]);
   useEffect(function () {
     if (scrollRef.current && trackRef.current) {
-      offset.current = getCalculatedOffset(scrollRef.current, trackRef.current, axis);
+      offset.current = getCalculatedOffset(scrollRef.current, trackRef.current);
     }
-  }, [axis]);
+  }, []);
 
   /**
    * Операции на маунте/анмаунте компонента.
@@ -373,27 +351,6 @@ export var useCarousel = function useCarousel(_ref4) {
     };
   }, [throttledDetectActiveItem]);
 
-  /**
-   * Нужно вызвать только при первом рендере
-   */
-  // useEffect(() => {
-  //     requestAnimationFrame(() => {
-  //         /**
-  //          * Прокрутка до начального индекса.
-  //          */
-  //         toIndex(index);
-  //
-  //         /**
-  //          * Если на момент запуска карусель уже находится на нужной позиции,
-  //          * событие скролла не произойдет, не сработает и определение центра,
-  //          * необходимо вызвать его вручную.
-  //          */
-  //         throttledDetectActiveItem();
-  //     });
-  //
-  //     // eslint-disable-next-line react-hooks/exhaustive-deps
-  // }, []);
-
   /**
    * Прокрутка до нужной позиции индекса, если индекс изменился.
    */

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

@@ -1,2 +1 @@
-export * from "./Item/Item";
 export * from "./Dots/Dots";

package/emotion/es/components/Carousel/CarouselOld/CarouselItem.js

@@ -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 */"));
+}, ";padding:0 var(--temporary-carousel-padding);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxPbGQvQ2Fyb3VzZWxJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE9sZC9DYXJvdXNlbEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgU25hcEFsaWduLCBTbmFwU3RvcCwgQ2Fyb3VzZWxJdGVtUHJvcHMgfSBmcm9tICcuL0Nhcm91c2VsLnR5cGVzJztcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5kaXY8eyBzY3JvbGxTbmFwQWxpZ246IFNuYXBBbGlnbjsgc2Nyb2xsU25hcFN0b3A6IFNuYXBTdG9wIH0+YFxuICAgIHNjcm9sbC1zbmFwLWFsaWduOiAkeyh7IHNjcm9sbFNuYXBBbGlnbiB9KSA9PiBzY3JvbGxTbmFwQWxpZ24gfHwgJ25vbmUnfTtcbiAgICBzY3JvbGwtc25hcC1zdG9wOiAkeyh7IHNjcm9sbFNuYXBBbGlnbiwgc2Nyb2xsU25hcFN0b3AgfSkgPT4gKHNjcm9sbFNuYXBBbGlnbiA/IHNjcm9sbFNuYXBTdG9wIDogJ25vcm1hbCcpfTtcbiAgICBwYWRkaW5nOiAwIHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbEl0ZW06IFJlYWN0LkZDPENhcm91c2VsSXRlbVByb3BzPiA9ICh7XG4gICAgc2Nyb2xsU25hcEFsaWduID0gJ2NlbnRlcicsXG4gICAgc2Nyb2xsU25hcFN0b3AgPSAnYWx3YXlzJyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5yZXN0XG59KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFN0eWxlZEl0ZW1cbiAgICAgICAgICAgIHNjcm9sbFNuYXBBbGlnbj17c2Nyb2xsU25hcEFsaWdufVxuICAgICAgICAgICAgc2Nyb2xsU25hcFN0b3A9e3Njcm9sbFNuYXBTdG9wfVxuICAgICAgICAgICAgcm9sZT1cImdyb3VwXCJcbiAgICAgICAgICAgIGFyaWEtcm9sZWRlc2NyaXB0aW9uPVwic2xpZGVcIlxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRJdGVtPlxuICAgICk7XG59O1xuIl19 */"));
 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

@@ -4,4 +4,4 @@ export { CarouselItem } from "./CarouselOld/CarouselItem";
 
 // New Carousel
 export { carouselNewConfig, carouselNewRoot } from "./CarouselNew/Carousel";
-export { tokens as carouselTokens } from "./CarouselNew/Carousel.tokens";
+export { tokens as carouselNewTokens } from "./CarouselNew/Carousel.tokens";

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

@@ -1,16 +1,16 @@
 import { css } from '@emotion/react';
-import { carouselTokens as tokens } from "../../../../components/Carousel";
+import { carouselNewTokens as tokens } from "../../../../components/Carousel";
 export var config = {
   defaults: {
     view: 'default',
-    size: 'm'
+    size: 's'
   },
   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== */"))
+      "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNhcm91c2VsTmV3VG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ2Fyb3VzZWwnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFnaW5hdGlvbkRvdEJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWdpbmF0aW9uRG90QWN0aXZlQmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBzOiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
     },
     size: {
-      s: /*#__PURE__*/css(";label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWwuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjYXJvdXNlbFRva2VucyBhcyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL0Nhcm91c2VsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZ2luYXRpb25Eb3RCYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFnaW5hdGlvbkRvdEFjdGl2ZUJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWRlZmF1bHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+      s: /*#__PURE__*/css(";label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWwuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjYXJvdXNlbE5ld1Rva2VucyBhcyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL0Nhcm91c2VsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdzJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZ2luYXRpb25Eb3RCYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFnaW5hdGlvbkRvdEFjdGl2ZUJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWRlZmF1bHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
     }
   }
 };