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

package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js

@@ -1,24 +1,23 @@
 import styled from 'styled-components';
 import { css } from 'styled-components';
-export var base = /*#__PURE__*/css(["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;}"]);
-
-/**
- * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
- * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
- */
-export var CarouselGridWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-vln28v-0"
-})(["overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);"]);
+import { component, mergeConfig } from "../../../engines";
+import { iconButtonConfig, iconButtonTokens } from "../../IconButton";
+import { classes } from "./Carousel.tokens";
+var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
+export var IconButtonComponent = /*#__PURE__*/component(mergedConfig);
+export var base = /*#__PURE__*/css(["position:relative;"]);
 export var CarouselWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-vln28v-1"
-})(["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:", ";", " &{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);"], function (_ref) {
-  var scrollSnapType = _ref.scrollSnapType;
-  return "x ".concat(scrollSnapType);
-}, CarouselGridWrapper);
+  componentId: "plasma-new-hope__sc-vln28v-0"
+})(["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:x mandatory;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);"]);
 export var CarouselTrack = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-vln28v-2"
-})(["display:inline-flex;flex-direction:row;gap:", ";"], function (_ref2) {
-  var gap = _ref2.gap;
+  componentId: "plasma-new-hope__sc-vln28v-1"
+})(["display:inline-flex;flex-direction:row;gap:", ";"], function (_ref) {
+  var gap = _ref.gap;
   return gap || 0;
-});
+});
+export var IconButton = /*#__PURE__*/styled(IconButtonComponent).withConfig({
+  componentId: "plasma-new-hope__sc-vln28v-2"
+})(["position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(", ");", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;&.", "{left:auto;right:0.75rem;}"], iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, classes.rightControlButton);
+export var ControlsWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-vln28v-3"
+})(["position:relative;"]);

package/styled-components/es/components/Carousel/CarouselNew/Carousel.tokens.js

@@ -7,7 +7,8 @@ export var classes = {
   temporaryNatural: 'dot-temporary-natural',
   shrinking: 'dot-shrinking',
   availableDotsLeft: 'dot-available-dots-left',
-  availableDotsRight: 'dot-available-dots-right'
+  availableDotsRight: 'dot-available-dots-right',
+  rightControlButton: 'carousel-right-control-button'
 };
 export var tokens = {
   paginationDotBackground: '--plasma-carousel-pagination-dot-background',

package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js

@@ -226,13 +226,13 @@ var THROTTLE_DEFAULT_MS = 100;
 var DEBOUNCE_DEFAULT_MS = 150;
 export var useCarousel = function useCarousel(_ref4) {
   var index = _ref4.index,
+    onIndexChange = _ref4.onIndexChange,
     _ref4$detectActive = _ref4.detectActive,
     detectActive = _ref4$detectActive === void 0 ? false : _ref4$detectActive,
     _ref4$detectThreshold = _ref4.detectThreshold,
     detectThreshold = _ref4$detectThreshold === void 0 ? 0.5 : _ref4$detectThreshold,
     _ref4$scrollAlign = _ref4.scrollAlign,
     scrollAlign = _ref4$scrollAlign === void 0 ? 'center' : _ref4$scrollAlign,
-    onIndexChange = _ref4.onIndexChange,
     _ref4$throttleMs = _ref4.throttleMs,
     throttleMs = _ref4$throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _ref4$throttleMs,
     _ref4$debounceMs = _ref4.debounceMs,

package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { classes, tokens } from "../../Carousel.tokens";
 export var Wrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-feybgn-0"
-})(["display:flex;align-items:center;justify-content:center;--duration:0.3s;--half-duration:0.15s;"]);
+})(["display:flex;align-items:center;justify-content:center;margin-top:0.75rem;--duration:0.3s;--half-duration:0.15s;"]);
 export var TransitionWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-feybgn-1"
 })(["position:relative;display:flex;transition:transform 0s ease;&.", "{transition:transform var(--duration) ease;}& .", "{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(", ");border-radius:100%;&.", "{background-color:var(", ");}@keyframes fadeOut{from{transform:scale(0.75);opacity:1;}to{transform:scale(0);opacity:0;}}&.", "{animation:fadeOut var(--half-duration) ease forwards;}@keyframes shrinking{from{transform:scale(1);}to{transform:scale(0.75);}}&.", "{animation:shrinking var(--half-duration) var(--half-duration) ease forwards;}}"], classes.animating, classes.dot, tokens.paginationDotBackground, classes.active, tokens.paginationDotActiveBackground, classes.animateOut, classes.shrinking);

