@salutejs/plasma-new-hope 0.325.0-canary.1984.15208824153.0 → 0.325.0-canary.1991.15252784001.0

package/emotion/es/components/Note/Note.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height"];
+var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height", "hasClose", "onCloseButtonClick"];
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17,9 +17,10 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { useResizeObserver } from '@salutejs/plasma-core';
 import { canUseDOM, cx, getSizeValueFromProp } from "../../utils";
+import { IconCrossThin } from "../_Icon/Icons/IconCrossThin";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
-import { base, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from "./Note.styles";
+import { base, CloseIconWrapper, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from "./Note.styles";
 import { classes, privateTokens, tokens } from "./Note.tokens";
 export var noteRoot = function noteRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
@@ -35,6 +36,8 @@ export var noteRoot = function noteRoot(Root) {
       stretch = _ref.stretch,
       width = _ref.width,
       height = _ref.height,
+      hasClose = _ref.hasClose,
+      onCloseButtonClick = _ref.onCloseButtonClick,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useState = useState(text),
       _useState2 = _slicedToArray(_useState, 2),
@@ -100,11 +103,22 @@ export var noteRoot = function noteRoot(Root) {
       ref: contentBeforeRef
     }, contentBefore), /*#__PURE__*/React.createElement(ContentWrapper, {
       ref: contentWrapperRef
-    }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(TitleHelper, {
+    }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, {
+      hasClose: hasClose
+    }, title), /*#__PURE__*/React.createElement(TitleHelper, {
       ref: titleHelperRef
     }, "C")), innerText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, innerText, /*#__PURE__*/React.createElement(TextHelper, {
       ref: textRenderHelperRef
-    }, "C")))));
+    }, "C")))), hasClose && /*#__PURE__*/React.createElement(CloseIconWrapper, {
+      view: "clear",
+      size: "s",
+      onClick: onCloseButtonClick,
+      className: classes.closeIcon
+    }, /*#__PURE__*/React.createElement(IconCrossThin, {
+      size: "s",
+      sizeCustomProperty: tokens.closeIconSize,
+      color: "inherit"
+    })));
   });
 };
 export var noteConfig = {

package/emotion/es/components/Note/Note.styles.js

@@ -1,17 +1,22 @@
 import _styled from "@emotion/styled/base";
 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)."; }
 import { css } from '@emotion/react';
