@salutejs/plasma-new-hope 0.321.1-canary.1945.14661970912.0 → 0.321.1-canary.1946.14663041744.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/cjs/index.css +0 -7
  2. package/cjs/index.js +0 -7
  3. package/cjs/index.js.map +1 -1
  4. package/emotion/cjs/index.js +0 -11
  5. package/emotion/es/index.js +1 -2
  6. package/es/index.css +0 -7
  7. package/es/index.js +0 -3
  8. package/es/index.js.map +1 -1
  9. package/package.json +4 -4
  10. package/styled-components/cjs/index.js +0 -11
  11. package/styled-components/es/index.js +1 -2
  12. package/types/index.d.ts +0 -1
  13. package/types/index.d.ts.map +1 -1
  14. package/cjs/components/Carousel/Carousel.css +0 -4
  15. package/cjs/components/Carousel/Carousel.js +0 -80
  16. package/cjs/components/Carousel/Carousel.js.map +0 -1
  17. package/cjs/components/Carousel/Carousel.styles.js +0 -67
  18. package/cjs/components/Carousel/Carousel.styles.js.map +0 -1
  19. package/cjs/components/Carousel/Carousel.styles_1lyqijv.css +0 -4
  20. package/cjs/components/Carousel/CarouselItem.js +0 -53
  21. package/cjs/components/Carousel/CarouselItem.js.map +0 -1
  22. package/cjs/components/Carousel/CarouselItem_cqjszm.css +0 -1
  23. package/cjs/components/Carousel/useCarousel.js +0 -487
  24. package/cjs/components/Carousel/useCarousel.js.map +0 -1
  25. package/cjs/components/Carousel/useDragScroll.js +0 -62
  26. package/cjs/components/Carousel/useDragScroll.js.map +0 -1
  27. package/emotion/cjs/components/Carousel/Carousel.js +0 -77
  28. package/emotion/cjs/components/Carousel/Carousel.styles.js +0 -49
  29. package/emotion/cjs/components/Carousel/Carousel.types.js +0 -5
  30. package/emotion/cjs/components/Carousel/CarouselItem.js +0 -38
  31. package/emotion/cjs/components/Carousel/index.js +0 -32
  32. package/emotion/cjs/components/Carousel/useCarousel.js +0 -478
  33. package/emotion/cjs/components/Carousel/useDragScroll.js +0 -65
  34. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +0 -10
  35. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +0 -18
  36. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +0 -80
  37. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +0 -10
  38. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.js +0 -18
  39. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +0 -80
  40. package/emotion/es/components/Carousel/Carousel.js +0 -69
  41. package/emotion/es/components/Carousel/Carousel.styles.js +0 -42
  42. package/emotion/es/components/Carousel/Carousel.types.js +0 -1
  43. package/emotion/es/components/Carousel/CarouselItem.js +0 -31
  44. package/emotion/es/components/Carousel/index.js +0 -3
  45. package/emotion/es/components/Carousel/useCarousel.js +0 -468
  46. package/emotion/es/components/Carousel/useDragScroll.js +0 -59
  47. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +0 -4
  48. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.js +0 -6
  49. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +0 -80
  50. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.config.js +0 -4
  51. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.js +0 -6
  52. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +0 -80
  53. package/es/components/Carousel/Carousel.css +0 -4
  54. package/es/components/Carousel/Carousel.js +0 -71
  55. package/es/components/Carousel/Carousel.js.map +0 -1
  56. package/es/components/Carousel/Carousel.styles.js +0 -60
  57. package/es/components/Carousel/Carousel.styles.js.map +0 -1
  58. package/es/components/Carousel/Carousel.styles_1lyqijv.css +0 -4
  59. package/es/components/Carousel/CarouselItem.js +0 -45
  60. package/es/components/Carousel/CarouselItem.js.map +0 -1
  61. package/es/components/Carousel/CarouselItem_cqjszm.css +0 -1
  62. package/es/components/Carousel/useCarousel.js +0 -472
  63. package/es/components/Carousel/useCarousel.js.map +0 -1
  64. package/es/components/Carousel/useDragScroll.js +0 -58
  65. package/es/components/Carousel/useDragScroll.js.map +0 -1
  66. package/styled-components/cjs/components/Carousel/Carousel.js +0 -77
  67. package/styled-components/cjs/components/Carousel/Carousel.styles.js +0 -38
  68. package/styled-components/cjs/components/Carousel/Carousel.types.js +0 -5
  69. package/styled-components/cjs/components/Carousel/CarouselItem.js +0 -37
  70. package/styled-components/cjs/components/Carousel/index.js +0 -32
  71. package/styled-components/cjs/components/Carousel/useCarousel.js +0 -478
  72. package/styled-components/cjs/components/Carousel/useDragScroll.js +0 -65
  73. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +0 -10
  74. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +0 -18
  75. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +0 -80
  76. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +0 -10
  77. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.js +0 -18
  78. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +0 -80
  79. package/styled-components/es/components/Carousel/Carousel.js +0 -69
  80. package/styled-components/es/components/Carousel/Carousel.styles.js +0 -30
  81. package/styled-components/es/components/Carousel/Carousel.types.js +0 -1
  82. package/styled-components/es/components/Carousel/CarouselItem.js +0 -30
  83. package/styled-components/es/components/Carousel/index.js +0 -3
  84. package/styled-components/es/components/Carousel/useCarousel.js +0 -468
  85. package/styled-components/es/components/Carousel/useDragScroll.js +0 -59
  86. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +0 -4
  87. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.js +0 -6
  88. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +0 -80
  89. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.config.js +0 -4
  90. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.js +0 -6
  91. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +0 -80
  92. package/types/components/Carousel/Carousel.d.ts +0 -22
  93. package/types/components/Carousel/Carousel.d.ts.map +0 -1
  94. package/types/components/Carousel/Carousel.styles.d.ts +0 -16
  95. package/types/components/Carousel/Carousel.styles.d.ts.map +0 -1
  96. package/types/components/Carousel/Carousel.types.d.ts +0 -111
  97. package/types/components/Carousel/Carousel.types.d.ts.map +0 -1
  98. package/types/components/Carousel/CarouselItem.d.ts +0 -4
  99. package/types/components/Carousel/CarouselItem.d.ts.map +0 -1
  100. package/types/components/Carousel/index.d.ts +0 -5
  101. package/types/components/Carousel/index.d.ts.map +0 -1
  102. package/types/components/Carousel/useCarousel.d.ts +0 -63
  103. package/types/components/Carousel/useCarousel.d.ts.map +0 -1
  104. package/types/components/Carousel/useDragScroll.d.ts +0 -3
  105. package/types/components/Carousel/useDragScroll.d.ts.map +0 -1
