@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15743877104.0

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

@@ -1,68 +1,62 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { CarouselWrapper, CarouselTrack, base } from './Carousel.styles.js';
 import { useCarousel } from './useCarousel.js';
 import { useDragScroll } from './useDragScroll.js';
 
-var _excluded = ["index", "scrollSnapType", "scrollAlign", "detectActive", "detectThreshold", "scaleCallback", "scaleResetCallback", "onIndexChange", "paddingStart", "paddingEnd", "children", "ariaLive", "isDragScrollDisabled"];
-
 /**
  * Компонент для создания списков с прокруткой.
  */
-var carouselRoot = function carouselRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var _ref$index = _ref.index,
-      index = _ref$index === void 0 ? 0 : _ref$index,
-      _ref$scrollSnapType = _ref.scrollSnapType,
-      scrollSnapType = _ref$scrollSnapType === void 0 ? 'mandatory' : _ref$scrollSnapType,
-      scrollAlign = _ref.scrollAlign,
-      detectActive = _ref.detectActive,
-      detectThreshold = _ref.detectThreshold,
-      scaleCallback = _ref.scaleCallback,
-      scaleResetCallback = _ref.scaleResetCallback,
-      onIndexChange = _ref.onIndexChange,
-      paddingStart = _ref.paddingStart,
-      paddingEnd = _ref.paddingEnd,
-      children = _ref.children,
-      _ref$ariaLive = _ref.ariaLive,
-      ariaLive = _ref$ariaLive === void 0 ? 'off' : _ref$ariaLive,
-      _ref$isDragScrollDisa = _ref.isDragScrollDisabled,
-      isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var axis = 'x';
-    var _useCarousel = useCarousel({
-        index: index,
-        axis: axis,
-        scrollAlign: scrollAlign,
-        detectActive: detectActive,
-        detectThreshold: detectThreshold,
-        scaleCallback: scaleCallback,
-        scaleResetCallback: scaleResetCallback,
-        onIndexChange: onIndexChange
-      }),
-      scrollRef = _useCarousel.scrollRef,
-      trackRef = _useCarousel.trackRef;
-    var handleRef = useForkRef(scrollRef, ref);
-    useDragScroll(scrollRef, isDragScrollDisabled);
-    return /*#__PURE__*/React.createElement(Root, {
-      index: index
-    }, /*#__PURE__*/React.createElement(CarouselWrapper, _extends({
-      ref: handleRef,
-      scrollSnapType: scrollSnapType
-    }, rest), /*#__PURE__*/React.createElement(CarouselTrack, {
-      ref: trackRef,
-      paddingStart: paddingStart,
-      paddingEnd: paddingEnd,
-      "aria-live": ariaLive
-    }, children)));
+const carouselRoot = Root => /*#__PURE__*/forwardRef(({
+  index = 0,
+  scrollSnapType = 'mandatory',
+  scrollAlign,
+  detectActive,
+  detectThreshold,
+  scaleCallback,
+  scaleResetCallback,
+  onIndexChange,
+  paddingStart,
+  paddingEnd,
+  children,
+  ariaLive = 'off',
+  isDragScrollDisabled = false,
+  ...rest
+}, ref) => {
+  const axis = 'x';
+  const {
+    scrollRef,
+    trackRef
+  } = useCarousel({
+    index,
+    axis,
+    scrollAlign,
+    detectActive,
+    detectThreshold,
+    scaleCallback,
+    scaleResetCallback,
+    onIndexChange
   });
-};
-var carouselConfig = {
+  const handleRef = useForkRef(scrollRef, ref);
+  useDragScroll(scrollRef, isDragScrollDisabled);
+  return /*#__PURE__*/React.createElement(Root, {
+    index: index
+  }, /*#__PURE__*/React.createElement(CarouselWrapper, _extends({
+    ref: handleRef,
+    scrollSnapType: scrollSnapType
+  }, rest), /*#__PURE__*/React.createElement(CarouselTrack, {
+    ref: trackRef,
+    paddingStart: paddingStart,
+    paddingEnd: paddingEnd,
+    "aria-live": ariaLive
+  }, children)));
+});
+const carouselConfig = {
   name: 'Carousel',
   tag: 'div',
   layout: carouselRoot,
-  base: base,
+  base,
   variations: {},
   defaults: {}
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../../src/components/Carousel/CarouselOld/Carousel.tsx"],"sourcesContent":["import { RootProps } from 'src/engines';\nimport React, { forwardRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { base, CarouselWrapper, CarouselTrack } from './Carousel.styles';\nimport { CarouselProps } from './Carousel.types';\nimport { useCarousel } from './useCarousel';\nimport { useDragScroll } from './useDragScroll';\n\n/**\n * Компонент для создания списков с прокруткой.\n */\nexport const carouselRoot = (Root: RootProps<HTMLDivElement, CarouselProps>) =>\n    forwardRef<HTMLDivElement, CarouselProps>(\n        (\n            {\n                index = 0,\n                scrollSnapType = 'mandatory',\n                scrollAlign,\n                detectActive,\n                detectThreshold,\n                scaleCallback,\n                scaleResetCallback,\n                onIndexChange,\n                paddingStart,\n                paddingEnd,\n                children,\n                ariaLive = 'off',\n                isDragScrollDisabled = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const axis = 'x';\n\n            const { scrollRef, trackRef } = useCarousel({\n                index,\n                axis,\n                scrollAlign,\n                detectActive,\n                detectThreshold,\n                scaleCallback,\n                scaleResetCallback,\n                onIndexChange,\n            });\n\n            const handleRef = useForkRef(scrollRef, ref);\n\n            useDragScroll(scrollRef, isDragScrollDisabled);\n\n            return (\n                <Root index={index}>\n                    {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n                    {/* @ts-ignore */}\n                    <CarouselWrapper ref={handleRef} scrollSnapType={scrollSnapType} {...rest}>\n                        <CarouselTrack\n                            ref={trackRef as React.MutableRefObject<HTMLDivElement | null>}\n                            paddingStart={paddingStart}\n                            paddingEnd={paddingEnd}\n                            aria-live={ariaLive}\n                        >\n                            {children}\n                        </CarouselTrack>\n                    </CarouselWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const carouselConfig = {\n    name: 'Carousel',\n    tag: 'div',\n    layout: carouselRoot,\n    base,\n    variations: {},\n    defaults: {},\n};\n"],"names":["carouselRoot","Root","forwardRef","_ref","ref","_ref$index","index","_ref$scrollSnapType","scrollSnapType","scrollAlign","detectActive","detectThreshold","scaleCallback","scaleResetCallback","onIndexChange","paddingStart","paddingEnd","children","_ref$ariaLive","ariaLive","_ref$isDragScrollDisa","isDragScrollDisabled","rest","_objectWithoutProperties","_excluded","axis","_useCarousel","useCarousel","scrollRef","trackRef","handleRef","useForkRef","useDragScroll","React","createElement","CarouselWrapper","_extends","CarouselTrack","carouselConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
+{"version":3,"file":"Carousel.js","sources":["../../../../src/components/Carousel/CarouselOld/Carousel.tsx"],"sourcesContent":["import { RootProps } from 'src/engines';\nimport React, { forwardRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { base, CarouselWrapper, CarouselTrack } from './Carousel.styles';\nimport { CarouselProps } from './Carousel.types';\nimport { useCarousel } from './useCarousel';\nimport { useDragScroll } from './useDragScroll';\n\n/**\n * Компонент для создания списков с прокруткой.\n */\nexport const carouselRoot = (Root: RootProps<HTMLDivElement, CarouselProps>) =>\n    forwardRef<HTMLDivElement, CarouselProps>(\n        (\n            {\n                index = 0,\n                scrollSnapType = 'mandatory',\n                scrollAlign,\n                detectActive,\n                detectThreshold,\n                scaleCallback,\n                scaleResetCallback,\n                onIndexChange,\n                paddingStart,\n                paddingEnd,\n                children,\n                ariaLive = 'off',\n                isDragScrollDisabled = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const axis = 'x';\n\n            const { scrollRef, trackRef } = useCarousel({\n                index,\n                axis,\n                scrollAlign,\n                detectActive,\n                detectThreshold,\n                scaleCallback,\n                scaleResetCallback,\n                onIndexChange,\n            });\n\n            const handleRef = useForkRef(scrollRef, ref);\n\n            useDragScroll(scrollRef, isDragScrollDisabled);\n\n            return (\n                <Root index={index}>\n                    {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n                    {/* @ts-ignore */}\n                    <CarouselWrapper ref={handleRef} scrollSnapType={scrollSnapType} {...rest}>\n                        <CarouselTrack\n                            ref={trackRef as React.MutableRefObject<HTMLDivElement | null>}\n                            paddingStart={paddingStart}\n                            paddingEnd={paddingEnd}\n                            aria-live={ariaLive}\n                        >\n                            {children}\n                        </CarouselTrack>\n                    </CarouselWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const carouselConfig = {\n    name: 'Carousel',\n    tag: 'div',\n    layout: carouselRoot,\n    base,\n    variations: {},\n    defaults: {},\n};\n"],"names":["carouselRoot","Root","forwardRef","index","scrollSnapType","scrollAlign","detectActive","detectThreshold","scaleCallback","scaleResetCallback","onIndexChange","paddingStart","paddingEnd","children","ariaLive","isDragScrollDisabled","rest","ref","axis","scrollRef","trackRef","useCarousel","handleRef","useForkRef","useDragScroll","React","createElement","CarouselWrapper","_extends","CarouselTrack","carouselConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;;;AASA;AACA;AACA;MACaA,YAAY,GAAIC,IAA8C,iBACvEC,UAAU,CACN,CACI;AACIC,EAAAA,KAAK,GAAG,CAAC;AACTC,EAAAA,cAAc,GAAG,WAAW;EAC5BC,WAAW;EACXC,YAAY;EACZC,eAAe;EACfC,aAAa;EACbC,kBAAkB;EAClBC,aAAa;EACbC,YAAY;EACZC,UAAU;EACVC,QAAQ;AACRC,EAAAA,QAAQ,GAAG,KAAK;AAChBC,EAAAA,oBAAoB,GAAG,KAAK;EAC5B,GAAGC,IAAAA;AACP,CAAC,EACDC,GAAG,KACF;EACD,MAAMC,IAAI,GAAG,GAAG,CAAA;EAEhB,MAAM;IAAEC,SAAS;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,WAAW,CAAC;IACxClB,KAAK;IACLe,IAAI;IACJb,WAAW;IACXC,YAAY;IACZC,eAAe;IACfC,aAAa;IACbC,kBAAkB;AAClBC,IAAAA,aAAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMY,SAAS,GAAGC,UAAU,CAACJ,SAAS,EAAEF,GAAG,CAAC,CAAA;AAE5CO,EAAAA,aAAa,CAACL,SAAS,EAAEJ,oBAAoB,CAAC,CAAA;AAE9C,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACzB,IAAI,EAAA;AAACE,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,eAGfsB,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAAC,QAAA,CAAA;AAACX,IAAAA,GAAG,EAAEK,SAAU;AAAClB,IAAAA,cAAc,EAAEA,cAAAA;AAAe,GAAA,EAAKY,IAAI,CACrES,eAAAA,KAAA,CAAAC,aAAA,CAACG,aAAa,EAAA;AACVZ,IAAAA,GAAG,EAAEG,QAA0D;AAC/DT,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,UAAU,EAAEA,UAAW;IACvB,WAAWE,EAAAA,QAAAA;GAEVD,EAAAA,QACU,CACF,CACf,CAAC,CAAA;AAEf,CACJ,EAAC;AAEE,MAAMiB,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEjC,YAAY;EACpBkC,IAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}

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

@@ -1,58 +1,46 @@
 import './Carousel.styles_12r304j.css';
 import { styled } from '@linaria/react';
 
-var base = "bx40mlt";
+const base = "bx40mlt";
 
 /**
  * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
  * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
  * Стилизованный компонент, обладающий всеми свойствами ``div``.
  */
-var CarouselGridWrapper = /*#__PURE__*/styled('div')({
+const CarouselGridWrapper = /*#__PURE__*/styled('div')({
   name: "CarouselGridWrapper",
-  "class": "cupvf9e",
+  class: "cupvf9e",
   propsAsIs: false
 });
-var _exp = function _exp() {
-  return function (_ref) {
-    var scrollSnapType = _ref.scrollSnapType;
-    return "x ".concat(scrollSnapType);
-  };
-};
-var CarouselWrapper = /*#__PURE__*/styled('div')({
+const _exp = /*#__PURE__*/() => ({
+  scrollSnapType
+}) => `x ${scrollSnapType}`;
+const CarouselWrapper = /*#__PURE__*/styled('div')({
   name: "CarouselWrapper",
-  "class": "csrgq3h",
+  class: "csrgq3h",
   propsAsIs: false,
   vars: {
-    "csrgq3h-0": [/*#__PURE__*/_exp()]
+    "csrgq3h-0": [_exp()]
   }
 });
-var _exp3 = function _exp3() {
-  return function (_ref2) {
-    var paddingStart = _ref2.paddingStart;
-    return paddingStart || 0;
-  };
-};
-var _exp4 = function _exp4() {
-  return function (_ref3) {
-    var paddingEnd = _ref3.paddingEnd;
-    return paddingEnd || 0;
-  };
-};
-var _exp6 = function _exp6() {
-  return function (_ref4) {
-    var paddingEnd = _ref4.paddingEnd;
-    return paddingEnd || 'var(--plasma-grid-margin)';
-  };
-};
-var CarouselTrack = /*#__PURE__*/styled('div')({
+const _exp3 = /*#__PURE__*/() => ({
+  paddingStart
+}) => paddingStart || 0;
+const _exp4 = /*#__PURE__*/() => ({
+  paddingEnd
+}) => paddingEnd || 0;
+const _exp6 = /*#__PURE__*/() => ({
+  paddingEnd
+}) => paddingEnd || 'var(--plasma-grid-margin)';
+const CarouselTrack = /*#__PURE__*/styled('div')({
   name: "CarouselTrack",
-  "class": "ciqx3je",
+  class: "ciqx3je",
   propsAsIs: false,
   vars: {
-    "ciqx3je-0": [/*#__PURE__*/_exp3()],
-    "ciqx3je-1": [/*#__PURE__*/_exp4()],
-    "ciqx3je-2": [/*#__PURE__*/_exp6()]
+    "ciqx3je-0": [_exp3()],
+    "ciqx3je-1": [_exp4()],
+    "ciqx3je-2": [_exp6()]
   }
 });
 

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

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

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

@@ -1,38 +1,30 @@
-import './CarouselItem_uvoxfy.css';
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import './CarouselItem_cghzk7.css';
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { styled } from '@linaria/react';
 
-var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
-var _exp = function _exp() {
-  return function (_ref) {
-    var scrollSnapAlign = _ref.scrollSnapAlign;
-    return scrollSnapAlign || 'none';
-  };
-};
-var _exp2 = function _exp2() {
-  return function (_ref2) {
-    var scrollSnapAlign = _ref2.scrollSnapAlign,
-      scrollSnapStop = _ref2.scrollSnapStop;
-    return scrollSnapAlign ? scrollSnapStop : 'normal';
-  };
-};
-var StyledItem = /*#__PURE__*/styled('div')({
+const _exp = /*#__PURE__*/() => ({
+  scrollSnapAlign
+}) => scrollSnapAlign || 'none';
+const _exp2 = /*#__PURE__*/() => ({
+  scrollSnapAlign,
+  scrollSnapStop
+}) => scrollSnapAlign ? scrollSnapStop : 'normal';
+const StyledItem = /*#__PURE__*/styled('div')({
   name: "StyledItem",
-  "class": "sossdp0",
+  class: "sossdp0",
   propsAsIs: false,
   vars: {
-    "sossdp0-0": [/*#__PURE__*/_exp()],
-    "sossdp0-1": [/*#__PURE__*/_exp2()]
+    "sossdp0-0": [_exp()],
+    "sossdp0-1": [_exp2()]
   }
 });
-var CarouselItem = function CarouselItem(_ref3) {
-  var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
-    scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
-    _ref3$scrollSnapStop = _ref3.scrollSnapStop,
-    scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
-    children = _ref3.children,
-    rest = _objectWithoutProperties(_ref3, _excluded);
+const CarouselItem = ({
+  scrollSnapAlign = 'center',
+  scrollSnapStop = 'always',
+  children,
+  ...rest
+}) => {
   return /*#__PURE__*/React.createElement(StyledItem, _extends({
     scrollSnapAlign: scrollSnapAlign,
     scrollSnapStop: scrollSnapStop,

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

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

package/{cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css → es/components/Carousel/CarouselOld/CarouselItem_cghzk7.css}

@@ -1 +1 @@
-.sossdp0{-webkit-scroll-snap-align:var(--sossdp0-0);-moz-scroll-snap-align:var(--sossdp0-0);-ms-scroll-snap-align:var(--sossdp0-0);scroll-snap-align:var(--sossdp0-0);-webkit-scroll-snap-stop:var(--sossdp0-1);-moz-scroll-snap-stop:var(--sossdp0-1);-ms-scroll-snap-stop:var(--sossdp0-1);scroll-snap-stop:var(--sossdp0-1);}
+.sossdp0{-webkit-scroll-snap-align:var(--sossdp0-0);-moz-scroll-snap-align:var(--sossdp0-0);-ms-scroll-snap-align:var(--sossdp0-0);scroll-snap-align:var(--sossdp0-0);-webkit-scroll-snap-stop:var(--sossdp0-1);-moz-scroll-snap-stop:var(--sossdp0-1);-ms-scroll-snap-stop:var(--sossdp0-1);scroll-snap-stop:var(--sossdp0-1);padding:0 var(--plasma_private-carousel-padding);}