@salutejs/plasma-new-hope 0.156.0-canary.1451.11071985286.0 → 0.156.0-canary.1461.11068657609.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (114) hide show
  1. package/cjs/components/Drawer/Drawer.js +6 -4
  2. package/cjs/components/Drawer/Drawer.js.map +1 -1
  3. package/cjs/components/Drawer/Drawer.styles.js +11 -14
  4. package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
  5. package/cjs/components/Drawer/Drawer.tokens.js +5 -1
  6. package/cjs/components/Drawer/Drawer.tokens.js.map +1 -1
  7. package/cjs/components/Drawer/hooks/useDrawer.js +10 -5
  8. package/cjs/components/Drawer/hooks/useDrawer.js.map +1 -1
  9. package/cjs/components/TextArea/TextArea.js +15 -21
  10. package/cjs/components/TextArea/TextArea.js.map +1 -1
  11. package/cjs/components/TextArea/TextArea.tokens.js +2 -15
  12. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  13. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  14. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  15. package/cjs/components/TextArea/variations/_view/base_8npjyq.css +1 -0
  16. package/cjs/index.css +1 -3
  17. package/emotion/cjs/components/Drawer/Drawer.js +2 -0
  18. package/emotion/cjs/components/Drawer/Drawer.styles.js +11 -14
  19. package/emotion/cjs/components/Drawer/Drawer.tokens.js +5 -1
  20. package/emotion/cjs/components/Drawer/hooks/useDrawer.js +10 -5
  21. package/emotion/cjs/components/TextArea/TextArea.js +16 -22
  22. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +0 -29
  23. package/emotion/cjs/components/TextArea/TextArea.tokens.js +2 -15
  24. package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
  25. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
  26. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +11 -18
  27. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +9 -12
  28. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +12 -18
  29. package/emotion/es/components/Drawer/Drawer.js +3 -1
  30. package/emotion/es/components/Drawer/Drawer.styles.js +11 -14
  31. package/emotion/es/components/Drawer/Drawer.tokens.js +5 -1
  32. package/emotion/es/components/Drawer/hooks/useDrawer.js +10 -5
  33. package/emotion/es/components/TextArea/TextArea.js +14 -20
  34. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +0 -29
  35. package/emotion/es/components/TextArea/TextArea.tokens.js +2 -15
  36. package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
  37. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
  38. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +11 -18
  39. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +9 -12
  40. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +12 -18
  41. package/es/components/Drawer/Drawer.js +4 -2
  42. package/es/components/Drawer/Drawer.js.map +1 -1
  43. package/es/components/Drawer/Drawer.styles.js +11 -14
  44. package/es/components/Drawer/Drawer.styles.js.map +1 -1
  45. package/es/components/Drawer/Drawer.tokens.js +5 -1
  46. package/es/components/Drawer/Drawer.tokens.js.map +1 -1
  47. package/es/components/Drawer/hooks/useDrawer.js +10 -5
  48. package/es/components/Drawer/hooks/useDrawer.js.map +1 -1
  49. package/es/components/TextArea/TextArea.js +15 -21
  50. package/es/components/TextArea/TextArea.js.map +1 -1
  51. package/es/components/TextArea/TextArea.tokens.js +2 -15
  52. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  53. package/es/components/TextArea/variations/_view/base.js +1 -1
  54. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  55. package/es/components/TextArea/variations/_view/base_8npjyq.css +1 -0
  56. package/es/index.css +1 -3
  57. package/package.json +2 -2
  58. package/styled-components/cjs/components/Drawer/Drawer.js +2 -0
  59. package/styled-components/cjs/components/Drawer/Drawer.styles.js +11 -14
  60. package/styled-components/cjs/components/Drawer/Drawer.tokens.js +5 -1
  61. package/styled-components/cjs/components/Drawer/hooks/useDrawer.js +10 -5
  62. package/styled-components/cjs/components/TextArea/TextArea.js +15 -21
  63. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +0 -29
  64. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +2 -15
  65. package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
  66. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
  67. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +11 -18
  68. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +8 -11
  69. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +12 -18
  70. package/styled-components/es/components/Drawer/Drawer.js +3 -1
  71. package/styled-components/es/components/Drawer/Drawer.styles.js +11 -14
  72. package/styled-components/es/components/Drawer/Drawer.tokens.js +5 -1
  73. package/styled-components/es/components/Drawer/hooks/useDrawer.js +10 -5
  74. package/styled-components/es/components/TextArea/TextArea.js +13 -19
  75. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +0 -29
  76. package/styled-components/es/components/TextArea/TextArea.tokens.js +2 -15
  77. package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
  78. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -12
  79. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +11 -18
  80. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +8 -11
  81. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +12 -18
  82. package/types/components/Drawer/Drawer.d.ts.map +1 -1
  83. package/types/components/Drawer/Drawer.styles.d.ts.map +1 -1
  84. package/types/components/Drawer/Drawer.tokens.d.ts +4 -0
  85. package/types/components/Drawer/Drawer.tokens.d.ts.map +1 -1
  86. package/types/components/Drawer/hooks/useDrawer.d.ts.map +1 -1
  87. package/types/components/TextArea/TextArea.d.ts +0 -4
  88. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  89. package/types/components/TextArea/TextArea.tokens.d.ts +0 -13
  90. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  91. package/types/components/TextArea/TextArea.types.d.ts +3 -15
  92. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  93. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +0 -3
  94. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  95. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +0 -81
  96. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  97. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +0 -3
  98. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  99. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +0 -81
  100. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  101. package/cjs/components/TextArea/variations/_clear/base.js +0 -9
  102. package/cjs/components/TextArea/variations/_clear/base.js.map +0 -1
  103. package/cjs/components/TextArea/variations/_clear/base_193g3al.css +0 -1
  104. package/cjs/components/TextArea/variations/_view/base_d83rii.css +0 -1
  105. package/emotion/cjs/components/TextArea/variations/_clear/base.js +0 -10
  106. package/emotion/es/components/TextArea/variations/_clear/base.js +0 -4
  107. package/es/components/TextArea/variations/_clear/base.js +0 -5
  108. package/es/components/TextArea/variations/_clear/base.js.map +0 -1
  109. package/es/components/TextArea/variations/_clear/base_193g3al.css +0 -1
  110. package/es/components/TextArea/variations/_view/base_d83rii.css +0 -1
  111. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +0 -10
  112. package/styled-components/es/components/TextArea/variations/_clear/base.js +0 -4
  113. package/types/components/TextArea/variations/_clear/base.d.ts +0 -2
  114. package/types/components/TextArea/variations/_clear/base.d.ts.map +0 -1
@@ -2,7 +2,8 @@ import React, { useState } from 'react';
2
2
  import type { ComponentProps } from 'react';
3
3
  import type { Meta, StoryObj } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
- import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
5
+ import { tertiary } from '@salutejs/plasma-core';
6
+ import styled from '@emotion/styled';
6
7
 
7
8
  import { textAreaConfig } from '../../../../components/TextArea';
8
9
  import { mergeConfig } from '../../../../engines';
@@ -47,13 +48,11 @@ const meta: Meta<StoryTextAreaProps> = {
47
48
  control: {
48
49
  type: 'number',
49
50
  },
50
- if: { arg: 'clear', truthy: false },
51
51
  },
52
52
  cols: {
53
53
  control: {
54
54
  type: 'number',
55
55
  },
56
- if: { arg: 'clear', truthy: false },
57
56
  },
58
57
  labelPlacement: {
59
58
  options: labelPlacements,
@@ -61,20 +60,11 @@ const meta: Meta<StoryTextAreaProps> = {
61
60
  type: 'select',
62
61
  },
63
62
  },
64
- hasDivider: {
65
- control: {
66
- type: 'boolean',
67
- },
68
- if: { arg: 'clear', truthy: true },
69
- },
70
63
  },
71
64
  args: {
72
65
  id: 'example-textarea',
73
- view: 'default',
74
- size: 's',
75
66
  enableContentRight: true,
76
- label: 'Лейбл',
77
- labelPlacement: 'outer',
67
+ label: 'Подсказка',
78
68
  placeholder: 'Заполните многострочное поле',
79
69
  leftHelper: 'Подсказка к полю слева',
80
70
  rightHelper: 'Подсказка к полю справа',
@@ -83,11 +73,10 @@ const meta: Meta<StoryTextAreaProps> = {
83
73
  autoResize: false,
84
74
  minAuto: 0,
85
75
  maxAuto: 0,
76
+ size: 's',
86
77
  optional: false,
87
78
  required: false,
88
79
  requiredPlacement: 'right',
89
- clear: false,
90
- hasDivider: false,
91
80
  },
92
81
  };
93
82
 
@@ -97,15 +86,20 @@ const onChange = action('onChange');
97
86
  const onFocus = action('onFocus');
98
87
  const onBlur = action('onBlur');
99
88
 