@@ -1,80 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { Meta, StoryObj } from '@storybook/react';
4
- import styled from 'styled-components';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { Carousel, CarouselItem } from './Carousel';
9
-
10
- type StoryCarouselProps = ComponentProps<typeof Carousel>;
11
-
12
- const meta: Meta<StoryCarouselProps> = {
13
- title: 'web/Data Display/Carousel',
14
- component: Carousel,
15
- decorators: [WithTheme],
16
- argTypes: {
17
- align: {
18
- options: ['center', 'start', 'end'],
19
- control: {
20
- type: 'inline-radio',
21
- },
22
- },
23
- isDragScrollDisabled: {
24
- control: 'boolean',
25
- },
26
- },
27
- args: {
28
- align: 'center',
29
- isDragScrollDisabled: false,
30
- },
31
- parameters: {
32
- controls: {
33
- include: ['align', 'isDragScrollDisabled'],
34
- },
35
- },
36
- };
37
-
38
- export default meta;
39
-
40
- const items = Array(25)
41
- .fill({
42
- title: 'Заголовок',
43
- })
44
- .map(({ title }, i) => ({
45
- id: i,
46
- title: `${title} ${i}`,
47
- }));
48
-
49
- const StyledCard = styled.div`
50
- position: relative;
51
- border-radius: 8px;
52
- width: 350px;
53
- height: 50px;
54
- padding: 8px;
55
- background-color: #add8e6;
56
- `;
57
-
58
- const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
59
- const [index, setIndex] = React.useState(0);
60
-
61
- return (
62
- <Carousel
63
- index={index}
64
- detectActive
65
- onIndexChange={setIndex}
66
- scrollAlign={align}
67
- isDragScrollDisabled={isDragScrollDisabled}
68
- >
69
- {items.map((item, i) => (
70
- <CarouselItem key={i} style={{ padding: '0 0.5rem' }} scrollSnapAlign={align}>
71
- <StyledCard>{item.title}</StyledCard>
72
- </CarouselItem>
73
- ))}
74
- </Carousel>
75
- );
76
- };
77
-
78
- export const Default: StoryObj<StoryCarouselProps> = {
79
- render: (args) => <StoryDefault {...args} />,
80
- };
@@ -1,4 +0,0 @@
1
-
2
- .Carousel_styles_1lyqijv_cmeqer1__74917e06{overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);}
3
- .Carousel_styles_1lyqijv_c14h2fl__74917e06{position:relative;margin:0;padding:0;list-style: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_1lyqijv_c14h2fl__74917e06::-webkit-scrollbar{display:none;}.Carousel_styles_1lyqijv_cmeqer1__74917e06 .Carousel_styles_1lyqijv_c14h2fl__74917e06{-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);}
4
- .Carousel_styles_1lyqijv_c1c6iuz8__74917e06{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_1lyqijv_cmeqer1__74917e06 .Carousel_styles_1lyqijv_c1c6iuz8__74917e06{padding-right:var(--c1c6iuz8-2);}
@@ -1,71 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef } from 'react';
3
- import { useForkRef } from '@salutejs/plasma-core';
4
- import { CarouselWrapper, CarouselTrack, base } from './Carousel.styles.js';
5
- import { useCarousel } from './useCarousel.js';
6
- import { useDragScroll } from './useDragScroll.js';
7
-
8
- var _excluded = ["index", "scrollSnapType", "scrollAlign", "detectActive", "detectThreshold", "scaleCallback", "scaleResetCallback", "onIndexChange", "paddingStart", "paddingEnd", "children", "ariaLive", "isDragScrollDisabled"];
9
-
10
- /**
11
- * Компонент для создания списков с прокруткой.
12
- */
13
- var carouselRoot = function carouselRoot(Root) {
14
- return /*#__PURE__*/forwardRef(function (_ref, ref) {
15
- var _ref$index = _ref.index,
16
- index = _ref$index === void 0 ? 0 : _ref$index,
17
- _ref$scrollSnapType = _ref.scrollSnapType,
18
- scrollSnapType = _ref$scrollSnapType === void 0 ? 'mandatory' : _ref$scrollSnapType,
19
- scrollAlign = _ref.scrollAlign,
20
- detectActive = _ref.detectActive,
21
- detectThreshold = _ref.detectThreshold,
22
- scaleCallback = _ref.scaleCallback,
23
- scaleResetCallback = _ref.scaleResetCallback,
24
- onIndexChange = _ref.onIndexChange,
25
- paddingStart = _ref.paddingStart,
26
- paddingEnd = _ref.paddingEnd,
27
- children = _ref.children,
28
- _ref$ariaLive = _ref.ariaLive,
29
- ariaLive = _ref$ariaLive === void 0 ? 'off' : _ref$ariaLive,
30
- _ref$isDragScrollDisa = _ref.isDragScrollDisabled,
31
- isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
32
- rest = _objectWithoutProperties(_ref, _excluded);
33
- var axis = 'x';
34
- var _useCarousel = useCarousel({
35
- index: index,
36
- axis: axis,
37
- scrollAlign: scrollAlign,
38
- detectActive: detectActive,
39
- detectThreshold: detectThreshold,
40
- scaleCallback: scaleCallback,
41
- scaleResetCallback: scaleResetCallback,
42
- onIndexChange: onIndexChange
43
- }),
44
- scrollRef = _useCarousel.scrollRef,
45
- trackRef = _useCarousel.trackRef;
46
- var handleRef = useForkRef(scrollRef, ref);
47
- useDragScroll(scrollRef, isDragScrollDisabled);
48
- return /*#__PURE__*/React.createElement(Root, {
49
- index: index
50
- }, /*#__PURE__*/React.createElement(CarouselWrapper, _extends({
51
- ref: handleRef,
52
- scrollSnapType: scrollSnapType
53
- }, rest), /*#__PURE__*/React.createElement(CarouselTrack, {
54
- ref: trackRef,
55
- paddingStart: paddingStart,
56
- paddingEnd: paddingEnd,
57
- "aria-live": ariaLive
58
- }, children)));
59
- });
60
- };
61
- var carouselConfig = {
62
- name: 'Carousel',
63
- tag: 'div',
64
- layout: carouselRoot,
65
- base: base,
66
- variations: {},
67
- defaults: {}
68
- };
69
-
70
- export { carouselConfig, carouselRoot };
71
- //# sourceMappingURL=Carousel.js.map
@@ -1 +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":"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"}
@@ -1,60 +0,0 @@
1
- import './Carousel.styles_1lyqijv.css';
2
- import { styled } from '@linaria/react';
3
-
4
- var base = "bhp1h9p";
5
-
6
- /**
7
- * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
8
- * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
9
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
10
- */
11
- var CarouselGridWrapper = /*#__PURE__*/styled('div')({
12
- name: "CarouselGridWrapper",
13
- "class": "cmeqer1",
14
- propsAsIs: false
15
- });
16
- var _exp = function _exp() {
17
- return function (_ref) {
18
- var scrollSnapType = _ref.scrollSnapType;
19
- return "x ".concat(scrollSnapType);
20
- };
21
- };
22
- var CarouselWrapper = /*#__PURE__*/styled('div')({
23
- name: "CarouselWrapper",
24
- "class": "c14h2fl",
25
- propsAsIs: false,
26
- vars: {
27
- "c14h2fl-0": [/*#__PURE__*/_exp()]
28
- }
29
- });
30
- var _exp3 = function _exp3() {
31
- return function (_ref2) {
32
- var paddingStart = _ref2.paddingStart;
33
- return paddingStart || 0;
34
- };
35
- };
36
- var _exp4 = function _exp4() {
37
- return function (_ref3) {
38
- var paddingEnd = _ref3.paddingEnd;
39
- return paddingEnd || 0;
40
- };
41
- };
42
- var _exp6 = function _exp6() {
43
- return function (_ref4) {
44
- var paddingEnd = _ref4.paddingEnd;
45
- return paddingEnd || 'var(--plasma-grid-margin)';
46
- };
47
- };
48
- var CarouselTrack = /*#__PURE__*/styled('div')({
49
- name: "CarouselTrack",
50
- "class": "c1c6iuz8",
51
- propsAsIs: false,
52
- vars: {
53
- "c1c6iuz8-0": [/*#__PURE__*/_exp3()],
54
- "c1c6iuz8-1": [/*#__PURE__*/_exp4()],
55
- "c1c6iuz8-2": [/*#__PURE__*/_exp6()]
56
- }
57
- });
58
-
59
- export { CarouselGridWrapper, CarouselTrack, CarouselWrapper, base };
60
- //# sourceMappingURL=Carousel.styles.js.map
@@ -1 +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 ::-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,OAgBsB,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;AAd9D,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,cAcbJ,IAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CASpE,EAAA;AAAC,IAAAK,KAAA,GAtCgBA,SAsChBA,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,GA3CzCA,SA2CyCA,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,GA5CtCA,SA4CsCA,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,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;;;;"}
@@ -1,4 +0,0 @@
1
-
2
- .cmeqer1{overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);}
3
- .c14h2fl{position:relative;margin:0;padding:0;list-style: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);}
4
- .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);}
@@ -1,45 +0,0 @@
1
- import './CarouselItem_cqjszm.css';
2
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
3
- import React from 'react';
4
- import { styled } from '@linaria/react';
5
-
6
- var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
7
- var _exp = function _exp() {
8
- return function (_ref) {
9
- var scrollSnapAlign = _ref.scrollSnapAlign;
10
- return scrollSnapAlign || 'none';
11
- };
12
- };
13
- var _exp2 = function _exp2() {
14
- return function (_ref2) {
15
- var scrollSnapAlign = _ref2.scrollSnapAlign,
16
- scrollSnapStop = _ref2.scrollSnapStop;
17
- return scrollSnapAlign ? scrollSnapStop : 'normal';
18
- };
19
- };
20
- var StyledItem = /*#__PURE__*/styled('div')({
21
- name: "StyledItem",
22
- "class": "s13at6mi",
23
- propsAsIs: false,
24
- vars: {
25
- "s13at6mi-0": [/*#__PURE__*/_exp()],
26
- "s13at6mi-1": [/*#__PURE__*/_exp2()]
27
- }
28
- });
29
- var CarouselItem = function CarouselItem(_ref3) {
30
- var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
31
- scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
32
- _ref3$scrollSnapStop = _ref3.scrollSnapStop,
33
- scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
34
- children = _ref3.children,
35
- rest = _objectWithoutProperties(_ref3, _excluded);
36
- return /*#__PURE__*/React.createElement(StyledItem, _extends({
37
- scrollSnapAlign: scrollSnapAlign,
38
- scrollSnapStop: scrollSnapStop,
39
- role: "group",
40
- "aria-roledescription": "slide"
41
- }, rest), children);
42
- };
43
-
44
- export { CarouselItem };
45
- //# sourceMappingURL=CarouselItem.js.map
@@ -1 +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,MAAM,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,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;;;;"}
@@ -1 +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);}