@salutejs/plasma-new-hope 0.158.0-canary.1443.11127069754.0 → 0.158.0-canary.1451.11128265656.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (233) hide show
  1. package/cjs/components/TextArea/TextArea.js +23 -16
  2. package/cjs/components/TextArea/TextArea.js.map +1 -1
  3. package/cjs/components/TextArea/TextArea.tokens.js +18 -2
  4. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  5. package/cjs/components/{Steps/variations/_size → TextArea/variations/_clear}/base.js +2 -2
  6. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -0
  7. package/cjs/components/TextArea/variations/_clear/base_vidplj.css +1 -0
  8. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  9. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  10. package/cjs/components/TextArea/variations/_view/base_d1s4o7.css +1 -0
  11. package/cjs/index.css +3 -13
  12. package/cjs/index.js +0 -5
  13. package/cjs/index.js.map +1 -1
  14. package/emotion/cjs/components/TextArea/TextArea.js +24 -17
  15. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
  16. package/emotion/cjs/components/TextArea/TextArea.tokens.js +18 -2
  17. package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  18. package/emotion/cjs/components/TextArea/variations/_clear/base.js +10 -0
  19. package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
  20. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  21. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  22. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
  23. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  24. package/emotion/cjs/index.js +0 -11
  25. package/emotion/es/components/TextArea/TextArea.js +22 -15
  26. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -0
  27. package/emotion/es/components/TextArea/TextArea.tokens.js +18 -2
  28. package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  29. package/emotion/es/components/TextArea/variations/_clear/base.js +4 -0
  30. package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
  31. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  32. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  33. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
  34. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  35. package/emotion/es/index.js +0 -1
  36. package/es/components/TextArea/TextArea.js +23 -16
  37. package/es/components/TextArea/TextArea.js.map +1 -1
  38. package/es/components/TextArea/TextArea.tokens.js +18 -2
  39. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  40. package/es/components/{Steps/variations/_view → TextArea/variations/_clear}/base.js +2 -2
  41. package/es/components/TextArea/variations/_clear/base.js.map +1 -0
  42. package/es/components/TextArea/variations/_clear/base_vidplj.css +1 -0
  43. package/es/components/TextArea/variations/_view/base.js +1 -1
  44. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  45. package/es/components/TextArea/variations/_view/base_d1s4o7.css +1 -0
  46. package/es/index.css +3 -13
  47. package/es/index.js +0 -2
  48. package/es/index.js.map +1 -1
  49. package/package.json +2 -2
  50. package/styled-components/cjs/components/TextArea/TextArea.js +23 -16
  51. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
  52. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +18 -2
  53. package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  54. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +10 -0
  55. package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
  56. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  57. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  58. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
  59. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  60. package/styled-components/cjs/index.js +0 -11
  61. package/styled-components/es/components/TextArea/TextArea.js +21 -14
  62. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -0
  63. package/styled-components/es/components/TextArea/TextArea.tokens.js +18 -2
  64. package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  65. package/styled-components/es/components/TextArea/variations/_clear/base.js +4 -0
  66. package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
  67. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  68. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  69. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
  70. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  71. package/styled-components/es/index.js +0 -1
  72. package/types/components/TextArea/TextArea.d.ts +4 -0
  73. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  74. package/types/components/TextArea/TextArea.tokens.d.ts +16 -0
  75. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  76. package/types/components/TextArea/TextArea.types.d.ts +15 -3
  77. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  78. package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
  79. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -0
  80. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
  81. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  82. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +81 -0
  83. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  84. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
  85. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  86. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +81 -0
  87. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  88. package/types/index.d.ts +0 -1
  89. package/types/index.d.ts.map +1 -1
  90. package/cjs/components/Steps/Steps.css +0 -18
  91. package/cjs/components/Steps/Steps.js +0 -118
  92. package/cjs/components/Steps/Steps.js.map +0 -1
  93. package/cjs/components/Steps/Steps.styles.js +0 -9
  94. package/cjs/components/Steps/Steps.styles.js.map +0 -1
  95. package/cjs/components/Steps/Steps.styles_1qandre.css +0 -1
  96. package/cjs/components/Steps/Steps.tokens.js +0 -81
  97. package/cjs/components/Steps/Steps.tokens.js.map +0 -1
  98. package/cjs/components/Steps/ui/StepItem/StepItem.css +0 -16
  99. package/cjs/components/Steps/ui/StepItem/StepItem.js +0 -117
  100. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +0 -1
  101. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -83
  102. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +0 -1
  103. package/cjs/components/Steps/ui/StepItem/StepItem.styles_1nnkvta.css +0 -9
  104. package/cjs/components/Steps/variations/_size/base.js.map +0 -1
  105. package/cjs/components/Steps/variations/_size/base_x642ct.css +0 -1
  106. package/cjs/components/Steps/variations/_view/base.js +0 -9
  107. package/cjs/components/Steps/variations/_view/base.js.map +0 -1
  108. package/cjs/components/Steps/variations/_view/base_x642ct.css +0 -1
  109. package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
  110. package/emotion/cjs/components/Steps/Steps.js +0 -130
  111. package/emotion/cjs/components/Steps/Steps.review-doc.mdx +0 -304
  112. package/emotion/cjs/components/Steps/Steps.styles.js +0 -9
  113. package/emotion/cjs/components/Steps/Steps.template-doc.mdx +0 -86
  114. package/emotion/cjs/components/Steps/Steps.tokens.js +0 -79
  115. package/emotion/cjs/components/Steps/Steps.types.js +0 -5
  116. package/emotion/cjs/components/Steps/index.js +0 -25
  117. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +0 -127
  118. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -52
  119. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.types.js +0 -5
  120. package/emotion/cjs/components/Steps/ui/StepItem/index.js +0 -12
  121. package/emotion/cjs/components/Steps/ui/index.js +0 -16
  122. package/emotion/cjs/components/Steps/variations/_size/base.js +0 -8
  123. package/emotion/cjs/components/Steps/variations/_size/tokens.json +0 -1
  124. package/emotion/cjs/components/Steps/variations/_view/base.js +0 -8
  125. package/emotion/cjs/components/Steps/variations/_view/tokens.json +0 -1
  126. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +0 -25
  127. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.js +0 -13
  128. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
  129. package/emotion/es/components/Steps/Steps.js +0 -121
  130. package/emotion/es/components/Steps/Steps.review-doc.mdx +0 -304
  131. package/emotion/es/components/Steps/Steps.styles.js +0 -3
  132. package/emotion/es/components/Steps/Steps.template-doc.mdx +0 -86
  133. package/emotion/es/components/Steps/Steps.tokens.js +0 -73
  134. package/emotion/es/components/Steps/Steps.types.js +0 -1
  135. package/emotion/es/components/Steps/index.js +0 -2
  136. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +0 -118
  137. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -45
  138. package/emotion/es/components/Steps/ui/StepItem/StepItem.types.js +0 -1
  139. package/emotion/es/components/Steps/ui/StepItem/index.js +0 -1
  140. package/emotion/es/components/Steps/ui/index.js +0 -1
  141. package/emotion/es/components/Steps/variations/_size/base.js +0 -2
  142. package/emotion/es/components/Steps/variations/_size/tokens.json +0 -1
  143. package/emotion/es/components/Steps/variations/_view/base.js +0 -2
  144. package/emotion/es/components/Steps/variations/_view/tokens.json +0 -1
  145. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +0 -19
  146. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.js +0 -9
  147. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
  148. package/es/components/Steps/Steps.css +0 -18
  149. package/es/components/Steps/Steps.js +0 -113
  150. package/es/components/Steps/Steps.js.map +0 -1
  151. package/es/components/Steps/Steps.styles.js +0 -5
  152. package/es/components/Steps/Steps.styles.js.map +0 -1
  153. package/es/components/Steps/Steps.styles_1qandre.css +0 -1
  154. package/es/components/Steps/Steps.tokens.js +0 -76
  155. package/es/components/Steps/Steps.tokens.js.map +0 -1
  156. package/es/components/Steps/ui/StepItem/StepItem.css +0 -16
  157. package/es/components/Steps/ui/StepItem/StepItem.js +0 -113
  158. package/es/components/Steps/ui/StepItem/StepItem.js.map +0 -1
  159. package/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -71
  160. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +0 -1
  161. package/es/components/Steps/ui/StepItem/StepItem.styles_1nnkvta.css +0 -9
  162. package/es/components/Steps/variations/_size/base.js +0 -5
  163. package/es/components/Steps/variations/_size/base.js.map +0 -1
  164. package/es/components/Steps/variations/_size/base_x642ct.css +0 -1
  165. package/es/components/Steps/variations/_view/base.js.map +0 -1
  166. package/es/components/Steps/variations/_view/base_x642ct.css +0 -1
  167. package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
  168. package/styled-components/cjs/components/Steps/Steps.js +0 -130
  169. package/styled-components/cjs/components/Steps/Steps.review-doc.mdx +0 -304
  170. package/styled-components/cjs/components/Steps/Steps.styles.js +0 -9
  171. package/styled-components/cjs/components/Steps/Steps.template-doc.mdx +0 -86
  172. package/styled-components/cjs/components/Steps/Steps.tokens.js +0 -79
  173. package/styled-components/cjs/components/Steps/Steps.types.js +0 -5
  174. package/styled-components/cjs/components/Steps/index.js +0 -25
  175. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +0 -127
  176. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -43
  177. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.types.js +0 -5
  178. package/styled-components/cjs/components/Steps/ui/StepItem/index.js +0 -12
  179. package/styled-components/cjs/components/Steps/ui/index.js +0 -16
  180. package/styled-components/cjs/components/Steps/variations/_size/base.js +0 -8
  181. package/styled-components/cjs/components/Steps/variations/_size/tokens.json +0 -1
  182. package/styled-components/cjs/components/Steps/variations/_view/base.js +0 -8
  183. package/styled-components/cjs/components/Steps/variations/_view/tokens.json +0 -1
  184. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +0 -25
  185. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.js +0 -13
  186. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
  187. package/styled-components/es/components/Steps/Steps.js +0 -121
  188. package/styled-components/es/components/Steps/Steps.review-doc.mdx +0 -304
  189. package/styled-components/es/components/Steps/Steps.styles.js +0 -3
  190. package/styled-components/es/components/Steps/Steps.template-doc.mdx +0 -86
  191. package/styled-components/es/components/Steps/Steps.tokens.js +0 -73
  192. package/styled-components/es/components/Steps/Steps.types.js +0 -1
  193. package/styled-components/es/components/Steps/index.js +0 -2
  194. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +0 -118
  195. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -36
  196. package/styled-components/es/components/Steps/ui/StepItem/StepItem.types.js +0 -1
  197. package/styled-components/es/components/Steps/ui/StepItem/index.js +0 -1
  198. package/styled-components/es/components/Steps/ui/index.js +0 -1
  199. package/styled-components/es/components/Steps/variations/_size/base.js +0 -2
  200. package/styled-components/es/components/Steps/variations/_size/tokens.json +0 -1
  201. package/styled-components/es/components/Steps/variations/_view/base.js +0 -2
  202. package/styled-components/es/components/Steps/variations/_view/tokens.json +0 -1
  203. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +0 -19
  204. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.js +0 -9
  205. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
  206. package/types/components/Steps/Steps.d.ts +0 -23
  207. package/types/components/Steps/Steps.d.ts.map +0 -1
  208. package/types/components/Steps/Steps.styles.d.ts +0 -2
  209. package/types/components/Steps/Steps.styles.d.ts.map +0 -1
  210. package/types/components/Steps/Steps.tokens.d.ts +0 -74
  211. package/types/components/Steps/Steps.tokens.d.ts.map +0 -1
  212. package/types/components/Steps/Steps.types.d.ts +0 -55
  213. package/types/components/Steps/Steps.types.d.ts.map +0 -1
  214. package/types/components/Steps/index.d.ts +0 -4
  215. package/types/components/Steps/index.d.ts.map +0 -1
  216. package/types/components/Steps/ui/StepItem/StepItem.d.ts +0 -17
  217. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +0 -1
  218. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +0 -20
  219. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +0 -1
  220. package/types/components/Steps/ui/StepItem/StepItem.types.d.ts +0 -35
  221. package/types/components/Steps/ui/StepItem/StepItem.types.d.ts.map +0 -1
  222. package/types/components/Steps/ui/StepItem/index.d.ts +0 -3
  223. package/types/components/Steps/ui/StepItem/index.d.ts.map +0 -1
  224. package/types/components/Steps/ui/index.d.ts +0 -2
  225. package/types/components/Steps/ui/index.d.ts.map +0 -1
  226. package/types/components/Steps/variations/_size/base.d.ts.map +0 -1
  227. package/types/components/Steps/variations/_view/base.d.ts +0 -2
  228. package/types/components/Steps/variations/_view/base.d.ts.map +0 -1
  229. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts +0 -18
  230. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +0 -1
  231. package/types/examples/plasma_b2c/components/Steps/Steps.d.ts +0 -35
  232. package/types/examples/plasma_b2c/components/Steps/Steps.d.ts.map +0 -1
  233. /package/types/components/{Steps/variations/_size → TextArea/variations/_clear}/base.d.ts +0 -0