89
+ const IconPlaceholder = styled.div`
90
+ width: 1.5rem;
91
+ height: 1.5rem;
92
+ border-radius: 50%;
93
+ background: ${tertiary};
94
+ `;
95
+
100
96
  const StoryDefault = (props: StoryTextAreaProps) => {
101
97
  const [value, setValue] = useState('Значение поля');
102
98
 
103
- const iconSize = props.size === 'xs' ? 'xs' : 's';
104
-
105
99
  return (
106
100
  <TextArea
107
101
  value={value}
108
- contentRight={props.enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
102
+ contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined}
109
103
  onChange={(e) => {
110
104
  setValue(e.target.value);
111
105
  onChange(e);
@@ -9,7 +9,7 @@ import { usePopupContext } from '../Popup';
9
9
  import { Overlay } from '../Overlay';
10
10
  import { DEFAULT_Z_INDEX } from '../Popup/utils';
11
11
  import { panelConfig } from '../Panel';
12
- import { getSizeValueFromProp } from '../../utils';
12
+ import { cx, getSizeValueFromProp } from '../../utils';
13
13
  import { classes, tokens } from './Drawer.tokens';
14
14
  import { base as viewCSS } from './variations/_view/base';
15
15
  import { base as sizeCSS } from './variations/_size/base';
@@ -62,6 +62,7 @@ export var drawerRoot = function drawerRoot(Root) {
62
62
  var overlayBackgroundToken = withBlur ? "var(".concat(tokens.drawerOverlayWithBlurColor, ")") : "var(".concat(tokens.drawerOverlayColor, ")");
63
63
  var innerWidth = width ? getSizeValueFromProp(width) : '100%';
64
64
  var innerHeight = height ? getSizeValueFromProp(height) : '100%';
65
+ var placementClass = placement ? classes["".concat(placement, "Placement")] : undefined;
65
66
  var _useDrawer = useDrawer({
66
67
  id: innerId,
67
68
  isOpen: innerIsOpen,
@@ -87,6 +88,7 @@ export var drawerRoot = function drawerRoot(Root) {
87
88
  return /*#__PURE__*/React.createElement(StyledPopup, _extends({
88
89
  id: innerId,
89
90
  ref: asModal ? innerRef : outerRef,
91
+ className: cx(placementClass),
90
92
  opened: innerIsOpen,
91
93
  zIndex: zIndex,
92
94
  placement: placement,
@@ -47,22 +47,19 @@ var animationVariants = {
47
47
  }
48
48
  }
49
49
  };
50
- export var StyledPopup = /*#__PURE__*/styled(Popup)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n &&.", " {\n animation: fadeIn 0.2s forwards;\n }\n\n &&.", " .", " {\n animation: fadeOut 0.2s forwards;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n }\n\n && .", ", && .", " > div {\n width: ", ";\n height: ", ";\n }\n\n && .", " {\n animation: showAnimation 0.2s forwards;\n }\n\n &&.", " .", " {\n animation: hideAnimation 0.2s forwards;\n }\n\n @keyframes showAnimation {\n 0% {\n transform: ", ";\n opacity: 0;\n }\n\n 100% {\n transform: ", ";\n opacity: 1;\n }\n }\n\n @keyframes hideAnimation {\n 0% {\n transform: ", ";\n opacity: 1;\n }\n\n 100% {\n transform: ", ";\n opacity: 0;\n }\n }\n"])), classes.overlay, popupClasses.endAnimation, classes.overlay, popupClasses.root, popupClasses.root, function (_ref) {
50
+ var templateAnimationStyle = function templateAnimationStyle(placement) {
51
+ return "\n &.".concat(classes["".concat(placement, "Placement")], " {\n && .").concat(popupClasses.root, " {\n animation: ").concat(placement, "ShowAnimation 0.2s forwards;\n }\n\n &&.").concat(popupClasses.endAnimation, " .").concat(popupClasses.root, " {\n animation: ").concat(placement, "HideAnimation 0.2s forwards;\n }\n\n @keyframes ").concat(placement, "ShowAnimation {\n 0% {\n transform: ").concat(animationVariants[placement].show.start, ";\n opacity: 0;\n }\n\n 100% {\n transform: ").concat(animationVariants[placement].show.end, ";\n opacity: 1;\n }\n }\n\n @keyframes ").concat(placement, "HideAnimation {\n 0% {\n transform: ").concat(animationVariants[placement].hide.start, ";\n opacity: 1;\n }\n\n 100% {\n transform: ").concat(animationVariants[placement].hide.end, ";\n opacity: 0;\n }\n } \n }\n ");
52
+ };
53
+ var getAnimationStyles = function getAnimationStyles() {
54
+ return Object.keys(animationVariants).reduce(function (acc, placement) {
55
+ acc += templateAnimationStyle(placement);
56
+ return acc;
57
+ }, '');
58
+ };
59
+ export var StyledPopup = /*#__PURE__*/styled(Popup)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n &&.", " {\n animation: fadeIn 0.2s forwards;\n }\n\n &&.", " .", " {\n animation: fadeOut 0.2s forwards;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n }\n\n && .", ", && .", " > div {\n width: ", ";\n height: ", ";\n }\n\n ", "\n"])), classes.overlay, popupClasses.endAnimation, classes.overlay, popupClasses.root, popupClasses.root, function (_ref) {
51
60
  var width = _ref.width;
52
61
  return width;
53
62
  }, function (_ref2) {
54
63
  var height = _ref2.height;
55
64
  return height;
56
- }, popupClasses.root, popupClasses.endAnimation, popupClasses.root, function (_ref3) {
57
- var placement = _ref3.placement;
58
- return animationVariants[placement].show.start;
59
- }, function (_ref4) {
60
- var placement = _ref4.placement;
61
- return animationVariants[placement].show.end;
62
- }, function (_ref5) {
63
- var placement = _ref5.placement;
64
- return animationVariants[placement].hide.start;
65
- }, function (_ref6) {
66
- var placement = _ref6.placement;
67
- return animationVariants[placement].hide.end;
68
- });
65
+ }, /*#__PURE__*/getAnimationStyles());
@@ -5,7 +5,11 @@ export var classes = {
5
5
  overlay: 'drawer-overlay',
6
6
  horizontal: 'drawer-horizontal',
7
7
  hasHeader: 'drawer-has-header',
8
- isRightClose: 'drawer-right-close-button'
8
+ isRightClose: 'drawer-right-close-button',
9
+ topPlacement: 'drawer-top-placement',
10
+ bottomPlacement: 'drawer-bottom-placement',
11
+ rightPlacement: 'drawer-right-placement',
12
+ leftPlacement: 'drawer-left-placement'
9
13
  };
10
14
  export var tokens = {
11
15
  drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
@@ -7,6 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
7
7
  import { useCallback, useEffect, useRef } from 'react';
8
8
  import { getIdLastDrawer, hasDrawers } from '../DrawerContext';
9
9
  import { usePopupContext } from '../../Popup';
10
+ import { canUseDOM } from '../../../utils';
10
11
  var ESCAPE_KEYCODE = 27;
11
12
  export var useDrawer = function useDrawer(_ref) {
12
13
  var id = _ref.id,
@@ -19,7 +20,8 @@ export var useDrawer = function useDrawer(_ref) {
19
20
  _ref$disableScroll = _ref.disableScroll,
20
21
  disableScroll = _ref$disableScroll === void 0 ? true : _ref$disableScroll;
21
22
  var popupController = usePopupContext();
22
- var overflow = useRef(document.body.style.overflowY);
23
+ var overflowY = useRef(canUseDOM ? document.body.style.overflowY : '');
24
+ var overflowX = useRef(canUseDOM ? document.body.style.overflowX : '');
23
25
 
24
26
  // При ESC закрывает текущее окно, если это возможно
25
27
  var onKeyDown = useCallback(function (event) {
@@ -45,14 +47,17 @@ export var useDrawer = function useDrawer(_ref) {
45
47
 
46
48
  // linaria не поддерживает динамический global
47
49
  useEffect(function () {
48
- if (isOpen && disableScroll) {
49
- overflow.current = document.body.style.overflowY;
50
+ if (isOpen && disableScroll && canUseDOM) {
51
+ overflowY.current = document.body.style.overflowY;
52
+ overflowX.current = document.body.style.overflowX;
50
53
  document.body.style.overflowY = 'hidden';
54
+ document.body.style.overflowX = 'hidden';
51
55
  }
52
56
  }, [isOpen, disableScroll]);
53
57
  useEffect(function () {
54
- if (!isOpen && !hasDrawers(popupController.items)) {
55
- document.body.style.overflowY = overflow.current;
58
+ if (!isOpen && !hasDrawers(popupController.items) && canUseDOM) {
59
+ document.body.style.overflowY = overflowY.current;
60
+ document.body.style.overflowX = overflowX.current;
56
61
  }
57
62
  }, [isOpen, popupController.items]);
58
63
  var drawerInfo = _objectSpread({
@@ -1,5 +1,5 @@
1
1
  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); }
2
- var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
2
+ var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
5
5
  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."); }
@@ -28,7 +28,6 @@ import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, Styl
28
28
  import { classes } from './TextArea.tokens';
29
29
  import { base as viewCSS } from './variations/_view/base';
30
30
  import { base as sizeCSS } from './variations/_size/base';
31
- import { base as clearCSS } from './variations/_clear/base';
32
31
  import { base as disabledCSS } from './variations/_disabled/base';
33
32
  var innerPlaceholderUp = classes.innerPlaceholderUp,
34
33
  focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
@@ -39,7 +38,7 @@ var innerPlaceholderUp = classes.innerPlaceholderUp,
39
38
  styledPlaceholder = classes.styledPlaceholder,
40
39
  styledHelpers = classes.styledHelpers;
41
40
  var optionalText = 'optional';
42
- var base = /*#__PURE__*/css(applyDynamicLabel, ";position:relative;box-sizing:border-box;;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlU3RhdGUsIGNyZWF0ZVJlZiwgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VSZXNpemVPYnNlcnZlciB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtY29yZSc7XG5cbmltcG9ydCB7IGN4IH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICcuLi8uLi9lbmdpbmVzL3R5cGVzJztcblxuaW1wb3J0IHsgYXBwbHlEeW5hbWljTGFiZWwgfSBmcm9tICcuL21peGlucyc7XG5pbXBvcnQgeyB1c2VBdXRvUmVzaXplLCBST09UX0ZPTlRfU0laRSB9IGZyb20gJy4vaG9va3MnO1xuaW1wb3J0IHtcbiAgICBTdHlsZWRDb250ZW50LFxuICAgIFN0eWxlZEhlbHBlcnMsXG4gICAgU3R5bGVkTGVmdEhlbHBlcixcbiAgICBTdHlsZWRSaWdodEhlbHBlcixcbiAgICBTdHlsZWRMYWJlbCxcbiAgICBTdHlsZWRQbGFjZWhvbGRlcixcbiAgICBTdHlsZWRUZXh0QXJlYSxcbiAgICBTdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG4gICAgU3R5bGVkQ29udGFpbmVyLFxuICAgIFN0eWxlZEluZGljYXRvcixcbiAgICBTdHlsZWRPcHRpb25hbFRleHQsXG59IGZyb20gJy4vVGV4dEFyZWEuc3R5bGVzJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICcuL1RleHRBcmVhLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlIGFzIHZpZXdDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIHNpemVDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3NpemUvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIGNsZWFyQ1NTIH0gZnJvbSAnLi92YXJpYXRpb25zL19jbGVhci9iYXNlJztcbmltcG9ydCB7IGJhc2UgYXMgZGlzYWJsZWRDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UnO1xuaW1wb3J0IHR5cGUgeyBUZXh0QXJlYVByb3BzIH0gZnJvbSAnLi9UZXh0QXJlYS50eXBlcyc7XG5cbmNvbnN0IHtcbiAgICBpbm5lclBsYWNlaG9sZGVyVXAsXG4gICAgZm9jdXNlZE91dGVyUGxhY2Vob2xkZXJDb2xvcixcbiAgICBoaWRlUGxhY2VIb2xkZXIsXG4gICAgc3R5bGVkQ29udGFpbmVyLFxuICAgIHN0eWxlZFRleHRBcmVhLFxuICAgIHN0eWxlZFRleHRBcmVhV3JhcHBlcixcbiAgICBzdHlsZWRQbGFjZWhvbGRlcixcbiAgICBzdHlsZWRIZWxwZXJzLFxufSA9IGNsYXNzZXM7XG5cbmNvbnN0IG9wdGlvbmFsVGV4dCA9ICdvcHRpb25hbCc7XG5cbmNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJHthcHBseUR5bmFtaWNMYWJlbH07XG5cbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG5cbi8vIFRPRE86INCj0LTQsNC70LjRgtGMINC/0L7RgdC70LUg0L7RgtC60LDQt9CwINC+0YIg0YHRgtCw0YDRi9GFINCx0LjQsdC70LjQvtGC0LXQuiBwbGFzbWEtd2ViIC8gcGxhc21hLWIyY1xuY29uc3QgZmFsbGJhY2tTdGF0dXNNYXAgPSB7XG4gICAgJyc6ICdwcmltYXJ5JyxcbiAgICBzdWNjZXNzOiAncG9zaXRpdmUnLFxuICAgIHdhcm5pbmc6ICd3YXJuaW5nJyxcbiAgICBlcnJvcjogJ25lZ2F0aXZlJyxcbn07XG5cbi8vIFRPRE86INCf0LXRgNC10L3QtdGB0YLQuCDRjdGC0L7RgiDQvNC10YLQvtC0INCyINGE0LDQudC7IGFwcGx5RHluYW1pY0xhYmVsLnRzXG5leHBvcnQgY29uc3QgZ2V0RHluYW1pY0xhYmVsQ2xhc3NlcyA9IChwcm9wczogVGV4dEFyZWFQcm9wcywgZm9jdXNlZDogYm9vbGVhbikgPT4ge1xuICAgIGNvbnN0IHsgcmVhZE9ubHksIGxhYmVsLCBsYWJlbFBsYWNlbWVudCwgcm93cywgdmFsdWUsIHNpemUgfSA9IHByb3BzO1xuXG4gICAgLy8g0JTQvtCx0LDQstC40YLRjCDQutC70LDRgdGBINC+0YLQstC10YfQsNGO0YnQuNC5INC30LAg0LjQt9C80LXQvdC10L3QuNC1INGG0LLQtdGC0LAg0L/Qu9C10LnRgdGF0L7Qu9C00LXRgNCwINC/0YDQuCDRhNC+0LrRg9GB0LVcbiAgICBjb25zdCB3aXRoRm9jdXNlZE91dGVyVXBQbGFjZWhvbGRlciA9XG4gICAgICAgICFyZWFkT25seSAmJiBmb2N1c2VkICYmICghbGFiZWwgfHwgbGFiZWxQbGFjZW1lbnQgPT09ICdvdXRlcicpID8gZm9jdXNlZE91dGVyUGxhY2Vob2xkZXJDb2xvciA6IHVuZGVmaW5lZDtcblxuICAgIC8vINCU0L7QsdCw0LLQuNGC0Ywg0LrQu9Cw0YHRgSDQvtGC0LLQtdGH0LDRjtGJ0LjQuSDQt9CwINC/0L7QtNC90Y/RgtC40LUg0Lgg0YPQvNC10L3RjNGI0LXQvdC40LUg0L/Qu9C10LnRgdGF0L7Qu9C00LXRgNCwXG4gICAgY29uc3Qgd2l0aElubmVyUGxhY2Vob2xkZXJVcCA9XG4gICAgICAgIGxhYmVsUGxhY2VtZW50ID09PSAnaW5uZXInICYmXG4gICAgICAgIGxhYmVsICYmXG4gICAgICAgICFyb3dzICYmXG4gICAgICAgIHNpemUgIT09ICd4cycgJiZcbiAgICAgICAgKCghcmVhZE9ubHkgJiYgKHZhbHVlIHx8IGZvY3VzZWQpKSB8fCAocmVhZE9ubHkgJiYgdmFsdWUpKVxuICAgICAgICAgICAgPyBpbm5lclBsYWNlaG9sZGVyVXBcbiAgICAgICAgICAgIDogdW5kZWZpbmVkO1xuXG4gICAgLy8g0JTQvtCx0LDQstC40YLRjCDQutC70LDRgdGBINC+0YLQstC10YfQsNGO0YnQuNC5INC30LAg0YHQutGA0YvRgtC40LUg0L/Qu9C10LnRgdGF0L7Qu9C00LXRgNCwXG4gICAgY29uc3Qgd2l0aEhpZGVQbGFjZWhvbGRlciA9XG4gICAgICAgICh2YWx1ZSAmJiAhbGFiZWwpIHx8XG4gICAgICAgIChsYWJlbFBsYWNlbWVudCA9PT0gJ2lubmVyJyAmJiAoKGZvY3VzZWQgJiYgIXJlYWRPbmx5KSB8fCB2YWx1ZSkgJiYgbGFiZWwgJiYgcm93cykgfHxcbiAgICAgICAgKGxhYmVsUGxhY2VtZW50ID09PSAnb3V0ZXInICYmIHZhbHVlKSB8fFxuICAgICAgICAobGFiZWxQbGFjZW1lbnQgPT09ICdpbm5lcicgJiYgc2l6ZSA9PT0gJ3hzJyAmJiB2YWx1ZSlcbiAgICAgICAgICAgID8gaGlkZVBsYWNlSG9sZGVyXG4gICAgICAgICAgICA6IHVuZGVmaW5lZDtcblxuICAgIHJldHVybiBbd2l0aEZvY3VzZWRPdXRlclVwUGxhY2Vob2xkZXIsIHdpdGhJbm5lclBsYWNlaG9sZGVyVXAsIHdpdGhIaWRlUGxhY2Vob2xkZXJdO1xufTtcblxuZXhwb3J0IGNvbnN0IHRleHRBcmVhUm9vdCA9IChSb290OiBSb290UHJvcHM8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dEFyZWFQcm9wcz4pID0+XG4gICAgZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBUZXh0QXJlYVByb3BzPigocHJvcHMsIGlubmVyUmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIGhlbHBlclRleHQsXG4gICAgICAgICAgICBzdGF0dXMsXG4gICAgICAgICAgICByZXNpemUsXG4gICAgICAgICAgICByaWdodEhlbHBlcixcbiAgICAgICAgICAgIGxlZnRIZWxwZXIsXG4gICAgICAgICAgICBjb250ZW50UmlnaHQsXG4gICAgICAgICAgICBhdXRvUmVzaXplID0gZmFsc2UsXG4gICAgICAgICAgICBtaW5BdXRvID0gMCxcbiAgICAgICAgICAgIG1heEF1dG8sXG4gICAgICAgICAgICBsYWJlbCxcbiAgICAgICAgICAgIGxhYmVsUGxhY2VtZW50ID0gJ2lubmVyJyxcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgICAgICAgZGVmYXVsdFZhbHVlLFxuICAgICAgICAgICAgaGVpZ2h0LFxuICAgICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgICAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgICAgICAgICAgIHJlcXVpcmVkUGxhY2VtZW50ID0gJ3JpZ2h0JyxcbiAgICAgICAgICAgIG9wdGlvbmFsID0gZmFsc2UsXG4gICAgICAgICAgICBjbGVhcixcbiAgICAgICAgICAgIGhhc0RpdmlkZXIsXG4gICAgICAgICAgICBzaXplLFxuICAgICAgICAgICAgdmlldyxcbiAgICAgICAgICAgIGlkLFxuICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICByZWFkT25seSxcbiAgICAgICAgICAgIHJvd3MsXG4gICAgICAgICAgICBjb2xzLFxuICAgICAgICAgICAgb25DaGFuZ2UsXG4gICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICBjb25zdCBbaGVscGVyV2lkdGgsIHNldEhlbHBlcldpZHRoXSA9IHVzZVN0YXRlPHN0cmluZz4od2lkdGggPyBgJHt3aWR0aH1yZW1gIDogJzEwMCUnKTtcbiAgICAgICAgY29uc3QgW2ZvY3VzZWQsIHNldEZvY3VzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgICAgICBjb25zdCBbdW5jb250cm9sbGVkVmFsdWUsIHNldFVuY29udHJvbGxlZFZhbHVlXSA9IHVzZVN0YXRlPHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcblxuICAgICAgICBjb25zdCBvdXRlclJlZiA9IGlubmVyUmVmICYmICdjdXJyZW50JyBpbiBpbm5lclJlZiA/IGlubmVyUmVmIDogY3JlYXRlUmVmPEhUTUxUZXh0QXJlYUVsZW1lbnQ+KCk7XG5cbiAgICAgICAgY29uc3QgaW5uZXJPcHRpb25hbCA9IHJlcXVpcmVkID8gZmFsc2UgOiBvcHRpb25hbDtcbiAgICAgICAgY29uc3QgaGFzSGVscGVyID0gQm9vbGVhbihsZWZ0SGVscGVyIHx8IHJpZ2h0SGVscGVyIHx8IGhlbHBlclRleHQpO1xuICAgICAgICBjb25zdCBoYXNPdXRlckxhYmVsID0gQm9vbGVhbihsYWJlbCAmJiBsYWJlbFBsYWNlbWVudCA9PT0gJ291dGVyJyk7XG4gICAgICAgIGNvbnN0IGhhc0lubmVyTGFiZWwgPSBCb29sZWFuKGxhYmVsICYmIGxhYmVsUGxhY2VtZW50ID09PSAnaW5uZXInICYmIHNpemUgIT09ICd4cycpO1xuICAgICAgICBjb25zdCBoYXNQbGFjZWhvbGRlck9wdGlvbmFsID0gaW5uZXJPcHRpb25hbCAmJiAhaGFzT3V0ZXJMYWJlbDtcblxuICAgICAgICBjb25zdCBvdmVycmlkZGVuVmlldyA9IHN0YXR1cyAhPT0gdW5kZWZpbmVkID8gZmFsbGJhY2tTdGF0dXNNYXBbc3RhdHVzXSA6IHZpZXc7XG4gICAgICAgIGNvbnN0IHRleHRhcmVhSGVscGVySWQgPSBpZCA/IGAke2lkfS1oZWxwZXJgIDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCBhcHBseUN1c3RvbVdpZHRoID0gcmVzaXplICE9PSAnaG9yaXpvbnRhbCcgJiYgcmVzaXplICE9PSAnYm90aCcgJiYgIWNvbHM7XG4gICAgICAgIGNvbnN0IHBsYWNlaG9sZGVyTGFiZWwgPSBoYXNJbm5lckxhYmVsID8gbGFiZWwgOiBwbGFjZWhvbGRlcjtcblxuICAgICAgICBjb25zdCBjbGVhckNsYXNzID0gY2xlYXIgPyBjbGFzc2VzLmNsZWFyIDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCBoYXNEaXZpZGVyQ2xhc3MgPSBoYXNEaXZpZGVyID8gY2xhc3Nlcy5oYXNEaXZpZGVyIDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCByZXF1aXJlZFBsYWNlbWVudENsYXNzID0gcmVxdWlyZWRQbGFjZW1lbnQgPT09ICdyaWdodCcgPyAnYWxpZ24tcmlnaHQgJyA6IHVuZGVmaW5lZDtcblxuICAgICAgICB1c2VSZXNpemVPYnNlcnZlcihvdXRlclJlZiwgKGN1cnJlbnRFbGVtZW50KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IHdpZHRoOiBpbmxpbmVXaWR0aCB9ID0gY3VycmVudEVsZW1lbnQuc3R5bGU7XG5cbiAgICAgICAgICAgIGlmIChpbmxpbmVXaWR0aCB8fCBjb2xzKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyB3aWR0aDogZWxlbWVudFdpZHRoIH0gPSBjdXJyZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICAgICAgICBzZXRIZWxwZXJXaWR0aChgJHtlbGVtZW50V2lkdGggLyBST09UX0ZPTlRfU0laRX1yZW1gKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG5cbiAgICAgICAgdXNlQXV0b1Jlc2l6ZShhdXRvUmVzaXplIHx8IEJvb2xlYW4oY2xlYXIpLCBvdXRlclJlZiwgdmFsdWUsIG1pbkF1dG8sIG1heEF1dG8pO1xuXG4gICAgICAgIGNvbnN0IG9uRm9jdXNIYW5kbGVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICAgICAgc2V0Rm9jdXNlZCh0cnVlKTtcbiAgICAgICAgfSwgW10pO1xuXG4gICAgICAgIGNvbnN0IG9uQmx1ckhhbmRsZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgICAgICBzZXRGb2N1c2VkKGZhbHNlKTtcbiAgICAgICAgfSwgW10pO1xuXG4gICAgICAgIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAgICAgKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MVGV4dEFyZWFFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIC8vIElORk86INCU0LvRjyDQutGA0LDQudC90LUg0YDQtdC00LrQuNGFINC60LXQudGB0L7Qsiwg0LrQvtCz0LTQsCB2YWx1ZSDRgdC90LDRgNGD0LbQuCDQvdC1INC60L7QvdGC0YDQvtC70LjRgNGD0LXRgtGB0Y9cbiAgICAgICAgICAgICAgICBpZiAodmFsdWUgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgICAgICBzZXRVbmNvbnRyb2xsZWRWYWx1ZShldmVudD8udGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT8uKGV2ZW50KTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBbdmFsdWUsIG9uQ2hhbmdlXSxcbiAgICAgICAgKTtcblxuICAgICAgICBjb25zdCBkeW5hbWljTGFiZWxDbGFzc2VzID0gZ2V0RHluYW1pY0xhYmVsQ2xhc3NlcyhcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBzaXplLFxuICAgICAgICAgICAgICAgIHJlYWRPbmx5LFxuICAgICAgICAgICAgICAgIGxhYmVsLFxuICAgICAgICAgICAgICAgIGxhYmVsUGxhY2VtZW50LFxuICAgICAgICAgICAgICAgIHZhbHVlOiB2YWx1ZSB8fCB1bmNvbnRyb2xsZWRWYWx1ZSB8fCBkZWZhdWx0VmFsdWUsXG4gICAgICAgICAgICAgICAgcm93cyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBmb2N1c2VkLFxuICAgICAgICApO1xuXG4gICAgICAgIGNvbnN0IG9wdGlvbmFsVGV4dE5vZGUgPSBpbm5lck9wdGlvbmFsID8gKFxuICAgICAgICAgICAgPFN0eWxlZE9wdGlvbmFsVGV4dD5cbiAgICAgICAgICAgICAgICB7Qm9vbGVhbihoYXNQbGFjZWhvbGRlck9wdGlvbmFsID8gcGxhY2Vob2xkZXJMYWJlbCA6IGxhYmVsKSAmJiAnXFx4YTAnfVxuICAgICAgICAgICAgICAgIHtvcHRpb25hbFRleHR9XG4gICAgICAgICAgICA8L1N0eWxlZE9wdGlvbmFsVGV4dD5cbiAgICAgICAgKSA6IG51bGw7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxSb290XG4gICAgICAgICAgICAgICAgdmlldz17b3ZlcnJpZGRlblZpZXd9XG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICAgIGNsZWFyPXtjbGVhcn1cbiAgICAgICAgICAgICAgICBzdHlsZT17eyB3aWR0aDogaGVscGVyV2lkdGgsIC4uLnN0eWxlIH19XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChjbGVhckNsYXNzLCBoYXNEaXZpZGVyQ2xhc3MsIGNsYXNzTmFtZSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2hhc091dGVyTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8U3R5bGVkTGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICB7cmVxdWlyZWQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbmRpY2F0b3IgY2xhc3NOYW1lPXtjeChjbGFzc2VzLm91dGVyTGFiZWxQbGFjZW1lbnQsIHJlcXVpcmVkUGxhY2VtZW50Q2xhc3MpfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgIHtvcHRpb25hbFRleHROb2RlfVxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2N4KHN0eWxlZENvbnRhaW5lciwgLi4uZHluYW1pY0xhYmVsQ2xhc3Nlcyl9XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPXtoZWxwZXJXaWR0aH1cbiAgICAgICAgICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c0hhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17b25CbHVySGFuZGxlcn1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtyZXF1aXJlZCAmJiAhaGFzT3V0ZXJMYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSW5kaWNhdG9yIGNsYXNzTmFtZT17Y3goY2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50LCByZXF1aXJlZFBsYWNlbWVudENsYXNzKX0gLz5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAge2NvbnRlbnRSaWdodCAmJiA8U3R5bGVkQ29udGVudD57Y29udGVudFJpZ2h0fTwvU3R5bGVkQ29udGVudD59XG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRUZXh0QXJlYVdyYXBwZXIgY2xhc3NOYW1lPXtzdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IGhhc0hlbHBlcj17aGFzSGVscGVyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRUZXh0QXJlYVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVkVGV4dEFyZWF9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhhc0NvbnRlbnRSaWdodD17Qm9vbGVhbihjb250ZW50UmlnaHQpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhhc0hlbHBlcj17aGFzSGVscGVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFwcGx5Q3VzdG9tV2lkdGg9e2FwcGx5Q3VzdG9tV2lkdGh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVmPXtvdXRlclJlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXthdXRvUmVzaXplIHx8IEJvb2xlYW4oY2xlYXIpID8gbWluQXV0byA6IGhlaWdodH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17dGV4dGFyZWFIZWxwZXJJZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29scz17Y29sc31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXNpemU9e3Jlc2l6ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRUZXh0QXJlYVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgIHtoYXNIZWxwZXIgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPFN0eWxlZEhlbHBlcnMgY2xhc3NOYW1lPXtzdHlsZWRIZWxwZXJzfSBpZD17dGV4dGFyZWFIZWxwZXJJZH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgeyhsZWZ0SGVscGVyIHx8IGhlbHBlclRleHQpICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFN0eWxlZExlZnRIZWxwZXI+e2xlZnRIZWxwZXIgfHwgaGVscGVyVGV4dH08L1N0eWxlZExlZnRIZWxwZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7cmlnaHRIZWxwZXIgJiYgPFN0eWxlZFJpZ2h0SGVscGVyPntyaWdodEhlbHBlcn08L1N0eWxlZFJpZ2h0SGVscGVyPn1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkSGVscGVycz5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAge3BsYWNlaG9sZGVyTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPFN0eWxlZFBsYWNlaG9sZGVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGFzQ29udGVudFJpZ2h0PXtCb29sZWFuKGNvbnRlbnRSaWdodCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtzdHlsZWRQbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBodG1sRm9yPXtpZH1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7cGxhY2Vob2xkZXJMYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7IWhhc091dGVyTGFiZWwgJiYgb3B0aW9uYWxUZXh0Tm9kZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkUGxhY2Vob2xkZXI+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICAgICAgICA8L1Jvb3Q+XG4gICAgICAgICk7XG4gICAgfSk7XG5cbmV4cG9ydCBjb25zdCB0ZXh0QXJlYUNvbmZpZyA9IHtcbiAgICBuYW1lOiAnVGV4dEFyZWEnLFxuICAgIHRhZzogJ2RpdicsXG4gICAgbGF5b3V0OiB0ZXh0QXJlYVJvb3QsXG4gICAgYmFzZSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGNzczogc2l6ZUNTUyxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgY3NzOiB2aWV3Q1NTLFxuICAgICAgICB9LFxuICAgICAgICBjbGVhcjoge1xuICAgICAgICAgICAgY3NzOiBjbGVhckNTUyxcbiAgICAgICAgICAgIGF0dHJzOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgY3NzOiBkaXNhYmxlZENTUyxcbiAgICAgICAgICAgIGF0dHJzOiB0cnVlLFxuICAgICAgICB9LFxuICAgICAgICByZWFkT25seToge1xuICAgICAgICAgICAgYXR0cnM6IHRydWUsXG4gICAgICAgIH0sXG4gICAgfSxcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnbScsXG4gICAgICAgIHZpZXc6ICdwcmltYXJ5JyxcbiAgICB9LFxufTtcbiJdfQ== */"));
41
+ var base = /*#__PURE__*/css(applyDynamicLabel, ";position:relative;box-sizing:border-box;;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlU3RhdGUsIGNyZWF0ZVJlZiwgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VSZXNpemVPYnNlcnZlciB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtY29yZSc7XG5cbmltcG9ydCB7IGN4IH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBSb290UHJvcHMgfSBmcm9tICcuLi8uLi9lbmdpbmVzL3R5cGVzJztcblxuaW1wb3J0IHsgYXBwbHlEeW5hbWljTGFiZWwgfSBmcm9tICcuL21peGlucyc7XG5pbXBvcnQgeyB1c2VBdXRvUmVzaXplLCBST09UX0ZPTlRfU0laRSB9IGZyb20gJy4vaG9va3MnO1xuaW1wb3J0IHtcbiAgICBTdHlsZWRDb250ZW50LFxuICAgIFN0eWxlZEhlbHBlcnMsXG4gICAgU3R5bGVkTGVmdEhlbHBlcixcbiAgICBTdHlsZWRSaWdodEhlbHBlcixcbiAgICBTdHlsZWRMYWJlbCxcbiAgICBTdHlsZWRQbGFjZWhvbGRlcixcbiAgICBTdHlsZWRUZXh0QXJlYSxcbiAgICBTdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG4gICAgU3R5bGVkQ29udGFpbmVyLFxuICAgIFN0eWxlZEluZGljYXRvcixcbiAgICBTdHlsZWRPcHRpb25hbFRleHQsXG59IGZyb20gJy4vVGV4dEFyZWEuc3R5bGVzJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICcuL1RleHRBcmVhLnRva2Vucyc7XG5pbXBvcnQgeyBiYXNlIGFzIHZpZXdDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIHNpemVDU1MgfSBmcm9tICcuL3ZhcmlhdGlvbnMvX3NpemUvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIGRpc2FibGVkQ1NTIH0gZnJvbSAnLi92YXJpYXRpb25zL19kaXNhYmxlZC9iYXNlJztcbmltcG9ydCB0eXBlIHsgVGV4dEFyZWFQcm9wcyB9IGZyb20gJy4vVGV4dEFyZWEudHlwZXMnO1xuXG5jb25zdCB7XG4gICAgaW5uZXJQbGFjZWhvbGRlclVwLFxuICAgIGZvY3VzZWRPdXRlclBsYWNlaG9sZGVyQ29sb3IsXG4gICAgaGlkZVBsYWNlSG9sZGVyLFxuICAgIHN0eWxlZENvbnRhaW5lcixcbiAgICBzdHlsZWRUZXh0QXJlYSxcbiAgICBzdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG4gICAgc3R5bGVkUGxhY2Vob2xkZXIsXG4gICAgc3R5bGVkSGVscGVycyxcbn0gPSBjbGFzc2VzO1xuXG5jb25zdCBvcHRpb25hbFRleHQgPSAnb3B0aW9uYWwnO1xuXG5jb25zdCBiYXNlID0gY3NzYFxuICAgICR7YXBwbHlEeW5hbWljTGFiZWx9O1xuXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG4vLyBUT0RPOiDQo9C00LDQu9C40YLRjCDQv9C+0YHQu9C1INC+0YLQutCw0LfQsCDQvtGCINGB0YLQsNGA0YvRhSDQsdC40LHQu9C40L7RgtC10LogcGxhc21hLXdlYiAvIHBsYXNtYS1iMmNcbmNvbnN0IGZhbGxiYWNrU3RhdHVzTWFwID0ge1xuICAgICcnOiAncHJpbWFyeScsXG4gICAgc3VjY2VzczogJ3Bvc2l0aXZlJyxcbiAgICB3YXJuaW5nOiAnd2FybmluZycsXG4gICAgZXJyb3I6ICduZWdhdGl2ZScsXG59O1xuXG4vLyBUT0RPOiDQn9C10YDQtdC90LXRgdGC0Lgg0Y3RgtC+0YIg0LzQtdGC0L7QtCDQsiDRhNCw0LnQuyBhcHBseUR5bmFtaWNMYWJlbC50c1xuZXhwb3J0IGNvbnN0IGdldER5bmFtaWNMYWJlbENsYXNzZXMgPSAocHJvcHM6IFRleHRBcmVhUHJvcHMsIGZvY3VzZWQ6IGJvb2xlYW4pID0+IHtcbiAgICBjb25zdCB7IHJlYWRPbmx5LCBsYWJlbCwgbGFiZWxQbGFjZW1lbnQsIGF1dG9SZXNpemUsIHJvd3MsIHZhbHVlLCBzaXplIH0gPSBwcm9wcztcblxuICAgIC8vINCU0L7QsdCw0LLQuNGC0Ywg0LrQu9Cw0YHRgSDQvtGC0LLQtdGH0LDRjtGJ0LjQuSDQt9CwINC40LfQvNC10L3QtdC90LjQtSDRhtCy0LXRgtCwINC/0LvQtdC50YHRhdC+0LvQtNC10YDQsCDQv9GA0Lgg0YTQvtC60YPRgdC1XG4gICAgY29uc3Qgd2l0aEZvY3VzZWRPdXRlclVwUGxhY2Vob2xkZXIgPVxuICAgICAgICAhcmVhZE9ubHkgJiYgZm9jdXNlZCAmJiAoIWxhYmVsIHx8IGxhYmVsUGxhY2VtZW50ID09PSAnb3V0ZXInKSA/IGZvY3VzZWRPdXRlclBsYWNlaG9sZGVyQ29sb3IgOiB1bmRlZmluZWQ7XG5cbiAgICAvLyDQlNC+0LHQsNCy0LjRgtGMINC60LvQsNGB0YEg0L7RgtCy0LXRh9Cw0Y7RidC40Lkg0LfQsCDQv9C+0LTQvdGP0YLQuNC1INC4INGD0LzQtdC90YzRiNC10L3QuNC1INC/0LvQtdC50YHRhdC+0LvQtNC10YDQsFxuICAgIGNvbnN0IHdpdGhJbm5lclBsYWNlaG9sZGVyVXAgPVxuICAgICAgICBsYWJlbFBsYWNlbWVudCA9PT0gJ2lubmVyJyAmJlxuICAgICAgICBsYWJlbCAmJlxuICAgICAgICAhYXV0b1Jlc2l6ZSAmJlxuICAgICAgICAhcm93cyAmJlxuICAgICAgICBzaXplICE9PSAneHMnICYmXG4gICAgICAgICgoIXJlYWRPbmx5ICYmICh2YWx1ZSB8fCBmb2N1c2VkKSkgfHwgKHJlYWRPbmx5ICYmIHZhbHVlKSlcbiAgICAgICAgICAgID8gaW5uZXJQbGFjZWhvbGRlclVwXG4gICAgICAgICAgICA6IHVuZGVmaW5lZDtcblxuICAgIC8vINCU0L7QsdCw0LLQuNGC0Ywg0LrQu9Cw0YHRgSDQvtGC0LLQtdGH0LDRjtGJ0LjQuSDQt9CwINGB0LrRgNGL0YLQuNC1INC/0LvQtdC50YHRhdC+0LvQtNC10YDQsFxuICAgIGNvbnN0IHdpdGhIaWRlUGxhY2Vob2xkZXIgPVxuICAgICAgICAodmFsdWUgJiYgIWxhYmVsKSB8fFxuICAgICAgICAobGFiZWxQbGFjZW1lbnQgPT09ICdpbm5lcicgJiYgKChmb2N1c2VkICYmICFyZWFkT25seSkgfHwgdmFsdWUpICYmIGxhYmVsICYmIChyb3dzIHx8IGF1dG9SZXNpemUpKSB8fFxuICAgICAgICAobGFiZWxQbGFjZW1lbnQgPT09ICdvdXRlcicgJiYgdmFsdWUpIHx8XG4gICAgICAgIChsYWJlbFBsYWNlbWVudCA9PT0gJ2lubmVyJyAmJiBzaXplID09PSAneHMnICYmIHZhbHVlKVxuICAgICAgICAgICAgPyBoaWRlUGxhY2VIb2xkZXJcbiAgICAgICAgICAgIDogdW5kZWZpbmVkO1xuXG4gICAgcmV0dXJuIFt3aXRoRm9jdXNlZE91dGVyVXBQbGFjZWhvbGRlciwgd2l0aElubmVyUGxhY2Vob2xkZXJVcCwgd2l0aEhpZGVQbGFjZWhvbGRlcl07XG59O1xuXG5leHBvcnQgY29uc3QgdGV4dEFyZWFSb290ID0gKFJvb3Q6IFJvb3RQcm9wczxIVE1MVGV4dEFyZWFFbGVtZW50LCBUZXh0QXJlYVByb3BzPikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxUZXh0QXJlYUVsZW1lbnQsIFRleHRBcmVhUHJvcHM+KChwcm9wcywgaW5uZXJSZWYpID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgaGVscGVyVGV4dCxcbiAgICAgICAgICAgIHN0YXR1cyxcbiAgICAgICAgICAgIHJlc2l6ZSxcbiAgICAgICAgICAgIHJpZ2h0SGVscGVyLFxuICAgICAgICAgICAgbGVmdEhlbHBlcixcbiAgICAgICAgICAgIGNvbnRlbnRSaWdodCxcbiAgICAgICAgICAgIGF1dG9SZXNpemUgPSBmYWxzZSxcbiAgICAgICAgICAgIG1pbkF1dG8gPSAwLFxuICAgICAgICAgICAgbWF4QXV0byxcbiAgICAgICAgICAgIGxhYmVsLFxuICAgICAgICAgICAgbGFiZWxQbGFjZW1lbnQgPSAnaW5uZXInLFxuICAgICAgICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICAgICAgICBkZWZhdWx0VmFsdWUsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICB3aWR0aCxcbiAgICAgICAgICAgIHZhbHVlLFxuICAgICAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICAgICByZXF1aXJlZCA9IGZhbHNlLFxuICAgICAgICAgICAgcmVxdWlyZWRQbGFjZW1lbnQgPSAncmlnaHQnLFxuICAgICAgICAgICAgb3B0aW9uYWwgPSBmYWxzZSxcbiAgICAgICAgICAgIHNpemUsXG4gICAgICAgICAgICB2aWV3LFxuICAgICAgICAgICAgaWQsXG4gICAgICAgICAgICBzdHlsZSxcbiAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgIHJlYWRPbmx5LFxuICAgICAgICAgICAgcm93cyxcbiAgICAgICAgICAgIGNvbHMsXG4gICAgICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgICAgIC4uLnJlc3RcbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIGNvbnN0IFtoZWxwZXJXaWR0aCwgc2V0SGVscGVyV2lkdGhdID0gdXNlU3RhdGU8c3RyaW5nPih3aWR0aCA/IGAke3dpZHRofXJlbWAgOiAnMTAwJScpO1xuICAgICAgICBjb25zdCBbZm9jdXNlZCwgc2V0Rm9jdXNlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgICAgIGNvbnN0IFt1bmNvbnRyb2xsZWRWYWx1ZSwgc2V0VW5jb250cm9sbGVkVmFsdWVdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuXG4gICAgICAgIGNvbnN0IG91dGVyUmVmID0gaW5uZXJSZWYgJiYgJ2N1cnJlbnQnIGluIGlubmVyUmVmID8gaW5uZXJSZWYgOiBjcmVhdGVSZWY8SFRNTFRleHRBcmVhRWxlbWVudD4oKTtcblxuICAgICAgICBjb25zdCBpbm5lck9wdGlvbmFsID0gcmVxdWlyZWQgPyBmYWxzZSA6IG9wdGlvbmFsO1xuICAgICAgICBjb25zdCBoYXNIZWxwZXIgPSBCb29sZWFuKGxlZnRIZWxwZXIgfHwgcmlnaHRIZWxwZXIgfHwgaGVscGVyVGV4dCk7XG4gICAgICAgIGNvbnN0IGhhc091dGVyTGFiZWwgPSBCb29sZWFuKGxhYmVsICYmIGxhYmVsUGxhY2VtZW50ID09PSAnb3V0ZXInKTtcbiAgICAgICAgY29uc3QgaGFzSW5uZXJMYWJlbCA9IEJvb2xlYW4obGFiZWwgJiYgbGFiZWxQbGFjZW1lbnQgPT09ICdpbm5lcicgJiYgc2l6ZSAhPT0gJ3hzJyk7XG4gICAgICAgIGNvbnN0IGhhc1BsYWNlaG9sZGVyT3B0aW9uYWwgPSBpbm5lck9wdGlvbmFsICYmICFoYXNPdXRlckxhYmVsO1xuXG4gICAgICAgIGNvbnN0IG92ZXJyaWRkZW5WaWV3ID0gc3RhdHVzICE9PSB1bmRlZmluZWQgPyBmYWxsYmFja1N0YXR1c01hcFtzdGF0dXNdIDogdmlldztcbiAgICAgICAgY29uc3QgdGV4dGFyZWFIZWxwZXJJZCA9IGlkID8gYCR7aWR9LWhlbHBlcmAgOiB1bmRlZmluZWQ7XG4gICAgICAgIGNvbnN0IGFwcGx5Q3VzdG9tV2lkdGggPSByZXNpemUgIT09ICdob3Jpem9udGFsJyAmJiByZXNpemUgIT09ICdib3RoJyAmJiAhY29scztcbiAgICAgICAgY29uc3QgcGxhY2Vob2xkZXJMYWJlbCA9IGhhc0lubmVyTGFiZWwgPyBsYWJlbCA6IHBsYWNlaG9sZGVyO1xuXG4gICAgICAgIGNvbnN0IHJlcXVpcmVkUGxhY2VtZW50Q2xhc3MgPSByZXF1aXJlZFBsYWNlbWVudCA9PT0gJ3JpZ2h0JyA/ICdhbGlnbi1yaWdodCAnIDogdW5kZWZpbmVkO1xuXG4gICAgICAgIHVzZVJlc2l6ZU9ic2VydmVyKG91dGVyUmVmLCAoY3VycmVudEVsZW1lbnQpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHsgd2lkdGg6IGlubGluZVdpZHRoIH0gPSBjdXJyZW50RWxlbWVudC5zdHlsZTtcblxuICAgICAgICAgICAgaWYgKGlubGluZVdpZHRoIHx8IGNvbHMpIHtcbiAgICAgICAgICAgICAgICBjb25zdCB7IHdpZHRoOiBlbGVtZW50V2lkdGggfSA9IGN1cnJlbnRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICAgICAgICAgIHNldEhlbHBlcldpZHRoKGAke2VsZW1lbnRXaWR0aCAvIFJPT1RfRk9OVF9TSVpFfXJlbWApO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcblxuICAgICAgICB1c2VBdXRvUmVzaXplKGF1dG9SZXNpemUsIG91dGVyUmVmLCB2YWx1ZSwgbWluQXV0bywgbWF4QXV0byk7XG5cbiAgICAgICAgY29uc3Qgb25Gb2N1c0hhbmRsZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgICAgICBzZXRGb2N1c2VkKHRydWUpO1xuICAgICAgICB9LCBbXSk7XG5cbiAgICAgICAgY29uc3Qgb25CbHVySGFuZGxlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgICAgIHNldEZvY3VzZWQoZmFsc2UpO1xuICAgICAgICB9LCBbXSk7XG5cbiAgICAgICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgLy8gSU5GTzog0JTQu9GPINC60YDQsNC50L3QtSDRgNC10LTQutC40YUg0LrQtdC50YHQvtCyLCDQutC+0LPQtNCwIHZhbHVlINGB0L3QsNGA0YPQttC4INC90LUg0LrQvtC90YLRgNC+0LvQuNGA0YPQtdGC0YHRj1xuICAgICAgICAgICAgICAgIGlmICh2YWx1ZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgICAgIHNldFVuY29udHJvbGxlZFZhbHVlKGV2ZW50Py50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPy4oZXZlbnQpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFt2YWx1ZSwgb25DaGFuZ2VdLFxuICAgICAgICApO1xuXG4gICAgICAgIGNvbnN0IGR5bmFtaWNMYWJlbENsYXNzZXMgPSBnZXREeW5hbWljTGFiZWxDbGFzc2VzKFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIHNpemUsXG4gICAgICAgICAgICAgICAgcmVhZE9ubHksXG4gICAgICAgICAgICAgICAgbGFiZWwsXG4gICAgICAgICAgICAgICAgbGFiZWxQbGFjZW1lbnQsXG4gICAgICAgICAgICAgICAgdmFsdWU6IHZhbHVlIHx8IHVuY29udHJvbGxlZFZhbHVlIHx8IGRlZmF1bHRWYWx1ZSxcbiAgICAgICAgICAgICAgICAuLi4ocm93cyA/IHsgcm93cyB9IDogeyBhdXRvUmVzaXplIH0pLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGZvY3VzZWQsXG4gICAgICAgICk7XG5cbiAgICAgICAgY29uc3Qgb3B0aW9uYWxUZXh0Tm9kZSA9IGlubmVyT3B0aW9uYWwgPyAoXG4gICAgICAgICAgICA8U3R5bGVkT3B0aW9uYWxUZXh0PlxuICAgICAgICAgICAgICAgIHtCb29sZWFuKGhhc1BsYWNlaG9sZGVyT3B0aW9uYWwgPyBwbGFjZWhvbGRlckxhYmVsIDogbGFiZWwpICYmICdcXHhhMCd9XG4gICAgICAgICAgICAgICAge29wdGlvbmFsVGV4dH1cbiAgICAgICAgICAgIDwvU3R5bGVkT3B0aW9uYWxUZXh0PlxuICAgICAgICApIDogbnVsbDtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFJvb3RcbiAgICAgICAgICAgICAgICB2aWV3PXtvdmVycmlkZGVuVmlld31cbiAgICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgICAgc3R5bGU9e3sgd2lkdGg6IGhlbHBlcldpZHRoLCAuLi5zdHlsZSB9fVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtoYXNPdXRlckxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPFN0eWxlZExhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAge3JlcXVpcmVkICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSW5kaWNhdG9yIGNsYXNzTmFtZT17Y3goY2xhc3Nlcy5vdXRlckxhYmVsUGxhY2VtZW50LCByZXF1aXJlZFBsYWNlbWVudENsYXNzKX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uYWxUZXh0Tm9kZX1cbiAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRMYWJlbD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChzdHlsZWRDb250YWluZXIsIC4uLmR5bmFtaWNMYWJlbENsYXNzZXMpfVxuICAgICAgICAgICAgICAgICAgICB3aWR0aD17aGVscGVyV2lkdGh9XG4gICAgICAgICAgICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXNIYW5kbGVyfVxuICAgICAgICAgICAgICAgICAgICBvbkJsdXI9e29uQmx1ckhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7cmVxdWlyZWQgJiYgIWhhc091dGVyTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPFN0eWxlZEluZGljYXRvciBjbGFzc05hbWU9e2N4KGNsYXNzZXMuaW5uZXJMYWJlbFBsYWNlbWVudCwgcmVxdWlyZWRQbGFjZW1lbnRDbGFzcyl9IC8+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIHtjb250ZW50UmlnaHQgJiYgPFN0eWxlZENvbnRlbnQ+e2NvbnRlbnRSaWdodH08L1N0eWxlZENvbnRlbnQ+fVxuICAgICAgICAgICAgICAgICAgICA8U3R5bGVkVGV4dEFyZWFXcmFwcGVyIGNsYXNzTmFtZT17c3R5bGVkVGV4dEFyZWFXcmFwcGVyfSBoYXNIZWxwZXI9e2hhc0hlbHBlcn0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkVGV4dEFyZWFcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlZFRleHRBcmVhfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYXNDb250ZW50UmlnaHQ9e0Jvb2xlYW4oY29udGVudFJpZ2h0KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYXNIZWxwZXI9e2hhc0hlbHBlcn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcHBseUN1c3RvbVdpZHRoPXthcHBseUN1c3RvbVdpZHRofVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlZj17b3V0ZXJSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD17YXV0b1Jlc2l6ZSA/IG1pbkF1dG8gOiBoZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlckxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e3RleHRhcmVhSGVscGVySWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbHM9e2NvbHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcmVzaXplPXtyZXNpemV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVmYXVsdFZhbHVlPXtkZWZhdWx0VmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvU3R5bGVkVGV4dEFyZWFXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgICB7aGFzSGVscGVyICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRIZWxwZXJzIGNsYXNzTmFtZT17c3R5bGVkSGVscGVyc30gaWQ9e3RleHRhcmVhSGVscGVySWR9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsobGVmdEhlbHBlciB8fCBoZWxwZXJUZXh0KSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRMZWZ0SGVscGVyPntsZWZ0SGVscGVyIHx8IGhlbHBlclRleHR9PC9TdHlsZWRMZWZ0SGVscGVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3JpZ2h0SGVscGVyICYmIDxTdHlsZWRSaWdodEhlbHBlcj57cmlnaHRIZWxwZXJ9PC9TdHlsZWRSaWdodEhlbHBlcj59XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZEhlbHBlcnM+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIHtwbGFjZWhvbGRlckxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRQbGFjZWhvbGRlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhhc0NvbnRlbnRSaWdodD17Qm9vbGVhbihjb250ZW50UmlnaHQpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVkUGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaHRtbEZvcj17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3BsYWNlaG9sZGVyTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgeyFoYXNPdXRlckxhYmVsICYmIG9wdGlvbmFsVGV4dE5vZGV9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZFBsYWNlaG9sZGVyPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICAgICAgPC9Sb290PlxuICAgICAgICApO1xuICAgIH0pO1xuXG5leHBvcnQgY29uc3QgdGV4dEFyZWFDb25maWcgPSB7XG4gICAgbmFtZTogJ1RleHRBcmVhJyxcbiAgICB0YWc6ICdkaXYnLFxuICAgIGxheW91dDogdGV4dEFyZWFSb290LFxuICAgIGJhc2UsXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBjc3M6IHNpemVDU1MsXG4gICAgICAgIH0sXG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGNzczogdmlld0NTUyxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIGNzczogZGlzYWJsZWRDU1MsXG4gICAgICAgICAgICBhdHRyczogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgICAgcmVhZE9ubHk6IHtcbiAgICAgICAgICAgIGF0dHJzOiB0cnVlLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICB2aWV3OiAncHJpbWFyeScsXG4gICAgfSxcbn07XG4iXX0= */"));
43
42
 
44
43
  // TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c
45
44
  var fallbackStatusMap = {
@@ -54,6 +53,7 @@ export var getDynamicLabelClasses = function getDynamicLabelClasses(props, focus
54
53
  var readOnly = props.readOnly,
55
54
  label = props.label,
56
55
  labelPlacement = props.labelPlacement,
56
+ autoResize = props.autoResize,
57
57
  rows = props.rows,
58
58
  value = props.value,
59
59
  size = props.size;
@@ -62,10 +62,10 @@ export var getDynamicLabelClasses = function getDynamicLabelClasses(props, focus
62
62
  var withFocusedOuterUpPlaceholder = !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;
63
63
 
64
64
  // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера
65
- var withInnerPlaceholderUp = labelPlacement === 'inner' && label && !rows && size !== 'xs' && (!readOnly && (value || focused) || readOnly && value) ? innerPlaceholderUp : undefined;
65
+ var withInnerPlaceholderUp = labelPlacement === 'inner' && label && !autoResize && !rows && size !== 'xs' && (!readOnly && (value || focused) || readOnly && value) ? innerPlaceholderUp : undefined;
66
66
 
67
67
  // Добавить класс отвечающий за скрытие плейсхолдера
68
- var withHidePlaceholder = value && !label || labelPlacement === 'inner' && (focused && !readOnly || value) && label && rows || labelPlacement === 'outer' && value || labelPlacement === 'inner' && size === 'xs' && value ? hidePlaceHolder : undefined;
68
+ var withHidePlaceholder = value && !label || labelPlacement === 'inner' && (focused && !readOnly || value) && label && (rows || autoResize) || labelPlacement === 'outer' && value || labelPlacement === 'inner' && size === 'xs' && value ? hidePlaceHolder : undefined;
69
69
  return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];
70
70
  };
71
71
  export var textAreaRoot = function textAreaRoot(Root) {
@@ -96,8 +96,6 @@ export var textAreaRoot = function textAreaRoot(Root) {
96
96
  requiredPlacement = _props$requiredPlacem === void 0 ? 'right' : _props$requiredPlacem,
97
97
  _props$optional = props.optional,
98
98
  optional = _props$optional === void 0 ? false : _props$optional,
99
- clear = props.clear,
100
- hasDivider = props.hasDivider,
101
99
  size = props.size,
102
100
  view = props.view,
103
101
  id = props.id,
@@ -130,8 +128,6 @@ export var textAreaRoot = function textAreaRoot(Root) {
130
128
  var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
131
129
  var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
132
130
  var placeholderLabel = hasInnerLabel ? label : placeholder;
133
- var clearClass = clear ? classes.clear : undefined;
134
- var hasDividerClass = hasDivider ? classes.hasDivider : undefined;
135
131
  var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
136
132
  useResizeObserver(outerRef, function (currentElement) {
137
133
  var inlineWidth = currentElement.style.width;
@@ -141,7 +137,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
141
137
  setHelperWidth("".concat(elementWidth / ROOT_FONT_SIZE, "rem"));
142
138
  }
143
139
  });
144
- useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);
140
+ useAutoResize(autoResize, outerRef, value, minAuto, maxAuto);
145
141
  var onFocusHandler = useCallback(function () {
146
142
  setFocused(true);
147
143
  }, []);
@@ -155,25 +151,27 @@ export var textAreaRoot = function textAreaRoot(Root) {
155
151
  }
156
152
  onChange === null || onChange === void 0 || onChange(event);
157
153
  }, [value, onChange]);
158
- var dynamicLabelClasses = getDynamicLabelClasses({
154
+ var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread({
159
155
  size: size,
160
156
  readOnly: readOnly,
161
157
  label: label,
162
158
  labelPlacement: labelPlacement,
163
- value: value || uncontrolledValue || defaultValue,
159
+ value: value || uncontrolledValue || defaultValue
160
+ }, rows ? {
164
161
  rows: rows
165
- }, focused);
162
+ } : {
163
+ autoResize: autoResize
164
+ }), focused);
166
165
  var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(StyledOptionalText, null, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
167
166
  return /*#__PURE__*/React.createElement(Root, {
168
167
  view: overriddenView,
169
168
  size: size,
170
169
  disabled: disabled,
171
170
  readOnly: readOnly,
172
- clear: clear,
173
171
  style: _objectSpread({
174
172
  width: helperWidth
175
173
  }, style),
176
- className: cx(clearClass, hasDividerClass, className)
174
+ className: className
177
175
  }, hasOuterLabel && /*#__PURE__*/React.createElement(StyledLabel, null, required && /*#__PURE__*/React.createElement(StyledIndicator, {
178
176
  className: cx(classes.outerLabelPlacement, requiredPlacementClass)
179
177
  }), label, optionalTextNode), /*#__PURE__*/React.createElement(StyledContainer, {
@@ -194,7 +192,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
194
192
  applyCustomWidth: applyCustomWidth,
195
193
  ref: outerRef,
196
194
  disabled: disabled,
197
- height: autoResize || Boolean(clear) ? minAuto : height,
195
+ height: autoResize ? minAuto : height,
198
196
  width: width,
199
197
  placeholder: placeholderLabel,
200
198
  "aria-describedby": textareaHelperId,
@@ -227,10 +225,6 @@ export var textAreaConfig = {
227
225
  view: {
228
226
  css: viewCSS
229
227
  },
230
- clear: {
231
- css: clearCSS,
232
- attrs: true
233
- },
234
228
  disabled: {
235
229
  css: disabledCSS,
236
230
  attrs: true
@@ -104,35 +104,6 @@ export function App() {
104
104
  }
105
105
  ```
106
106
 
107
- ### Clear
108
- На отображение TextArea влияют свойства `clear` и `hasDivider`.
109
- При этом `hasDivider` не может использоваться без `clear`.
110
- Свойства `minAuto`, `maxAuto`, `autoResize`, `rows` и `cols`, `height` и `width` игнорируются.
111
- Высота TextArea в таком случае регулируется по длине контента внутри:
112
-
113
- ```tsx live
114
- import React from 'react';
115
- import { TextArea } from '@salutejs/{{ package }}';
116
-
117
- export function App() {
118
- const [value, setValue] = React.useState('Значение');
119
-
120
- return (
121
- <div>
122
- <TextArea
123
- placeholder="Введите значение"
124
- value={value}
125
- onChange={(e) => {
126
- setValue(e.target.value);
127
- }}
128
- clear
129
- hasDivider
130
- />
131
- </div>
132
- );
133
- }
134
- ```
135
-
136
107
  ### Подсказка
137
108
  Для вывода подсказки снизу от поля используйте свойство `leftHelper` и/или `rightHelper`.
138
109
 
@@ -16,10 +16,7 @@ export var classes = {
16
16
  /** Класс для компонента `StyledHelpers` */
17
17
  styledHelpers: 'textarea-helpers',
18
18
  innerLabelPlacement: 'label-placement-inner',
19
- outerLabelPlacement: 'label-placement-outer',
20
- /** Класс для view `clear` */
21
- clear: 'textfield-clear',
22
- hasDivider: 'hasDivider'
19
+ outerLabelPlacement: 'label-placement-outer'
23
20
  };
24
21
  export var tokens = {
25
22
  /** Цвет фона для элемента textarea */
@@ -48,14 +45,12 @@ export var tokens = {
48
45
  helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',
49
46
  /** Цвет текста для элемента textarea */
50
47
  inputColor: '--plasma-textarea-input-color',
51
- clearInputColor: '--plasma-textarea-input-clear-color',
52
48
  /** Цвет текста для элемента textarea в состоянии focus */
53
49
  inputColorFocus: '--plasma-textarea-input-color-focus',
54
50
  /** Цвет каретки для элемента textarea */
55
51
  inputCaretColor: '--plasma-textarea-input-caret-color',
56
52
  /** Цвет элемента placeholder */
57
53
  placeholderColor: '--plasma-textarea-placeholder-color',
58
- clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',
59
54
  /** Цвет элемента placeholder в состоянии focus */
60
55
  placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',
61
56
  /** Цвет элемента optional */
@@ -96,7 +91,6 @@ export var tokens = {
96
91
  inputPaddingLeft: '--plasma-textarea-input-padding-left',
97
92
  /** Отступ сверху для блока подписей */
98
93
  helpersPaddingTop: '--plasma-textarea-helpers-padding-top',
99
- clearHelpersPaddingTop: '--plasma-textarea-clear-helpers-padding-top',
100
94
  /** Отступ справа для блока подписей */
101
95
  helpersPaddingRight: '--plasma-textarea-helpers-padding-right',
102
96
  /** Отступ снизу для блока подписей */
@@ -127,7 +121,6 @@ export var tokens = {
127
121
  labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
128
122
  /** Отступ сверху для элемента label, когда он внутри и уменьшен */
129
123
  labelMarginBottom: '--plasma-textarea-label-margin-bottom',
130
- clearLabelMarginBottom: '--plasma-textarea-clear-label-margin-bottom',
131
124
  /** Шрифт для элемента label, когда он внутри и уменьшен */
132
125
  labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',
133
126
  /** Размер шрифта для элемента label, когда он внутри и уменьшен */
@@ -179,11 +172,5 @@ export var tokens = {
179
172
  indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',
180
173
  indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',
181
174
  indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',
182
- indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',
183
- clearIndicatorLabelPlacementInner: '--plasma-textarea__clear-indicator-placement-inner',
184
- clearIndicatorLabelPlacementInnerRight: '--plasma-textarea__clear-indicator-placement-inner-right',
185
- dividerColor: '--plasma-textfield-divider-color',
186
- dividerColorHover: '--plasma-textfield-divider-color-hover',
187
- dividerColorFocus: '--plasma-textfield-divider-color-focus',
188
- dividerColorReadOnly: '--plasma-textfield-divider-color-readonly'
175
+ indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
189
176
  };
@@ -3,5 +3,5 @@ import { tokens, classes } from '../../TextArea.tokens';
3
3
  var styledContainer = classes.styledContainer,
4
4
  styledTextAreaWrapper = classes.styledTextAreaWrapper,
5
5
  styledHelpers = classes.styledHelpers;
6
- var exclusionSelectors = /*#__PURE__*/"not(.".concat(classes.clear, "):not([disabled]):not([readonly]):not(:focus-within)");
7
- export var base = /*#__PURE__*/css(".", /*#__PURE__*/String(styledContainer), "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", tokens.borderRadius, ");border:var(", tokens.borderSize, ") solid var(", tokens.borderColor, ");}.", /*#__PURE__*/String(styledTextAreaWrapper), "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", tokens.borderSize, ", 1px) var(", tokens.inputBorderColor, ");}&:focus-within:not([readonly]) .", /*#__PURE__*/String(styledTextAreaWrapper), "{background-color:var(", tokens.inputBackgroundColorFocus, ");box-shadow:inset 0 0 0 var(", tokens.borderSize, ", 1px) var(", tokens.inputBorderColorFocus, ");}&:focus-within:not([readonly]) .", /*#__PURE__*/String(styledContainer), "{border:var(", tokens.borderSize, ") solid var(", tokens.borderColorFocus, ");}&:focus-within:not([readonly]) .", /*#__PURE__*/String(styledHelpers), "{background-color:var(", tokens.helpersBackgroundColorFocus, ");}&:hover:", exclusionSelectors, " .", /*#__PURE__*/String(styledContainer), "{border:var(", tokens.borderSize, ") solid var(", tokens.borderColorHover, ");}&:hover:", exclusionSelectors, " .", /*#__PURE__*/String(styledTextAreaWrapper), "{box-shadow:inset 0 0 0 var(", tokens.borderSize, ", 1px) var(", tokens.inputBorderColorHover, ");background-color:var(", tokens.inputBackgroundColorHover, ");}&:hover:", exclusionSelectors, " .", /*#__PURE__*/String(styledTextAreaWrapper), "+.", /*#__PURE__*/String(styledHelpers), "{background-color:var(", tokens.helpersBackgroundColorHover, ");}&:active:", exclusionSelectors, " .", /*#__PURE__*/String(styledTextAreaWrapper), "{box-shadow:inset 0 0 0 var(", tokens.borderSize, ", 1px) var(", tokens.inputBorderColorActive, ");background-color:var(", tokens.inputBackgroundColorActive, ");}&:active:", exclusionSelectors, " .", /*#__PURE__*/String(styledTextAreaWrapper), "+.", /*#__PURE__*/String(styledHelpers), "{background-color:var(", tokens.helpersBackgroundColorActive, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEFyZWEvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRBcmVhL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zLCBjbGFzc2VzIH0gZnJvbSAnLi4vLi4vVGV4dEFyZWEudG9rZW5zJztcblxuY29uc3QgeyBzdHlsZWRDb250YWluZXIsIHN0eWxlZFRleHRBcmVhV3JhcHBlciwgc3R5bGVkSGVscGVycyB9ID0gY2xhc3NlcztcblxuY29uc3QgZXhjbHVzaW9uU2VsZWN0b3JzID0gYG5vdCguJHtjbGFzc2VzLmNsZWFyfSk6bm90KFtkaXNhYmxlZF0pOm5vdChbcmVhZG9ubHldKTpub3QoOmZvY3VzLXdpdGhpbilgO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtTdHJpbmcoc3R5bGVkQ29udGFpbmVyKX0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBib3gtc2hhZG93IDAuMXMgZWFzZS1pbi1vdXQ7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuYm9yZGVyU2l6ZX0pIHNvbGlkIHZhcigke3Rva2Vucy5ib3JkZXJDb2xvcn0pO1xuICAgIH1cblxuICAgIC4ke1N0cmluZyhzdHlsZWRUZXh0QXJlYVdyYXBwZXIpfSB7XG4gICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xcyBlYXNlLWluLW91dCwgYm94LXNoYWRvdyAwLjFzIGVhc2UtaW4tb3V0O1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyU2l6ZX0sIDFweCkgdmFyKCR7dG9rZW5zLmlucHV0Qm9yZGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAmOmZvY3VzLXdpdGhpbjpub3QoW3JlYWRvbmx5XSkgLiR7U3RyaW5nKHN0eWxlZFRleHRBcmVhV3JhcHBlcil9IHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmlucHV0QmFja2dyb3VuZENvbG9yRm9jdXN9KTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9LCAxcHgpIHZhcigke3Rva2Vucy5pbnB1dEJvcmRlckNvbG9yRm9jdXN9KTtcbiAgICB9XG5cbiAgICAmOmZvY3VzLXdpdGhpbjpub3QoW3JlYWRvbmx5XSkgLiR7U3RyaW5nKHN0eWxlZENvbnRhaW5lcil9IHtcbiAgICAgICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuYm9yZGVyU2l6ZX0pIHNvbGlkIHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckZvY3VzfSk7XG4gICAgfVxuXG4gICAgJjpmb2N1cy13aXRoaW46bm90KFtyZWFkb25seV0pIC4ke1N0cmluZyhzdHlsZWRIZWxwZXJzKX0ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaGVscGVyc0JhY2tncm91bmRDb2xvckZvY3VzfSk7XG4gICAgfVxuXG4gICAgJjpob3Zlcjoke2V4Y2x1c2lvblNlbGVjdG9yc30gLiR7U3RyaW5nKHN0eWxlZENvbnRhaW5lcil9IHtcbiAgICAgICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMuYm9yZGVyU2l6ZX0pIHNvbGlkIHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckhvdmVyfSk7XG4gICAgfVxuXG4gICAgJjpob3Zlcjoke2V4Y2x1c2lvblNlbGVjdG9yc30gLiR7U3RyaW5nKHN0eWxlZFRleHRBcmVhV3JhcHBlcil9IHtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9LCAxcHgpIHZhcigke3Rva2Vucy5pbnB1dEJvcmRlckNvbG9ySG92ZXJ9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmlucHV0QmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmOmhvdmVyOiR7ZXhjbHVzaW9uU2VsZWN0b3JzfSAuJHtTdHJpbmcoc3R5bGVkVGV4dEFyZWFXcmFwcGVyKX0gKyAuJHtTdHJpbmcoc3R5bGVkSGVscGVycyl9IHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmhlbHBlcnNCYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlOiR7ZXhjbHVzaW9uU2VsZWN0b3JzfSAuJHtTdHJpbmcoc3R5bGVkVGV4dEFyZWFXcmFwcGVyKX0ge1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHt0b2tlbnMuYm9yZGVyU2l6ZX0sIDFweCkgdmFyKCR7dG9rZW5zLmlucHV0Qm9yZGVyQ29sb3JBY3RpdmV9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmlucHV0QmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmU6JHtleGNsdXNpb25TZWxlY3RvcnN9IC4ke1N0cmluZyhzdHlsZWRUZXh0QXJlYVdyYXBwZXIpfSArIC4ke1N0cmluZyhzdHlsZWRIZWxwZXJzKX0ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaGVscGVyc0JhY2tncm91bmRDb2xvckFjdGl2ZX0pO1xuICAgIH1cbmA7XG4iXX0= */"));
6
+ var exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';
7
+ export var base = /*#__PURE__*/css(".", /*#__PURE__*/String(styledContainer), "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", tokens.borderRadius, ");border:var(", tokens.borderSize, ") solid var(", tokens.borderColor, ");}.", /*#__PURE__*/String(styledTextAreaWrapper), "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", tokens.borderSize, ", 1px) var(", tokens.inputBorderColor, ");}&:focus-within:not([readonly]) .", /*#__PURE__*/String(styledTextAreaWrapper), "{background-color:var(", tokens.inputBackgroundColorFocus, ");box-shadow:inset 0 0 0 var(", tokens.borderSize, ", 1px) var(", tokens.inputBorderColorFocus, ");}&:focus-within:not([readonly]) .", /*#__PURE__*/String(styledContainer), "{border:var(", tokens.borderSize, ") solid var(", tokens.borderColorFocus, ");}&:focus-within:not([readonly]) .", /*#__PURE__*/String(styledHelpers), "{background-color:var(", tokens.helpersBackgroundColorFocus, ");}&:hover:", exclusionSelectors, " .", /*#__PURE__*/String(styledContainer), "{border:var(", tokens.borderSize, ") solid var(", tokens.borderColorHover, ");}&:hover:", exclusionSelectors, " .", /*#__PURE__*/String(styledTextAreaWrapper), "{box-shadow:inset 0 0 0 var(", tokens.borderSize, ", 1px) var(", tokens.inputBorderColorHover, ");background-color:var(", tokens.inputBackgroundColorHover, ");}&:hover:", exclusionSelectors, " .", /*#__PURE__*/String(styledTextAreaWrapper), "+.", /*#__PURE__*/String(styledHelpers), "{background-color:var(", tokens.helpersBackgroundColorHover, ");}&:active:", exclusionSelectors, " .", /*#__PURE__*/String(styledTextAreaWrapper), "{box-shadow:inset 0 0 0 var(", tokens.borderSize, ", 1px) var(", tokens.inputBorderColorActive, ");background-color:var(", tokens.inputBackgroundColorActive, ");}&:active:", exclusionSelectors, " .", /*#__PURE__*/String(styledTextAreaWrapper), "+.", /*#__PURE__*/String(styledHelpers), "{background-color:var(", tokens.helpersBackgroundColorActive, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEFyZWEvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRBcmVhL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zLCBjbGFzc2VzIH0gZnJvbSAnLi4vLi4vVGV4dEFyZWEudG9rZW5zJztcblxuY29uc3QgeyBzdHlsZWRDb250YWluZXIsIHN0eWxlZFRleHRBcmVhV3JhcHBlciwgc3R5bGVkSGVscGVycyB9ID0gY2xhc3NlcztcblxuY29uc3QgZXhjbHVzaW9uU2VsZWN0b3JzID0gJ25vdChbZGlzYWJsZWRdKTpub3QoW3JlYWRvbmx5XSk6bm90KDpmb2N1cy13aXRoaW4pJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgLiR7U3RyaW5nKHN0eWxlZENvbnRhaW5lcil9IHtcbiAgICAgICAgdHJhbnNpdGlvbjogYm94LXNoYWRvdyAwLjFzIGVhc2UtaW4tb3V0O1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9KSBzb2xpZCB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAuJHtTdHJpbmcoc3R5bGVkVGV4dEFyZWFXcmFwcGVyKX0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbi1vdXQsIGJveC1zaGFkb3cgMC4xcyBlYXNlLWluLW91dDtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9LCAxcHgpIHZhcigke3Rva2Vucy5pbnB1dEJvcmRlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjpmb2N1cy13aXRoaW46bm90KFtyZWFkb25seV0pIC4ke1N0cmluZyhzdHlsZWRUZXh0QXJlYVdyYXBwZXIpfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pbnB1dEJhY2tncm91bmRDb2xvckZvY3VzfSk7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJTaXplfSwgMXB4KSB2YXIoJHt0b2tlbnMuaW5wdXRCb3JkZXJDb2xvckZvY3VzfSk7XG4gICAgfVxuXG4gICAgJjpmb2N1cy13aXRoaW46bm90KFtyZWFkb25seV0pIC4ke1N0cmluZyhzdHlsZWRDb250YWluZXIpfSB7XG4gICAgICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9KSBzb2xpZCB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JGb2N1c30pO1xuICAgIH1cblxuICAgICY6Zm9jdXMtd2l0aGluOm5vdChbcmVhZG9ubHldKSAuJHtTdHJpbmcoc3R5bGVkSGVscGVycyl9IHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmhlbHBlcnNCYWNrZ3JvdW5kQ29sb3JGb2N1c30pO1xuICAgIH1cblxuICAgICY6aG92ZXI6JHtleGNsdXNpb25TZWxlY3RvcnN9IC4ke1N0cmluZyhzdHlsZWRDb250YWluZXIpfSB7XG4gICAgICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9KSBzb2xpZCB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn0pO1xuICAgIH1cblxuICAgICY6aG92ZXI6JHtleGNsdXNpb25TZWxlY3RvcnN9IC4ke1N0cmluZyhzdHlsZWRUZXh0QXJlYVdyYXBwZXIpfSB7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJTaXplfSwgMXB4KSB2YXIoJHt0b2tlbnMuaW5wdXRCb3JkZXJDb2xvckhvdmVyfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pbnB1dEJhY2tncm91bmRDb2xvckhvdmVyfSk7XG4gICAgfVxuXG4gICAgJjpob3Zlcjoke2V4Y2x1c2lvblNlbGVjdG9yc30gLiR7U3RyaW5nKHN0eWxlZFRleHRBcmVhV3JhcHBlcil9ICsgLiR7U3RyaW5nKHN0eWxlZEhlbHBlcnMpfSB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5oZWxwZXJzQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZToke2V4Y2x1c2lvblNlbGVjdG9yc30gLiR7U3RyaW5nKHN0eWxlZFRleHRBcmVhV3JhcHBlcil9IHtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlclNpemV9LCAxcHgpIHZhcigke3Rva2Vucy5pbnB1dEJvcmRlckNvbG9yQWN0aXZlfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pbnB1dEJhY2tncm91bmRDb2xvckFjdGl2ZX0pO1xuICAgIH1cblxuICAgICY6YWN0aXZlOiR7ZXhjbHVzaW9uU2VsZWN0b3JzfSAuJHtTdHJpbmcoc3R5bGVkVGV4dEFyZWFXcmFwcGVyKX0gKyAuJHtTdHJpbmcoc3R5bGVkSGVscGVycyl9IHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmhlbHBlcnNCYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5gO1xuIl19 */"));