@salutejs/plasma-new-hope 0.322.0-canary.1944.14662885061.0 → 0.322.0-canary.1947.14664713311.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 (91) hide show
  1. package/emotion/cjs/components/PaginationDots/PaginationDots.js +321 -0
  2. package/emotion/cjs/components/PaginationDots/PaginationDots.styles.js +44 -0
  3. package/emotion/cjs/components/PaginationDots/PaginationDots.template-doc.mdx +95 -0
  4. package/emotion/cjs/components/PaginationDots/PaginationDots.tokens.js +30 -0
  5. package/emotion/cjs/components/PaginationDots/PaginationDots.types.js +5 -0
  6. package/emotion/cjs/components/PaginationDots/hooks/useAnimation.js +108 -0
  7. package/emotion/cjs/components/PaginationDots/index.js +31 -0
  8. package/emotion/cjs/components/PaginationDots/utils/getDotSize.js +46 -0
  9. package/emotion/cjs/components/PaginationDots/variations/_size/base.js +8 -0
  10. package/emotion/cjs/components/PaginationDots/variations/_size/tokens.json +1 -0
  11. package/emotion/cjs/components/PaginationDots/variations/_view/base.js +8 -0
  12. package/emotion/cjs/components/PaginationDots/variations/_view/tokens.json +1 -0
  13. package/emotion/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.config.js +23 -0
  14. package/emotion/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.js +11 -0
  15. package/emotion/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.stories.tsx +87 -0
  16. package/emotion/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.config.js +24 -0
  17. package/emotion/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.js +11 -0
  18. package/emotion/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.stories.tsx +68 -0
  19. package/emotion/es/components/PaginationDots/PaginationDots.js +311 -0
  20. package/emotion/es/components/PaginationDots/PaginationDots.styles.js +37 -0
  21. package/emotion/es/components/PaginationDots/PaginationDots.template-doc.mdx +95 -0
  22. package/emotion/es/components/PaginationDots/PaginationDots.tokens.js +24 -0
  23. package/emotion/es/components/PaginationDots/PaginationDots.types.js +1 -0
  24. package/emotion/es/components/PaginationDots/hooks/useAnimation.js +102 -0
  25. package/emotion/es/components/PaginationDots/index.js +2 -0
  26. package/emotion/es/components/PaginationDots/utils/getDotSize.js +40 -0
  27. package/emotion/es/components/PaginationDots/variations/_size/base.js +2 -0
  28. package/emotion/es/components/PaginationDots/variations/_size/tokens.json +1 -0
  29. package/emotion/es/components/PaginationDots/variations/_view/base.js +2 -0
  30. package/emotion/es/components/PaginationDots/variations/_view/tokens.json +1 -0
  31. package/emotion/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.config.js +17 -0
  32. package/emotion/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.js +5 -0
  33. package/emotion/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.stories.tsx +87 -0
  34. package/emotion/es/examples/plasma_web/components/PaginationDots/PaginationDots.config.js +18 -0
  35. package/emotion/es/examples/plasma_web/components/PaginationDots/PaginationDots.js +5 -0
  36. package/emotion/es/examples/plasma_web/components/PaginationDots/PaginationDots.stories.tsx +68 -0
  37. package/package.json +4 -4
  38. package/styled-components/cjs/components/PaginationDots/PaginationDots.js +321 -0
  39. package/styled-components/cjs/components/PaginationDots/PaginationDots.styles.js +26 -0
  40. package/styled-components/cjs/components/PaginationDots/PaginationDots.template-doc.mdx +95 -0
  41. package/styled-components/cjs/components/PaginationDots/PaginationDots.tokens.js +30 -0
  42. package/styled-components/cjs/components/PaginationDots/PaginationDots.types.js +5 -0
  43. package/styled-components/cjs/components/PaginationDots/hooks/useAnimation.js +108 -0
  44. package/styled-components/cjs/components/PaginationDots/index.js +31 -0
  45. package/styled-components/cjs/components/PaginationDots/utils/getDotSize.js +46 -0
  46. package/styled-components/cjs/components/PaginationDots/variations/_size/base.js +8 -0
  47. package/styled-components/cjs/components/PaginationDots/variations/_size/tokens.json +1 -0
  48. package/styled-components/cjs/components/PaginationDots/variations/_view/base.js +8 -0
  49. package/styled-components/cjs/components/PaginationDots/variations/_view/tokens.json +1 -0
  50. package/styled-components/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.config.js +23 -0
  51. package/styled-components/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.js +11 -0
  52. package/styled-components/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.stories.tsx +87 -0
  53. package/styled-components/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.config.js +24 -0
  54. package/styled-components/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.js +11 -0
  55. package/styled-components/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.stories.tsx +68 -0
  56. package/styled-components/es/components/PaginationDots/PaginationDots.js +311 -0
  57. package/styled-components/es/components/PaginationDots/PaginationDots.styles.js +18 -0
  58. package/styled-components/es/components/PaginationDots/PaginationDots.template-doc.mdx +95 -0
  59. package/styled-components/es/components/PaginationDots/PaginationDots.tokens.js +24 -0
  60. package/styled-components/es/components/PaginationDots/PaginationDots.types.js +1 -0
  61. package/styled-components/es/components/PaginationDots/hooks/useAnimation.js +102 -0
  62. package/styled-components/es/components/PaginationDots/index.js +2 -0
  63. package/styled-components/es/components/PaginationDots/utils/getDotSize.js +40 -0
  64. package/styled-components/es/components/PaginationDots/variations/_size/base.js +2 -0
  65. package/styled-components/es/components/PaginationDots/variations/_size/tokens.json +1 -0
  66. package/styled-components/es/components/PaginationDots/variations/_view/base.js +2 -0
  67. package/styled-components/es/components/PaginationDots/variations/_view/tokens.json +1 -0
  68. package/styled-components/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.config.js +17 -0
  69. package/styled-components/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.js +5 -0
  70. package/styled-components/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.stories.tsx +87 -0
  71. package/styled-components/es/examples/plasma_web/components/PaginationDots/PaginationDots.config.js +18 -0
  72. package/styled-components/es/examples/plasma_web/components/PaginationDots/PaginationDots.js +5 -0
  73. package/styled-components/es/examples/plasma_web/components/PaginationDots/PaginationDots.stories.tsx +68 -0
  74. package/types/components/PaginationDots/PaginationDots.d.ts +31 -0
  75. package/types/components/PaginationDots/PaginationDots.d.ts.map +1 -0
  76. package/types/components/PaginationDots/PaginationDots.styles.d.ts +9 -0
  77. package/types/components/PaginationDots/PaginationDots.styles.d.ts.map +1 -0
  78. package/types/components/PaginationDots/PaginationDots.tokens.d.ts +25 -0
  79. package/types/components/PaginationDots/PaginationDots.tokens.d.ts.map +1 -0
  80. package/types/components/PaginationDots/PaginationDots.types.d.ts +46 -0
  81. package/types/components/PaginationDots/PaginationDots.types.d.ts.map +1 -0
  82. package/types/components/PaginationDots/hooks/useAnimation.d.ts +23 -0
  83. package/types/components/PaginationDots/hooks/useAnimation.d.ts.map +1 -0
  84. package/types/components/PaginationDots/index.d.ts +4 -0
  85. package/types/components/PaginationDots/index.d.ts.map +1 -0
  86. package/types/components/PaginationDots/utils/getDotSize.d.ts +2 -0
  87. package/types/components/PaginationDots/utils/getDotSize.d.ts.map +1 -0
  88. package/types/components/PaginationDots/variations/_size/base.d.ts +2 -0
  89. package/types/components/PaginationDots/variations/_size/base.d.ts.map +1 -0
  90. package/types/components/PaginationDots/variations/_view/base.d.ts +2 -0
  91. package/types/components/PaginationDots/variations/_view/base.d.ts.map +1 -0
