@salutejs/plasma-new-hope 0.326.0-canary.2013.15538813402.0 → 0.326.0-canary.2013.15555525626.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.
- package/cjs/components/Carousel/CarouselNew/Carousel.css +5 -7
- package/cjs/components/Carousel/CarouselNew/Carousel.js +6 -11
- package/cjs/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.styles.js +4 -13
- package/cjs/components/Carousel/CarouselNew/Carousel.styles.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/{Carousel.styles_1fs4wwn.css → Carousel.styles_a2t6qm.css} +2 -2
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -61
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
- package/{es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css → cjs/components/Carousel/CarouselOld/CarouselItem_1meatnt.css} +1 -1
- package/cjs/index.css +6 -8
- package/cjs/index.js +1 -1
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +6 -11
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.styles.js +17 -12
- package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
- package/emotion/cjs/components/Carousel/CarouselNew/ui/index.js +0 -11
- package/emotion/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/emotion/cjs/components/Carousel/index.js +4 -4
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -15
- package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
- package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.js +1 -1
- package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
- package/emotion/es/components/Carousel/CarouselNew/Carousel.js +6 -11
- package/emotion/es/components/Carousel/CarouselNew/Carousel.styles.js +17 -12
- package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
- package/emotion/es/components/Carousel/CarouselNew/ui/index.js +0 -1
- package/emotion/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/emotion/es/components/Carousel/index.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +4 -4
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -15
- package/emotion/es/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
- package/emotion/es/examples/plasma_web/components/Carousel/Carousel.js +2 -2
- package/emotion/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
- package/es/components/Carousel/CarouselNew/Carousel.css +5 -7
- package/es/components/Carousel/CarouselNew/Carousel.js +6 -11
- package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/es/components/Carousel/CarouselNew/Carousel.styles.js +4 -13
- package/es/components/Carousel/CarouselNew/Carousel.styles.js.map +1 -1
- package/es/components/Carousel/CarouselNew/{Carousel.styles_1fs4wwn.css → Carousel.styles_a2t6qm.css} +2 -2
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -61
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
- package/{cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css → es/components/Carousel/CarouselOld/CarouselItem_1meatnt.css} +1 -1
- package/es/index.css +6 -8
- package/es/index.js +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +6 -11
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js +2 -5
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/index.js +0 -11
- package/styled-components/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/styled-components/cjs/components/Carousel/index.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -15
- package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
- package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +6 -11
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js +2 -5
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
- package/styled-components/es/components/Carousel/CarouselNew/ui/index.js +0 -1
- package/styled-components/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/styled-components/es/components/Carousel/index.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -15
- package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
- package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
- package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +1 -4
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +6 -67
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts +4 -6
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/ui/index.d.ts +0 -1
- package/types/components/Carousel/CarouselNew/ui/index.d.ts.map +1 -1
- package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map +1 -1
- package/types/components/Carousel/index.d.ts +1 -1
- package/types/components/Carousel/index.d.ts.map +1 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -62
- package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
- package/emotion/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -38
- package/emotion/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
- package/emotion/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -31
- package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -58
- package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -37
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
- package/styled-components/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -30
- package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts +0 -2
- package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts +0 -4
- package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts.map +0 -1
@@ -2,76 +2,136 @@ import * as React from 'react';
|
|
2
2
|
import type { ComponentProps } from 'react';
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
4
4
|
import styled from 'styled-components';
|
5
|
+
import { getConfigVariations } from '@salutejs/plasma-sb-utils';
|
5
6
|
|
6
7
|
import { WithTheme } from '../../../_helpers';
|
7
8
|
|
9
|
+
import { config } from './Carousel.config';
|
8
10
|
import { Carousel, CarouselItem } from './Carousel';
|
9
11
|
|
10
|
-
type StoryCarouselProps = ComponentProps<typeof Carousel
|
12
|
+
type StoryCarouselProps = ComponentProps<typeof Carousel> & {
|
13
|
+
slides: number;
|
14
|
+
visibleDots: number;
|
15
|
+
paginationDisabled: boolean;
|
16
|
+
paginationCentered: boolean;
|
17
|
+
};
|
18
|
+
|
19
|
+
const { views, sizes } = getConfigVariations(config);
|
11
20
|
|
12
21
|
const meta: Meta<StoryCarouselProps> = {
|
13
22
|
title: 'web/Navigation/Carousel',
|
14
23
|
component: Carousel,
|
15
24
|
decorators: [WithTheme],
|
16
25
|
argTypes: {
|
26
|
+
view: {
|
27
|
+
options: views,
|
28
|
+
control: {
|
29
|
+
type: 'select',
|
30
|
+
},
|
31
|
+
},
|
32
|
+
size: {
|
33
|
+
options: sizes,
|
34
|
+
control: {
|
35
|
+
type: 'inline-radio',
|
36
|
+
},
|
37
|
+
},
|
17
38
|
align: {
|
18
|
-
options: ['
|
39
|
+
options: ['start', 'center', 'end', 'activeDirection'],
|
19
40
|
control: {
|
20
41
|
type: 'inline-radio',
|
21
42
|
},
|
22
43
|
},
|
23
|
-
|
44
|
+
slides: {
|
45
|
+
control: 'number',
|
46
|
+
},
|
47
|
+
visibleDots: {
|
48
|
+
control: 'number',
|
49
|
+
},
|
50
|
+
controlArrowsDisabled: {
|
51
|
+
control: 'boolean',
|
52
|
+
},
|
53
|
+
paginationDisabled: {
|
54
|
+
control: 'boolean',
|
55
|
+
},
|
56
|
+
paginationCentered: {
|
24
57
|
control: 'boolean',
|
25
58
|
},
|
26
59
|
},
|
27
60
|
args: {
|
61
|
+
view: 'default',
|
62
|
+
size: 's',
|
28
63
|
align: 'center',
|
29
|
-
|
64
|
+
visibleDots: 6,
|
65
|
+
slides: 10,
|
66
|
+
controlArrowsDisabled: false,
|
67
|
+
paginationDisabled: false,
|
68
|
+
paginationCentered: false,
|
30
69
|
},
|
31
70
|
parameters: {
|
32
71
|
controls: {
|
33
|
-
include: [
|
72
|
+
include: [
|
73
|
+
'align',
|
74
|
+
'visibleDots',
|
75
|
+
'slides',
|
76
|
+
'controlArrowsDisabled',
|
77
|
+
'paginationDisabled',
|
78
|
+
'paginationCentered',
|
79
|
+
'gap',
|
80
|
+
],
|
34
81
|
},
|
35
82
|
},
|
36
83
|
};
|
37
84
|
|
38
85
|
export default meta;
|
39
86
|
|
40
|
-
const items = Array(25)
|
41
|
-
.fill({
|
42
|
-
title: 'Заголовок',
|
43
|
-
})
|
44
|
-
.map(({ title }, i) => ({
|
45
|
-
id: i,
|
46
|
-
title: `${title} ${i}`,
|
47
|
-
}));
|
48
|
-
|
49
87
|
const StyledCard = styled.div`
|
88
|
+
display: flex;
|
89
|
+
align-items: center;
|
90
|
+
justify-content: center;
|
50
91
|
position: relative;
|
51
92
|
border-radius: 8px;
|
52
|
-
width:
|
53
|
-
height:
|
54
|
-
padding: 8px;
|
93
|
+
width: 400px;
|
94
|
+
height: 370px;
|
55
95
|
background-color: #add8e6;
|
96
|
+
font-size: 30px;
|
56
97
|
`;
|
57
98
|
|
58
|
-
const StoryDefault = ({
|
59
|
-
|
99
|
+
const StoryDefault = ({
|
100
|
+
align,
|
101
|
+
visibleDots,
|
102
|
+
slides,
|
103
|
+
paginationDisabled,
|
104
|
+
paginationCentered,
|
105
|
+
...rest
|
106
|
+
}: StoryCarouselProps) => {
|
107
|
+
const items = Array(slides)
|
108
|
+
.fill(1)
|
109
|
+
.map((_, i) => ({
|
110
|
+
id: i,
|
111
|
+
title: i,
|
112
|
+
}));
|
60
113
|
|
61
114
|
return (
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
115
|
+
<>
|
116
|
+
<div style={{ width: '600px' }}>
|
117
|
+
<Carousel
|
118
|
+
detectActive
|
119
|
+
scrollAlign={align}
|
120
|
+
paginationOptions={{
|
121
|
+
disabled: paginationDisabled,
|
122
|
+
visibleDots,
|
123
|
+
centered: paginationCentered,
|
124
|
+
}}
|
125
|
+
{...rest}
|
126
|
+
>
|
127
|
+
{items.map((item, i) => (
|
128
|
+
<CarouselItem key={i} scrollSnapAlign={align}>
|
129
|
+
<StyledCard>{item.title}</StyledCard>
|
130
|
+
</CarouselItem>
|
131
|
+
))}
|
132
|
+
</Carousel>
|
133
|
+
</div>
|
134
|
+
</>
|
75
135
|
);
|
76
136
|
};
|
77
137
|
|
@@ -12,7 +12,6 @@ import { base as sizeCSS } from "./variations/_size/base";
|
|
12
12
|
import { base as viewCSS } from "./variations/_view/base";
|
13
13
|
import { base, CarouselWrapper, CarouselTrack, ControlsWrapper, IconButton } from "./Carousel.styles";
|
14
14
|
import { useCarousel } from "./hooks/useCarousel";
|
15
|
-
import { useDragScroll } from "./hooks/useDragScroll";
|
16
15
|
import { Dots } from "./ui";
|
17
16
|
|
18
17
|
/**
|
@@ -22,11 +21,11 @@ export var carouselNewRoot = function carouselNewRoot(Root) {
|
|
22
21
|
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
23
22
|
var view = _ref.view,
|
24
23
|
size = _ref.size,
|
25
|
-
scrollAlign = _ref.scrollAlign,
|
24
|
+
_ref$scrollAlign = _ref.scrollAlign,
|
25
|
+
scrollAlign = _ref$scrollAlign === void 0 ? 'center' : _ref$scrollAlign,
|
26
26
|
children = _ref.children,
|
27
|
-
_ref$
|
28
|
-
|
29
|
-
gap = _ref.gap,
|
27
|
+
_ref$controlArrowsDis = _ref.controlArrowsDisabled,
|
28
|
+
controlArrowsDisabled = _ref$controlArrowsDis === void 0 ? 'false' : _ref$controlArrowsDis,
|
30
29
|
paginationOptions = _ref.paginationOptions,
|
31
30
|
className = _ref.className,
|
32
31
|
style = _ref.style;
|
@@ -48,14 +47,13 @@ export var carouselNewRoot = function carouselNewRoot(Root) {
|
|
48
47
|
}),
|
49
48
|
scrollRef = _useCarousel.scrollRef,
|
50
49
|
trackRef = _useCarousel.trackRef;
|
51
|
-
useDragScroll(scrollRef, isDragScrollDisabled);
|
52
50
|
return /*#__PURE__*/React.createElement(Root, {
|
53
51
|
className: className,
|
54
52
|
style: style,
|
55
53
|
size: size,
|
56
54
|
view: view,
|
57
55
|
ref: ref
|
58
|
-
}, /*#__PURE__*/React.createElement(ControlsWrapper, null, index !== 0 && /*#__PURE__*/React.createElement(IconButton, {
|
56
|
+
}, /*#__PURE__*/React.createElement(ControlsWrapper, null, index !== 0 && !controlArrowsDisabled && /*#__PURE__*/React.createElement(IconButton, {
|
59
57
|
pin: "circle-circle",
|
60
58
|
onClick: handleClickLeft
|
61
59
|
}, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/React.createElement(IconDisclosureLeft, {
|
@@ -65,10 +63,7 @@ export var carouselNewRoot = function carouselNewRoot(Root) {
|
|
65
63
|
ref: scrollRef
|
66
64
|
}, /*#__PURE__*/React.createElement(CarouselTrack, {
|
67
65
|
ref: trackRef
|
68
|
-
|
69
|
-
,
|
70
|
-
gap: gap
|
71
|
-
}, children)), index !== slidesAmount - 1 && /*#__PURE__*/React.createElement(IconButton, {
|
66
|
+
}, children)), index !== slidesAmount - 1 && !controlArrowsDisabled && /*#__PURE__*/React.createElement(IconButton, {
|
72
67
|
className: classes.rightControlButton,
|
73
68
|
pin: "circle-circle",
|
74
69
|
onClick: handleClickRight
|
@@ -12,32 +12,37 @@ export var base = process.env.NODE_ENV === "production" ? {
|
|
12
12
|
} : {
|
13
13
|
name: "y6axm9-plasma-new-hope__base",
|
14
14
|
styles: "position:relative;label:plasma-new-hope__base;",
|
15
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
15
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Nhcm91c2VsL0Nhcm91c2VsTmV3L0Nhcm91c2VsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICdzcmMvZW5naW5lcyc7XG5pbXBvcnQgeyBpY29uQnV0dG9uQ29uZmlnLCBpY29uQnV0dG9uVG9rZW5zIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbic7XG5cbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICcuL0Nhcm91c2VsLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGljb25CdXR0b25Db25maWcpO1xuZXhwb3J0IGNvbnN0IEljb25CdXR0b25Db21wb25lbnQgPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1hcmdpbi1sZWZ0OiBjYWxjKHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKSAqIC0xKTtcbiAgICBtYXJnaW4tcmlnaHQ6IGNhbGModmFyKC0tdGVtcG9yYXJ5LWNhcm91c2VsLXBhZGRpbmcpICogLTEpO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcblxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBvdmVyZmxvdy15OiBoaWRkZW47XG5cbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblxuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgIC0tdGVtcG9yYXJ5LWNhcm91c2VsLXBhZGRpbmc6IDAuNjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVHJhY2sgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgIGxlZnQ6IDAuNzVyZW07XG4gICAgei1pbmRleDogMTA7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktaG92ZXIpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktYWN0aXZlKTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiAyLjVyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogMXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IDAuNjI1cmVtO1xuXG4gICAgJi4ke2NsYXNzZXMucmlnaHRDb250cm9sQnV0dG9ufSB7XG4gICAgICAgIGxlZnQ6IGF1dG87XG4gICAgICAgIHJpZ2h0OiAwLjc1cmVtO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */",
|
16
16
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
17
17
|
};
|
18
18
|
export var CarouselWrapper = /*#__PURE__*/_styled("div", {
|
19
19
|
target: "e1tpidja3",
|
20
20
|
label: "plasma-new-hope__CarouselWrapper"
|
21
21
|
})(process.env.NODE_ENV === "production" ? {
|
22
|
-
name: "
|
23
|
-
styles: "position:relative;margin:
|
22
|
+
name: "z5bjq3",
|
23
|
+
styles: "position:relative;margin-left:calc(var(--temporary-carousel-padding) * -1);margin-right:calc(var(--temporary-carousel-padding) * -1);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);--temporary-carousel-padding:0.625rem"
|
24
24
|
} : {
|
25
|
-
name: "
|
26
|
-
styles: "position:relative;margin:
|
27
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
25
|
+
name: "z5bjq3",
|
26
|
+
styles: "position:relative;margin-left:calc(var(--temporary-carousel-padding) * -1);margin-right:calc(var(--temporary-carousel-padding) * -1);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);--temporary-carousel-padding:0.625rem",
|
27
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN5QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Nhcm91c2VsL0Nhcm91c2VsTmV3L0Nhcm91c2VsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICdzcmMvZW5naW5lcyc7XG5pbXBvcnQgeyBpY29uQnV0dG9uQ29uZmlnLCBpY29uQnV0dG9uVG9rZW5zIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbic7XG5cbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICcuL0Nhcm91c2VsLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGljb25CdXR0b25Db25maWcpO1xuZXhwb3J0IGNvbnN0IEljb25CdXR0b25Db21wb25lbnQgPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1hcmdpbi1sZWZ0OiBjYWxjKHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKSAqIC0xKTtcbiAgICBtYXJnaW4tcmlnaHQ6IGNhbGModmFyKC0tdGVtcG9yYXJ5LWNhcm91c2VsLXBhZGRpbmcpICogLTEpO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcblxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTtcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgb3ZlcmZsb3cteDogYXV0bztcbiAgICBvdmVyZmxvdy15OiBoaWRkZW47XG5cbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblxuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgIC0tdGVtcG9yYXJ5LWNhcm91c2VsLXBhZGRpbmc6IDAuNjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVHJhY2sgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuICAgIGxlZnQ6IDAuNzVyZW07XG4gICAgei1pbmRleDogMTA7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktaG92ZXIpO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC1zZWNvbmRhcnktYWN0aXZlKTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiAyLjVyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogMXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IDAuNjI1cmVtO1xuXG4gICAgJi4ke2NsYXNzZXMucmlnaHRDb250cm9sQnV0dG9ufSB7XG4gICAgICAgIGxlZnQ6IGF1dG87XG4gICAgICAgIHJpZ2h0OiAwLjc1cmVtO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */",
|
28
28
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
29
29
|
});
|
30
30
|
export var CarouselTrack = /*#__PURE__*/_styled("div", {
|
31
31
|
target: "e1tpidja2",
|
32
32
|
label: "plasma-new-hope__CarouselTrack"
|
33
|
-
})("
|
34
|
-
|
35
|
-
|
36
|
-
}
|
33
|
+
})(process.env.NODE_ENV === "production" ? {
|
34
|
+
name: "1tss2kx",
|
35
|
+
styles: "display:inline-flex;flex-direction:row"
|
36
|
+
} : {
|
37
|
+
name: "1tss2kx",
|
38
|
+
styles: "display:inline-flex;flex-direction:row",
|
39
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgaWNvbkJ1dHRvbkNvbmZpZywgaWNvbkJ1dHRvblRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0ljb25CdXR0b24nO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9DYXJvdXNlbC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnKTtcbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tbGVmdDogY2FsYyh2YXIoLS10ZW1wb3JhcnktY2Fyb3VzZWwtcGFkZGluZykgKiAtMSk7XG4gICAgbWFyZ2luLXJpZ2h0OiBjYWxjKHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKSAqIC0xKTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5cbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuXG4gICAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gICAgc2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nOiAwLjYyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFRyYWNrID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbkNvbXBvbmVudClgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICBsZWZ0OiAwLjc1cmVtO1xuICAgIHotaW5kZXg6IDEwO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWFjdGl2ZSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkhlaWdodH06IDIuNXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IDFyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiAwLjYyNXJlbTtcblxuICAgICYuJHtjbGFzc2VzLnJpZ2h0Q29udHJvbEJ1dHRvbn0ge1xuICAgICAgICBsZWZ0OiBhdXRvO1xuICAgICAgICByaWdodDogMC43NXJlbTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */",
|
40
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
41
|
+
});
|
37
42
|
export var IconButton = /*#__PURE__*/_styled(IconButtonComponent, {
|
38
43
|
target: "e1tpidja1",
|
39
44
|
label: "plasma-new-hope__IconButton"
|
40
|
-
})("position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", iconButtonTokens.iconButtonColor, ":var(--text-primary);", iconButtonTokens.iconButtonBackgroundColor, ":var(--surface-transparent-secondary);", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", iconButtonTokens.iconButtonBackgroundColor, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(--surface-transparent-secondary-hover);", iconButtonTokens.iconButtonBackgroundColorActive, ":var(--surface-transparent-secondary-active);", iconButtonTokens.iconButtonHeight, ":2.5rem;", iconButtonTokens.iconButtonWidth, ":2.5rem;", iconButtonTokens.iconButtonPadding, ":1rem;", iconButtonTokens.iconButtonRadius, ":0.625rem;&.", classes.rightControlButton, "{left:auto;right:0.75rem;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
45
|
+
})("position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", iconButtonTokens.iconButtonColor, ":var(--text-primary);", iconButtonTokens.iconButtonBackgroundColor, ":var(--surface-transparent-secondary);", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", iconButtonTokens.iconButtonBackgroundColor, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(--surface-transparent-secondary-hover);", iconButtonTokens.iconButtonBackgroundColorActive, ":var(--surface-transparent-secondary-active);", iconButtonTokens.iconButtonHeight, ":2.5rem;", iconButtonTokens.iconButtonWidth, ":2.5rem;", iconButtonTokens.iconButtonPadding, ":1rem;", iconButtonTokens.iconButtonRadius, ":0.625rem;&.", classes.rightControlButton, "{left:auto;right:0.75rem;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDcUQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgaWNvbkJ1dHRvbkNvbmZpZywgaWNvbkJ1dHRvblRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0ljb25CdXR0b24nO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9DYXJvdXNlbC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnKTtcbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tbGVmdDogY2FsYyh2YXIoLS10ZW1wb3JhcnktY2Fyb3VzZWwtcGFkZGluZykgKiAtMSk7XG4gICAgbWFyZ2luLXJpZ2h0OiBjYWxjKHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKSAqIC0xKTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5cbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuXG4gICAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gICAgc2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nOiAwLjYyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFRyYWNrID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbkNvbXBvbmVudClgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICBsZWZ0OiAwLjc1cmVtO1xuICAgIHotaW5kZXg6IDEwO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWFjdGl2ZSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkhlaWdodH06IDIuNXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IDFyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiAwLjYyNXJlbTtcblxuICAgICYuJHtjbGFzc2VzLnJpZ2h0Q29udHJvbEJ1dHRvbn0ge1xuICAgICAgICBsZWZ0OiBhdXRvO1xuICAgICAgICByaWdodDogMC43NXJlbTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */"));
|
41
46
|
export var ControlsWrapper = /*#__PURE__*/_styled("div", {
|
42
47
|
target: "e1tpidja0",
|
43
48
|
label: "plasma-new-hope__ControlsWrapper"
|
@@ -47,6 +52,6 @@ export var ControlsWrapper = /*#__PURE__*/_styled("div", {
|
|
47
52
|
} : {
|
48
53
|
name: "bjn8wh",
|
49
54
|
styles: "position:relative",
|
50
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
55
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvQ2Fyb3VzZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FeUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy9DYXJvdXNlbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnc3JjL2VuZ2luZXMnO1xuaW1wb3J0IHsgaWNvbkJ1dHRvbkNvbmZpZywgaWNvbkJ1dHRvblRva2VucyB9IGZyb20gJ3NyYy9jb21wb25lbnRzL0ljb25CdXR0b24nO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi9DYXJvdXNlbC50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnKTtcbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tbGVmdDogY2FsYyh2YXIoLS10ZW1wb3JhcnktY2Fyb3VzZWwtcGFkZGluZykgKiAtMSk7XG4gICAgbWFyZ2luLXJpZ2h0OiBjYWxjKHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKSAqIC0xKTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5cbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgb3ZlcmZsb3cteTogaGlkZGVuO1xuXG4gICAgc2Nyb2xsLWJlaGF2aW9yOiBzbW9vdGg7XG4gICAgc2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nOiAwLjYyNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFRyYWNrID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbkNvbXBvbmVudClgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICBsZWZ0OiAwLjc1cmVtO1xuICAgIHotaW5kZXg6IDEwO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXNlY29uZGFyeSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtc2Vjb25kYXJ5LWFjdGl2ZSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkhlaWdodH06IDIuNXJlbTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogMi41cmVtO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IDFyZW07XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiAwLjYyNXJlbTtcblxuICAgICYuJHtjbGFzc2VzLnJpZ2h0Q29udHJvbEJ1dHRvbn0ge1xuICAgICAgICBsZWZ0OiBhdXRvO1xuICAgICAgICByaWdodDogMC43NXJlbTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udHJvbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */",
|
51
56
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
52
57
|
});
|
@@ -3,8 +3,8 @@ import throttle from 'lodash.throttle';
|
|
3
3
|
/**
|
4
4
|
* Подсчет смещения из-за паддингов.
|
5
5
|
*/
|
6
|
-
export var getCalculatedOffset = function getCalculatedOffset(scrollEl, trackEl
|
7
|
-
var paddingProp =
|
6
|
+
export var getCalculatedOffset = function getCalculatedOffset(scrollEl, trackEl) {
|
7
|
+
var paddingProp = 'paddingLeft';
|
8
8
|
return parseInt(getComputedStyle(scrollEl)[paddingProp], 10) + parseInt(getComputedStyle(trackEl)[paddingProp], 10);
|
9
9
|
};
|
10
10
|
var positionModByScrollAlign = function positionModByScrollAlign(_ref) {
|
@@ -13,11 +13,9 @@ var positionModByScrollAlign = function positionModByScrollAlign(_ref) {
|
|
13
13
|
carouselSize = _ref.carouselSize,
|
14
14
|
itemSize = _ref.itemSize,
|
15
15
|
offset = _ref.offset,
|
16
|
-
scrollStart = _ref.scrollStart
|
17
|
-
axis = _ref.axis;
|
16
|
+
scrollStart = _ref.scrollStart;
|
18
17
|
if (scrollAlign === 'start') {
|
19
|
-
var
|
20
|
-
var paddingOffset = axis === 'y' ? offset - itemSize / 2 + inaccuracy : 0;
|
18
|
+
var paddingOffset = 0;
|
21
19
|
return position + paddingOffset;
|
22
20
|
}
|
23
21
|
if (scrollAlign === 'center') {
|
@@ -41,47 +39,30 @@ var positionModByScrollAlign = function positionModByScrollAlign(_ref) {
|
|
41
39
|
* Подсчет скролла до переданного индекса.
|
42
40
|
*/
|
43
41
|
export var getCalculatedPos = function getCalculatedPos(_ref2) {
|
42
|
+
var _items$item$offsetWid2, _items$item2;
|
44
43
|
var scrollEl = _ref2.scrollEl,
|
45
44
|
items = _ref2.items,
|
46
|
-
axis = _ref2.axis,
|
47
45
|
index = _ref2.index,
|
48
46
|
offset = _ref2.offset,
|
49
47
|
scrollAlign = _ref2.scrollAlign;
|
50
48
|
var position = scrollAlign === 'center' ? offset : 0;
|
51
|
-
var carouselSize;
|
52
|
-
var itemSize;
|
53
|
-
var scrollStart;
|
54
49
|
if (items.item(index) === null) {
|
55
50
|
return position;
|
56
51
|
}
|
57
52
|
for (var i = 0; i < index; i++) {
|
58
|
-
|
59
|
-
|
60
|
-
position += (_items$item$offsetWid = (_items$item = items.item(i)) === null || _items$item === void 0 ? void 0 : _items$item.offsetWidth) !== null && _items$item$offsetWid !== void 0 ? _items$item$offsetWid : 0;
|
61
|
-
} else {
|
62
|
-
var _items$item$offsetHei, _items$item2;
|
63
|
-
position += (_items$item$offsetHei = (_items$item2 = items.item(i)) === null || _items$item2 === void 0 ? void 0 : _items$item2.offsetHeight) !== null && _items$item$offsetHei !== void 0 ? _items$item$offsetHei : 0;
|
64
|
-
}
|
65
|
-
}
|
66
|
-
if (axis === 'x') {
|
67
|
-
var _items$item$offsetWid2, _items$item3;
|
68
|
-
carouselSize = scrollEl.offsetWidth;
|
69
|
-
itemSize = (_items$item$offsetWid2 = (_items$item3 = items.item(index)) === null || _items$item3 === void 0 ? void 0 : _items$item3.offsetWidth) !== null && _items$item$offsetWid2 !== void 0 ? _items$item$offsetWid2 : 0;
|
70
|
-
scrollStart = scrollEl.scrollLeft;
|
71
|
-
} else {
|
72
|
-
var _items$item$offsetHei2, _items$item4;
|
73
|
-
carouselSize = scrollEl.offsetHeight;
|
74
|
-
itemSize = (_items$item$offsetHei2 = (_items$item4 = items.item(index)) === null || _items$item4 === void 0 ? void 0 : _items$item4.offsetHeight) !== null && _items$item$offsetHei2 !== void 0 ? _items$item$offsetHei2 : 0;
|
75
|
-
scrollStart = scrollEl.scrollTop;
|
53
|
+
var _items$item$offsetWid, _items$item;
|
54
|
+
position += (_items$item$offsetWid = (_items$item = items.item(i)) === null || _items$item === void 0 ? void 0 : _items$item.offsetWidth) !== null && _items$item$offsetWid !== void 0 ? _items$item$offsetWid : 0;
|
76
55
|
}
|
56
|
+
var carouselSize = scrollEl.offsetWidth;
|
57
|
+
var itemSize = (_items$item$offsetWid2 = (_items$item2 = items.item(index)) === null || _items$item2 === void 0 ? void 0 : _items$item2.offsetWidth) !== null && _items$item$offsetWid2 !== void 0 ? _items$item$offsetWid2 : 0;
|
58
|
+
var scrollStart = scrollEl.scrollLeft;
|
77
59
|
return positionModByScrollAlign({
|
78
60
|
scrollAlign: scrollAlign,
|
79
61
|
position: position,
|
80
62
|
carouselSize: carouselSize,
|
81
63
|
itemSize: itemSize,
|
82
64
|
offset: offset,
|
83
|
-
scrollStart: scrollStart
|
84
|
-
axis: axis
|
65
|
+
scrollStart: scrollStart
|
85
66
|
});
|
86
67
|
};
|
87
68
|
var DEFAULT_DURATION = 300;
|
@@ -135,11 +116,10 @@ export var animatedScrollToX = function animatedScrollToX(elem, pos) {
|
|
135
116
|
export var scrollToPos = function scrollToPos(_ref3) {
|
136
117
|
var scrollEl = _ref3.scrollEl,
|
137
118
|
pos = _ref3.pos,
|
138
|
-
axis = _ref3.axis,
|
139
119
|
animated = _ref3.animated,
|
140
120
|
duration = _ref3.duration,
|
141
121
|
timingFunction = _ref3.timingFunction;
|
142
|
-
if (
|
122
|
+
if (Math.abs(pos - scrollEl.scrollLeft) > 1) {
|
143
123
|
if (animated) {
|
144
124
|
animatedScrollToX(scrollEl, pos, duration, timingFunction);
|
145
125
|
} else {
|
@@ -327,7 +307,7 @@ export var useCarousel = function useCarousel(_ref4) {
|
|
327
307
|
}
|
328
308
|
}
|
329
309
|
}, throttleMs);
|
330
|
-
}, [
|
310
|
+
}, [debouncedOnIndexChange, detectActive, detectThreshold, scrollAlign, throttleMs]);
|
331
311
|
|
332
312
|
/**
|
333
313
|
* Прокрутка до нужной позиции индекса.
|
@@ -341,21 +321,19 @@ export var useCarousel = function useCarousel(_ref4) {
|
|
341
321
|
pos: getCalculatedPos({
|
342
322
|
scrollEl: scrollEl,
|
343
323
|
items: items,
|
344
|
-
axis: axis,
|
345
324
|
index: i,
|
346
325
|
offset: offset.current,
|
347
326
|
scrollAlign: scrollAlign
|
348
|
-
})
|
349
|
-
axis: axis
|
327
|
+
})
|
350
328
|
});
|
351
329
|
prevIndex.current = i;
|
352
330
|
}
|
353
|
-
}, [
|
331
|
+
}, [scrollAlign]);
|
354
332
|
useEffect(function () {
|
355
333
|
if (scrollRef.current && trackRef.current) {
|
356
|
-
offset.current = getCalculatedOffset(scrollRef.current, trackRef.current
|
334
|
+
offset.current = getCalculatedOffset(scrollRef.current, trackRef.current);
|
357
335
|
}
|
358
|
-
}, [
|
336
|
+
}, []);
|
359
337
|
|
360
338
|
/**
|
361
339
|
* Операции на маунте/анмаунте компонента.
|
@@ -373,27 +351,6 @@ export var useCarousel = function useCarousel(_ref4) {
|
|
373
351
|
};
|
374
352
|
}, [throttledDetectActiveItem]);
|
375
353
|
|
376
|
-
/**
|
377
|
-
* Нужно вызвать только при первом рендере
|
378
|
-
*/
|
379
|
-
// useEffect(() => {
|
380
|
-
// requestAnimationFrame(() => {
|
381
|
-
// /**
|
382
|
-
// * Прокрутка до начального индекса.
|
383
|
-
// */
|
384
|
-
// toIndex(index);
|
385
|
-
//
|
386
|
-
// /**
|
387
|
-
// * Если на момент запуска карусель уже находится на нужной позиции,
|
388
|
-
// * событие скролла не произойдет, не сработает и определение центра,
|
389
|
-
// * необходимо вызвать его вручную.
|
390
|
-
// */
|
391
|
-
// throttledDetectActiveItem();
|
392
|
-
// });
|
393
|
-
//
|
394
|
-
// // eslint-disable-next-line react-hooks/exhaustive-deps
|
395
|
-
// }, []);
|
396
|
-
|
397
354
|
/**
|
398
355
|
* Прокрутка до нужной позиции индекса, если индекс изменился.
|
399
356
|
*/
|
@@ -14,7 +14,7 @@ var StyledItem = /*#__PURE__*/_styled("div", {
|
|
14
14
|
var scrollSnapAlign = _ref2.scrollSnapAlign,
|
15
15
|
scrollSnapStop = _ref2.scrollSnapStop;
|
16
16
|
return scrollSnapAlign ? scrollSnapStop : 'normal';
|
17
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxPbGQvQ2Fyb3VzZWxJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE9sZC9DYXJvdXNlbEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgU25hcEFsaWduLCBTbmFwU3RvcCwgQ2Fyb3VzZWxJdGVtUHJvcHMgfSBmcm9tICcuL0Nhcm91c2VsLnR5cGVzJztcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5kaXY8eyBzY3JvbGxTbmFwQWxpZ246IFNuYXBBbGlnbjsgc2Nyb2xsU25hcFN0b3A6IFNuYXBTdG9wIH0+YFxuICAgIHNjcm9sbC1zbmFwLWFsaWduOiAkeyh7IHNjcm9sbFNuYXBBbGlnbiB9KSA9PiBzY3JvbGxTbmFwQWxpZ24gfHwgJ25vbmUnfTtcbiAgICBzY3JvbGwtc25hcC1zdG9wOiAkeyh7IHNjcm9sbFNuYXBBbGlnbiwgc2Nyb2xsU25hcFN0b3AgfSkgPT4gKHNjcm9sbFNuYXBBbGlnbiA/
|
17
|
+
}, ";padding:0 var(--temporary-carousel-padding);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxPbGQvQ2Fyb3VzZWxJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE9sZC9DYXJvdXNlbEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgU25hcEFsaWduLCBTbmFwU3RvcCwgQ2Fyb3VzZWxJdGVtUHJvcHMgfSBmcm9tICcuL0Nhcm91c2VsLnR5cGVzJztcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5kaXY8eyBzY3JvbGxTbmFwQWxpZ246IFNuYXBBbGlnbjsgc2Nyb2xsU25hcFN0b3A6IFNuYXBTdG9wIH0+YFxuICAgIHNjcm9sbC1zbmFwLWFsaWduOiAkeyh7IHNjcm9sbFNuYXBBbGlnbiB9KSA9PiBzY3JvbGxTbmFwQWxpZ24gfHwgJ25vbmUnfTtcbiAgICBzY3JvbGwtc25hcC1zdG9wOiAkeyh7IHNjcm9sbFNuYXBBbGlnbiwgc2Nyb2xsU25hcFN0b3AgfSkgPT4gKHNjcm9sbFNuYXBBbGlnbiA/IHNjcm9sbFNuYXBTdG9wIDogJ25vcm1hbCcpfTtcbiAgICBwYWRkaW5nOiAwIHZhcigtLXRlbXBvcmFyeS1jYXJvdXNlbC1wYWRkaW5nKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbEl0ZW06IFJlYWN0LkZDPENhcm91c2VsSXRlbVByb3BzPiA9ICh7XG4gICAgc2Nyb2xsU25hcEFsaWduID0gJ2NlbnRlcicsXG4gICAgc2Nyb2xsU25hcFN0b3AgPSAnYWx3YXlzJyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5yZXN0XG59KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFN0eWxlZEl0ZW1cbiAgICAgICAgICAgIHNjcm9sbFNuYXBBbGlnbj17c2Nyb2xsU25hcEFsaWdufVxuICAgICAgICAgICAgc2Nyb2xsU25hcFN0b3A9e3Njcm9sbFNuYXBTdG9wfVxuICAgICAgICAgICAgcm9sZT1cImdyb3VwXCJcbiAgICAgICAgICAgIGFyaWEtcm9sZWRlc2NyaXB0aW9uPVwic2xpZGVcIlxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRJdGVtPlxuICAgICk7XG59O1xuIl19 */"));
|
18
18
|
export var CarouselItem = function CarouselItem(_ref3) {
|
19
19
|
var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
|
20
20
|
scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
|
@@ -4,4 +4,4 @@ export { CarouselItem } from "./CarouselOld/CarouselItem";
|
|
4
4
|
|
5
5
|
// New Carousel
|
6
6
|
export { carouselNewConfig, carouselNewRoot } from "./CarouselNew/Carousel";
|
7
|
-
export { tokens as
|
7
|
+
export { tokens as carouselNewTokens } from "./CarouselNew/Carousel.tokens";
|
@@ -1,16 +1,16 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
|
-
import {
|
2
|
+
import { carouselNewTokens as tokens } from "../../../../components/Carousel";
|
3
3
|
export var config = {
|
4
4
|
defaults: {
|
5
5
|
view: 'default',
|
6
|
-
size: '
|
6
|
+
size: 's'
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/css(tokens.paginationDotBackground, ":var(--surface-transparent-tertiary);", tokens.paginationDotActiveBackground, ":var(--surface-solid-default);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
10
|
+
"default": /*#__PURE__*/css(tokens.paginationDotBackground, ":var(--surface-transparent-tertiary);", tokens.paginationDotActiveBackground, ":var(--surface-solid-default);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNhcm91c2VsTmV3VG9rZW5zIGFzIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvQ2Fyb3VzZWwnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFnaW5hdGlvbkRvdEJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy5wYWdpbmF0aW9uRG90QWN0aXZlQmFja2dyb3VuZH06IHZhcigtLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBzOiBjc3NgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
11
11
|
},
|
12
12
|
size: {
|
13
|
-
s: /*#__PURE__*/css(";label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
13
|
+
s: /*#__PURE__*/css(";label:plasma-new-hope__s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWwuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjYXJvdXNlbE5ld1Rva2VucyBhcyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL0Nhcm91c2VsJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgICAgIHNpemU6ICdzJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnBhZ2luYXRpb25Eb3RCYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMucGFnaW5hdGlvbkRvdEFjdGl2ZUJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWRlZmF1bHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgczogY3NzYGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
14
14
|
}
|
15
15
|
}
|
16
16
|
};
|