package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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"];
+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"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -89,6 +89,8 @@ export var 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,
@@ -163,14 +165,14 @@ export var datePickerRoot = function datePickerRoot(Root) {
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
       handleChangeValue = _useDatePicker.handleChangeValue,
-      handleCalendarPick = _useDatePicker.handleCalendarPick,
+      onCalendarPick = _useDatePicker.handleCalendarPick,
       handleSearch = _useDatePicker.handleSearch,
       updateExternalDate = _useDatePicker.updateExternalDate;
     var handleToggle = function handleToggle(innerOpened, event) {
       if (disabled || readOnly) {
         return;
       }
-      var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== keys.Escape ? true : innerOpened;
+      var isCalendarOpen = (event === null || event === void 0 ? void 0 : event.target) === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== keys.Escape ? true : innerOpened;
       if (!innerOpened && !calendarValue) {
         setCalendarValue(function (prevValue) {
           return prevValue === undefined ? null : undefined;
@@ -211,6 +213,13 @@ export var 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.createElement(StyledInput, {
       ref: inputRef,
       className: cls(datePickerErrorClass, datePickerSuccessClass),

package/styled-components/es/components/Sheet/hooks/useOverflow.js

@@ -1,7 +1,8 @@
 import { useEffect, useRef } from 'react';
+import { canUseDOM } from "../../../utils";
 export var useOverflow = function useOverflow(_ref) {
   var opened = _ref.opened;
-  var overflow = useRef(document.body.style.overflowY);
+  var overflow = useRef(canUseDOM ? document.body.style.overflowY : 'initial');
 
   // linaria не поддерживает динамический global
   useEffect(function () {

package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx

@@ -35,7 +35,7 @@ const meta: Meta<StoryCarouselProps> = {
             },
         },
         align: {
-            options: ['center', 'start', 'end'],
+            options: ['start', 'center', 'end'],
             control: {
                 type: 'inline-radio',
             },
@@ -52,6 +52,9 @@ const meta: Meta<StoryCarouselProps> = {
         paginationCentered: {
             control: 'boolean',
         },
+        gap: {
+            control: 'text',
+        },
     },
     args: {
         view: 'default',
@@ -61,10 +64,11 @@ const meta: Meta<StoryCarouselProps> = {
         visibleDots: 6,
         slides: 10,
         paginationCentered: false,
+        gap: '20px',
     },
     parameters: {
         controls: {
-            include: ['visibleDots', 'slides', 'paginationCentered'],
+            include: ['align', 'isDragScrollDisabled', 'visibleDots', 'slides', 'paginationCentered', 'gap'],
         },
     },
 };
@@ -89,10 +93,9 @@ const StoryDefault = ({
     slides,
     paginationCentered,
     isDragScrollDisabled,
+    gap,
     ...rest
 }: StoryCarouselProps) => {
-    const [index, setIndex] = React.useState(0);
-
     const items = Array(slides)
         .fill(1)
         .map((_, i) => ({
@@ -102,26 +105,12 @@ const StoryDefault = ({
 
     return (
         <>
-            <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' }}>
+            <div style={{ width: '600px' }}>
                 <Carousel
-                    index={index}
-                    onIndexChange={setIndex}
                     detectActive
                     scrollAlign={align}
                     isDragScrollDisabled={isDragScrollDisabled}
-                    gap="20px"
+                    gap={gap}
                     paginationOptions={{
                         visibleDots,
                         centered: paginationCentered,

package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -14,6 +14,7 @@ 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');
@@ -118,7 +119,10 @@ const StoryDefault = ({
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
             onBlur={onBlur}
             onFocus={onFocus}
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeValue={onChangeValue}
             onCommitDate={onCommitDate}
             lang={lang}
@@ -162,6 +166,7 @@ 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',
@@ -262,7 +267,10 @@ const StoryRange = ({
             secondTextfieldTextBefore={
                 showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
             }
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeFirstValue={onChangeFirstValue}
             onChangeSecondValue={onChangeSecondValue}
             lang={lang}
@@ -304,11 +312,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,
@@ -410,6 +418,7 @@ 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/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx

@@ -118,7 +118,10 @@ const StoryDefault = ({
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
             onBlur={onBlur}
             onFocus={onFocus}
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeValue={onChangeValue}
             onCommitDate={onCommitDate}
             lang={lang}
@@ -162,6 +165,7 @@ 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',
@@ -262,7 +266,10 @@ const StoryRange = ({
             secondTextfieldTextBefore={
                 showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
             }
-            onToggle={(is) => setIsOpen(is)}
+            onToggle={(is) => {
+                setIsOpen(is);
+                onToggle(is);
+            }}
             onChangeFirstValue={onChangeFirstValue}
             onChangeSecondValue={onChangeSecondValue}
             lang={lang}
@@ -304,11 +311,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,
@@ -410,6 +417,7 @@ 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/types/components/Carousel/CarouselNew/Carousel.d.ts

@@ -4,17 +4,11 @@ import { CarouselNewProps } from './Carousel.types';
 /**
  * Компонент для создания списков с прокруткой.
  */
-export declare const carouselNewRoot: (Root: RootProps<HTMLDivElement, CarouselNewProps>) => React.ForwardRefExoticComponent<Omit<import("./Carousel.types").BasicProps & (import("./Carousel.types").DetectionProps | import("./Carousel.types").NoDetectionProps), "throttleMs" | "axis" | "animatedScrollByIndex" | "debounceMs"> & {
-    ariaLive?: "off" | "polite";
-    isDragScrollDisabled?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
+export declare const carouselNewRoot: (Root: RootProps<HTMLDivElement, CarouselNewProps>) => React.ForwardRefExoticComponent<CarouselNewProps & React.RefAttributes<HTMLDivElement>>;
 export declare const carouselNewConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLDivElement, CarouselNewProps>) => React.ForwardRefExoticComponent<Omit<import("./Carousel.types").BasicProps & (import("./Carousel.types").DetectionProps | import("./Carousel.types").NoDetectionProps), "throttleMs" | "axis" | "animatedScrollByIndex" | "debounceMs"> & {
-        ariaLive?: "off" | "polite";
-        isDragScrollDisabled?: boolean;
-    } & React.RefAttributes<HTMLDivElement>>;
+    layout: (Root: RootProps<HTMLDivElement, CarouselNewProps>) => React.ForwardRefExoticComponent<CarouselNewProps & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {

package/types/components/Carousel/CarouselNew/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAsD,MAAM,OAAO,CAAC;AAO3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;wCA6E5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBA/EQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;;;;CAgGhF,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,4FA8E5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAhFQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CAiGhF,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts

@@ -1,15 +1,94 @@
 import { CSSProperties } from 'react';
+export declare const IconButtonComponent: import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
+    text?: string;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: "default" | "relaxed";
+    isLoading?: boolean;
+    loader?: import("react").ReactNode;
+    stretch?: boolean;
+    stretching?: "fixed" | "auto" | "filled";
+    square?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+    pin?: import("../../../utils/roundness").Pin;
+    view?: string;
+    size?: string;
+    outlined?: boolean;
+    shiftLeft?: boolean;
+    shiftRight?: boolean;
+    blur?: import("../../..").Blur;
+} & {
+    value?: string | number;
+    contentRight?: never;
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
+    text?: string;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: "default" | "relaxed";
+    isLoading?: boolean;
+    loader?: import("react").ReactNode;
+    stretch?: boolean;
+    stretching?: "fixed" | "auto" | "filled";
+    square?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+    pin?: import("../../../utils/roundness").Pin;
+    view?: string;
+    size?: string;
+    outlined?: boolean;
+    shiftLeft?: boolean;
+    shiftRight?: boolean;
+    blur?: import("../../..").Blur;
+} & {
+    value?: never;
+    contentRight?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>))>;
 export declare const base: import("@linaria/core").LinariaClassName;
-/**
- * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
- * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
- */
-export declare const CarouselGridWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const CarouselWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    scrollSnapType?: "mandatory" | "proximity" | "none";
-}>;
+export declare const CarouselWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const CarouselTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     gap?: CSSProperties["gap"];
 }>;
+export declare const IconButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
+    text?: string;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: "default" | "relaxed";
+    isLoading?: boolean;
+    loader?: import("react").ReactNode;
+    stretch?: boolean;
+    stretching?: "fixed" | "auto" | "filled";
+    square?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+    pin?: import("../../../utils/roundness").Pin;
+    view?: string;
+    size?: string;
+    outlined?: boolean;
+    shiftLeft?: boolean;
+    shiftRight?: boolean;
+    blur?: import("../../..").Blur;
+} & {
+    value?: string | number;
+    contentRight?: never;
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
+    text?: string;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: "default" | "relaxed";
+    isLoading?: boolean;
+    loader?: import("react").ReactNode;
+    stretch?: boolean;
+    stretching?: "fixed" | "auto" | "filled";
+    square?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+    pin?: import("../../../utils/roundness").Pin;
+    view?: string;
+    size?: string;
+    outlined?: boolean;
+    shiftLeft?: boolean;
+    shiftRight?: boolean;
+    blur?: import("../../..").Blur;
+} & {
+    value?: never;
+    contentRight?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>))>;
+export declare const ControlsWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=Carousel.styles.d.ts.map

package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,IAAI,0CAehB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,qKAI/B,CAAC;AAEF,eAAO,MAAM,eAAe;qBAAiC,WAAW,GAAG,WAAW,GAAG,MAAM;EAyB9F,CAAC;AAEF,eAAO,MAAM,aAAa;UAAsB,aAAa,CAAC,KAAK,CAAC;EAInE,CAAC"}
+{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAOtC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAE3D,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAoB3B,CAAC;AAEF,eAAO,MAAM,aAAa;UAAsB,aAAa,CAAC,KAAK,CAAC;EAInE,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts

@@ -8,6 +8,7 @@ export declare const classes: {
     shrinking: string;
     availableDotsLeft: string;
     availableDotsRight: string;
+    rightControlButton: string;
 };
 export declare const tokens: {
     paginationDotBackground: string;

package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}
+{"version":3,"file":"Carousel.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.types.d.ts

@@ -6,31 +6,11 @@ export type SnapAlign = 'start' | 'center' | 'end';
 export type SnapStop = 'normal' | 'always';
 export type ScrollAxis = 'x' | 'y';
 export type ScrollAlign = 'start' | 'center' | 'end' | 'activeDirection';
-export interface BasicProps extends AsProps, HTMLAttributes<HTMLDivElement> {
+export interface CarouselNewProps extends HTMLAttributes<HTMLDivElement> {
     /**
-     * Индекс текущего элемента
-     */
-    index: number;
-    /**
-     * Ось прокрутки
-     */
-    axis: ScrollAxis;
-    /**
-     * Тип CSS Scroll Snap
-     */
-    scrollSnapType?: SnapType;
-    /**
-     * Центрирование активного элемента при скролле
+     * Центрирование активного элемента при скролле.
      */
     scrollAlign?: ScrollAlign;
-    /**
-     * Throttling внутренних обработчиков события onScroll
-     */
-    throttleMs?: number;
-    /**
-     * Debounce внутренних обработчиков события onScroll
-     */
-    debounceMs?: number;
     /**
      * Сменить WAI-ARIA Role списка.
      */
@@ -48,6 +28,11 @@ export interface BasicProps extends AsProps, HTMLAttributes<HTMLDivElement> {
         visibleDots?: number;
         centered?: boolean;
     };
+    /**
+     * Выключает драг скролл (только для десктопа).
+     * @default false
+     */
+    isDragScrollDisabled?: boolean;
     /**
      * Размер контрола.
      */
@@ -58,36 +43,6 @@ export interface BasicProps extends AsProps, HTMLAttributes<HTMLDivElement> {
      */
     view?: string;
 }
-export interface DetectionProps {
-    /**
-     * Вычислять активный элемент
-     */
-    detectActive: true;
-    /**
-     * Пороговое значение определения центрального элемента (0-1)
-     */
-    detectThreshold: number;
-    /**
-     * Коллбек изменения индекса
-     */
-    onIndexChange?: (index: number) => void;
-}
-export interface NoDetectionProps {
-    detectActive?: false;
-    detectThreshold?: never;
-    onIndexChange?: never;
-    onDetectActiveItem?: never;
-    scaleCallback?: never;
-    scaleResetCallback?: never;
-}
-type CarouselPropsBase = BasicProps & (DetectionProps | NoDetectionProps);
-export type CarouselNewProps = Omit<CarouselPropsBase, 'axis' | 'animatedScrollByIndex' | 'throttleMs' | 'debounceMs'> & {
-    /**
-     * При значении `polite` скринридер будет объявлять переключаемые слайды.
-     */
-    ariaLive?: 'off' | 'polite';
-    isDragScrollDisabled?: boolean;
-};
 export type CarouselItemProps = {
     scrollSnapAlign?: SnapAlign;
     scrollSnapStop?: SnapStop;

package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;AAE5E,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AACnC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,iBAAiB,CAAC;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3B,iBAAiB,CAAC,EAAE;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC7B,GAAG,OAAO,GACP,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,UAAU,oBAAoB;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,mBAAoB,SAAQ,6BAA6B,CAAC,cAAc,CAAC,EAAE,oBAAoB;CAAG;AAEnH,MAAM,WAAW,SAAS;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts

@@ -48,14 +48,18 @@ export declare const scrollToPos: ({ scrollEl, pos, axis, animated, duration, ti
 export declare const getItemSlot: (itemIndex: number, itemEnd: number, itemSize: number, scrollStart: number, scrollSize: number, scrollAlign: ScrollAlign, prevIndex?: number, offset?: number) => number | null;
 export declare function getCarouselItems(track: HTMLElement): HTMLCollectionOf<HTMLElement>;
 export declare function useDebouncedFunction(func: (...args: any) => any, delay: number, cleanUp?: boolean): (...args: any[]) => void;
-type UseCarouselOptions = Pick<CarouselProps, 'index' | 'scrollAlign' | 'detectActive' | 'detectThreshold' | 'onIndexChange'> & {
+type UseCarouselOptions = Pick<CarouselProps, 'scrollAlign'> & {
+    index: number;
     throttleMs?: number;
     debounceMs?: number;
+    detectActive?: boolean;
+    detectThreshold?: number;
+    onIndexChange?: (e: any) => void;
 };
 type UseCarouselHookResult = {
-    scrollRef: React.MutableRefObject<HTMLElement | null>;
-    trackRef: React.MutableRefObject<HTMLElement | null>;
+    scrollRef: React.RefObject<HTMLDivElement>;
+    trackRef: React.RefObject<HTMLDivElement>;
 };
-export declare const useCarousel: ({ index, detectActive, detectThreshold, scrollAlign, onIndexChange, throttleMs, debounceMs, }: UseCarouselOptions) => UseCarouselHookResult;
+export declare const useCarousel: ({ index, onIndexChange, detectActive, detectThreshold, scrollAlign, throttleMs, debounceMs, }: UseCarouselOptions) => UseCarouselHookResult;
 export {};
 //# sourceMappingURL=useCarousel.d.ts.map

package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/F;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO,WAAW,OAAO,QAAQ,UAAU,WAGxF,CAAC;AAyCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,2DAO1B;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC5B,WAqCA,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,SACpB,OAAO,OACR,MAAM,aACD,MAAM,mBACA,cAAc,KAC/B,IAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,iEAOrB;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC,SAQA,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,WAAW,cACT,MAAM,WACR,MAAM,YACL,MAAM,eACH,MAAM,cACP,MAAM,eACL,WAAW,uDAkC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAElF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,aAmB7E,GAAG,EAAE,UAIzB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC1B,aAAa,EACb,OAAO,GAAG,aAAa,GAAG,cAAc,GAAG,iBAAiB,GAAG,eAAe,CACjF,GAAG;IACA,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACxD,CAAC;AAKF,eAAO,MAAM,WAAW,kGAQrB,kBAAkB,KAAG,qBA6LvB,CAAC"}
+{"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/F;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO,WAAW,OAAO,QAAQ,UAAU,WAGxF,CAAC;AAyCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,2DAO1B;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC5B,WAqCA,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,SACpB,OAAO,OACR,MAAM,aACD,MAAM,mBACA,cAAc,KAC/B,IAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,iEAOrB;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC,SAQA,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,WAAW,cACT,MAAM,WACR,MAAM,YACL,MAAM,eACH,MAAM,cACP,MAAM,eACL,WAAW,uDAkC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAElF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,aAmB7E,GAAG,EAAE,UAIzB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAKF,eAAO,MAAM,WAAW,kGAQrB,kBAAkB,KAAG,qBA6LvB,CAAC"}

package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dots.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,qKAOnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAiD7B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAkBtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKA0ChC,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKA0CjC,CAAC"}
+{"version":3,"file":"Dots.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,qKAQnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAiD7B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAkBtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKA0ChC,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKA0CjC,CAAC"}