@salutejs/plasma-new-hope 0.321.1-canary.1943.14662029036.0 → 0.321.1-canary.1945.14664020647.0

package/cjs/components/Carousel/Carousel.css

@@ -0,0 +1,4 @@
+
+.Carousel_styles_zmchjj_cmeqer1__ccd8212a{overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);}
+.Carousel_styles_zmchjj_c14h2fl__ccd8212a{position:relative;margin:0;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:var(--c14h2fl-0);-moz-scroll-snap-type:var(--c14h2fl-0);-ms-scroll-snap-type:var(--c14h2fl-0);scroll-snap-type:var(--c14h2fl-0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Carousel_styles_zmchjj_c14h2fl__ccd8212a::-webkit-scrollbar{display:none;}.Carousel_styles_zmchjj_cmeqer1__ccd8212a .Carousel_styles_zmchjj_c14h2fl__ccd8212a{-webkit-scroll-padding:0 var(--plasma-grid-margin);-moz-scroll-padding:0 var(--plasma-grid-margin);-ms-scroll-padding:0 var(--plasma-grid-margin);scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}
+.Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding-left:var(--c1c6iuz8-0);padding-right:var(--c1c6iuz8-1);}.Carousel_styles_zmchjj_cmeqer1__ccd8212a .Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{padding-right:var(--c1c6iuz8-2);}

package/cjs/components/Carousel/Carousel.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var plasmaCore = require('@salutejs/plasma-core');
+var Carousel_styles = require('./Carousel.styles.js');
+var useCarousel = require('./useCarousel.js');
+var useDragScroll = require('./useDragScroll.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var _excluded = ["index", "scrollSnapType", "scrollAlign", "detectActive", "detectThreshold", "scaleCallback", "scaleResetCallback", "onIndexChange", "paddingStart", "paddingEnd", "children", "ariaLive", "isDragScrollDisabled"];
+
+/**
+ * Компонент для создания списков с прокруткой.
+ */
+var carouselRoot = function carouselRoot(Root) {
+  return /*#__PURE__*/React.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var axis = 'x';
+    var _useCarousel = 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 = plasmaCore.useForkRef(scrollRef, ref);
+    useDragScroll.useDragScroll(scrollRef, isDragScrollDisabled);
+    return /*#__PURE__*/React__default.default.createElement(Root, {
+      index: index
+    }, /*#__PURE__*/React__default.default.createElement(Carousel_styles.CarouselWrapper, _rollupPluginBabelHelpers.extends({
+      ref: handleRef,
+      scrollSnapType: scrollSnapType
+    }, rest), /*#__PURE__*/React__default.default.createElement(Carousel_styles.CarouselTrack, {
+      ref: trackRef,
+      paddingStart: paddingStart,
+      paddingEnd: paddingEnd,
+      "aria-live": ariaLive
+    }, children)));
+  });
+};
+var carouselConfig = {
+  name: 'Carousel',
+  tag: 'div',
+  layout: carouselRoot,
+  base: Carousel_styles.base,
+  variations: {},
+  defaults: {}
+};
+
+exports.carouselConfig = carouselConfig;
+exports.carouselRoot = carouselRoot;
+//# sourceMappingURL=Carousel.js.map

