@salutejs/plasma-new-hope 0.326.0-canary.2012.15487817329.0 → 0.326.0-canary.2013.15518408913.0

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

@@ -21,12 +21,32 @@ Object.defineProperty(exports, "carouselConfig", {
     return _Carousel.carouselConfig;
   }
 });
+Object.defineProperty(exports, "carouselNewConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Carousel3.carouselNewConfig;
+  }
+});
+Object.defineProperty(exports, "carouselNewRoot", {
+  enumerable: true,
+  get: function get() {
+    return _Carousel3.carouselNewRoot;
+  }
+});
 Object.defineProperty(exports, "carouselRoot", {
   enumerable: true,
   get: function get() {
     return _Carousel.carouselRoot;
   }
 });
-var _Carousel = /*#__PURE__*/require("./Carousel");
-var _Carousel2 = /*#__PURE__*/require("./Carousel.styles");
-var _CarouselItem = /*#__PURE__*/require("./CarouselItem");
+Object.defineProperty(exports, "carouselTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Carousel4.tokens;
+  }
+});
+var _Carousel = /*#__PURE__*/require("./CarouselOld/Carousel");
+var _Carousel2 = /*#__PURE__*/require("./CarouselOld/Carousel.styles");
+var _CarouselItem = /*#__PURE__*/require("./CarouselOld/CarouselItem");
+var _Carousel3 = /*#__PURE__*/require("./CarouselNew/Carousel");
+var _Carousel4 = /*#__PURE__*/require("./CarouselNew/Carousel.tokens");

package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js

@@ -19,7 +19,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
-var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
+var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -98,8 +98,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
       _ref$closeOnEsc = _ref.closeOnEsc,
       closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
-      _ref$closeAfterDateSe = _ref.closeAfterDateSelect,
-      closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
       offset = _ref.offset,
       calendarContainerWidth = _ref.calendarContainerWidth,
       calendarContainerHeight = _ref.calendarContainerHeight,
@@ -174,14 +172,14 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
       handleChangeValue = _useDatePicker.handleChangeValue,
-      onCalendarPick = _useDatePicker.handleCalendarPick,
+      handleCalendarPick = _useDatePicker.handleCalendarPick,
       handleSearch = _useDatePicker.handleSearch,
       updateExternalDate = _useDatePicker.updateExternalDate;
     var handleToggle = function handleToggle(innerOpened, event) {
       if (disabled || readOnly) {
         return;
       }
-      var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== _useKeyboardNavigation.keys.Escape ? true : innerOpened;
+      var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== _useKeyboardNavigation.keys.Escape ? true : innerOpened;
       if (!innerOpened && !calendarValue) {
         setCalendarValue(function (prevValue) {
           return prevValue === undefined ? null : undefined;
@@ -222,13 +220,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
         onBlur(event);
       }
     };
-    var handleCalendarPick = function handleCalendarPick(date, dateInfo) {
-      onCalendarPick(date, dateInfo);
-      if (closeAfterDateSelect) {
-        setIsInnerOpen(false);
-        handleToggle(false);
-      }
-    };
     var DatePickerInput = /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledInput, {
       ref: inputRef,
       className: (0, _classnames["default"])(datePickerErrorClass, datePickerSuccessClass),

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

@@ -4,7 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.config = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _Carousel = /*#__PURE__*/require("../../../../components/Carousel");
 var config = exports.config = {
-  defaults: {},
-  variations: {}
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _react.css)(_Carousel.carouselTokens.paginationDotBackground, ":var(--surface-transparent-tertiary);", _Carousel.carouselTokens.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__*/(0, _react.css)(";label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWwuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjYXJvdXNlbFRva2VucyBhcyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL0Nhcm91c2VsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdtJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZ2luYXRpb25Eb3RCYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFnaW5hdGlvbkRvdEFjdGl2ZUJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWRlZmF1bHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    }
+  }
 };

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

@@ -14,5 +14,5 @@ exports.mergedConfig = void 0;
 var _Carousel = /*#__PURE__*/require("../../../../components/Carousel");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _Carousel2 = /*#__PURE__*/require("./Carousel.config");
-var mergedConfig = exports.mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Carousel.carouselConfig, _Carousel2.config);
+var mergedConfig = exports.mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Carousel.carouselNewConfig, _Carousel2.config);
 var Carousel = exports.Carousel = /*#__PURE__*/(0, _engines.component)(mergedConfig);

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

@@ -2,18 +2,38 @@ 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;
+    paginationCentered: boolean;
+};
+
+const { views, sizes } = getConfigVariations(config);
 
 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: ['center', 'start', 'end'],
             control: {
@@ -23,55 +43,99 @@ const meta: Meta<StoryCarouselProps> = {
         isDragScrollDisabled: {
             control: 'boolean',
         },
+        slides: {
+            control: 'number',
+        },
+        visibleDots: {
+            control: 'number',
+        },
+        paginationCentered: {
+            control: 'boolean',
+        },
     },
     args: {
+        view: 'default',
+        size: 's',
         align: 'center',
         isDragScrollDisabled: false,
+        visibleDots: 6,
+        slides: 10,
+        paginationCentered: false,
     },
     parameters: {
         controls: {
-            include: ['align', 'isDragScrollDisabled'],
+            include: ['visibleDots', 'slides', 'paginationCentered'],
         },
     },
 };
 
 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: 500px;