+import { component, mergeConfig } from "../../engines";
+import { buttonConfig } from "../Button";
+import { tokens } from "./Note.tokens";
+var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
+var Button = /*#__PURE__*/component(mergedButtonConfig);
 export var base = process.env.NODE_ENV === "production" ? {
   name: "1j3qywx-plasma-new-hope__base",
   styles: "position:relative;display:flex;box-sizing:border-box;label:plasma-new-hope__base;"
 } : {
   name: "1j3qywx-plasma-new-hope__base",
   styles: "position:relative;display:flex;box-sizing:border-box;label:plasma-new-hope__base;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL05vdGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRCZWZvcmUgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdmBgO1xuZXhwb3J0IGNvbnN0IFRpdGxlSGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5leHBvcnQgY29uc3QgVGV4dEhlbHBlciA9IHN0eWxlZC5zcGFuYFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL05vdGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyBidXR0b25Db25maWcgfSBmcm9tICcuLi9CdXR0b24nO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL05vdGUudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRCZWZvcmUgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdjx7IGhhc0Nsb3NlPzogYm9vbGVhbiB9PmBcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IGhhc0Nsb3NlIH0pID0+IChoYXNDbG9zZSA/IGB2YXIoJHt0b2tlbnMudGl0bGVQYWRkaW5nUmlnaHR9KWAgOiAwKX07XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvblJpZ2h0fSk7XG4gICAgdG9wOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uVG9wfSk7XG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5jbG9zZUljb25CdXR0b25TaXplfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jbG9zZUljb25Db2xvcn0pO1xuXG4gICAgOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9KTtcbiAgICB9XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var ContentBefore = /*#__PURE__*/_styled("div", {
-  target: "eg896kp5",
+  target: "eg896kp6",
   label: "plasma-new-hope__ContentBefore"
 })(process.env.NODE_ENV === "production" ? {
   name: "zjik7",
@@ -19,11 +24,11 @@ export var ContentBefore = /*#__PURE__*/_styled("div", {
 } : {
   name: "zjik7",
   styles: "display:flex",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL05vdGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRCZWZvcmUgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdmBgO1xuZXhwb3J0IGNvbnN0IFRpdGxlSGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5leHBvcnQgY29uc3QgVGV4dEhlbHBlciA9IHN0eWxlZC5zcGFuYFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vQnV0dG9uJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Ob3RlLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXY8eyBoYXNDbG9zZT86IGJvb2xlYW4gfT5gXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBoYXNDbG9zZSB9KSA9PiAoaGFzQ2xvc2UgPyBgdmFyKCR7dG9rZW5zLnRpdGxlUGFkZGluZ1JpZ2h0fSlgIDogMCl9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgVGl0bGVIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0SGVscGVyID0gc3R5bGVkLnNwYW5gXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IHZhcigke3Rva2Vucy5jbG9zZUljb25SaWdodH0pO1xuICAgIHRvcDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvblRvcH0pO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvbkJ1dHRvblNpemV9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcblxuICAgIDpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfSk7XG4gICAgfVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export var ContentWrapper = /*#__PURE__*/_styled("div", {
-  target: "eg896kp4",
+  target: "eg896kp5",
   label: "plasma-new-hope__ContentWrapper"
 })(process.env.NODE_ENV === "production" ? {
   name: "1ozv6rn",
@@ -31,15 +36,18 @@ export var ContentWrapper = /*#__PURE__*/_styled("div", {
 } : {
   name: "1ozv6rn",
   styles: "display:flex;flex-direction:column;box-sizing:border-box",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ob3RlL05vdGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRCZWZvcmUgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLmRpdmBgO1xuZXhwb3J0IGNvbnN0IFRpdGxlSGVscGVyID0gc3R5bGVkLmRpdmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5leHBvcnQgY29uc3QgVGV4dEhlbHBlciA9IHN0eWxlZC5zcGFuYFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vQnV0dG9uJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Ob3RlLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXY8eyBoYXNDbG9zZT86IGJvb2xlYW4gfT5gXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBoYXNDbG9zZSB9KSA9PiAoaGFzQ2xvc2UgPyBgdmFyKCR7dG9rZW5zLnRpdGxlUGFkZGluZ1JpZ2h0fSlgIDogMCl9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgVGl0bGVIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0SGVscGVyID0gc3R5bGVkLnNwYW5gXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IHZhcigke3Rva2Vucy5jbG9zZUljb25SaWdodH0pO1xuICAgIHRvcDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvblRvcH0pO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvbkJ1dHRvblNpemV9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcblxuICAgIDpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfSk7XG4gICAgfVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export var Title = /*#__PURE__*/_styled("div", {
-  target: "eg896kp3",
+  target: "eg896kp4",
   label: "plasma-new-hope__Title"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQitCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */");
+})("padding-right:", function (_ref) {
+  var hasClose = _ref.hasClose;
+  return hasClose ? "var(".concat(tokens.titlePaddingRight, ")") : 0;
+}, ";box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnVEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vQnV0dG9uJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Ob3RlLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXY8eyBoYXNDbG9zZT86IGJvb2xlYW4gfT5gXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBoYXNDbG9zZSB9KSA9PiAoaGFzQ2xvc2UgPyBgdmFyKCR7dG9rZW5zLnRpdGxlUGFkZGluZ1JpZ2h0fSlgIDogMCl9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgVGl0bGVIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0SGVscGVyID0gc3R5bGVkLnNwYW5gXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IHZhcigke3Rva2Vucy5jbG9zZUljb25SaWdodH0pO1xuICAgIHRvcDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvblRvcH0pO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvbkJ1dHRvblNpemV9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcblxuICAgIDpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
 export var TitleHelper = /*#__PURE__*/_styled("div", {
-  target: "eg896kp2",
+  target: "eg896kp3",
   label: "plasma-new-hope__TitleHelper"
 })(process.env.NODE_ENV === "production" ? {
   name: "1kj1ck0",
@@ -47,11 +55,11 @@ export var TitleHelper = /*#__PURE__*/_styled("div", {
 } : {
   name: "1kj1ck0",
   styles: "visibility:hidden;position:absolute;z-index:-9999;opacity:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnFDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3FDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vQnV0dG9uJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Ob3RlLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXY8eyBoYXNDbG9zZT86IGJvb2xlYW4gfT5gXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBoYXNDbG9zZSB9KSA9PiAoaGFzQ2xvc2UgPyBgdmFyKCR7dG9rZW5zLnRpdGxlUGFkZGluZ1JpZ2h0fSlgIDogMCl9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgVGl0bGVIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0SGVscGVyID0gc3R5bGVkLnNwYW5gXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IHZhcigke3Rva2Vucy5jbG9zZUljb25SaWdodH0pO1xuICAgIHRvcDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvblRvcH0pO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvbkJ1dHRvblNpemV9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcblxuICAgIDpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfSk7XG4gICAgfVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export var Text = /*#__PURE__*/_styled("span", {
-  target: "eg896kp1",
+  target: "eg896kp2",
   label: "plasma-new-hope__Text"
 })(process.env.NODE_ENV === "production" ? {
   name: "4bgdod",
@@ -59,11 +67,11 @@ export var Text = /*#__PURE__*/_styled("span", {
 } : {
   name: "4bgdod",
   styles: "display:block;position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQitCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QytCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vQnV0dG9uJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Ob3RlLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXY8eyBoYXNDbG9zZT86IGJvb2xlYW4gfT5gXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBoYXNDbG9zZSB9KSA9PiAoaGFzQ2xvc2UgPyBgdmFyKCR7dG9rZW5zLnRpdGxlUGFkZGluZ1JpZ2h0fSlgIDogMCl9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgVGl0bGVIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0SGVscGVyID0gc3R5bGVkLnNwYW5gXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IHZhcigke3Rva2Vucy5jbG9zZUljb25SaWdodH0pO1xuICAgIHRvcDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvblRvcH0pO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvbkJ1dHRvblNpemV9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcblxuICAgIDpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfSk7XG4gICAgfVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export var TextHelper = /*#__PURE__*/_styled("span", {
-  target: "eg896kp0",
+  target: "eg896kp1",
   label: "plasma-new-hope__TextHelper"
 })(process.env.NODE_ENV === "production" ? {
   name: "1nitia3",
@@ -71,6 +79,10 @@ export var TextHelper = /*#__PURE__*/_styled("span", {
 } : {
   name: "1nitia3",
   styles: "visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQnFDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXZgYDtcbmV4cG9ydCBjb25zdCBUaXRsZUhlbHBlciA9IHN0eWxlZC5kaXZgXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBzdHlsZWQuc3BhbmBcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuZXhwb3J0IGNvbnN0IFRleHRIZWxwZXIgPSBzdHlsZWQuc3BhbmBcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IC05OTk5O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ3FDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vQnV0dG9uJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Ob3RlLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXY8eyBoYXNDbG9zZT86IGJvb2xlYW4gfT5gXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBoYXNDbG9zZSB9KSA9PiAoaGFzQ2xvc2UgPyBgdmFyKCR7dG9rZW5zLnRpdGxlUGFkZGluZ1JpZ2h0fSlgIDogMCl9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgVGl0bGVIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0SGVscGVyID0gc3R5bGVkLnNwYW5gXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IHZhcigke3Rva2Vucy5jbG9zZUljb25SaWdodH0pO1xuICAgIHRvcDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvblRvcH0pO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvbkJ1dHRvblNpemV9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcblxuICAgIDpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfSk7XG4gICAgfVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+});
+export var CloseIconWrapper = /*#__PURE__*/_styled(Button, {
+  target: "eg896kp0",
+  label: "plasma-new-hope__CloseIconWrapper"
+})("position:absolute;right:var(", tokens.closeIconRight, ");top:var(", tokens.closeIconTop, ");width:var(", tokens.closeIconButtonSize, ");height:var(", tokens.closeIconButtonSize, ");color:var(", tokens.closeIconColor, ");:hover{color:var(", tokens.closeIconColorOnHover, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRDhDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTm90ZS9Ob3RlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vQnV0dG9uJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9Ob3RlLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50QmVmb3JlID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5kaXY8eyBoYXNDbG9zZT86IGJvb2xlYW4gfT5gXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBoYXNDbG9zZSB9KSA9PiAoaGFzQ2xvc2UgPyBgdmFyKCR7dG9rZW5zLnRpdGxlUGFkZGluZ1JpZ2h0fSlgIDogMCl9O1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgVGl0bGVIZWxwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogLTk5OTk7XG4gICAgb3BhY2l0eTogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0SGVscGVyID0gc3R5bGVkLnNwYW5gXG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAtOTk5OTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IHZhcigke3Rva2Vucy5jbG9zZUljb25SaWdodH0pO1xuICAgIHRvcDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvblRvcH0pO1xuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQnV0dG9uU2l6ZX0pO1xuICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmNsb3NlSWNvbkJ1dHRvblNpemV9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3J9KTtcblxuICAgIDpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfSk7XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/es/components/Note/Note.tokens.js

@@ -1,5 +1,6 @@
 export var classes = {
   stretch: 'note-stretch',
+  closeIcon: 'note-close-icon',
   contentAlignCenter: 'note-content-align-center'
 };
 export var privateTokens = {
@@ -26,10 +27,17 @@ export var tokens = {
   titleFontWeight: '--plasma-note-title-font-weight',
   titleLetterSpacing: '--plasma-note-title-letter-spacing',
   titleLineHeight: '--plasma-note-title-line-height',
+  titlePaddingRight: '--plasma-note-title-padding-right',
   textFontFamily: '--plasma-note-text-font-family',
   textFontSize: '--plasma-note-text-font-size',
   textFontStyle: '--plasma-note-text-font-style',
   textFontWeight: '--plasma-note-text-font-weight',
   textLetterSpacing: '--plasma-note-text-letter-spacing',
-  textLineHeight: '--plasma-note-text-line-height'
+  textLineHeight: '--plasma-note-text-line-height',
+  closeIconTop: '--plasma-note-close-icon-top',
+  closeIconRight: '--plasma-note-close-icon-right',
+  closeIconColor: '--plasma-note-close-icon-color',
+  closeIconColorOnHover: '--plasma-note-close-icon-color-on-hover',
+  closeIconSize: '--plasma-note-close-icon-size',
+  closeIconButtonSize: '--plasma-note-close-icon-button-size'
 };

package/emotion/es/components/PaginationDots/PaginationDot.js

@@ -0,0 +1,28 @@
+import _styled from "@emotion/styled/base";
+/**
+ * Элемент пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+export var DotBase = /*#__PURE__*/_styled("li", {
+  target: "e14yjkg31",
+  label: "plasma-new-hope__DotBase"
+})("width:", function (_ref) {
+  var isActive = _ref.isActive;
+  return isActive ? '1.75rem' : '0.375rem';
+}, ";height:0.375rem;border-radius:1rem;background:", function (_ref2) {
+  var isActive = _ref2.isActive;
+  return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
+}, ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;&+&{margin-left:0.375rem;}&:focus{outline:0 none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnaW5hdGlvbkRvdFByb3BzIGV4dGVuZHMgUmVhY3QuTGlIVE1MQXR0cmlidXRlczxIVE1MTElFbGVtZW50PiB7XG4gICAgLyoqXG4gICAgICog0K3Qu9C10LzQtdC90YIg0LDQutGC0LjQstC10L1cbiAgICAgKi9cbiAgICBpc0FjdGl2ZTogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiDQrdC70LXQvNC10L3RgiDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IERvdEJhc2UgPSBzdHlsZWQubGk8UGFnaW5hdGlvbkRvdFByb3BzPmBcbiAgICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMS43NXJlbScgOiAnMC4zNzVyZW0nKX07XG4gICAgaGVpZ2h0OiAwLjM3NXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiAxcmVtO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ3ZhcigtLXRleHQtcHJpbWFyeSknIDogJ3ZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnkpJyl9O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMXMgZWFzZS1pbi1vdXQsIGJhY2tncm91bmQgMC4zcyBlYXNlLWluLW91dDtcbiAgICBmb250LXNpemU6IDAuNXJlbTtcblxuICAgICYgKyAmIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDAuMzc1cmVtO1xuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuLyoqXG4gKiDQrdC70LXQvNC10L3RgiDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqIEBkZXByZWNhdGVkXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uRG90ID0gc3R5bGVkKERvdEJhc2UpPFBhZ2luYXRpb25Eb3RQcm9wcz5gXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAndmFyKC0tdGV4dC1hY2NlbnQpJyA6ICd2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoLS10ZXh0LWFjY2VudCk7XG4gICAgfVxuYDtcbiJdfQ== */"));
+
+/**
+ * Элемент пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ * @deprecated
+ */
+export var PaginationDot = /*#__PURE__*/_styled(DotBase, {
+  target: "e14yjkg30",
+  label: "plasma-new-hope__PaginationDot"
+})("cursor:pointer;background:", function (_ref3) {
+  var isActive = _ref3.isActive;
+  return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
+}, ";&:hover{background:var(--text-accent);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2luYXRpb25Eb3RQcm9wcyBleHRlbmRzIFJlYWN0LkxpSFRNTEF0dHJpYnV0ZXM8SFRNTExJRWxlbWVudD4ge1xuICAgIC8qKlxuICAgICAqINCt0LvQtdC80LXQvdGCINCw0LrRgtC40LLQtdC9XG4gICAgICovXG4gICAgaXNBY3RpdmU6IGJvb2xlYW47XG59XG5cbi8qKlxuICog0K3Qu9C10LzQtdC90YIg0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBEb3RCYXNlID0gc3R5bGVkLmxpPFBhZ2luYXRpb25Eb3RQcm9wcz5gXG4gICAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEuNzVyZW0nIDogJzAuMzc1cmVtJyl9O1xuICAgIGhlaWdodDogMC4zNzVyZW07XG4gICAgYm9yZGVyLXJhZGl1czogMXJlbTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICd2YXIoLS10ZXh0LXByaW1hcnkpJyA6ICd2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KScpfTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjFzIGVhc2UtaW4tb3V0LCBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG4gICAgZm9udC1zaXplOiAwLjVyZW07XG5cbiAgICAmICsgJiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwLjM3NXJlbTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0K3Qu9C10LzQtdC90YIg0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKiBAZGVwcmVjYXRlZFxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkRvdCA9IHN0eWxlZChEb3RCYXNlKTxQYWdpbmF0aW9uRG90UHJvcHM+YFxuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgIGJhY2tncm91bmQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ3ZhcigtLXRleHQtYWNjZW50KScgOiAndmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSknKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tdGV4dC1hY2NlbnQpO1xuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/es/components/PaginationDots/PaginationDots.js

@@ -0,0 +1,28 @@
+import _styled from "@emotion/styled/base";
+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)."; }
+/**
+ * Оборачивающий компонент для пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+export var DotsBase = /*#__PURE__*/_styled("ul", {
+  target: "e126omqy1",
+  label: "plasma-new-hope__DotsBase"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1gpamx1",
+  styles: "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none"
+} : {
+  name: "1gpamx1",
+  styles: "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1pQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3RzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiDQntCx0L7RgNCw0YfQuNCy0LDRjtGJ0LjQuSDQutC+0LzQv9C+0L3QtdC90YIg0LTQu9GPINC/0LDQs9C40L3QsNGG0LjQuCDRgtC+0YfQutCw0LzQuC5cbiAqINCh0YLQuNC70LjQt9C+0LLQsNC90L3Ri9C5INC60L7QvNC/0L7QvdC10L3Rgiwg0L7QsdC70LDQtNCw0Y7RidC40Lkg0LLRgdC10LzQuCDRgdCy0L7QudGB0YLQstCw0LzQuCBgYGRpdmBgLlxuICovXG5leHBvcnQgY29uc3QgRG90c0Jhc2UgPSBzdHlsZWQudWxgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbmA7XG5cbi8qKlxuICog0J7QsdC+0YDQsNGH0LjQstCw0Y7RidC40Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqIEBkZXByZWNhdGVkXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uRG90cyA9IHN0eWxlZChEb3RzQmFzZSlgYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+/**
+ * Оборачивающий компонент для пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ * @deprecated
+ */
+export var PaginationDots = /*#__PURE__*/_styled(DotsBase, {
+  target: "e126omqy0",
+  label: "plasma-new-hope__PaginationDots"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICog0J7QsdC+0YDQsNGH0LjQstCw0Y7RidC40Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IERvdHNCYXNlID0gc3R5bGVkLnVsYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5gO1xuXG4vKipcbiAqINCe0LHQvtGA0LDRh9C40LLQsNGO0YnQuNC5INC60L7QvNC/0L7QvdC10L3RgiDQtNC70Y8g0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKiBAZGVwcmVjYXRlZFxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkRvdHMgPSBzdHlsZWQoRG90c0Jhc2UpYGA7XG4iXX0= */");

package/emotion/es/components/PaginationDots/SmartPaginationDots.js

@@ -0,0 +1,36 @@
+var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
+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; }
+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; }
+import React from 'react';
+import { usePaginationDots } from "./usePaginationDots";
+import { PaginationDots } from "./PaginationDots";
+import { PaginationDot } from "./PaginationDot";
+/**
+ * Компонент для отображения точек пагинации
+ * с возможностью ограничения количества видимых элементов.
+ * @deprecated
+ */
+export var SmartPaginationDots = function SmartPaginationDots(_ref) {
+  var items = _ref.items,
+    index = _ref.index,
+    visibleItems = _ref.visibleItems,
+    onIndexChange = _ref.onIndexChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _usePaginationDots = usePaginationDots({
+      items: items,
+      index: index,
+      visibleItems: visibleItems
+    }),
+    sliced = _usePaginationDots.sliced,
+    activeId = _usePaginationDots.activeId;
+  return /*#__PURE__*/React.createElement(PaginationDots, rest, sliced.map(function (_ref2, i) {
+    var id = _ref2.id;
+    return /*#__PURE__*/React.createElement(PaginationDot, {
+      key: "item:".concat(i),
+      isActive: id === activeId,
+      onClick: function onClick() {
+        return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
+      }
+    });
+  }));
+};

package/emotion/es/components/PaginationDots/index.js

@@ -0,0 +1,3 @@
+export { SmartPaginationDots } from "./SmartPaginationDots";
+export { PaginationDots } from "./PaginationDots";
+export { PaginationDot } from "./PaginationDot";

package/emotion/es/components/PaginationDots/usePaginationDots.js

@@ -0,0 +1,32 @@
+import { useRef } from 'react';
+export var usePaginationDots = function usePaginationDots(_ref) {
+  var items = _ref.items,
+    index = _ref.index,
+    _ref$visibleItems = _ref.visibleItems,
+    visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
+  var activeId = items[index].id;
+  var prevIndex = useRef(null);
+  var direction = 0;
+  if (prevIndex.current !== null) {
+    direction = index > prevIndex.current ? 1 : -1;
+  }
+  var start;
+  var end;
+  if (direction === 1) {
+    end = Math.min(Math.max(index + 2, visibleItems), items.length);
+    start = Math.max(end - visibleItems, 0);
+  } else if (direction === -1) {
+    start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
+    end = start + visibleItems;
+  } else {
+    start = Math.max(index - Math.floor(visibleItems / 2), 0);
+    end = Math.min(start + visibleItems, items.length);
+    start = end - visibleItems;
+  }
+  var sliced = items.slice(start, end);
+  prevIndex.current = index;
+  return {
+    sliced: sliced,
+    activeId: activeId
+  };
+};