@salutejs/plasma-new-hope 0.196.0-canary.1585.11968062641.0 → 0.196.1-canary.1577.11970384401.0

package/emotion/cjs/components/TextField/TextField.template-doc.mdx

@@ -62,7 +62,7 @@ export function App() {
 ```
 
 ### Статус поля
-Статус поля задается с помощью свойства `status`. 
+Статус поля задается с помощью свойства `status`.
 Возможные значения свойства: `success`, `warning` и `error`.
 На отображение TextField так же влияют свойства `clear` и `hasDivider`:
 
@@ -150,7 +150,7 @@ export function App() {
 ```
 
 ### Режим ввода
-С помощью свойства `enumerationType` можно вводить элементы как теги.
+С помощью свойства `enumerationType` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
 По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
 
 ```tsx live
@@ -166,7 +166,17 @@ export function App() {
                 size="l"
                 enumerationType="chip"
                 helperText="Подсказка снизу"
-                values={["Значение 1"]}
+                chips={["Значение 1"]}
+            />
+
+            <TextField
+                placeholder="Введите значение"
+                defaultValue="Значение"
+                size="l"
+                enumerationType="chip"
+                helperText="Подсказка снизу"
+                chips={["Значение 1"]}
+                chipType="text"
             />
         </div>
     );

package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js

@@ -20,14 +20,23 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
     onClick = _ref.onClick,
     onClear = _ref.onClear,
     onKeyDown = _ref.onKeyDown,
-    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
+    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
+    chipType = _ref.chipType;
   var onClearHandle = function onClearHandle() {
     return onClear(id);
   };
   var onKeyDownHandle = function onKeyDownHandle(event) {
     onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
   };
-  return /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
+  var handleClick = function handleClick(e) {
+    if (onClick) {
+      onClick(e);
+    }
+    if (onClear) {
+      onClear(id);
+    }
+  };
+  return chipType === 'default' ? /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
     ref: ref,
     tabIndex: -1,
     disabled: disabled,
@@ -41,5 +50,10 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
     // @ts-ignore
     ,
     _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
-  });
+  }) : /*#__PURE__*/_react["default"].createElement(_TextFieldChip.TextChip, {
+    ref: ref,
+    tabIndex: -1,
+    onClick: handleClick,
+    onKeyDown: onKeyDownHandle
+  }, text);
 });

package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledChip = void 0;
+exports.TextChip = exports.StyledChip = void 0;
 var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
 var _Chip = /*#__PURE__*/require("../../../Chip");
 var _engines = /*#__PURE__*/require("../../../../engines");
@@ -16,11 +16,20 @@ var Chip = /*#__PURE__*/(0, _engines.component)(mergedConfig);
 
 // NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
 var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _base["default"])(Chip, {
-  target: "e7ctrkt0",
+  target: "e7ctrkt1",
   label: "plasma-new-hope__StyledChip"
 })(_Chip.chipTokens.color, ":var(", _TextField.tokens.chipColor, ");", _Chip.chipTokens.background, ":var(", _TextField.tokens.chipBackground, ");", _Chip.chipTokens.colorHover, ":var(", _TextField.tokens.chipColorHover, ");", _Chip.chipTokens.backgroundHover, ":var(", _TextField.tokens.chipBackgroundHover, ");", _Chip.chipTokens.colorActive, ":var(", _TextField.tokens.chipColorActive, ");", _Chip.chipTokens.backgroundActive, ":var(", _TextField.tokens.chipBackgroundActive, ");", _Chip.chipTokens.backgroundReadOnly, ":var(", _TextField.tokens.chipBackgroundReadOnly, ");", _Chip.chipTokens.colorReadOnly, ":var(", _TextField.tokens.chipColorReadOnly, ");", _Chip.chipTokens.backgroundReadOnlyHover, ":var(", _TextField.tokens.chipBackgroundReadOnlyHover, ");", _Chip.chipTokens.colorReadOnlyHover, ":var(", _TextField.tokens.chipColorReadOnlyHover, ");", _Chip.chipTokens.borderRadius, ":var(", _TextField.tokens.chipBorderRadius, ");", _Chip.chipTokens.width, ":var(", _TextField.tokens.chipWidth, ");", _Chip.chipTokens.height, ":var(", _TextField.tokens.chipHeight, ");", _Chip.chipTokens.paddingRight, ":var(", _TextField.tokens.chipPaddingRight, ");", _Chip.chipTokens.paddingLeft, ":var(", _TextField.tokens.chipPaddingLeft, ");", _Chip.chipTokens.fontFamily, ":var(", _TextField.tokens.chipFontFamily, ");", _Chip.chipTokens.fontSize, ":var(", _TextField.tokens.chipFontSize, ");", _Chip.chipTokens.fontStyle, ":var(", _TextField.tokens.chipFontStyle, ");", _Chip.chipTokens.fontWeight, ":var(", _TextField.tokens.chipFontWeight, ");", _Chip.chipTokens.letterSpacing, ":var(", _TextField.tokens.chipLetterSpacing, ");", _Chip.chipTokens.lineHeight, ":var(", _TextField.tokens.chipLineHeight, ");", _Chip.chipTokens.clearContentMarginLeft, ":var(", _TextField.tokens.chipClearContentMarginLeft, ");", _Chip.chipTokens.clearContentMarginRight, ":var(", _TextField.tokens.chipClearContentMarginRight, ");", _Chip.chipTokens.scaleHover, ":var(", _TextField.tokens.chipScaleHover, ");", _Chip.chipTokens.scaleActive, ":var(", _TextField.tokens.chipScaleActive, ");", _Chip.chipTokens.closeIconSize, ":var(", _TextField.tokens.chipCloseIconSize, ");", _Chip.chipTokens.closeIconColor, ":var(", _TextField.tokens.chipCloseIconColor, ");", _Chip.chipTokens.focusColor, ":var(", _TextField.tokens.focusColor, ");scroll-snap-align:center;scroll-snap-stop:normal;", /*#__PURE__*/(0, _mixins.addFocus)({
   outlineOffset: '0.0625rem',
   outlineSize: '0.0625rem',
   outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
   outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
-}), " &[readonly]{opacity:var(", _TextField.tokens.chipOpacityReadonly, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3VpL1RleHRGaWVsZENoaXAvVGV4dEZpZWxkQ2hpcC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3VpL1RleHRGaWVsZENoaXAvVGV4dEZpZWxkQ2hpcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNoaXBDb25maWcsIGNoaXBUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi9DaGlwJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuXG4vLyBpc3N1ZSAjODIzXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhjaGlwQ29uZmlnKTtcbmNvbnN0IENoaXAgPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuLy8gTk9URTog0J3QtdC+0LHRhdC+0LTQuNC80L7QtSDQv9C10YDQtdC+0L/RgNC10LTQtdC70LXQvdC40LUg0YLQvtC60LXQvdC+0LIg0LjQtyDQutC+0LzQv9C+0L3QtdC90YLQsCBDaGlwINGCLtC6LiDQuNGB0L/QvtC70YzQt9GD0Y7RgtGB0Y8g0LXQs9C+INGH0LDRgdGC0LhcbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlwID0gc3R5bGVkKENoaXApYFxuICAgICR7Y2hpcFRva2Vucy5jb2xvcn06IHZhcigke3Rva2Vucy5jaGlwQ29sb3J9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZH06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZH0pO1xuICAgICR7Y2hpcFRva2Vucy5jb2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvckhvdmVyfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZEhvdmVyfSk7XG4gICAgJHtjaGlwVG9rZW5zLmNvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvckFjdGl2ZX0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kQWN0aXZlfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kQWN0aXZlfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJhY2tncm91bmRSZWFkT25seX06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZFJlYWRPbmx5fSk7XG4gICAgJHtjaGlwVG9rZW5zLmNvbG9yUmVhZE9ubHl9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9yUmVhZE9ubHl9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZFJlYWRPbmx5SG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2hpcEJhY2tncm91bmRSZWFkT25seUhvdmVyfSk7XG4gICAgJHtjaGlwVG9rZW5zLmNvbG9yUmVhZE9ubHlIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwQ29sb3JSZWFkT25seUhvdmVyfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5jaGlwQm9yZGVyUmFkaXVzfSk7XG4gICAgJHtjaGlwVG9rZW5zLndpZHRofTogdmFyKCR7dG9rZW5zLmNoaXBXaWR0aH0pO1xuICAgICR7Y2hpcFRva2Vucy5oZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcEhlaWdodH0pO1xuICAgICR7Y2hpcFRva2Vucy5wYWRkaW5nUmlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcFBhZGRpbmdSaWdodH0pO1xuICAgICR7Y2hpcFRva2Vucy5wYWRkaW5nTGVmdH06IHZhcigke3Rva2Vucy5jaGlwUGFkZGluZ0xlZnR9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jaGlwRm9udEZhbWlseX0pO1xuICAgICR7Y2hpcFRva2Vucy5mb250U2l6ZX06IHZhcigke3Rva2Vucy5jaGlwRm9udFNpemV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNoaXBGb250U3R5bGV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jaGlwRm9udFdlaWdodH0pO1xuICAgICR7Y2hpcFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmNoaXBMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjaGlwVG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcExpbmVIZWlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xlYXJDb250ZW50TWFyZ2luTGVmdH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luTGVmdH0pO1xuICAgICR7Y2hpcFRva2Vucy5jbGVhckNvbnRlbnRNYXJnaW5SaWdodH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luUmlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuc2NhbGVIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwU2NhbGVIb3Zlcn0pO1xuICAgICR7Y2hpcFRva2Vucy5zY2FsZUFjdGl2ZX06IHZhcigke3Rva2Vucy5jaGlwU2NhbGVBY3RpdmV9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xvc2VJY29uU2l6ZX06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uU2l6ZX0pO1xuICAgICR7Y2hpcFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uQ29sb3J9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9jdXNDb2xvcn06IHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSk7XG5cbiAgICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyO1xuICAgIHNjcm9sbC1zbmFwLXN0b3A6IG5vcm1hbDtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2MjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMuY2hpcEJvcmRlclJhZGl1c30pIC0gMC4xcmVtKWAsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSlgLFxuICAgIH0pfVxuXG4gICAgJltyZWFkb25seV0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuY2hpcE9wYWNpdHlSZWFkb25seX0pO1xuICAgIH1cbmA7XG4iXX0= */"));
+}), " &[readonly]{opacity:var(", _TextField.tokens.chipOpacityReadonly, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3VpL1RleHRGaWVsZENoaXAvVGV4dEZpZWxkQ2hpcC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3VpL1RleHRGaWVsZENoaXAvVGV4dEZpZWxkQ2hpcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNoaXBDb25maWcsIGNoaXBUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi9DaGlwJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuXG4vLyBpc3N1ZSAjODIzXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhjaGlwQ29uZmlnKTtcbmNvbnN0IENoaXAgPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuLy8gTk9URTog0J3QtdC+0LHRhdC+0LTQuNC80L7QtSDQv9C10YDQtdC+0L/RgNC10LTQtdC70LXQvdC40LUg0YLQvtC60LXQvdC+0LIg0LjQtyDQutC+0LzQv9C+0L3QtdC90YLQsCBDaGlwINGCLtC6LiDQuNGB0L/QvtC70YzQt9GD0Y7RgtGB0Y8g0LXQs9C+INGH0LDRgdGC0LhcbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlwID0gc3R5bGVkKENoaXApYFxuICAgICR7Y2hpcFRva2Vucy5jb2xvcn06IHZhcigke3Rva2Vucy5jaGlwQ29sb3J9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZH06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZH0pO1xuICAgICR7Y2hpcFRva2Vucy5jb2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvckhvdmVyfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZEhvdmVyfSk7XG4gICAgJHtjaGlwVG9rZW5zLmNvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvckFjdGl2ZX0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kQWN0aXZlfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kQWN0aXZlfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJhY2tncm91bmRSZWFkT25seX06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZFJlYWRPbmx5fSk7XG4gICAgJHtjaGlwVG9rZW5zLmNvbG9yUmVhZE9ubHl9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9yUmVhZE9ubHl9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZFJlYWRPbmx5SG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2hpcEJhY2tncm91bmRSZWFkT25seUhvdmVyfSk7XG4gICAgJHtjaGlwVG9rZW5zLmNvbG9yUmVhZE9ubHlIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwQ29sb3JSZWFkT25seUhvdmVyfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5jaGlwQm9yZGVyUmFkaXVzfSk7XG4gICAgJHtjaGlwVG9rZW5zLndpZHRofTogdmFyKCR7dG9rZW5zLmNoaXBXaWR0aH0pO1xuICAgICR7Y2hpcFRva2Vucy5oZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcEhlaWdodH0pO1xuICAgICR7Y2hpcFRva2Vucy5wYWRkaW5nUmlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcFBhZGRpbmdSaWdodH0pO1xuICAgICR7Y2hpcFRva2Vucy5wYWRkaW5nTGVmdH06IHZhcigke3Rva2Vucy5jaGlwUGFkZGluZ0xlZnR9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5jaGlwRm9udEZhbWlseX0pO1xuICAgICR7Y2hpcFRva2Vucy5mb250U2l6ZX06IHZhcigke3Rva2Vucy5jaGlwRm9udFNpemV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLmNoaXBGb250U3R5bGV9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5jaGlwRm9udFdlaWdodH0pO1xuICAgICR7Y2hpcFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLmNoaXBMZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtjaGlwVG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcExpbmVIZWlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xlYXJDb250ZW50TWFyZ2luTGVmdH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luTGVmdH0pO1xuICAgICR7Y2hpcFRva2Vucy5jbGVhckNvbnRlbnRNYXJnaW5SaWdodH06IHZhcigke3Rva2Vucy5jaGlwQ2xlYXJDb250ZW50TWFyZ2luUmlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMuc2NhbGVIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwU2NhbGVIb3Zlcn0pO1xuICAgICR7Y2hpcFRva2Vucy5zY2FsZUFjdGl2ZX06IHZhcigke3Rva2Vucy5jaGlwU2NhbGVBY3RpdmV9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xvc2VJY29uU2l6ZX06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uU2l6ZX0pO1xuICAgICR7Y2hpcFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigke3Rva2Vucy5jaGlwQ2xvc2VJY29uQ29sb3J9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9jdXNDb2xvcn06IHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSk7XG5cbiAgICBzY3JvbGwtc25hcC1hbGlnbjogY2VudGVyO1xuICAgIHNjcm9sbC1zbmFwLXN0b3A6IG5vcm1hbDtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2MjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMuY2hpcEJvcmRlclJhZGl1c30pIC0gMC4xcmVtKWAsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5mb2N1c0NvbG9yfSlgLFxuICAgIH0pfVxuXG4gICAgJltyZWFkb25seV0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuY2hpcE9wYWNpdHlSZWFkb25seX0pO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0Q2hpcCA9IHN0eWxlZC5idXR0b25gXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgZmxleDogbm9uZTtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5mb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzAuMDYyNXJlbScsXG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNoaXBCb3JkZXJSYWRpdXN9KSAtIDAuMXJlbSlgLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuZm9jdXNDb2xvcn0pYCxcbiAgICB9KX1cblxuICAgICY6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnLCc7XG4gICAgfVxuXG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgJjphZnRlciB7XG4gICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
+var TextChip = exports.TextChip = /*#__PURE__*/(0, _base["default"])("button", {
+  target: "e7ctrkt0",
+  label: "plasma-new-hope__TextChip"
+})("display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", _TextField.tokens.fontFamily, ");font-size:var(", _TextField.tokens.fontSize, ");font-style:var(", _TextField.tokens.fontStyle, ");font-weight:var(", _TextField.tokens.fontWeight, ");letter-spacing:var(", _TextField.tokens.letterSpacing, ");line-height:var(", _TextField.tokens.lineHeight, ");color:var(", _TextField.tokens.color, ");", /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineOffset: '0.0625rem',
+  outlineSize: '0.0625rem',
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
+  outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
+}), " &:after{content:',';}&:last-child{&:after{content:'';}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3VpL1RleHRGaWVsZENoaXAvVGV4dEZpZWxkQ2hpcC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC91aS9UZXh0RmllbGRDaGlwL1RleHRGaWVsZENoaXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjaGlwQ29uZmlnLCBjaGlwVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQ2hpcCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcblxuLy8gaXNzdWUgIzgyM1xuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoY2hpcENvbmZpZyk7XG5jb25zdCBDaGlwID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbi8vIE5PVEU6INCd0LXQvtCx0YXQvtC00LjQvNC+0LUg0L/QtdGA0LXQvtC/0YDQtdC00LXQu9C10L3QuNC1INGC0L7QutC10L3QvtCyINC40Lcg0LrQvtC80L/QvtC90LXQvdGC0LAgQ2hpcCDRgi7Qui4g0LjRgdC/0L7Qu9GM0LfRg9GO0YLRgdGPINC10LPQviDRh9Cw0YHRgtC4XG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZChDaGlwKWBcbiAgICAke2NoaXBUb2tlbnMuY29sb3J9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9yfSk7XG4gICAgJHtjaGlwVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoJHt0b2tlbnMuY2hpcEJhY2tncm91bmR9KTtcbiAgICAke2NoaXBUb2tlbnMuY29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jaGlwQ29sb3JIb3Zlcn0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kSG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2hpcEJhY2tncm91bmRIb3Zlcn0pO1xuICAgICR7Y2hpcFRva2Vucy5jb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jaGlwQ29sb3JBY3RpdmV9KTtcbiAgICAke2NoaXBUb2tlbnMuYmFja2dyb3VuZEFjdGl2ZX06IHZhcigke3Rva2Vucy5jaGlwQmFja2dyb3VuZEFjdGl2ZX0pO1xuICAgICR7Y2hpcFRva2Vucy5iYWNrZ3JvdW5kUmVhZE9ubHl9OiB2YXIoJHt0b2tlbnMuY2hpcEJhY2tncm91bmRSZWFkT25seX0pO1xuICAgICR7Y2hpcFRva2Vucy5jb2xvclJlYWRPbmx5fTogdmFyKCR7dG9rZW5zLmNoaXBDb2xvclJlYWRPbmx5fSk7XG4gICAgJHtjaGlwVG9rZW5zLmJhY2tncm91bmRSZWFkT25seUhvdmVyfTogdmFyKCR7dG9rZW5zLmNoaXBCYWNrZ3JvdW5kUmVhZE9ubHlIb3Zlcn0pO1xuICAgICR7Y2hpcFRva2Vucy5jb2xvclJlYWRPbmx5SG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2hpcENvbG9yUmVhZE9ubHlIb3Zlcn0pO1xuICAgICR7Y2hpcFRva2Vucy5ib3JkZXJSYWRpdXN9OiB2YXIoJHt0b2tlbnMuY2hpcEJvcmRlclJhZGl1c30pO1xuICAgICR7Y2hpcFRva2Vucy53aWR0aH06IHZhcigke3Rva2Vucy5jaGlwV2lkdGh9KTtcbiAgICAke2NoaXBUb2tlbnMuaGVpZ2h0fTogdmFyKCR7dG9rZW5zLmNoaXBIZWlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMucGFkZGluZ1JpZ2h0fTogdmFyKCR7dG9rZW5zLmNoaXBQYWRkaW5nUmlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMucGFkZGluZ0xlZnR9OiB2YXIoJHt0b2tlbnMuY2hpcFBhZGRpbmdMZWZ0fSk7XG4gICAgJHtjaGlwVG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMuY2hpcEZvbnRGYW1pbHl9KTtcbiAgICAke2NoaXBUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMuY2hpcEZvbnRTaXplfSk7XG4gICAgJHtjaGlwVG9rZW5zLmZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5jaGlwRm9udFN0eWxlfSk7XG4gICAgJHtjaGlwVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcEZvbnRXZWlnaHR9KTtcbiAgICAke2NoaXBUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigke3Rva2Vucy5jaGlwTGV0dGVyU3BhY2luZ30pO1xuICAgICR7Y2hpcFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLmNoaXBMaW5lSGVpZ2h0fSk7XG4gICAgJHtjaGlwVG9rZW5zLmNsZWFyQ29udGVudE1hcmdpbkxlZnR9OiB2YXIoJHt0b2tlbnMuY2hpcENsZWFyQ29udGVudE1hcmdpbkxlZnR9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xlYXJDb250ZW50TWFyZ2luUmlnaHR9OiB2YXIoJHt0b2tlbnMuY2hpcENsZWFyQ29udGVudE1hcmdpblJpZ2h0fSk7XG4gICAgJHtjaGlwVG9rZW5zLnNjYWxlSG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2hpcFNjYWxlSG92ZXJ9KTtcbiAgICAke2NoaXBUb2tlbnMuc2NhbGVBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2hpcFNjYWxlQWN0aXZlfSk7XG4gICAgJHtjaGlwVG9rZW5zLmNsb3NlSWNvblNpemV9OiB2YXIoJHt0b2tlbnMuY2hpcENsb3NlSWNvblNpemV9KTtcbiAgICAke2NoaXBUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2hpcENsb3NlSWNvbkNvbG9yfSk7XG4gICAgJHtjaGlwVG9rZW5zLmZvY3VzQ29sb3J9OiB2YXIoJHt0b2tlbnMuZm9jdXNDb2xvcn0pO1xuXG4gICAgc2Nyb2xsLXNuYXAtYWxpZ246IGNlbnRlcjtcbiAgICBzY3JvbGwtc25hcC1zdG9wOiBub3JtYWw7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzAuMDYyNXJlbScsXG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLmNoaXBCb3JkZXJSYWRpdXN9KSAtIDAuMXJlbSlgLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuZm9jdXNDb2xvcn0pYCxcbiAgICB9KX1cblxuICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmNoaXBPcGFjaXR5UmVhZG9ubHl9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dENoaXAgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGZsZXg6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuZm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvcn0pO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwLjA2MjVyZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6IGBjYWxjKHZhcigke3Rva2Vucy5jaGlwQm9yZGVyUmFkaXVzfSkgLSAwLjFyZW0pYCxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmZvY3VzQ29sb3J9KWAsXG4gICAgfSl9XG5cbiAgICAmOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJywnO1xuICAgIH1cblxuICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICY6YWZ0ZXIge1xuICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));