@@ -2,8 +2,7 @@ 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 { tertiary } from '@salutejs/plasma-core';
6
- import styled from '@emotion/styled';
5
+ import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
7
6
 
8
7
  import { textAreaConfig } from '../../../../components/TextArea';
9
8
  import { mergeConfig } from '../../../../engines';
@@ -48,11 +47,13 @@ const meta: Meta<StoryTextAreaProps> = {
48
47
  control: {
49
48
  type: 'number',
50
49
  },
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 },
56
57
  },
57
58
  labelPlacement: {
58
59
  options: labelPlacements,
@@ -60,11 +61,20 @@ const meta: Meta<StoryTextAreaProps> = {
60
61
  type: 'select',
61
62
  },
62
63
  },
64
+ hasDivider: {
65
+ control: {
66
+ type: 'boolean',
67
+ },
68
+ if: { arg: 'clear', truthy: true },
69
+ },
63
70
  },
64
71
  args: {
65
72
  id: 'example-textarea',
73
+ view: 'default',
74
+ size: 's',
66
75
  enableContentRight: true,
67
- label: 'Подсказка',
76
+ label: 'Лейбл',
77
+ labelPlacement: 'outer',
68
78
  placeholder: 'Заполните многострочное поле',
69
79
  leftHelper: 'Подсказка к полю слева',
70
80
  rightHelper: 'Подсказка к полю справа',
@@ -73,10 +83,11 @@ const meta: Meta<StoryTextAreaProps> = {
73
83
  autoResize: false,
74
84
  minAuto: 0,
75
85
  maxAuto: 0,
76
- size: 's',
77
86
  optional: false,
78
87
  required: false,
79
88
  requiredPlacement: 'right',
89
+ clear: false,
90
+ hasDivider: false,
80
91
  },
81
92
  };