package/cjs/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import { RootProps } from 'src/engines';\nimport React, { forwardRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { base, CarouselWrapper, CarouselTrack } from './Carousel.styles';\nimport { CarouselProps } from './Carousel.types';\nimport { useCarousel } from './useCarousel';\nimport { useDragScroll } from './useDragScroll';\n\n/**\n * Компонент для создания списков с прокруткой.\n */\nexport const carouselRoot = (Root: RootProps<HTMLDivElement, CarouselProps>) =>\n    forwardRef<HTMLDivElement, CarouselProps>(\n        (\n            {\n                index = 0,\n                scrollSnapType = 'mandatory',\n                scrollAlign,\n                detectActive,\n                detectThreshold,\n                scaleCallback,\n                scaleResetCallback,\n                onIndexChange,\n                paddingStart,\n                paddingEnd,\n                children,\n                ariaLive = 'off',\n                isDragScrollDisabled = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const axis = 'x';\n\n            const { scrollRef, trackRef } = useCarousel({\n                index,\n                axis,\n                scrollAlign,\n                detectActive,\n                detectThreshold,\n                scaleCallback,\n                scaleResetCallback,\n                onIndexChange,\n            });\n\n            const handleRef = useForkRef(scrollRef, ref);\n\n            useDragScroll(scrollRef, isDragScrollDisabled);\n\n            return (\n                <Root index={index}>\n                    {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}\n                    {/* @ts-ignore */}\n                    <CarouselWrapper ref={handleRef} scrollSnapType={scrollSnapType} {...rest}>\n                        <CarouselTrack\n                            ref={trackRef as React.MutableRefObject<HTMLDivElement | null>}\n                            paddingStart={paddingStart}\n                            paddingEnd={paddingEnd}\n                            aria-live={ariaLive}\n                        >\n                            {children}\n                        </CarouselTrack>\n                    </CarouselWrapper>\n                </Root>\n            );\n        },\n    );\n\nexport const carouselConfig = {\n    name: 'Carousel',\n    tag: 'div',\n    layout: carouselRoot,\n    base,\n    variations: {},\n    defaults: {},\n};\n"],"names":["carouselRoot","Root","forwardRef","_ref","ref","_ref$index","index","_ref$scrollSnapType","scrollSnapType","scrollAlign","detectActive","detectThreshold","scaleCallback","scaleResetCallback","onIndexChange","paddingStart","paddingEnd","children","_ref$ariaLive","ariaLive","_ref$isDragScrollDisa","isDragScrollDisabled","rest","_objectWithoutProperties","_excluded","axis","_useCarousel","useCarousel","scrollRef","trackRef","handleRef","useForkRef","useDragScroll","React","createElement","CarouselWrapper","_extends","CarouselTrack","carouselConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;;;;;;;;;;;;;AASA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,gBAAU,CACN,UAAAC,IAAA,EAiBIC,GAAG,EACF;AAAA,IAAA,IAAAC,UAAA,GAAAF,IAAA,CAhBGG,KAAK;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA;MAAAE,mBAAA,GAAAJ,IAAA,CACTK,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,mBAAA;MAC5BE,WAAW,GAAAN,IAAA,CAAXM,WAAW;MACXC,YAAY,GAAAP,IAAA,CAAZO,YAAY;MACZC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;MACfC,aAAa,GAAAT,IAAA,CAAbS,aAAa;MACbC,kBAAkB,GAAAV,IAAA,CAAlBU,kBAAkB;MAClBC,aAAa,GAAAX,IAAA,CAAbW,aAAa;MACbC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;MACZC,UAAU,GAAAb,IAAA,CAAVa,UAAU;MACVC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;MAAAC,aAAA,GAAAf,IAAA,CACRgB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAjB,IAAA,CAChBkB,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AACzBE,MAAAA,IAAI,GAAAC,iDAAA,CAAApB,IAAA,EAAAqB,SAAA,CAAA,CAAA;IAIX,IAAMC,IAAI,GAAG,GAAG,CAAA;IAEhB,IAAAC,YAAA,GAAgCC,uBAAW,CAAC;AACxCrB,QAAAA,KAAK,EAALA,KAAK;AACLmB,QAAAA,IAAI,EAAJA,IAAI;AACJhB,QAAAA,WAAW,EAAXA,WAAW;AACXC,QAAAA,YAAY,EAAZA,YAAY;AACZC,QAAAA,eAAe,EAAfA,eAAe;AACfC,QAAAA,aAAa,EAAbA,aAAa;AACbC,QAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,QAAAA,aAAa,EAAbA,aAAAA;AACJ,OAAC,CAAC;MATMc,SAAS,GAAAF,YAAA,CAATE,SAAS;MAAEC,QAAQ,GAAAH,YAAA,CAARG,QAAQ,CAAA;AAW3B,IAAA,IAAMC,SAAS,GAAGC,qBAAU,CAACH,SAAS,EAAExB,GAAG,CAAC,CAAA;AAE5C4B,IAAAA,2BAAa,CAACJ,SAAS,EAAEP,oBAAoB,CAAC,CAAA;AAE9C,IAAA,oBACIY,sBAAA,CAAAC,aAAA,CAACjC,IAAI,EAAA;AAACK,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,eAGf2B,sBAAA,CAAAC,aAAA,CAACC,+BAAe,EAAAC,iCAAA,CAAA;AAAChC,MAAAA,GAAG,EAAE0B,SAAU;AAACtB,MAAAA,cAAc,EAAEA,cAAAA;AAAe,KAAA,EAAKc,IAAI,CACrEW,eAAAA,sBAAA,CAAAC,aAAA,CAACG,6BAAa,EAAA;AACVjC,MAAAA,GAAG,EAAEyB,QAA0D;AAC/Dd,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,UAAU,EAAEA,UAAW;MACvB,WAAWG,EAAAA,QAAAA;KAEVF,EAAAA,QACU,CACF,CACf,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMqB,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzC,YAAY;AACpB0C,EAAAA,IAAI,EAAJA,oBAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;;"}

package/cjs/components/Carousel/Carousel.styles.js

@@ -0,0 +1,67 @@
+require('./Carousel.styles_zmchjj.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var base = "bhp1h9p";
+
+/**
+ * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
+ * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+var CarouselGridWrapper = /*#__PURE__*/react.styled('div')({
+  name: "CarouselGridWrapper",
+  "class": "cmeqer1",
+  propsAsIs: false
+});
+var _exp = function _exp() {
+  return function (_ref) {
+    var scrollSnapType = _ref.scrollSnapType;
+    return "x ".concat(scrollSnapType);
+  };
+};
+var CarouselWrapper = /*#__PURE__*/react.styled('div')({
+  name: "CarouselWrapper",
+  "class": "c14h2fl",
+  propsAsIs: false,
+  vars: {
+    "c14h2fl-0": [/*#__PURE__*/_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__*/react.styled('div')({
+  name: "CarouselTrack",
+  "class": "c1c6iuz8",
+  propsAsIs: false,
+  vars: {
+    "c1c6iuz8-0": [/*#__PURE__*/_exp3()],
+    "c1c6iuz8-1": [/*#__PURE__*/_exp4()],
+    "c1c6iuz8-2": [/*#__PURE__*/_exp6()]
+  }
+});
+
+exports.CarouselGridWrapper = CarouselGridWrapper;
+exports.CarouselTrack = CarouselTrack;
+exports.CarouselWrapper = CarouselWrapper;
+exports.base = base;
+//# sourceMappingURL=Carousel.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.styles.js","sources":["../../../src/components/Carousel/Carousel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nexport const base = css``;\n\n/**\n * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.\n * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const CarouselGridWrapper = styled.div`\n    overflow: hidden;\n    margin-left: calc(var(--plasma-grid-margin) * -1);\n    margin-right: calc(var(--plasma-grid-margin) * -1);\n`;\n\nexport const CarouselWrapper = styled.div<{ scrollSnapType?: 'mandatory' | 'proximity' | 'none' }>`\n    position: relative;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    scroll-behavior: smooth;\n    scroll-snap-type: ${({ scrollSnapType }) => `x ${scrollSnapType}`};\n\n    ${CarouselGridWrapper} & {\n        scroll-padding: 0 var(--plasma-grid-margin);\n        padding-left: var(--plasma-grid-margin);\n    }\n\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n`;\n\nexport const CarouselTrack = styled.div<{ paddingStart?: string; paddingEnd?: string }>`\n    display: inline-flex;\n    flex-direction: row;\n    padding-left: ${({ paddingStart }) => paddingStart || 0};\n    padding-right: ${({ paddingEnd }) => paddingEnd || 0};\n\n    ${CarouselGridWrapper} & {\n        padding-right: ${({ paddingEnd }) => paddingEnd || 'var(--plasma-grid-margin)'};\n    }\n`;\n"],"names":["base","CarouselGridWrapper","styled","name","class","propsAsIs","_exp","_ref","scrollSnapType","CarouselWrapper","vars","_exp3","_ref2","paddingStart","_exp4","_ref3","paddingEnd","_exp6","_ref4","CarouselTrack"],"mappings":";;;;;;AAGO,IAAMA,IAAI,GAAQ,UAAA;;AAEzB;AACA;AACA;AACA;AACA;AACO,IAAMC,mBAAmB,gBAAGC,YAAM,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,YAAM,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,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGfC,KAAuC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACtCG,KAAmC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAG/BG,KAA6D,EAAA,CAAA;AAAA,GAAA;AAAA,CAErF;;;;;;;"}

package/cjs/components/Carousel/Carousel.styles_zmchjj.css

@@ -0,0 +1,4 @@
+
+.cmeqer1{overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);}
+.c14h2fl{position:relative;margin:0;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:var(--c14h2fl-0);-moz-scroll-snap-type:var(--c14h2fl-0);-ms-scroll-snap-type:var(--c14h2fl-0);scroll-snap-type:var(--c14h2fl-0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.c14h2fl::-webkit-scrollbar{display:none;}.cmeqer1 .c14h2fl{-webkit-scroll-padding:0 var(--plasma-grid-margin);-moz-scroll-padding:0 var(--plasma-grid-margin);-ms-scroll-padding:0 var(--plasma-grid-margin);scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}
+.c1c6iuz8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding-left:var(--c1c6iuz8-0);padding-right:var(--c1c6iuz8-1);}.cmeqer1 .c1c6iuz8{padding-right:var(--c1c6iuz8-2);}

package/cjs/components/Carousel/CarouselItem.js

@@ -0,0 +1,53 @@
+require('./CarouselItem_cqjszm.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var react = require('@linaria/react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(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__*/react.styled('div')({
+  name: "StyledItem",
+  "class": "s13at6mi",
+  propsAsIs: false,
+  vars: {
+    "s13at6mi-0": [/*#__PURE__*/_exp()],
+    "s13at6mi-1": [/*#__PURE__*/_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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded);
+  return /*#__PURE__*/React__default.default.createElement(StyledItem, _rollupPluginBabelHelpers.extends({
+    scrollSnapAlign: scrollSnapAlign,
+    scrollSnapStop: scrollSnapStop,
+    role: "group",
+    "aria-roledescription": "slide"
+  }, rest), children);
+};
+
+exports.CarouselItem = CarouselItem;
+//# sourceMappingURL=CarouselItem.js.map

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

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

package/cjs/components/Carousel/CarouselItem_cqjszm.css

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