+    height: 370px;
     background-color: #add8e6;
+    font-size: 30px;
 `;
 
-const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
+const StoryDefault = ({
+    align,
+    visibleDots,
+    slides,
+    paginationCentered,
+    isDragScrollDisabled,
+    ...rest
+}: StoryCarouselProps) => {
     const [index, setIndex] = React.useState(0);
 
+    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>
+        <>
+            <button type="button" onClick={() => setIndex((prev) => Math.max(prev - 1, 0))}>
+                prev
+            </button>
+            <button type="button" onClick={() => setIndex((prev) => Math.min(prev + 1, slides - 1))}>
+                next
+            </button>
+            <br />
+            <span>текущий индекс: {index}</span>
+
+            <br />
+            <br />
+
+            <div style={{ width: '800px' }}>
+                <Carousel
+                    index={index}
+                    onIndexChange={setIndex}
+                    detectActive
+                    scrollAlign={align}
+                    isDragScrollDisabled={isDragScrollDisabled}
+                    gap="20px"
+                    paginationOptions={{
+                        visibleDots,
+                        centered: paginationCentered,
+                    }}
+                    {...rest}
+                >
+                    {items.map((item, i) => (
+                        <CarouselItem key={i} scrollSnapAlign={align}>
+                            <StyledCard>{item.title}</StyledCard>
+                        </CarouselItem>
+                    ))}
+                </Carousel>
+            </div>
+        </>
     );
 };
 

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

@@ -14,7 +14,6 @@ const onChangeValue = action('onChangeValue');
 const onCommitDate = action('onCommitDate');
 const onBlur = action('onBlur');
 const onFocus = action('onFocus');
-const onToggle = action('onToggle');
 
 const onChangeFirstValue = action('onChangeFirstValue');
 const onChangeSecondValue = action('onChangeSecondValue');
@@ -119,10 +118,7 @@ const StoryDefault = ({
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
             onBlur={onBlur}
             onFocus={onFocus}
-            onToggle={(is) => {
-                setIsOpen(is);
-                onToggle(is);
-            }}
+            onToggle={(is) => setIsOpen(is)}
             onChangeValue={onChangeValue}
             onCommitDate={onCommitDate}
             lang={lang}
@@ -166,7 +162,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
-        closeAfterDateSelect: true,
         maskWithFormat: true,
         required: false,
         requiredPlacement: 'right',
@@ -267,10 +262,7 @@ const StoryRange = ({
             secondTextfieldTextBefore={
                 showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
             }
-            onToggle={(is) => {
-                setIsOpen(is);
-                onToggle(is);
-            }}
+            onToggle={(is) => setIsOpen(is)}
             onChangeFirstValue={onChangeFirstValue}
             onChangeSecondValue={onChangeSecondValue}
             lang={lang}
@@ -312,11 +304,11 @@ export const Range: StoryObj<StoryPropsRange> = {
         calendarContainerHeight: 0,
         stretched: false,
         isDoubleCalendar: false,
+        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
-        closeAfterDateSelect: true,
         renderFromDate: new Date(2024, 4, 14),
         maskWithFormat: false,
         required: false,
@@ -418,7 +410,6 @@ export const Deferred: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
-        closeAfterDateSelect: true,
         maskWithFormat: false,
         required: false,
         requiredPlacement: 'right',

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

@@ -118,10 +118,7 @@ const StoryDefault = ({
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
             onBlur={onBlur}
             onFocus={onFocus}
-            onToggle={(is) => {
-                setIsOpen(is);
-                onToggle(is);
-            }}
+            onToggle={(is) => setIsOpen(is)}
             onChangeValue={onChangeValue}
             onCommitDate={onCommitDate}
             lang={lang}
@@ -165,7 +162,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
-        closeAfterDateSelect: true,
         maskWithFormat: false,
         required: false,
         requiredPlacement: 'right',
@@ -266,10 +262,7 @@ const StoryRange = ({
             secondTextfieldTextBefore={
                 showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
             }
-            onToggle={(is) => {
-                setIsOpen(is);
-                onToggle(is);
-            }}
+            onToggle={(is) => setIsOpen(is)}
             onChangeFirstValue={onChangeFirstValue}
             onChangeSecondValue={onChangeSecondValue}
             lang={lang}
@@ -311,11 +304,11 @@ export const Range: StoryObj<StoryPropsRange> = {
         calendarContainerHeight: 0,
         stretched: false,
         isDoubleCalendar: false,
+        closeAfterDateSelect: true,
         dividerVariant: 'dash',
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
-        closeAfterDateSelect: true,
         renderFromDate: new Date(2024, 4, 14),
         maskWithFormat: false,
         required: false,
@@ -417,7 +410,6 @@ export const Deferred: StoryObj<StoryPropsDefault> = {
         includeEdgeDates: true,
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),
-        closeAfterDateSelect: true,
         maskWithFormat: false,
         required: false,
         requiredPlacement: 'right',

package/emotion/cjs/hooks/index.js

@@ -9,6 +9,12 @@ 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() {
@@ -50,5 +56,6 @@ 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/cjs/hooks/useDidMountLayoutEffect.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDidMountLayoutEffect = void 0;
+var _react = /*#__PURE__*/require("react");
+var useDidMountLayoutEffect = exports.useDidMountLayoutEffect = function useDidMountLayoutEffect(fn, inputs) {
+  var didMountRef = (0, _react.useRef)(false);
+  (0, _react.useLayoutEffect)(function () {
+    if (didMountRef.current) {
+      fn();
+    } else {
+      didMountRef.current = true;
+    }
+  }, inputs);
+};

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

@@ -0,0 +1,94 @@
+var _br;
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { forwardRef, useState, useCallback, Children } from 'react';
+// import { useForkRef } from '@salutejs/plasma-core';
+
+import { base as sizeCSS } from "./variations/_size/base";
+import { base as viewCSS } from "./variations/_view/base";
+import { base } from "./Carousel.styles";
+// import { base, CarouselWrapper, CarouselTrack } from './Carousel.styles';
+
+import { useCarousel } from "./hooks/useCarousel";
+import { useDragScroll } from "./hooks/useDragScroll";
+import { Dots } from "./ui";
+
+/**
+ * Компонент для создания списков с прокруткой.
+ */
+export var carouselNewRoot = function carouselNewRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref,
+  // @ts-ignore
+  ref) {
+    var view = _ref.view,
+      size = _ref.size,
+      outerIndex = _ref.index,
+      scrollAlign = _ref.scrollAlign,
+      detectActive = _ref.detectActive,
+      detectThreshold = _ref.detectThreshold,
+      onIndexChange = _ref.onIndexChange,
+      children = _ref.children,
+      _ref$isDragScrollDisa = _ref.isDragScrollDisabled,
+      isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
+      paginationOptions = _ref.paginationOptions;
+    var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      internalIndex = _useState2[0],
+      setInternalIndex = _useState2[1];
+    var index = outerIndex !== null && outerIndex !== void 0 ? outerIndex : internalIndex;
+    var handleChangeIndex = useCallback(function (index) {
+      if (onIndexChange) {
+        onIndexChange(index);
+      }
+      setInternalIndex(index);
+    }, [onIndexChange]);
+
+    // const { scrollRef, trackRef } = useCarousel({
+    var _useCarousel = useCarousel({
+        index: index,
+        scrollAlign: scrollAlign,
+        detectActive: detectActive,
+        detectThreshold: detectThreshold,
+        onIndexChange: onIndexChange
+      }),
+      scrollRef = _useCarousel.scrollRef;
+
+    // const handleRef = useForkRef(scrollRef, ref);
+
+    useDragScroll(scrollRef, isDragScrollDisabled);
+    var slidesAmount = Children.count(children);
+    return /*#__PURE__*/React.createElement(Root, {
+      size: size,
+      view: view,
+      index: index
+    }, _br || (_br = /*#__PURE__*/React.createElement("br", null)), !(paginationOptions !== null && paginationOptions !== void 0 && paginationOptions.disabled) && /*#__PURE__*/React.createElement(Dots, {
+      index: index,
+      onChange: handleChangeIndex,
+      visibleCount: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.visibleDots) || slidesAmount,
+      count: slidesAmount,
+      centered: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.centered) || false
+    }));
+  });
+};
+export var carouselNewConfig = {
+  name: 'Carousel',
+  tag: 'div',
+  layout: carouselNewRoot,
+  base: base,
+  variations: {
+    view: {
+      css: viewCSS
+    },
+    size: {
+      css: sizeCSS
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 's'
+  }
+};

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

@@ -0,0 +1,44 @@
+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 = process.env.NODE_ENV === "production" ? {
+  name: "lb5cd7-plasma-new-hope__base",
+  styles: "position:relative;padding:20px 0;border-top:2px solid #ff000038;&:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#ff000038;};label:plasma-new-hope__base;"
+} : {
+  name: "lb5cd7-plasma-new-hope__base",
+  styles: "position:relative;padding:20px 0;border-top:2px solid #ff000038;&:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#ff000038;};label:plasma-new-hope__base;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Nhcm91c2VsL0Nhcm91c2VsTmV3L0Nhcm91c2VsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAyMHB4IDA7XG4gICAgYm9yZGVyLXRvcDogMnB4IHNvbGlkICNmZjAwMDAzODtcblxuICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgd2lkdGg6IDJweDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IC0xcHg7XG4gICAgICAgIGJhY2tncm91bmQ6ICNmZjAwMDAzODtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQv9GA0LjQvNC10L3Rj9C10YLRgdGPLCDQtdGB0LvQuCDRgtGA0LXQsdGD0LXRgtGB0Y8g0LrQvtC80L/QtdC90YHQuNGA0L7QstCw0YLRjCDQvtGC0YHRgtGD0L/RiyDQutC+0L3RgtC10LnQvdC10YDQsCDQsiDRgdC10YLQutC1LlxuICog0J/RgNC4INC+0LHQtdGA0YLRi9Cy0LDQvdC40Lgg0LLQvtC60YDRg9CzIGBgQ2Fyb3VzZWxgYCwg0LTQvtCx0LDQstC70Y/QtdGCINC60LDRgNGD0YHQtdC70Lgg0Lgg0LXQtSDQv9GA0L7QutGA0YPRgtC60LUg0LTQvtC/0L7Qu9C90LjRgtC10LvRjNC90YvQtSDQvtGC0YHRgtGD0L/Riy5cbiAqINCh0YLQuNC70LjQt9C+0LLQsNC90L3Ri9C5INC60L7QvNC/0L7QvdC10L3Rgiwg0L7QsdC70LDQtNCw0Y7RidC40Lkg0LLRgdC10LzQuCDRgdCy0L7QudGB0YLQstCw0LzQuCBgYGRpdmBgLlxuICovXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxHcmlkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBtYXJnaW4tbGVmdDogY2FsYyh2YXIoLS1wbGFzbWEtZ3JpZC1tYXJnaW4pICogLTEpO1xuICAgIG1hcmdpbi1yaWdodDogY2FsYyh2YXIoLS1wbGFzbWEtZ3JpZC1tYXJnaW4pICogLTEpO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBzY3JvbGxTbmFwVHlwZT86ICdtYW5kYXRvcnknIHwgJ3Byb3hpbWl0eScgfCAnbm9uZScgfT5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5cbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuXG4gICAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gICAgc2Nyb2xsLXNuYXAtdHlwZTogJHsoeyBzY3JvbGxTbmFwVHlwZSB9KSA9PiBgeCAke3Njcm9sbFNuYXBUeXBlfWB9O1xuXG4gICAgJHtDYXJvdXNlbEdyaWRXcmFwcGVyfSAmIHtcbiAgICAgICAgc2Nyb2xsLXBhZGRpbmc6IDAgdmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKTtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiB2YXIoLS1wbGFzbWEtZ3JpZC1tYXJnaW4pO1xuICAgIH1cblxuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFRyYWNrID0gc3R5bGVkLmRpdjx7IGdhcD86IENTU1Byb3BlcnRpZXNbJ2dhcCddIH0+YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgZ2FwOiAkeyh7IGdhcCB9KSA9PiBnYXAgfHwgMH07XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+/**
+ * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
+ * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+export var CarouselGridWrapper = /*#__PURE__*/_styled("div", {
+  target: "e1tpidja2",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNkMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcGFkZGluZzogMjBweCAwO1xuICAgIGJvcmRlci10b3A6IDJweCBzb2xpZCAjZmYwMDAwMzg7XG5cbiAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHdpZHRoOiAycHg7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMXB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAjZmYwMDAwMzg7XG4gICAgfVxuYDtcblxuLyoqXG4gKiDQmtC+0LzQv9C+0L3QtdC90YIg0L/RgNC40LzQtdC90Y/QtdGC0YHRjywg0LXRgdC70Lgg0YLRgNC10LHRg9C10YLRgdGPINC60L7QvNC/0LXQvdGB0LjRgNC+0LLQsNGC0Ywg0L7RgtGB0YLRg9C/0Ysg0LrQvtC90YLQtdC50L3QtdGA0LAg0LIg0YHQtdGC0LrQtS5cbiAqINCf0YDQuCDQvtCx0LXRgNGC0YvQstCw0L3QuNC4INCy0L7QutGA0YPQsyBgYENhcm91c2VsYGAsINC00L7QsdCw0LLQu9GP0LXRgiDQutCw0YDRg9GB0LXQu9C4INC4INC10LUg0L/RgNC+0LrRgNGD0YLQutC1INC00L7Qv9C+0LvQvdC40YLQtdC70YzQvdGL0LUg0L7RgtGB0YLRg9C/0YsuXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IENhcm91c2VsR3JpZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgbWFyZ2luLWxlZnQ6IGNhbGModmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSAqIC0xKTtcbiAgICBtYXJnaW4tcmlnaHQ6IGNhbGModmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSAqIC0xKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgc2Nyb2xsU25hcFR5cGU/OiAnbWFuZGF0b3J5JyB8ICdwcm94aW1pdHknIHwgJ25vbmUnIH0+YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuXG4gICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcblxuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6ICR7KHsgc2Nyb2xsU25hcFR5cGUgfSkgPT4gYHggJHtzY3JvbGxTbmFwVHlwZX1gfTtcblxuICAgICR7Q2Fyb3VzZWxHcmlkV3JhcHBlcn0gJiB7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwIHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbik7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKTtcbiAgICB9XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxUcmFjayA9IHN0eWxlZC5kaXY8eyBnYXA/OiBDU1NQcm9wZXJ0aWVzWydnYXAnXSB9PmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGdhcDogJHsoeyBnYXAgfSkgPT4gZ2FwIHx8IDB9O1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var CarouselWrapper = /*#__PURE__*/_styled("div", {
+  target: "e1tpidja1",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDa0ciLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcGFkZGluZzogMjBweCAwO1xuICAgIGJvcmRlci10b3A6IDJweCBzb2xpZCAjZmYwMDAwMzg7XG5cbiAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHdpZHRoOiAycHg7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMXB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAjZmYwMDAwMzg7XG4gICAgfVxuYDtcblxuLyoqXG4gKiDQmtC+0LzQv9C+0L3QtdC90YIg0L/RgNC40LzQtdC90Y/QtdGC0YHRjywg0LXRgdC70Lgg0YLRgNC10LHRg9C10YLRgdGPINC60L7QvNC/0LXQvdGB0LjRgNC+0LLQsNGC0Ywg0L7RgtGB0YLRg9C/0Ysg0LrQvtC90YLQtdC50L3QtdGA0LAg0LIg0YHQtdGC0LrQtS5cbiAqINCf0YDQuCDQvtCx0LXRgNGC0YvQstCw0L3QuNC4INCy0L7QutGA0YPQsyBgYENhcm91c2VsYGAsINC00L7QsdCw0LLQu9GP0LXRgiDQutCw0YDRg9GB0LXQu9C4INC4INC10LUg0L/RgNC+0LrRgNGD0YLQutC1INC00L7Qv9C+0LvQvdC40YLQtdC70YzQvdGL0LUg0L7RgtGB0YLRg9C/0YsuXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IENhcm91c2VsR3JpZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgbWFyZ2luLWxlZnQ6IGNhbGModmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSAqIC0xKTtcbiAgICBtYXJnaW4tcmlnaHQ6IGNhbGModmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSAqIC0xKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgc2Nyb2xsU25hcFR5cGU/OiAnbWFuZGF0b3J5JyB8ICdwcm94aW1pdHknIHwgJ25vbmUnIH0+YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuXG4gICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcblxuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6ICR7KHsgc2Nyb2xsU25hcFR5cGUgfSkgPT4gYHggJHtzY3JvbGxTbmFwVHlwZX1gfTtcblxuICAgICR7Q2Fyb3VzZWxHcmlkV3JhcHBlcn0gJiB7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwIHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbik7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKTtcbiAgICB9XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxUcmFjayA9IHN0eWxlZC5kaXY8eyBnYXA/OiBDU1NQcm9wZXJ0aWVzWydnYXAnXSB9PmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGdhcDogJHsoeyBnYXAgfSkgPT4gZ2FwIHx8IDB9O1xuYDtcbiJdfQ== */"));
+export var CarouselTrack = /*#__PURE__*/_styled("div", {
+  target: "e1tpidja0",
+  label: "plasma-new-hope__CarouselTrack"
+})("display:inline-flex;flex-direction:row;gap:", function (_ref2) {
+  var gap = _ref2.gap;
+  return gap || 0;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEdUUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgcGFkZGluZzogMjBweCAwO1xuICAgIGJvcmRlci10b3A6IDJweCBzb2xpZCAjZmYwMDAwMzg7XG5cbiAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHdpZHRoOiAycHg7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAtMXB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAjZmYwMDAwMzg7XG4gICAgfVxuYDtcblxuLyoqXG4gKiDQmtC+0LzQv9C+0L3QtdC90YIg0L/RgNC40LzQtdC90Y/QtdGC0YHRjywg0LXRgdC70Lgg0YLRgNC10LHRg9C10YLRgdGPINC60L7QvNC/0LXQvdGB0LjRgNC+0LLQsNGC0Ywg0L7RgtGB0YLRg9C/0Ysg0LrQvtC90YLQtdC50L3QtdGA0LAg0LIg0YHQtdGC0LrQtS5cbiAqINCf0YDQuCDQvtCx0LXRgNGC0YvQstCw0L3QuNC4INCy0L7QutGA0YPQsyBgYENhcm91c2VsYGAsINC00L7QsdCw0LLQu9GP0LXRgiDQutCw0YDRg9GB0LXQu9C4INC4INC10LUg0L/RgNC+0LrRgNGD0YLQutC1INC00L7Qv9C+0LvQvdC40YLQtdC70YzQvdGL0LUg0L7RgtGB0YLRg9C/0YsuXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IENhcm91c2VsR3JpZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgbWFyZ2luLWxlZnQ6IGNhbGModmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSAqIC0xKTtcbiAgICBtYXJnaW4tcmlnaHQ6IGNhbGModmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKSAqIC0xKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgc2Nyb2xsU25hcFR5cGU/OiAnbWFuZGF0b3J5JyB8ICdwcm94aW1pdHknIHwgJ25vbmUnIH0+YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuXG4gICAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuICAgIG92ZXJmbG93LXk6IGhpZGRlbjtcblxuICAgIHNjcm9sbC1iZWhhdmlvcjogc21vb3RoO1xuICAgIHNjcm9sbC1zbmFwLXR5cGU6ICR7KHsgc2Nyb2xsU25hcFR5cGUgfSkgPT4gYHggJHtzY3JvbGxTbmFwVHlwZX1gfTtcblxuICAgICR7Q2Fyb3VzZWxHcmlkV3JhcHBlcn0gJiB7XG4gICAgICAgIHNjcm9sbC1wYWRkaW5nOiAwIHZhcigtLXBsYXNtYS1ncmlkLW1hcmdpbik7XG4gICAgICAgIHBhZGRpbmctbGVmdDogdmFyKC0tcGxhc21hLWdyaWQtbWFyZ2luKTtcbiAgICB9XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxUcmFjayA9IHN0eWxlZC5kaXY8eyBnYXA/OiBDU1NQcm9wZXJ0aWVzWydnYXAnXSB9PmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGdhcDogJHsoeyBnYXAgfSkgPT4gZ2FwIHx8IDB9O1xuYDtcbiJdfQ== */"));

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

@@ -0,0 +1,15 @@
+export var classes = {
+  dot: 'dot',
+  active: 'dot-active',
+  animating: 'dot-animating',
+  animateIn: 'dot-animate-in',
+  animateOut: 'dot-animate-out',
+  temporaryNatural: 'dot-temporary-natural',
+  shrinking: 'dot-shrinking',
+  availableDotsLeft: 'dot-available-dots-left',
+  availableDotsRight: 'dot-available-dots-right'
+};
+export var tokens = {
+  paginationDotBackground: '--plasma-carousel-pagination-dot-background',
+  paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background'
+};