82
93
 
@@ -86,20 +97,15 @@ const onChange = action('onChange');
86
97
  const onFocus = action('onFocus');
87
98
  const onBlur = action('onBlur');
88
99
 
89
- const IconPlaceholder = styled.div`
90
- width: 1.5rem;
91
- height: 1.5rem;
92
- border-radius: 50%;
93
- background: ${tertiary};
94
- `;
95
-
96
100
  const StoryDefault = (props: StoryTextAreaProps) => {
97
101
  const [value, setValue] = useState('Значение поля');
98
102
 
103
+ const iconSize = props.size === 'xs' ? 'xs' : 's';
104
+
99
105
  return (
100
106
  <TextArea
101
107
  value={value}
102
- contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined}
108
+ contentRight={props.enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
103
109
  onChange={(e) => {
104
110
  setValue(e.target.value);
105
111
  onChange(e);
@@ -553,17 +553,6 @@ Object.keys(_Slider).forEach(function (key) {
553
553
  }
554
554
  });
555
555
  });
556
- var _Steps = /*#__PURE__*/require("./components/Steps");
557
- Object.keys(_Steps).forEach(function (key) {
558
- if (key === "default" || key === "__esModule") return;
559
- if (key in exports && exports[key] === _Steps[key]) return;
560
- Object.defineProperty(exports, key, {
561
- enumerable: true,
562
- get: function get() {
563
- return _Steps[key];
564
- }
565
- });
566
- });
567
556
  var _Range = /*#__PURE__*/require("./components/Range");
568
557
  Object.keys(_Range).forEach(function (key) {
569
558
  if (key === "default" || key === "__esModule") return;
@@ -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", "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", "clear", "hasDivider", "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,6 +28,7 @@ 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';
31
32
  import { base as disabledCSS } from './variations/_disabled/base';
32
33
  var innerPlaceholderUp = classes.innerPlaceholderUp,
33
34
  focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
@@ -38,7 +39,7 @@ var innerPlaceholderUp = classes.innerPlaceholderUp,
38
39
  styledPlaceholder = classes.styledPlaceholder,
39
40
  styledHelpers = classes.styledHelpers;
40
41
  var optionalText = 'optional';
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= */"));
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/IGAke2lkfS1oZWxwZXJgIDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCBhcHBseUN1c3RvbVdpZHRoID0gcmVzaXplICE9PSAnaG9yaXpvbnRhbCcgJiYgcmVzaXplICE9PSAnYm90aCcgJiYgIWNvbHM7XG4gICAgICAgIGNvbnN0IHBsYWNlaG9sZGVyTGFiZWwgPSBoYXNJbm5lckxhYmVsID8gbGFiZWwgOiBwbGFjZWhvbGRlcjtcblxuICAgICAgICBjb25zdCBjbGVhckNsYXNzID0gY2xlYXIgPyBjbGFzc2VzLmNsZWFyIDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCBoYXNSaWdodENvbnRlbnRDbGFzcyA9IGNvbnRlbnRSaWdodCA/IGNsYXNzZXMuaGFzUmlnaHRDb250ZW50IDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCBoYXNEaXZpZGVyQ2xhc3MgPSBoYXNEaXZpZGVyID8gY2xhc3Nlcy5oYXNEaXZpZGVyIDogdW5kZWZpbmVkO1xuICAgICAgICBjb25zdCByZXF1aXJlZFBsYWNlbWVudENsYXNzID0gcmVxdWlyZWRQbGFjZW1lbnQgPT09ICdyaWdodCcgPyAnYWxpZ24tcmlnaHQgJyA6IHVuZGVmaW5lZDtcblxuICAgICAgICB1c2VSZXNpemVPYnNlcnZlcihvdXRlclJlZiwgKGN1cnJlbnRFbGVtZW50KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IHdpZHRoOiBpbmxpbmVXaWR0aCB9ID0gY3VycmVudEVsZW1lbnQuc3R5bGU7XG5cbiAgICAgICAgICAgIGlmIChpbmxpbmVXaWR0aCB8fCBjb2xzKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyB3aWR0aDogZWxlbWVudFdpZHRoIH0gPSBjdXJyZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICAgICAgICBzZXRIZWxwZXJXaWR0aChgJHtlbGVtZW50V2lkdGggLyBST09UX0ZPTlRfU0laRX1yZW1gKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG5cbiAgICAgICAgdXNlQXV0b1Jlc2l6ZShhdXRvUmVzaXplIHx8IEJvb2xlYW4oY2xlYXIpLCBvdXRlclJlZiwgdmFsdWUsIG1pbkF1dG8sIG1heEF1dG8pO1xuXG4gICAgICAgIGNvbnN0IG9uRm9jdXNIYW5kbGVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICAgICAgc2V0Rm9jdXNlZCh0cnVlKTtcbiAgICAgICAgfSwgW10pO1xuXG4gICAgICAgIGNvbnN0IG9uQmx1ckhhbmRsZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgICAgICBzZXRGb2N1c2VkKGZhbHNlKTtcbiAgICAgICAgfSwgW10pO1xuXG4gICAgICAgIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAgICAgKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MVGV4dEFyZWFFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIC8vIElORk86INCU0LvRjyDQutGA0LDQudC90LUg0YDQtdC00LrQuNGFINC60LXQudGB0L7Qsiwg0LrQvtCz0LTQsCB2YWx1ZSDRgdC90LDRgNGD0LbQuCDQvdC1INC60L7QvdGC0YDQvtC70LjRgNGD0LXRgtGB0Y9cbiAgICAgICAgICAgICAgICBpZiAodmFsdWUgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgICAgICBzZXRVbmNvbnRyb2xsZWRWYWx1ZShldmVudD8udGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT8uKGV2ZW50KTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBbdmFsdWUsIG9uQ2hhbmdlXSxcbiAgICAgICAgKTtcblxuICAgICAgICBjb25zdCBkeW5hbWljTGFiZWxDbGFzc2VzID0gZ2V0RHluYW1pY0xhYmVsQ2xhc3NlcyhcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBzaXplLFxuICAgICAgICAgICAgICAgIHJlYWRPbmx5LFxuICAgICAgICAgICAgICAgIGxhYmVsLFxuICAgICAgICAgICAgICAgIGxhYmVsUGxhY2VtZW50LFxuICAgICAgICAgICAgICAgIHZhbHVlOiB2YWx1ZSB8fCB1bmNvbnRyb2xsZWRWYWx1ZSB8fCBkZWZhdWx0VmFsdWUsXG4gICAgICAgICAgICAgICAgcm93cyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBmb2N1c2VkLFxuICAgICAgICApO1xuXG4gICAgICAgIGNvbnN0IG9wdGlvbmFsVGV4dE5vZGUgPSBpbm5lck9wdGlvbmFsID8gKFxuICAgICAgICAgICAgPFN0eWxlZE9wdGlvbmFsVGV4dD5cbiAgICAgICAgICAgICAgICB7Qm9vbGVhbihoYXNQbGFjZWhvbGRlck9wdGlvbmFsID8gcGxhY2Vob2xkZXJMYWJlbCA6IGxhYmVsKSAmJiAnXFx4YTAnfVxuICAgICAgICAgICAgICAgIHtvcHRpb25hbFRleHR9XG4gICAgICAgICAgICA8L1N0eWxlZE9wdGlvbmFsVGV4dD5cbiAgICAgICAgKSA6IG51bGw7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxSb290XG4gICAgICAgICAgICAgICAgdmlldz17b3ZlcnJpZGRlblZpZXd9XG4gICAgICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICAgICAgICAgIGNsZWFyPXtjbGVhcn1cbiAgICAgICAgICAgICAgICBzdHlsZT17eyB3aWR0aDogaGVscGVyV2lkdGgsIC4uLnN0eWxlIH19XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChjbGVhckNsYXNzLCBoYXNEaXZpZGVyQ2xhc3MsIGNsYXNzTmFtZSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2hhc091dGVyTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8U3R5bGVkTGFiZWw+XG4gICAgICAgICAgICAgICAgICAgICAgICB7cmVxdWlyZWQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbmRpY2F0b3IgY2xhc3NOYW1lPXtjeChjbGFzc2VzLm91dGVyTGFiZWxQbGFjZW1lbnQsIHJlcXVpcmVkUGxhY2VtZW50Q2xhc3MpfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgIHtvcHRpb25hbFRleHROb2RlfVxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2N4KHN0eWxlZENvbnRhaW5lciwgLi4uZHluYW1pY0xhYmVsQ2xhc3Nlcyl9XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPXtoZWxwZXJXaWR0aH1cbiAgICAgICAgICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c0hhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgIG9uQmx1cj17b25CbHVySGFuZGxlcn1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtyZXF1aXJlZCAmJiAhaGFzT3V0ZXJMYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSW5kaWNhdG9yIGNsYXNzTmFtZT17Y3goY2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50LCByZXF1aXJlZFBsYWNlbWVudENsYXNzKX0gLz5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAge2NvbnRlbnRSaWdodCAmJiA8U3R5bGVkQ29udGVudD57Y29udGVudFJpZ2h0fTwvU3R5bGVkQ29udGVudD59XG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRUZXh0QXJlYVdyYXBwZXIgY2xhc3NOYW1lPXtzdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IGhhc0hlbHBlcj17aGFzSGVscGVyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRUZXh0QXJlYVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goc3R5bGVkVGV4dEFyZWEsIGhhc1JpZ2h0Q29udGVudENsYXNzKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGFzQ29udGVudFJpZ2h0PXtCb29sZWFuKGNvbnRlbnRSaWdodCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGFzSGVscGVyPXtoYXNIZWxwZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYXBwbHlDdXN0b21XaWR0aD17YXBwbHlDdXN0b21XaWR0aH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZWY9e291dGVyUmVmfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9e2F1dG9SZXNpemUgfHwgQm9vbGVhbihjbGVhcikgPyBtaW5BdXRvIDogaGVpZ2h0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJMYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXt0ZXh0YXJlYUhlbHBlcklkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xzPXtjb2xzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlc2l6ZT17cmVzaXplfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlZmF1bHRWYWx1ZT17ZGVmYXVsdFZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZFRleHRBcmVhV3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAge2hhc0hlbHBlciAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSGVscGVycyBjbGFzc05hbWU9e3N0eWxlZEhlbHBlcnN9IGlkPXt0ZXh0YXJlYUhlbHBlcklkfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7KGxlZnRIZWxwZXIgfHwgaGVscGVyVGV4dCkgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkTGVmdEhlbHBlcj57bGVmdEhlbHBlciB8fCBoZWxwZXJUZXh0fTwvU3R5bGVkTGVmdEhlbHBlcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtyaWdodEhlbHBlciAmJiA8U3R5bGVkUmlnaHRIZWxwZXI+e3JpZ2h0SGVscGVyfTwvU3R5bGVkUmlnaHRIZWxwZXI+fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRIZWxwZXJzPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICB7cGxhY2Vob2xkZXJMYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkUGxhY2Vob2xkZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYXNDb250ZW50UmlnaHQ9e0Jvb2xlYW4oY29udGVudFJpZ2h0KX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e3N0eWxlZFBsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGh0bWxGb3I9e2lkfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtwbGFjZWhvbGRlckxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHshaGFzT3V0ZXJMYWJlbCAmJiBvcHRpb25hbFRleHROb2RlfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRQbGFjZWhvbGRlcj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvUm9vdD5cbiAgICAgICAgKTtcbiAgICB9KTtcblxuZXhwb3J0IGNvbnN0IHRleHRBcmVhQ29uZmlnID0ge1xuICAgIG5hbWU6ICdUZXh0QXJlYScsXG4gICAgdGFnOiAnZGl2JyxcbiAgICBsYXlvdXQ6IHRleHRBcmVhUm9vdCxcbiAgICBiYXNlLFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgY3NzOiBzaXplQ1NTLFxuICAgICAgICB9LFxuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBjc3M6IHZpZXdDU1MsXG4gICAgICAgIH0sXG4gICAgICAgIGNsZWFyOiB7XG4gICAgICAgICAgICBjc3M6IGNsZWFyQ1NTLFxuICAgICAgICAgICAgYXR0cnM6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICBjc3M6IGRpc2FibGVkQ1NTLFxuICAgICAgICAgICAgYXR0cnM6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIHJlYWRPbmx5OiB7XG4gICAgICAgICAgICBhdHRyczogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICB9LFxuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdtJyxcbiAgICAgICAgdmlldzogJ3ByaW1hcnknLFxuICAgIH0sXG59O1xuIl19 */"));
42
43
 
43
44
  // TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c
44
45
  var fallbackStatusMap = {
@@ -53,7 +54,6 @@ export var getDynamicLabelClasses = function getDynamicLabelClasses(props, focus
53
54
  var readOnly = props.readOnly,
54
55
  label = props.label,
55
56
  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 && !autoResize && !rows && size !== 'xs' && (!readOnly && (value || focused) || readOnly && value) ? innerPlaceholderUp : undefined;
65
+ var withInnerPlaceholderUp = labelPlacement === 'inner' && label && !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 || autoResize) || labelPlacement === 'outer' && value || labelPlacement === 'inner' && size === 'xs' && value ? hidePlaceHolder : undefined;
68
+ var withHidePlaceholder = value && !label || labelPlacement === 'inner' && (focused && !readOnly || value) && label && rows || 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,6 +96,8 @@ 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,
99
101
  size = props.size,
100
102
  view = props.view,
101
103
  id = props.id,
@@ -128,6 +130,9 @@ export var textAreaRoot = function textAreaRoot(Root) {
128
130
  var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
129
131
  var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
130
132
  var placeholderLabel = hasInnerLabel ? label : placeholder;
133
+ var clearClass = clear ? classes.clear : undefined;
134
+ var hasRightContentClass = contentRight ? classes.hasRightContent : undefined;
135
+ var hasDividerClass = hasDivider ? classes.hasDivider : undefined;
131
136
  var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
132
137
  useResizeObserver(outerRef, function (currentElement) {
133
138
  var inlineWidth = currentElement.style.width;
@@ -137,7 +142,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
137
142
  setHelperWidth("".concat(elementWidth / ROOT_FONT_SIZE, "rem"));
138
143
  }
139
144
  });
140
- useAutoResize(autoResize, outerRef, value, minAuto, maxAuto);
145
+ useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);
141
146
  var onFocusHandler = useCallback(function () {
142
147
  setFocused(true);
143
148
  }, []);
@@ -151,27 +156,25 @@ export var textAreaRoot = function textAreaRoot(Root) {
151
156
  }
152
157
  onChange === null || onChange === void 0 || onChange(event);
153
158
  }, [value, onChange]);
154
- var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread({
159
+ var dynamicLabelClasses = getDynamicLabelClasses({
155
160
  size: size,
156
161
  readOnly: readOnly,
157
162
  label: label,
158
163
  labelPlacement: labelPlacement,
159
- value: value || uncontrolledValue || defaultValue
160
- }, rows ? {
164
+ value: value || uncontrolledValue || defaultValue,
161
165
  rows: rows
162
- } : {
163
- autoResize: autoResize
164
- }), focused);
166
+ }, focused);
165
167
  var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(StyledOptionalText, null, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
166
168
  return /*#__PURE__*/React.createElement(Root, {
167
169
  view: overriddenView,
168
170
  size: size,
169
171
  disabled: disabled,
170
172
  readOnly: readOnly,
173
+ clear: clear,
171
174
  style: _objectSpread({
172
175
  width: helperWidth
173
176
  }, style),
174
- className: className
177
+ className: cx(clearClass, hasDividerClass, className)
175
178
  }, hasOuterLabel && /*#__PURE__*/React.createElement(StyledLabel, null, required && /*#__PURE__*/React.createElement(StyledIndicator, {
176
179
  className: cx(classes.outerLabelPlacement, requiredPlacementClass)
177
180
  }), label, optionalTextNode), /*#__PURE__*/React.createElement(StyledContainer, {
@@ -185,14 +188,14 @@ export var textAreaRoot = function textAreaRoot(Root) {
185
188
  className: styledTextAreaWrapper,
186
189
  hasHelper: hasHelper
187
190
  }, /*#__PURE__*/React.createElement(StyledTextArea, _extends({
188
- className: styledTextArea,
191
+ className: cx(styledTextArea, hasRightContentClass),
189
192
  id: id,
190
193
  hasContentRight: Boolean(contentRight),
191
194
  hasHelper: hasHelper,
192
195
  applyCustomWidth: applyCustomWidth,
193
196
  ref: outerRef,
194
197
  disabled: disabled,
195
- height: autoResize ? minAuto : height,
198
+ height: autoResize || Boolean(clear) ? minAuto : height,
196
199
  width: width,
197
200
  placeholder: placeholderLabel,
198
201
  "aria-describedby": textareaHelperId,
@@ -225,6 +228,10 @@ export var textAreaConfig = {
225
228
  view: {
226
229
  css: viewCSS
227
230
  },
231
+ clear: {
232
+ css: clearCSS,
233
+ attrs: true
234
+ },
228
235
  disabled: {
229
236
  css: disabledCSS,
230
237
  attrs: true
@@ -104,6 +104,35 @@ 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
+
107
136
  ### Подсказка
108
137
  Для вывода подсказки снизу от поля используйте свойство `leftHelper` и/или `rightHelper`.
109
138
 
@@ -16,7 +16,11 @@ export var classes = {
16
16
  /** Класс для компонента `StyledHelpers` */
17
17
  styledHelpers: 'textarea-helpers',
18
18
  innerLabelPlacement: 'label-placement-inner',
19
- outerLabelPlacement: 'label-placement-outer'
19
+ outerLabelPlacement: 'label-placement-outer',
20
+ /** Класс для view `clear` */
21
+ clear: 'textarea-clear',
22
+ hasRightContent: 'textarea-has-right-content',
23
+ hasDivider: 'textarea-has-divider'
20
24
  };
21
25
  export var tokens = {
22
26
  /** Цвет фона для элемента textarea */
@@ -45,14 +49,17 @@ export var tokens = {
45
49
  helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',
46
50
  /** Цвет текста для элемента textarea */
47
51
  inputColor: '--plasma-textarea-input-color',
52
+ clearInputColor: '--plasma-textarea-input-clear-color',
48
53
  /** Цвет текста для элемента textarea в состоянии focus */
49
54
  inputColorFocus: '--plasma-textarea-input-color-focus',
50
55
  /** Цвет каретки для элемента textarea */
51
56
  inputCaretColor: '--plasma-textarea-input-caret-color',
52
57
  /** Цвет элемента placeholder */
53
58
  placeholderColor: '--plasma-textarea-placeholder-color',
59
+ clearPlaceholderColor: '--plasma-textarea-clear-placeholder-color',
54
60
  /** Цвет элемента placeholder в состоянии focus */
55
61
  placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',
62
+ clearPlaceholderColorFocus: '--plasma-textarea-clear-placeholder-color-focus',
56
63
  /** Цвет элемента optional */
57
64
  optionalColor: '--plasma-textarea__optional-color',
58
65
  /** Цвет текста для левой подписи снизу */
@@ -83,6 +90,7 @@ export var tokens = {
83
90
  inputPaddingRight: '--plasma-textarea-input-padding-right',
84
91
  /** Отступ справа для элемента textarea, когда есть контент справа */
85
92
  inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',
93
+ clearInputPaddingRightWithRightContent: '--plasma-textarea-clear-input-padding-right-with-right-content',
86
94
  /** Отступ снизу для элемента textarea */
87
95
  inputPaddingBottom: '--plasma-textarea-input-padding-bottom',
88
96
  /** Отступ снизу для элемента textarea, когда есть блок подписей */
@@ -91,6 +99,7 @@ export var tokens = {
91
99
  inputPaddingLeft: '--plasma-textarea-input-padding-left',
92
100
  /** Отступ сверху для блока подписей */
93
101
  helpersPaddingTop: '--plasma-textarea-helpers-padding-top',
102
+ clearHelpersPaddingTop: '--plasma-textarea-clear-helpers-padding-top',
94
103
  /** Отступ справа для блока подписей */
95
104
  helpersPaddingRight: '--plasma-textarea-helpers-padding-right',
96
105
  /** Отступ снизу для блока подписей */
@@ -121,6 +130,7 @@ export var tokens = {
121
130
  labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
122
131
  /** Отступ сверху для элемента label, когда он внутри и уменьшен */
123
132
  labelMarginBottom: '--plasma-textarea-label-margin-bottom',
133
+ clearLabelMarginBottom: '--plasma-textarea-clear-label-margin-bottom',
124
134
  /** Шрифт для элемента label, когда он внутри и уменьшен */
125
135
  labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',
126
136
  /** Размер шрифта для элемента label, когда он внутри и уменьшен */
@@ -172,5 +182,11 @@ export var tokens = {
172
182
  indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',
173
183
  indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',
174
184
  indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',
175
- indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
185
+ indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',
186
+ clearIndicatorLabelPlacementInner: '--plasma-textarea__clear-indicator-placement-inner',
187
+ clearIndicatorLabelPlacementInnerRight: '--plasma-textarea__clear-indicator-placement-inner-right',
188
+ dividerColor: '--plasma-textfield-divider-color',
189
+ dividerColorHover: '--plasma-textfield-divider-color-hover',
190
+ dividerColorFocus: '--plasma-textfield-divider-color-focus',
191
+ dividerColorReadOnly: '--plasma-textfield-divider-color-readonly'
176
192
  };
@@ -5,4 +5,4 @@ var innerPlaceholderUp = classes.innerPlaceholderUp,
5
5
  styledTextArea = classes.styledTextArea,
6
6
  styledTextAreaWrapper = classes.styledTextAreaWrapper,
7
7
  styledPlaceholder = classes.styledPlaceholder;
8
- export var applyDynamicLabel = /*#__PURE__*/"\n .".concat(String(innerPlaceholderUp), " {\n .").concat(String(styledTextArea), " {\n height: calc(var(--plasma_private-textarea-input-actual-height) - var(").concat(tokens.labelInnerTop, "));\n }\n\n .").concat(String(styledTextAreaWrapper), " {\n padding-top: calc(calc(var(").concat(tokens.labelInnerTop, ") + var(").concat(tokens.labelInnerFontSize, ")) + var(").concat(tokens.labelInnerMarginBottom, "));\n }\n\n .").concat(String(styledPlaceholder), " {\n font-family: var(").concat(tokens.labelInnerFontFamily, ");\n font-size: var(").concat(tokens.labelInnerFontSize, ");\n font-style: var(").concat(tokens.labelInnerFontStyle, ");\n font-weight: var(").concat(tokens.labelInnerFontWeight, ");\n letter-spacing: var(").concat(tokens.labelInnerLetterSpacing, ");\n line-height: var(").concat(tokens.labelInnerLineHeight, ");\n top: var(").concat(tokens.labelInnerTop, ");\n }\n }\n\n .").concat(String(hidePlaceHolder), " {\n .").concat(String(styledPlaceholder), " {\n display: none;\n }\n }\n\n .").concat(String(focusedOuterPlaceholderColor), " {\n .").concat(String(styledPlaceholder), " {\n color: var(").concat(tokens.placeholderColorFocus, ");\n }\n }\n");
8
+ export var applyDynamicLabel = /*#__PURE__*/"\n .".concat(innerPlaceholderUp, " {\n .").concat(styledTextArea, " {\n height: calc(var(--plasma_private-textarea-input-actual-height) - var(").concat(tokens.labelInnerTop, "));\n }\n\n .").concat(styledTextAreaWrapper, " {\n padding-top: calc(calc(var(").concat(tokens.labelInnerTop, ") + var(").concat(tokens.labelInnerFontSize, ")) + var(").concat(tokens.labelInnerMarginBottom, "));\n }\n\n .").concat(styledPlaceholder, " {\n font-family: var(").concat(tokens.labelInnerFontFamily, ");\n font-size: var(").concat(tokens.labelInnerFontSize, ");\n font-style: var(").concat(tokens.labelInnerFontStyle, ");\n font-weight: var(").concat(tokens.labelInnerFontWeight, ");\n letter-spacing: var(").concat(tokens.labelInnerLetterSpacing, ");\n line-height: var(").concat(tokens.labelInnerLineHeight, ");\n top: var(").concat(tokens.labelInnerTop, ");\n }\n }\n\n .").concat(hidePlaceHolder, " .").concat(styledPlaceholder, " {\n display: none;\n }\n\n .").concat(focusedOuterPlaceholderColor, " .").concat(styledPlaceholder, " {\n color: var(").concat(tokens.placeholderColorFocus, ");\n }\n");
@@ -0,0 +1,4 @@
1
+ import { css } from '@emotion/react';
2
+ import { classes, tokens } from '../../TextArea.tokens';
3
+ import { StyledContainer, StyledContent, StyledHelpers, StyledIndicator, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper } from '../../TextArea.styles';
4
+ export var base = /*#__PURE__*/css("&.", classes.clear, "{border:unset;", StyledTextAreaWrapper, "{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(", tokens.inputPaddingTop, ");}", StyledLabel, "{margin-bottom:var(", tokens.clearLabelMarginBottom, ");}", StyledContent, "{right:0;bottom:unset;}", StyledTextArea, ",", StyledHelpers, "{padding-left:0;}", StyledHelpers, "{background-color:unset;border-radius:0;padding-top:var(", tokens.clearHelpersPaddingTop, ");padding-right:0;}", StyledTextArea, "{color:var(", tokens.clearInputColor, ");padding-right:0;&.", classes.hasRightContent, "{padding-right:var(", tokens.clearInputPaddingRightWithRightContent, ");}}", StyledContainer, "{&:not(.", classes.innerPlaceholderUp, "){", StyledPlaceholder, "{color:var(", tokens.clearPlaceholderColor, ");}&.", classes.focusedOuterPlaceholderColor, " ", StyledPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}&.", classes.innerPlaceholderUp, "{color:var(", tokens.placeholderColor, ");}}", StyledPlaceholder, "{padding-left:0;}", StyledIndicator, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearIndicatorLabelPlacementInner, ");&.align-right{inset:var(", tokens.clearIndicatorLabelPlacementInnerRight, ");}}}.", classes.styledContainer, "{border:unset;border-radius:0;}&:focus-within:not([readonly]) .", classes.styledTextAreaWrapper, "{background-color:unset;box-shadow:unset;}&:focus-within:not([readonly]) .", classes.styledContainer, "{border:unset;}&:focus-within:not([readonly]) .", classes.styledHelpers, "{background-color:unset;}&.", classes.hasDivider, "{", StyledTextAreaWrapper, "{position:relative;--plasma_private-textarea-divider-color:var(", /*#__PURE__*/String(tokens.dividerColor), ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", StyledTextAreaWrapper, ":hover{--plasma_private-textarea-divider-color:var(\n ", tokens.dividerColorHover, ",\n var(", /*#__PURE__*/String(tokens.dividerColor), ")\n );}&:not([readonly]) ", StyledTextAreaWrapper, ":focus-within{--plasma_private-textarea-divider-color:var(\n ", tokens.dividerColorFocus, ",\n var(", /*#__PURE__*/String(tokens.dividerColor), ")\n );}}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEFyZWEvdmFyaWF0aW9ucy9fY2xlYXIvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0QXJlYS92YXJpYXRpb25zL19jbGVhci9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0QXJlYS50b2tlbnMnO1xuaW1wb3J0IHtcbiAgICBTdHlsZWRDb250YWluZXIsXG4gICAgU3R5bGVkQ29udGVudCxcbiAgICBTdHlsZWRIZWxwZXJzLFxuICAgIFN0eWxlZEluZGljYXRvcixcbiAgICBTdHlsZWRMYWJlbCxcbiAgICBTdHlsZWRQbGFjZWhvbGRlcixcbiAgICBTdHlsZWRUZXh0QXJlYSxcbiAgICBTdHlsZWRUZXh0QXJlYVdyYXBwZXIsXG59IGZyb20gJy4uLy4uL1RleHRBcmVhLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmNsZWFyfSB7XG4gICAgICAgIGJvcmRlcjogdW5zZXQ7XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QXJlYVdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IHZhcigke3Rva2Vucy5pbnB1dFBhZGRpbmdUb3B9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkTGFiZWx9IHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5jbGVhckxhYmVsTWFyZ2luQm90dG9tfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnR9IHtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgYm90dG9tOiB1bnNldDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkVGV4dEFyZWF9LCAke1N0eWxlZEhlbHBlcnN9IHtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICAgICAgcGFkZGluZy10b3A6IHZhcigke3Rva2Vucy5jbGVhckhlbHBlcnNQYWRkaW5nVG9wfSk7XG4gICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QXJlYX0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhcklucHV0Q29sb3J9KTtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLmhhc1JpZ2h0Q29udGVudH0ge1xuICAgICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IHZhcigke3Rva2Vucy5jbGVhcklucHV0UGFkZGluZ1JpZ2h0V2l0aFJpZ2h0Q29udGVudH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250YWluZXJ9IHtcbiAgICAgICAgICAgICY6bm90KC4ke2NsYXNzZXMuaW5uZXJQbGFjZWhvbGRlclVwfSkge1xuICAgICAgICAgICAgICAgICR7U3R5bGVkUGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAmLiR7Y2xhc3Nlcy5mb2N1c2VkT3V0ZXJQbGFjZWhvbGRlckNvbG9yfSAke1N0eWxlZFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xlYXJQbGFjZWhvbGRlckNvbG9yRm9jdXN9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyUGxhY2Vob2xkZXJVcH0ge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRJbmRpY2F0b3J9IHtcbiAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lcn0pO1xuICAgICAgICAgICAgICAgICYuYWxpZ24tcmlnaHQge1xuICAgICAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLiR7Y2xhc3Nlcy5zdHlsZWRDb250YWluZXJ9IHtcbiAgICAgICAgICAgIGJvcmRlcjogdW5zZXQ7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy13aXRoaW46bm90KFtyZWFkb25seV0pIC4ke2NsYXNzZXMuc3R5bGVkVGV4dEFyZWFXcmFwcGVyfSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy13aXRoaW46bm90KFtyZWFkb25seV0pIC4ke2NsYXNzZXMuc3R5bGVkQ29udGFpbmVyfSB7XG4gICAgICAgICAgICBib3JkZXI6IHVuc2V0O1xuICAgICAgICB9XG5cbiAgICAgICAgJjpmb2N1cy13aXRoaW46bm90KFtyZWFkb25seV0pIC4ke2NsYXNzZXMuc3R5bGVkSGVscGVyc30ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNEaXZpZGVyfSB7XG4gICAgICAgICAgICAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGFyZWEtZGl2aWRlci1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5kaXZpZGVyQ29sb3IpfSk7XG5cbiAgICAgICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMC4wNjNyZW07XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRhcmVhLWRpdmlkZXItY29sb3IpO1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmOm5vdChbcmVhZG9ubHldKSAke1N0eWxlZFRleHRBcmVhV3JhcHBlcn06aG92ZXIge1xuICAgICAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGFyZWEtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICY6bm90KFtyZWFkb25seV0pICR7U3R5bGVkVGV4dEFyZWFXcmFwcGVyfTpmb2N1cy13aXRoaW4ge1xuICAgICAgICAgICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGFyZWEtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JGb2N1c30sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
@@ -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 = '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 */"));
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= */"));