@@ -0,0 +1,311 @@
1
+ var _excluded = ["view", "size", "activeElementView", "orientation", "centered", "value", "count", "visibleCount", "onChange"];
2
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
3
+ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
4
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
5
+ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
6
+ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
7
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
8
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
9
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
10
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
11
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
12
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
13
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
14
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
15
+ import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';
16
+ import cls from 'classnames';
17
+ import { useForkRef } from '@salutejs/plasma-core';
18
+ import { usePreviousValue } from "../../hooks";
19
+ import { base as viewCSS } from "../PaginationDots/variations/_view/base";
20
+ import { base as sizeCSS } from "../PaginationDots/variations/_size/base";
21
+ import { AnimatedDotsWrapper, base, Dot, Line, Wrapper } from "./PaginationDots.styles";
22
+ import { classes } from "./PaginationDots.tokens";
23
+ import { getDotSize } from "./utils/getDotSize";
24
+ import { useAnimation } from "./hooks/useAnimation";
25
+ var sizesMap = {
26
+ xs: 18,
27
+ s: 20,
28
+ m: 24
29
+ };
30
+ var getInitialOffset = function getInitialOffset(value, visibleCount, count) {
31
+ var middle = Math.floor(visibleCount / 2);
32
+ if (value < middle) {
33
+ return 0;
34
+ }
35
+ if (count - value <= middle) {
36
+ return count - visibleCount;
37
+ }
38
+ return value - middle;
39
+ };
40
+ export var getVisualOffsets = function getVisualOffsets(dots, innerViewValue) {
41
+ var before = dots.slice(0, innerViewValue).reduce(function (acc, size) {
42
+ return acc + sizesMap[size];
43
+ }, 0);
44
+ var after = dots.slice(innerViewValue + 1).reduce(function (acc, size) {
45
+ return acc + sizesMap[size];
46
+ }, 0);
47
+ return (after - before) / 2;
48
+ };
49
+ var getFirstAnimatedDotsOffset = function getFirstAnimatedDotsOffset(dots, prevDots) {
50
+ var sizeBefore = sizesMap[prevDots[0]];
51
+ var sizeAfter = sizesMap[dots[0]];
52
+ return sizeBefore - sizeAfter;
53
+ };
54
+ var getLastAnimatedDotsOffset = function getLastAnimatedDotsOffset(dots, prevDots) {
55
+ var sizeBefore = sizesMap[prevDots[prevDots.length - 1]];
56
+ var sizeAfter = sizesMap[dots[dots.length - 1]];
57
+ return sizeBefore - sizeAfter;
58
+ };
59
+
60
+ /*
61
+ (m) m m s xs value: 0, offset: 0
62
+ m (m) m s xs value: 1, offset: 0
63
+ m m (m) s xs value: 2, offset: 0
64
+ s m (m) s xs value: 3, offset: 1
65
+ xs s (m) s xs value: 4, offset: 2
66
+
67
+ */
68
+
69
+ var isDebug = false;
70
+ export var paginationDotsRoot = function paginationDotsRoot(Root) {
71
+ return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
72
+ var view = _ref.view,
73
+ size = _ref.size,
74
+ _ref$activeElementVie = _ref.activeElementView,
75
+ activeElementView = _ref$activeElementVie === void 0 ? 'dot' : _ref$activeElementVie,
76
+ _ref$orientation = _ref.orientation,
77
+ orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
78
+ _ref$centered = _ref.centered,
79
+ centered = _ref$centered === void 0 ? false : _ref$centered,
80
+ _ref$value = _ref.value,
81
+ value = _ref$value === void 0 ? 0 : _ref$value,
82
+ _ref$count = _ref.count,
83
+ count = _ref$count === void 0 ? 0 : _ref$count,
84
+ visibleCount = _ref.visibleCount,
85
+ onChange = _ref.onChange,
86
+ rest = _objectWithoutProperties(_ref, _excluded);
87
+ var innerRef = useRef(null);
88
+ var wrapperRef = useRef(null);
89
+ var activeElementRef = useRef(null);
90
+ var animatedDotsWrapperRef = useRef(null);
91
+ useForkRef(outerRef, innerRef);
92
+ var innerValue = Math.min(value, count - 1);
93
+ var innerVisibleCount = Math.min(visibleCount || count, count);
94
+ var isLineView = activeElementView === 'line';
95
+ var isVertical = orientation === 'vertical';
96
+ var hasScroll = innerVisibleCount < count;
97
+ var _useState = useState(innerValue),
98
+ _useState2 = _slicedToArray(_useState, 2),
99
+ currentValue = _useState2[0],
100
+ setCurrentValue = _useState2[1];
101
+ var _useState3 = useState(),
102
+ _useState4 = _slicedToArray(_useState3, 2),
103
+ prevValue = _useState4[0],
104
+ setPrevValue = _useState4[1];
105
+ var _useState5 = useState(function () {
106
+ return getInitialOffset(innerValue, innerVisibleCount, count);
107
+ }),
108
+ _useState6 = _slicedToArray(_useState5, 2),
109
+ offset = _useState6[0],
110
+ setOffset = _useState6[1];
111
+ var prevOffset = usePreviousValue(offset);
112
+ var prevDotsRef = useRef([]);
113
+ var dots = new Array(innerVisibleCount).fill(null).map(function (_, index) {
114
+ return getDotSize(size, index + offset, offset, count, innerVisibleCount);
115
+ });
116
+ var setVisualOffset = function setVisualOffset(currentValueNew, newOffset) {
117
+ var innerViewValue = currentValueNew - newOffset;
118
+
119
+ // canScrollBackward || canScrollForward
120
+ var withAnimation = centered ? true : newOffset !== offset;
121
+ if (!animatedDotsWrapperRef.current || !withAnimation) {
122
+ if (wrapperRef.current) {
123
+ wrapperRef.current.style.transform = 'none';
124
+ }
125
+ return;
126
+ }
127
+ var visualOffset = getVisualOffsets(dots, innerViewValue);
128
+ if (wrapperRef.current) {
129
+ wrapperRef.current.style.transform = isVertical ? "translateY(".concat(visualOffset, "px)") : "translateX(".concat(visualOffset, "px)");
130
+ }
131
+ };
132
+ if (isDebug) {
133
+ console.log('!!!', JSON.stringify({
134
+ prevValue: prevValue,
135
+ prevOffset: prevOffset,
136
+ value: innerValue,
137
+ offset: offset
138
+ }));
139
+ }
140
+ var canScrollForward = prevValue !== undefined ? !!offset && count - innerVisibleCount > prevOffset : false;
141
+ var canScrollBackward = Boolean(prevOffset && offset + innerVisibleCount !== count);
142
+ var _useAnimation = useAnimation({
143
+ innerViewIndex: currentValue - offset,
144
+ dots: dots,
145
+ prevDots: prevDotsRef.current,
146
+ canScrollBackward: canScrollBackward,
147
+ canScrollForward: canScrollForward,
148
+ isVertical: isVertical,
149
+ activeElementRef: activeElementRef,
150
+ animatedDotsWrapperRef: animatedDotsWrapperRef,
151
+ onAnimationEnd: function onAnimationEnd() {
152
+ console.log('!!! onAnimationEnd');
153
+ var newOffset = getInitialOffset(innerValue, innerVisibleCount, count);
154
+ setOffset(newOffset);
155
+ setPrevValue(undefined);
156
+ setSkipAnimation(true);
157
+ }
158
+ }),
159
+ skipAnimation = _useAnimation.skipAnimation,
160
+ hasAnimation = _useAnimation.hasAnimation,
161
+ hasForwardAnimation = _useAnimation.hasForwardAnimation,
162
+ hasBackwardAnimation = _useAnimation.hasBackwardAnimation,
163
+ setSkipAnimation = _useAnimation.setSkipAnimation,
164
+ setHasForwardAnimation = _useAnimation.setHasForwardAnimation,
165
+ setHasBackwardAnimation = _useAnimation.setHasBackwardAnimation,
166
+ handleAnimationEnd = _useAnimation.handleAnimationEnd;
167
+ var hasAnimatedDot = hasAnimation && innerVisibleCount > 2 && (hasBackwardAnimation && canScrollBackward || hasForwardAnimation && canScrollForward);
168
+ var calcOffset = function calcOffset(currentValue, prevValue) {
169
+ if (prevValue === undefined || centered && !hasScroll) {
170
+ return;
171
+ }
172
+ var toFront = currentValue > prevValue;
173
+ var toBack = currentValue < prevValue;
174
+ var newOffset = getInitialOffset(currentValue, innerVisibleCount, count);
175
+ var withAnimation = centered ? true : newOffset !== offset;
176
+ if (toFront) {
177
+ if (withAnimation) {
178
+ setHasForwardAnimation(true);
179
+ prevDotsRef.current = _toConsumableArray(dots);
180
+ setOffset(newOffset);
181
+ } else {
182
+ setOffset(newOffset);
183
+ }
184
+ } else if (toBack) {
185
+ if (withAnimation) {
186
+ setHasBackwardAnimation(true);
187
+ prevDotsRef.current = _toConsumableArray(dots);
188
+ setOffset(newOffset);
189
+ } else {
190
+ setOffset(newOffset);
191
+ }
192
+ }
193
+ };
194
+ useLayoutEffect(function () {
195
+ setVisualOffset(innerValue, offset);
196
+ }, [isVertical, centered]);
197
+ useLayoutEffect(function () {
198
+ if (prevValue === undefined) {
199
+ setVisualOffset(innerValue, offset);
200
+ if (animatedDotsWrapperRef.current) {
201
+ animatedDotsWrapperRef.current.style.transition = 'none';
202
+ animatedDotsWrapperRef.current.style.transform = 'none';
203
+ }
204
+ }
205
+ }, [innerValue, offset, prevValue]);
206
+ useLayoutEffect(function () {
207
+ setSkipAnimation(true);
208
+ setPrevValue(undefined);
209
+ }, [count, innerVisibleCount, isVertical, isLineView, hasScroll]);
210
+ useEffect(function () {
211
+ // setSkipAnimation(true);
212
+ // setPrevValue(undefined);
213
+ }, []);
214
+ var onMove = function onMove(newValue) {
215
+ setSkipAnimation(false);
216
+ calcOffset(newValue, currentValue);
217
+ setCurrentValue(newValue);
218
+ setPrevValue(currentValue);
219
+ onChange === null || onChange === void 0 || onChange(newValue);
220
+ };
221
+ if (!innerVisibleCount || innerVisibleCount <= 0) {
222
+ return null;
223
+ }
224
+ var dotsNodes = dots.map(function (dotSize, viewIndex) {
225
+ var dotIndex = viewIndex + offset;
226
+ var isCurrent = dotIndex === currentValue;
227
+ var isClickable = dotIndex === currentValue - 1 || dotIndex === currentValue + 1;
228
+ var onClick = isClickable && !hasAnimation ? function () {
229
+ return onMove(dotIndex);
230
+ } : undefined;
231
+ if (isCurrent) {
232
+ var ActiveElement = activeElementView === 'dot' ? Dot : Line;
233
+ return /*#__PURE__*/React.createElement(ActiveElement, {
234
+ key: viewIndex,
235
+ ref: activeElementRef,
236
+ "data-size": size,
237
+ "data-view": activeElementView,
238
+ className: cls(classes.active, isVertical && classes.vertical, skipAnimation && classes.skipAnimation)
239
+ }, isDebug ? dotIndex : null);
240
+ }
241
+ var isPrevActive = prevValue === dotIndex;
242
+ var innerViewValue = dotIndex - offset;
243
+ var isFirst = innerViewValue === 0;
244
+ var isLast = innerViewValue === innerVisibleCount - 1;
245
+ return /*#__PURE__*/React.createElement(Dot, {
246
+ key: viewIndex,
247
+ className: cls(isVertical && classes.vertical, isClickable && classes.clickable, isPrevActive && classes.prevActive, skipAnimation && classes.skipAnimation),
248
+ style: {
249
+ visibility: isLast && hasForwardAnimation && canScrollForward || isFirst && hasBackwardAnimation && canScrollBackward ? 'hidden' : 'visible'
250
+ },
251
+ "data-size": dotSize,
252
+ "data-view": activeElementView,
253
+ onClick: onClick
254
+ }, isDebug ? dotIndex : null);
255
+ });
256
+ return /*#__PURE__*/React.createElement(Root, _extends({
257
+ size: size,
258
+ view: view,
259
+ className: cls(centered && classes.centered, isVertical && classes.vertical),
260
+ ref: innerRef
261
+ }, rest), /*#__PURE__*/React.createElement(Wrapper, {
262
+ ref: wrapperRef,
263
+ "data-size": size
264
+ }, hasAnimatedDot && /*#__PURE__*/React.createElement(Dot, {
265
+ className: cls(isVertical && classes.vertical, {
266
+ hidden: hasForwardAnimation,
267
+ showed: hasBackwardAnimation
268
+ }),
269
+ "data-view": activeElementView,
270
+ "data-size": dots[0],
271
+ style: isVertical ? {
272
+ top: "".concat(getFirstAnimatedDotsOffset(dots, prevDotsRef.current), "px")
273
+ } : {
274
+ left: "".concat(getFirstAnimatedDotsOffset(dots, prevDotsRef.current), "px")
275
+ }
276
+ }, isDebug ? offset + (hasForwardAnimation ? -1 : 0) : null), /*#__PURE__*/React.createElement(AnimatedDotsWrapper, {
277
+ ref: animatedDotsWrapperRef,
278
+ onTransitionEnd: handleAnimationEnd
279
+ }, dotsNodes), hasAnimatedDot && /*#__PURE__*/React.createElement(Dot, {
280
+ className: cls(isVertical && classes.vertical, {
281
+ hidden: hasBackwardAnimation,
282
+ showed: hasForwardAnimation
283
+ }),
284
+ "data-view": activeElementView,
285
+ "data-size": dots[dots.length - 1],
286
+ style: isVertical ? {
287
+ bottom: "".concat(getLastAnimatedDotsOffset(dots, prevDotsRef.current), "px")
288
+ } : {
289
+ right: "".concat(getLastAnimatedDotsOffset(dots, prevDotsRef.current), "px")
290
+ }
291
+ }, isDebug ? offset + innerVisibleCount + (hasForwardAnimation ? -1 : 0) : null)));
292
+ });
293
+ };
294
+ export var paginationDotsConfig = {
295
+ name: 'PaginationDots',
296
+ tag: 'div',
297
+ layout: paginationDotsRoot,
298
+ base: base,
299
+ variations: {
300
+ view: {
301
+ css: viewCSS
302
+ },
303
+ size: {
304
+ css: sizeCSS
305
+ }
306
+ },
307
+ defaults: {
308
+ view: 'default',
309
+ size: 'm'
310
+ }
311
+ };
@@ -0,0 +1,37 @@
1
+ import _styled from "@emotion/styled/base";
2
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3
+ import { css } from '@emotion/react';
4
+ import { classes, tokens } from "./PaginationDots.tokens";
5
+ export var Wrapper = /*#__PURE__*/_styled("div", {
6
+ target: "e95px8o3",
7
+ label: "plasma-new-hope__Wrapper"
8
+ })(process.env.NODE_ENV === "production" ? {
9
+ name: "dxkoxo",
10
+ styles: "position:relative;display:flex;align-items:center;justify-content:center"
11
+ } : {
12
+ name: "dxkoxo",
13
+ styles: "position:relative;display:flex;align-items:center;justify-content:center",
14
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtpQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3RzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9QYWdpbmF0aW9uRG90cy50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZERvdHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgRG90ID0gc3R5bGVkLmRpdmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5kb3RQYWRkaW5nfSk7XG5cbiAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmRvdEJvcmRlclJhZGl1c30pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4zcyBsaW5lYXIsIGhlaWdodCAwLjNzIGxpbmVhcjtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0neHMnXSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC0tcGxhc21hLXByaXZhdGUtZG90LXNpemU6IHZhcigke3Rva2Vucy5kb3RTaXplWFN9KTtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplWFN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVN9KTtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVN9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZTogdmFyKCR7dG9rZW5zLmRvdFNpemVNfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVNfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuY2xpY2thYmxlfSB7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHNob3dBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaG93V2l0aENvbG9yIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaGlkZVdpdGhDb2xvciB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGhpZGVBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyByZXZlcnNlZFdpZHRoQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplKTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgcmV2ZXJzZWRIZWlnaHRBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGluZUJvcmRlclJhZGl1c30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucHJldkFjdGl2ZX0ge1xuICAgICAgICAmW2RhdGEtdmlldz0nbGluZSddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogcmV2ZXJzZWRXaWR0aEFuaW1hdGlvbjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogcmV2ZXJzZWRIZWlnaHRBbmltYXRpb247XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLXZpZXc9J2RvdCddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogaGlkZVdpdGhDb2xvcjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLmhpZGRlbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGhpZGVBbmltYXRpb247XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogY2FsYygwLjNzICsgMC4xcyk7XG4gICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi5zaG93ZWQge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBzaG93QW5pbWF0aW9uO1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWN0aXZlfSB7XG4gICAgICAgICZbZGF0YS12aWV3PSdkb3QnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHNob3dXaXRoQ29sb3I7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5za2lwQW5pbWF0aW9ufSB7XG4gICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGluZSA9IHN0eWxlZChEb3QpYFxuICAgIEBrZXlmcmFtZXMgd2lkdGhBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBoZWlnaHRBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdtJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1zaXplPSdtJ10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICBhbmltYXRpb24tbmFtZTogd2lkdGhBbmltYXRpb247XG4gICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBoZWlnaHRBbmltYXRpb247XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5za2lwQW5pbWF0aW9ufSB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jZW50ZXJlZH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICAgJHtEb3R9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy52ZXJ0aWNhbERvdFBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7QW5pbWF0ZWREb3RzV3JhcHBlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmNlbnRlcmVkfSB7XG4gICAgICAgICAgICB3aWR0aDogYXV0bztcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcblxuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */",
15
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
16
+ });
17
+ export var AnimatedDotsWrapper = /*#__PURE__*/_styled("div", {
18
+ target: "e95px8o2",
19
+ label: "plasma-new-hope__AnimatedDotsWrapper"
20
+ })(process.env.NODE_ENV === "production" ? {
21
+ name: "1wnowod",
22
+ styles: "display:flex;align-items:center;justify-content:center"
23
+ } : {
24
+ name: "1wnowod",
25
+ styles: "display:flex;align-items:center;justify-content:center",
26
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3RzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9QYWdpbmF0aW9uRG90cy50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZERvdHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgRG90ID0gc3R5bGVkLmRpdmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5kb3RQYWRkaW5nfSk7XG5cbiAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmRvdEJvcmRlclJhZGl1c30pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4zcyBsaW5lYXIsIGhlaWdodCAwLjNzIGxpbmVhcjtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0neHMnXSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC0tcGxhc21hLXByaXZhdGUtZG90LXNpemU6IHZhcigke3Rva2Vucy5kb3RTaXplWFN9KTtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplWFN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVN9KTtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVN9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZTogdmFyKCR7dG9rZW5zLmRvdFNpemVNfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVNfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuY2xpY2thYmxlfSB7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHNob3dBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaG93V2l0aENvbG9yIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaGlkZVdpdGhDb2xvciB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGhpZGVBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyByZXZlcnNlZFdpZHRoQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplKTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgcmV2ZXJzZWRIZWlnaHRBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGluZUJvcmRlclJhZGl1c30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucHJldkFjdGl2ZX0ge1xuICAgICAgICAmW2RhdGEtdmlldz0nbGluZSddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogcmV2ZXJzZWRXaWR0aEFuaW1hdGlvbjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogcmV2ZXJzZWRIZWlnaHRBbmltYXRpb247XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLXZpZXc9J2RvdCddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogaGlkZVdpdGhDb2xvcjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLmhpZGRlbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGhpZGVBbmltYXRpb247XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogY2FsYygwLjNzICsgMC4xcyk7XG4gICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi5zaG93ZWQge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBzaG93QW5pbWF0aW9uO1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWN0aXZlfSB7XG4gICAgICAgICZbZGF0YS12aWV3PSdkb3QnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHNob3dXaXRoQ29sb3I7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5za2lwQW5pbWF0aW9ufSB7XG4gICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGluZSA9IHN0eWxlZChEb3QpYFxuICAgIEBrZXlmcmFtZXMgd2lkdGhBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBoZWlnaHRBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdtJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1zaXplPSdtJ10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICBhbmltYXRpb24tbmFtZTogd2lkdGhBbmltYXRpb247XG4gICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBoZWlnaHRBbmltYXRpb247XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5za2lwQW5pbWF0aW9ufSB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jZW50ZXJlZH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICAgJHtEb3R9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy52ZXJ0aWNhbERvdFBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7QW5pbWF0ZWREb3RzV3JhcHBlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmNlbnRlcmVkfSB7XG4gICAgICAgICAgICB3aWR0aDogYXV0bztcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcblxuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */",
27
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
28
+ });
29
+ export var Dot = /*#__PURE__*/_styled("div", {
30
+ target: "e95px8o1",
31
+ label: "plasma-new-hope__Dot"
32
+ })("box-sizing:border-box;padding:var(", tokens.dotPadding, ");&:before{content:'';display:block;border-radius:var(", tokens.dotBorderRadius, ");background-color:var(", tokens.itemBackground, ");transition:width 0.3s linear,height 0.3s linear;}&.", classes.active, "{&:before{background-color:var(", tokens.activeItemBackground, ");}}&[data-size='xs']{&:before{--plasma-private-dot-size:var(", tokens.dotSizeXS, ");width:var(", tokens.dotSizeXS, ");height:var(", tokens.dotSizeXS, ");}}&[data-size='s']{&:before{--plasma-private-dot-size:var(", tokens.dotSizeS, ");width:var(", tokens.dotSizeS, ");height:var(", tokens.dotSizeS, ");}}&[data-size='m']{&:before{--plasma-private-dot-size:var(", tokens.dotSizeM, ");width:var(", tokens.dotSizeM, ");height:var(", tokens.dotSizeM, ");}}&.", classes.clickable, "{cursor:pointer;}@keyframes showAnimation{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes showWithColor{from{background-color:var(", tokens.itemBackground, ");}to{background-color:var(", tokens.activeItemBackground, ");}}@keyframes hideWithColor{from{background-color:var(", tokens.activeItemBackground, ");}to{background-color:var(", tokens.itemBackground, ");}}@keyframes hideAnimation{from{transform:scale(1);opacity:1;}to{transform:scale(0);opacity:0;}}@keyframes reversedWidthAnimation{from{width:var(", tokens.lineWidth, ");height:var(", tokens.lineHeight, ");border-radius:var(", tokens.lineBorderRadius, ");background-color:var(", tokens.activeItemBackground, ");}to{width:var(--plasma-private-dot-size);height:var(--plasma-private-dot-size);border-radius:var(", tokens.lineBorderRadius, ");background-color:var(", tokens.itemBackground, ");}}@keyframes reversedHeightAnimation{from{width:var(", tokens.verticalLineWidth, ");height:var(", tokens.verticalLineHeight, ");border-radius:var(", tokens.lineBorderRadius, ");}to{width:var(--plasma-private-dot-size);height:var(--plasma-private-dot-size);border-radius:var(", tokens.lineBorderRadius, ");}}&.", classes.prevActive, "{&[data-view='line']{&:before{animation-name:reversedWidthAnimation;animation-duration:0.3s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;}&.", classes.vertical, "{&:before{animation-name:reversedHeightAnimation;}}}&[data-view='dot']{&:before{animation-name:hideWithColor;animation-duration:0.3s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;animation-timing-function:ease-out;}}}&.hidden{position:absolute;animation-name:hideAnimation;animation-duration:calc(0.3s + 0.1s);animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;}&.showed{position:absolute;animation-name:showAnimation;animation-duration:0.3s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;}&.", classes.active, "{&[data-view='dot']{&:before{animation-name:showWithColor;animation-duration:0.3s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;animation-timing-function:ease-in;}}}&.", classes.skipAnimation, "{transition:none;animation-name:none!important;&:before{transition:none;animation-name:none!important;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCNkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUGFnaW5hdGlvbkRvdHMudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWREb3RzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERvdCA9IHN0eWxlZC5kaXZgXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZG90UGFkZGluZ30pO1xuXG4gICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5kb3RCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuM3MgbGluZWFyLCBoZWlnaHQgMC4zcyBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWN0aXZlfSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J3hzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVYU30pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZTogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplU30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J20nXSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC0tcGxhc21hLXByaXZhdGUtZG90LXNpemU6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZU19KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNsaWNrYWJsZX0ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaG93QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgc2hvd1dpdGhDb2xvciB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGhpZGVXaXRoQ29sb3Ige1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBoaWRlQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgcmV2ZXJzZWRXaWR0aEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGluZUJvcmRlclJhZGl1c30pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplKTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnByZXZBY3RpdmV9IHtcbiAgICAgICAgJltkYXRhLXZpZXc9J2xpbmUnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkV2lkdGhBbmltYXRpb247XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS12aWV3PSdkb3QnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGhpZGVXaXRoQ29sb3I7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi5oaWRkZW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBoaWRlQW5pbWF0aW9uO1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IGNhbGMoMC4zcyArIDAuMXMpO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuc2hvd2VkIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvd0FuaW1hdGlvbjtcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICAmW2RhdGEtdmlldz0nZG90J10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBzaG93V2l0aENvbG9yO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBub25lO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExpbmUgPSBzdHlsZWQoRG90KWBcbiAgICBAa2V5ZnJhbWVzIHdpZHRoQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHdpZHRoQW5pbWF0aW9uO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogaGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICAgJi4ke2NsYXNzZXMuY2VudGVyZWR9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgICR7RG90fSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMudmVydGljYWxEb3RQYWRkaW5nfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0FuaW1hdGVkRG90c1dyYXBwZXJ9IHtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jZW50ZXJlZH0ge1xuICAgICAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
33
+ export var Line = /*#__PURE__*/_styled(Dot, {
34
+ target: "e95px8o0",
35
+ label: "plasma-new-hope__Line"
36
+ })("@keyframes widthAnimation{from{width:var(", tokens.lineHeight, ");height:var(", tokens.lineHeight, ");background-color:var(", tokens.itemBackground, ");}to{width:var(", tokens.lineWidth, ");height:var(", tokens.lineHeight, ");background-color:var(", tokens.activeItemBackground, ");}}@keyframes heightAnimation{from{width:var(", tokens.lineHeight, ");height:var(", tokens.lineHeight, ");background-color:var(", tokens.itemBackground, ");}to{width:var(", tokens.verticalLineWidth, ");height:var(", tokens.verticalLineHeight, ");background-color:var(", tokens.activeItemBackground, ");}}&[data-size='s']{&:before{width:var(", tokens.lineWidth, ");height:var(", tokens.lineHeight, ");border-radius:var(", tokens.lineBorderRadius, ");}}&[data-size='m']{&:before{width:var(", tokens.lineWidth, ");height:var(", tokens.lineHeight, ");border-radius:var(", tokens.lineBorderRadius, ");}}&.", classes.vertical, "{&[data-size='s']{&:before{width:var(", tokens.verticalLineWidth, ");height:var(", tokens.verticalLineHeight, ");}}&[data-size='m']{&:before{width:var(", tokens.verticalLineWidth, ");height:var(", tokens.verticalLineHeight, ");}}}&.", classes.active, "{&:before{animation-name:widthAnimation;animation-duration:0.3s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;}&.", classes.vertical, "{&:before{animation-name:heightAnimation;}}}&.", classes.skipAnimation, "{animation-name:none!important;&:before{animation-name:none!important;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJNK0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUGFnaW5hdGlvbkRvdHMudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWREb3RzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERvdCA9IHN0eWxlZC5kaXZgXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZG90UGFkZGluZ30pO1xuXG4gICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5kb3RCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuM3MgbGluZWFyLCBoZWlnaHQgMC4zcyBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWN0aXZlfSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J3hzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVYU30pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZTogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplU30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J20nXSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC0tcGxhc21hLXByaXZhdGUtZG90LXNpemU6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZU19KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNsaWNrYWJsZX0ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaG93QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgc2hvd1dpdGhDb2xvciB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGhpZGVXaXRoQ29sb3Ige1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBoaWRlQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgcmV2ZXJzZWRXaWR0aEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGluZUJvcmRlclJhZGl1c30pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplKTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnByZXZBY3RpdmV9IHtcbiAgICAgICAgJltkYXRhLXZpZXc9J2xpbmUnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkV2lkdGhBbmltYXRpb247XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS12aWV3PSdkb3QnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGhpZGVXaXRoQ29sb3I7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi5oaWRkZW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBoaWRlQW5pbWF0aW9uO1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IGNhbGMoMC4zcyArIDAuMXMpO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuc2hvd2VkIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvd0FuaW1hdGlvbjtcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICAmW2RhdGEtdmlldz0nZG90J10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBzaG93V2l0aENvbG9yO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBub25lO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExpbmUgPSBzdHlsZWQoRG90KWBcbiAgICBAa2V5ZnJhbWVzIHdpZHRoQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHdpZHRoQW5pbWF0aW9uO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogaGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICAgJi4ke2NsYXNzZXMuY2VudGVyZWR9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgICR7RG90fSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMudmVydGljYWxEb3RQYWRkaW5nfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0FuaW1hdGVkRG90c1dyYXBwZXJ9IHtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jZW50ZXJlZH0ge1xuICAgICAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
37
+ export var base = /*#__PURE__*/css("display:flex;align-items:center;justify-content:flex-start;&.", classes.centered, "{width:100%;justify-content:center;}&.", classes.vertical, "{display:inline-flex;flex-direction:column;align-items:center;", Dot, "{padding:var(", tokens.verticalDotPadding, ");}", AnimatedDotsWrapper, "{flex-direction:column;}&.", classes.centered, "{width:auto;height:100%;position:relative;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStSdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUGFnaW5hdGlvbkRvdHMudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWREb3RzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERvdCA9IHN0eWxlZC5kaXZgXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZG90UGFkZGluZ30pO1xuXG4gICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5kb3RCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuM3MgbGluZWFyLCBoZWlnaHQgMC4zcyBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWN0aXZlfSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J3hzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVYU30pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZTogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplU30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J20nXSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC0tcGxhc21hLXByaXZhdGUtZG90LXNpemU6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZU19KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNsaWNrYWJsZX0ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaG93QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgc2hvd1dpdGhDb2xvciB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGhpZGVXaXRoQ29sb3Ige1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBoaWRlQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgcmV2ZXJzZWRXaWR0aEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGluZUJvcmRlclJhZGl1c30pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplKTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnByZXZBY3RpdmV9IHtcbiAgICAgICAgJltkYXRhLXZpZXc9J2xpbmUnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkV2lkdGhBbmltYXRpb247XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS12aWV3PSdkb3QnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGhpZGVXaXRoQ29sb3I7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi5oaWRkZW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBoaWRlQW5pbWF0aW9uO1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IGNhbGMoMC4zcyArIDAuMXMpO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuc2hvd2VkIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvd0FuaW1hdGlvbjtcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICAmW2RhdGEtdmlldz0nZG90J10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBzaG93V2l0aENvbG9yO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBub25lO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExpbmUgPSBzdHlsZWQoRG90KWBcbiAgICBAa2V5ZnJhbWVzIHdpZHRoQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHdpZHRoQW5pbWF0aW9uO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogaGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICAgJi4ke2NsYXNzZXMuY2VudGVyZWR9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgICR7RG90fSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMudmVydGljYWxEb3RQYWRkaW5nfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0FuaW1hdGVkRG90c1dyYXBwZXJ9IHtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jZW50ZXJlZH0ge1xuICAgICAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
@@ -0,0 +1,95 @@
1
+ ---
2
+ id: segment
3
+ title: Segment
4
+ ---
5
+
6
+ import { PropsTable, Description } from '@site/src/components';
7
+
8
+ # PaginationDots
9
+ Элементы переключения. Oтображают возможность перемещения между небольшим количеством однородных элементов контента.
10
+
11
+ ## PaginationDots
12
+
13
+ <Description name="PaginationDots" />
14
+ <PropsTable name="PaginationDots" exclude={['css']} />
15
+
16
+ ```tsx live
17
+ import React from 'react';
18
+ import { SegmentGroup, SegmentItem, SegmentProvider, useSegment } from '@salutejs/{{ package }}';
19
+
20
+ export function App() {
21
+ const items = Array(8).fill(0);
22
+
23
+ const SegmentTemplate = () => {
24
+ const {selectedSegmentItems} = useSegment();
25
+
26
+ return (
27
+ <>
28
+ <div>Выбранный элемент: {selectedSegmentItems.join(', ')}</div>
29
+ <br />
30
+ <SegmentGroup hasBackground pilled clip={false}>
31
+ {items.map((_, i) => (
32
+ <SegmentItem
33
+ label={`Label ${i}`}
34
+ value={`label_${i}`}
35
+ key={`label_${i}`}
36
+ view='default'
37
+ pilled
38
+ />
39
+ ))}
40
+ </SegmentGroup>
41
+ </>
42
+ )
43
+ }
44
+
45
+ return (
46
+ <div style={{ display: "block" }} >
47
+ <SegmentProvider defaultSelected={['label_1']}>
48
+ <SegmentTemplate/>
49
+ </SegmentProvider>
50
+ </div>
51
+ );
52
+ }
53
+ ```
54
+
55
+ ### Вертикальное отображение
56
+
57
+ Для смены ориентации передаем `orientation: 'vertical'`
58
+
59
+ ```tsx live
60
+ import React from 'react';
61
+ import { SegmentGroup, SegmentItem, SegmentProvider, useSegment } from '@salutejs/{{ package }}';
62
+
63
+ export function App() {
64
+ const items = Array(8).fill(0);
65
+
66
+ const SegmentTemplate = () => {
67
+ const {selectedSegmentItems} = useSegment();
68
+
69
+ return (
70
+ <>
71
+ <div>Выбранный элемент: {selectedSegmentItems.join(', ')}</div>
72
+ <br />
73
+ <SegmentGroup hasBackground clip={false}>
74
+ {items.map((_, i) => (
75
+ <SegmentItem
76
+ label={`Label ${i}`}
77
+ value={`label_${i}`}
78
+ key={`label_${i}`}
79
+ view='secondary'
80
+ />
81
+ ))}
82
+ </SegmentGroup>
83
+ </>
84
+ )
85
+ }
86
+
87
+ return (
88
+ <div style={{ display: "block" }} >
89
+ <SegmentProvider defaultSelected={['label_1']}>
90
+ <SegmentTemplate/>
91
+ </SegmentProvider>
92
+ </div>
93
+ );
94
+ }
95
+ ```
@@ -0,0 +1,24 @@
1
+ export var classes = {
2
+ active: 'active',
3
+ prevActive: 'prevActive',
4
+ centered: 'centered',
5
+ vertical: 'vertical',
6
+ clickable: 'clickable',
7
+ skipAnimation: 'skipAnimation'
8
+ };
9
+ export var tokens = {
10
+ paginationWidth: '--plasma-pagination-width',
11
+ dotPadding: '--plasma-pagination-dots-dot-padding',
12
+ verticalDotPadding: '--plasma-pagination-dots-vertical-dot-padding',
13
+ dotSizeM: '--plasma-pagination-dots-dot-size-m',
14
+ dotSizeS: '--plasma-pagination-dots-dot-size-s',
15
+ dotSizeXS: '--plasma-pagination-dots-dot-size-xs',
16
+ dotBorderRadius: '--plasma-pagination-dots-dot-border-radius',
17
+ lineWidth: '--plasma-pagination-dots-line-width',
18
+ lineHeight: '--plasma-pagination-dots-line-height',
19
+ lineBorderRadius: '--plasma-pagination-dots-line-border-radius',
20
+ verticalLineWidth: '--plasma-pagination-dots-vertical-line-width',
21
+ verticalLineHeight: '--plasma-pagination-dots-vertical-line-height',
22
+ itemBackground: '--plasma-pagination-dots-item-background',
23
+ activeItemBackground: '--plasma-pagination-dots-active-item-background'
24
+ };