@salutejs/plasma-new-hope 0.151.0-canary.1449.11009654671.0 → 0.151.0

package/styled-components/cjs/components/Attach/Attach.tokens.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  auto: 'auto',
+  horizontal: 'horizontal',
+  vertical: 'vertical',
+  cellHidden: 'cell-hidden'
+};
+var tokens = exports.tokens = {
+  horizontalGap: '--plasma-attach-horizontal-gap',
+  verticalGap: '--plasma-attach-vertical-gap',
+  // Токены для Button
+  buttonColor: '--plasma-attach-button-color',
+  buttonValueColor: '--plasma-attach-button-value-color',
+  buttonBackgroundColor: '--plasma-attach-button-background-color',
+  buttonColorHover: '--plasma-attach-button-color-hover',
+  buttonBackgroundColorHover: '--plasma-attach-button-background-color-hover',
+  buttonColorActive: '--plasma-attach-button-color-active',
+  buttonBackgroundColorActive: '--plasma-attach-button-background-color-active',
+  buttonLoadingBackgroundColor: '--plasma-attach-button-loading-background-color',
+  buttonScaleHover: '--plasma-attach-button-scale-hover',
+  buttonScaleActive: '---plasma-attach-button-scale-active',
+  buttonHeight: '--plasma-attach-button-height',
+  buttonWidth: '--plasma-attach-button-width',
+  buttonPadding: '--plasma-attach-button-padding',
+  buttonRadius: '--plasma-attach-button-radius',
+  buttonRadiusCircle: '--plasma-attach-button-radius-circle',
+  buttonFontFamily: '--plasma-attach-button-font-family',
+  buttonFontSize: '--plasma-attach-button-font-size',
+  buttonFontStyle: '--plasma-attach-button-font-style',
+  buttonFontWeight: '--plasma-attach-button-font-weight',
+  buttonLetterSpacing: '--plasma-attach-button-letter-spacing',
+  buttonLineHeight: '--plasma-attach-button-line-height',
+  buttonLeftContentMargin: '--plasma-attach-button-left-content-margin',
+  buttonLeftContentAlignSelf: '--plasma-attach-button-left-content-align-self',
+  buttonRightContentMargin: '--plasma-attach-button-right-content-margin',
+  buttonRightContentAlignSelf: '--plasma-attach-button-right-content-align-self',
+  buttonValueMargin: '--plasma-attach-button-value-margin',
+  buttonDisabledOpacity: '--plasma-attach-button-disabled-opacity',
+  buttonFocusColor: '--plasma-attach-button-focus-color',
+  buttonSpinnerColor: '--plasma-attach-button-spinner-color',
+  buttonSpinnerSize: '--plasma-attach-button-spinner-size',
+  // Токены для Cell
+  cellColor: '--plasma-attach-cell-color',
+  cellBackgroundColor: '--plasma-attach-cell-background-color',
+  cellPadding: '--plasma-attach-cell-padding',
+  cellPaddingLeftContent: '--plasma-attach-cell-padding-left-content',
+  cellPaddingContent: '--plasma-attach-cell-padding-content',
+  cellPaddingRightContent: '--plasma-attach-cell-padding-right-content',
+  cellTextboxGap: '--plasma-attach-cell-textbox-gap',
+  cellGap: '--plasma-attach-cell-gap',
+  cellWidth: '--plasma-attach-cell-width',
+  cellLabelColor: '--plasma-attach-cell-label-color',
+  cellLabelFontFamily: '--plasma-attach-cell-label-font-family',
+  cellLabelFontSize: '--plasma-attach-cell-label-font-size',
+  cellLabelFontStyle: '--plasma-attach-cell-label-font-style',
+  cellLabelFontWeight: '--plasma-attach-cell-label-font-weight',
+  cellLabelLetterSpacing: '--plasma-attach-cell-label-letter-spacing',
+  cellLabelLineHeight: '--plasma-attach-cell-label-line-height',
+  cellTitleColor: '--plasma-attach-cell-title-color',
+  cellTitleFontFamily: '--plasma-attach-cell-title-font-family',
+  cellTitleFontSize: '--plasma-attach-cell-title-font-size',
+  cellTitleFontStyle: '--plasma-attach-cell-title-font-style',
+  cellTitleFontWeight: '--plasma-attach-cell-title-font-weight',
+  cellTitleLetterSpacing: '--plasma-attach-cell-title-letter-spacing',
+  cellTitleLineHeight: '--plasma-attach-cell-title-line-height',
+  cellSubtitleColor: '--plasma-attach-cell-subtitle-color',
+  cellSubtitleFontFamily: '--plasma-attach-cell-subtitle-font-family',
+  cellSubtitleFontSize: '--plasma-attach-cell-subtitle-font-size',
+  cellSubtitleFontStyle: '--plasma-attach-cell-subtitle-font-style',
+  cellSubtitleFontWeight: '--plasma-attach-cell-subtitle-font-weight',
+  cellSubtitleLetterSpacing: '--plasma-attach-cell-subtitle-letter-spacing',
+  cellSubtitleLineHeight: '--plasma-attach-cell-subtitle-line-height',
+  // Токены для IconButton
+  iconButtonColor: '--plasma-attach-icon-button-color',
+  iconButtonBackgroundColor: '--plasma-attach-icon-button-background-color',
+  iconButtonLoadingBackgroundColor: '--plasma-attach-icon-button-loading-background-color',
+  iconButtonColorHover: '--plasma-attach-icon-button-color-hover',
+  iconButtonBackgroundColorHover: '--plasma-attach-icon-button-background-color-hover',
+  iconButtonColorActive: '--plasma-attach-icon-button-color-active',
+  iconButtonBackgroundColorActive: '--plasma-attach-icon-button-background-color-active',
+  iconButtonScaleHover: '--plasma-attach-icon-button-scale-hover',
+  iconButtonScaleActive: '---plasma-attach-icon-button-scale-active',
+  iconButtonHeight: '--plasma-attach-icon-button-height',
+  iconButtonWidth: '--plasma-attach-icon-button-width',
+  iconButtonPadding: '--plasma-attach-icon-button-padding',
+  iconButtonRadius: '--plasma-attach-icon-button-radius',
+  iconButtonRadiusCircle: '--plasma-attach-icon-button-radius-circle',
+  iconButtonFontFamily: '--plasma-attach-icon-button-font-family',
+  iconButtonFontSize: '--plasma-attach-icon-button-font-size',
+  iconButtonFontStyle: '--plasma-attach-icon-button-font-style',
+  iconButtonFontWeight: '--plasma-attach-icon-button-font-weight',
+  iconButtonLetterSpacing: '--plasma-attach-icon-button-letter-spacing',
+  iconButtonLineHeight: '--plasma-attach-icon-button-line-height',
+  iconButtonDisabledOpacity: '--plasma-attach-icon-button-disabled-opacity',
+  iconButtonFocusColor: '--plasma-attach-icon-button-focus-color',
+  iconButtonSpinnerColor: '--plasma-attach-icon-button-spinner-color',
+  iconButtonSpinnerSize: '--plasma-attach-icon-button-spinner-size',
+  // Токены для IconButtonCancel
+  iconButtonCancelColor: '--plasma-attach-icon-button-cancel-color',
+  iconButtonCancelBackgroundColor: '--plasma-attach-icon-button-cancel-background-color',
+  iconButtonCancelLoadingBackgroundColor: '--plasma-attach-icon-button-cancel-loading-background-color',
+  iconButtonCancelColorHover: '--plasma-attach-icon-button-cancel-color-hover',
+  iconButtonCancelBackgroundColorHover: '--plasma-attach-icon-button-cancel-background-color-hover',
+  iconButtonCancelColorActive: '--plasma-attach-icon-button-cancel-color-active',
+  iconButtonCancelBackgroundColorActive: '--plasma-attach-icon-button-cancel-background-color-active',
+  iconButtonCancelScaleHover: '--plasma-attach-icon-button-cancel-scale-hover',
+  iconButtonCancelScaleActive: '---plasma-attach-icon-button-cancel-scale-active',
+  iconButtonCancelHeight: '--plasma-attach-icon-button-cancel-height',
+  iconButtonCancelWidth: '--plasma-attach-icon-button-cancel-width',
+  iconButtonCancelPadding: '--plasma-attach-icon-button-cancel-padding',
+  iconButtonCancelRadius: '--plasma-attach-icon-button-cancel-radius',
+  iconButtonCancelRadiusCircle: '--plasma-attach-icon-button-cancel-radius-circle',
+  iconButtonCancelFontFamily: '--plasma-attach-icon-button-cancel-font-family',
+  iconButtonCancelFontSize: '--plasma-attach-icon-button-cancel-font-size',
+  iconButtonCancelFontStyle: '--plasma-attach-icon-button-cancel-font-style',
+  iconButtonCancelFontWeight: '--plasma-attach-icon-button-cancel-font-weight',
+  iconButtonCancelLetterSpacing: '--plasma-attach-icon-button-cancel-letter-spacing',
+  iconButtonCancelLineHeight: '--plasma-attach-icon-button-cancel-line-height',
+  iconButtonCancelDisabledOpacity: '--plasma-attach-icon-button-cancel-disabled-opacity',
+  iconButtonCancelFocusColor: '--plasma-attach-icon-button-cancel-focus-color',
+  iconButtonCancelSpinnerColor: '--plasma-attach-icon-button-cancel-spinner-color',
+  iconButtonCancelSpinnerSize: '--plasma-attach-icon-button-cancel-spinner-size'
+};

package/styled-components/cjs/components/Attach/Attach.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Attach/components/AttachButton/AttachButton.js

@@ -0,0 +1,52 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttachButton = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _IconButton = /*#__PURE__*/require("../../ui/IconButton/IconButton");
+var _Button = /*#__PURE__*/require("../../ui/Button/Button");
+var _Icon = /*#__PURE__*/require("../../../_Icon");
+var _excluded = ["size", "icon"],
+  _excluded2 = ["text"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var getDefaultIcon = function getDefaultIcon(size) {
+  var iconSize;
+  switch (size) {
+    case 'xs':
+      iconSize = 'xs';
+      break;
+    case 's':
+      iconSize = 's';
+      break;
+    default:
+      iconSize = 'm';
+  }
+  return /*#__PURE__*/_react["default"].createElement(_Icon.IconPlus, {
+    size: iconSize,
+    color: "inherit"
+  });
+};
+var AttachButton = exports.AttachButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  if (props.buttonType === 'iconButton') {
+    var size = props.size,
+      icon = props.icon,
+      _rest = _objectWithoutProperties(props, _excluded);
+    return /*#__PURE__*/_react["default"].createElement(_IconButton.StyledIconButton, _extends({
+      ref: ref
+    }, _rest), icon || getDefaultIcon(size));
+  }
+  var _props$text = props.text,
+    text = _props$text === void 0 ? 'Загрузить файл' : _props$text,
+    rest = _objectWithoutProperties(props, _excluded2);
+  return /*#__PURE__*/_react["default"].createElement(_Button.StyledButton, _extends({
+    ref: ref,
+    text: text
+  }, rest));
+});

package/styled-components/cjs/components/Attach/components/AttachButton/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AttachButton", {
+  enumerable: true,
+  get: function get() {
+    return _AttachButton.AttachButton;
+  }
+});
+var _AttachButton = /*#__PURE__*/require("./AttachButton");

package/styled-components/cjs/components/Attach/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "attachConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Attach.attachConfig;
+  }
+});
+Object.defineProperty(exports, "attachRoot", {
+  enumerable: true,
+  get: function get() {
+    return _Attach.attachRoot;
+  }
+});
+Object.defineProperty(exports, "attachTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Attach2.tokens;
+  }
+});
+var _Attach = /*#__PURE__*/require("./Attach");
+var _Attach2 = /*#__PURE__*/require("./Attach.tokens");

package/styled-components/cjs/components/Attach/ui/Button/Button.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StyledButton", {
+  enumerable: true,
+  get: function get() {
+    return _Button.StyledButton;
+  }
+});
+var _Button = /*#__PURE__*/require("./Button.styles");

package/styled-components/cjs/components/Attach/ui/Button/Button.styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledButton = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Button = /*#__PURE__*/require("../../../Button");
+var _Attach = /*#__PURE__*/require("../../Attach.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
+var Button = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
+  componentId: "plasma-new-hope__sc-elwbwo-0"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Button.buttonTokens.buttonColor, _Attach.tokens.buttonColor, _Button.buttonTokens.buttonValueColor, _Attach.tokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _Attach.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Attach.tokens.buttonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _Attach.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Attach.tokens.buttonColorActive, _Button.buttonTokens.buttonBackgroundColorActive, _Attach.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonLoadingBackgroundColor, _Attach.tokens.buttonLoadingBackgroundColor, _Button.buttonTokens.buttonScaleHover, _Attach.tokens.buttonScaleHover, _Button.buttonTokens.buttonScaleActive, _Attach.tokens.buttonScaleActive, _Button.buttonTokens.buttonHeight, _Attach.tokens.buttonHeight, _Button.buttonTokens.buttonWidth, _Attach.tokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Attach.tokens.buttonPadding, _Button.buttonTokens.buttonRadius, _Attach.tokens.buttonRadius, _Button.buttonTokens.buttonRadiusCircle, _Attach.tokens.buttonRadiusCircle, _Button.buttonTokens.buttonFontFamily, _Attach.tokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Attach.tokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Attach.tokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Attach.tokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Attach.tokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Attach.tokens.buttonLineHeight, _Button.buttonTokens.buttonLeftContentMargin, _Attach.tokens.buttonLeftContentMargin, _Button.buttonTokens.buttonLeftContentAlignSelf, _Attach.tokens.buttonLeftContentAlignSelf, _Button.buttonTokens.buttonRightContentMargin, _Attach.tokens.buttonRightContentMargin, _Button.buttonTokens.buttonRightContentAlignSelf, _Attach.tokens.buttonRightContentAlignSelf, _Button.buttonTokens.buttonValueMargin, _Attach.tokens.buttonValueMargin, _Button.buttonTokens.buttonDisabledOpacity, _Attach.tokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFocusColor, _Attach.tokens.buttonFocusColor, _Button.buttonTokens.buttonSpinnerColor, _Attach.tokens.buttonSpinnerColor, _Button.buttonTokens.buttonSpinnerSize, _Attach.tokens.buttonSpinnerSize);

package/styled-components/cjs/components/Attach/ui/Cell/Cell.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StyledCell", {
+  enumerable: true,
+  get: function get() {
+    return _Cell.StyledCell;
+  }
+});
+var _Cell = /*#__PURE__*/require("./Cell.styles");

package/styled-components/cjs/components/Attach/ui/Cell/Cell.styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCell = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Cell = /*#__PURE__*/require("../../../Cell");
+var _Attach = /*#__PURE__*/require("../../Attach.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig);
+var Cell = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var StyledCell = exports.StyledCell = /*#__PURE__*/(0, _styledComponents["default"])(Cell).withConfig({
+  componentId: "plasma-new-hope__sc-15m5uhg-0"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");white-space:nowrap;&.", "{visibility:hidden;}"], _Cell.cellTokens.cellLabelColor, _Attach.tokens.cellLabelColor, _Cell.cellTokens.cellTitleColor, _Attach.tokens.cellTitleColor, _Cell.cellTokens.cellSubtitleColor, _Attach.tokens.cellSubtitleColor, _Cell.cellTokens.cellBackgroundColor, _Attach.tokens.cellBackgroundColor, _Cell.cellTokens.cellWidth, _Attach.tokens.cellWidth, _Cell.cellTokens.cellPadding, _Attach.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Attach.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Attach.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Attach.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Attach.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Attach.tokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Attach.tokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Attach.tokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Attach.tokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Attach.tokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Attach.tokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Attach.tokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Attach.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Attach.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Attach.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Attach.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Attach.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Attach.tokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Attach.tokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Attach.tokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Attach.tokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Attach.tokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Attach.tokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight, _Attach.tokens.cellSubtitleLineHeight, _Attach.classes.cellHidden);

package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StyledIconButton", {
+  enumerable: true,
+  get: function get() {
+    return _IconButton.StyledIconButton;
+  }
+});
+var _IconButton = /*#__PURE__*/require("./IconButton.styles");

package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledIconButtonCancel = exports.StyledIconButton = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _IconButton = /*#__PURE__*/require("../../../IconButton");
+var _Attach = /*#__PURE__*/require("../../Attach.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
+var IconButton = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var StyledIconButton = exports.StyledIconButton = /*#__PURE__*/(0, _styledComponents["default"])(IconButton).withConfig({
+  componentId: "plasma-new-hope__sc-1d69ffq-0"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");flex-shrink:0;"], _IconButton.iconButtonTokens.iconButtonColor, _Attach.tokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Attach.tokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, _Attach.tokens.iconButtonLoadingBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Attach.tokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Attach.tokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Attach.tokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Attach.tokens.iconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonScaleHover, _Attach.tokens.iconButtonScaleHover, _IconButton.iconButtonTokens.iconButtonScaleActive, _Attach.tokens.iconButtonScaleActive, _IconButton.iconButtonTokens.iconButtonHeight, _Attach.tokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _Attach.tokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _Attach.tokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Attach.tokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonRadiusCircle, _Attach.tokens.iconButtonRadiusCircle, _IconButton.iconButtonTokens.iconButtonFontFamily, _Attach.tokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _Attach.tokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _Attach.tokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _Attach.tokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _Attach.tokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _Attach.tokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonDisabledOpacity, _Attach.tokens.iconButtonDisabledOpacity, _IconButton.iconButtonTokens.iconButtonFocusColor, _Attach.tokens.iconButtonFocusColor, _IconButton.iconButtonTokens.iconButtonSpinnerColor, _Attach.tokens.iconButtonSpinnerColor, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _Attach.tokens.iconButtonSpinnerSize);
+var StyledIconButtonCancel = exports.StyledIconButtonCancel = /*#__PURE__*/(0, _styledComponents["default"])(IconButton).withConfig({
+  componentId: "plasma-new-hope__sc-1d69ffq-1"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _IconButton.iconButtonTokens.iconButtonColor, _Attach.tokens.iconButtonCancelColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Attach.tokens.iconButtonCancelBackgroundColor, _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, _Attach.tokens.iconButtonCancelLoadingBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Attach.tokens.iconButtonCancelColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Attach.tokens.iconButtonCancelBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Attach.tokens.iconButtonCancelColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Attach.tokens.iconButtonCancelBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonScaleHover, _Attach.tokens.iconButtonCancelScaleHover, _IconButton.iconButtonTokens.iconButtonScaleActive, _Attach.tokens.iconButtonCancelScaleActive, _IconButton.iconButtonTokens.iconButtonHeight, _Attach.tokens.iconButtonCancelHeight, _IconButton.iconButtonTokens.iconButtonWidth, _Attach.tokens.iconButtonCancelWidth, _IconButton.iconButtonTokens.iconButtonPadding, _Attach.tokens.iconButtonCancelPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Attach.tokens.iconButtonCancelRadius, _IconButton.iconButtonTokens.iconButtonRadiusCircle, _Attach.tokens.iconButtonCancelRadiusCircle, _IconButton.iconButtonTokens.iconButtonFontFamily, _Attach.tokens.iconButtonCancelFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _Attach.tokens.iconButtonCancelFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _Attach.tokens.iconButtonCancelFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _Attach.tokens.iconButtonCancelFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _Attach.tokens.iconButtonCancelLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _Attach.tokens.iconButtonCancelLineHeight, _IconButton.iconButtonTokens.iconButtonDisabledOpacity, _Attach.tokens.iconButtonCancelDisabledOpacity, _IconButton.iconButtonTokens.iconButtonFocusColor, _Attach.tokens.iconButtonCancelFocusColor, _IconButton.iconButtonTokens.iconButtonSpinnerColor, _Attach.tokens.iconButtonCancelSpinnerColor, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _Attach.tokens.iconButtonCancelSpinnerSize);

package/styled-components/cjs/components/Attach/utils/extractExtension.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractExtension = void 0;
+var extractExtension = exports.extractExtension = function extractExtension(filename) {
+  return filename.split('.').pop();
+};

package/styled-components/cjs/components/Attach/utils/getFileicon.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFileicon = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _Icon = /*#__PURE__*/require("../../_Icon");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var getFileicon = exports.getFileicon = function getFileicon(extension, size) {
+  var iconSize = size === 'xs' ? 'xs' : 's';
+  switch (extension) {
+    case 'pdf':
+      return /*#__PURE__*/_react["default"].createElement(_Icon.IconBlankPdfOutline, {
+        size: iconSize,
+        color: "inherit"
+      });
+    case 'doc':
+      return /*#__PURE__*/_react["default"].createElement(_Icon.IconBlankDocOutline, {
+        size: iconSize,
+        color: "inherit"
+      });
+    case 'xls':
+      return /*#__PURE__*/_react["default"].createElement(_Icon.IconBlankXlsOutline, {
+        size: iconSize,
+        color: "inherit"
+      });
+    case 'txt':
+      return /*#__PURE__*/_react["default"].createElement(_Icon.IconBlankTxtOutline, {
+        size: iconSize,
+        color: "inherit"
+      });
+    case 'csv':
+      return /*#__PURE__*/_react["default"].createElement(_Icon.IconBlankCsvOutline, {
+        size: iconSize,
+        color: "inherit"
+      });
+    default:
+      return /*#__PURE__*/_react["default"].createElement(_Icon.IconBlankOutline, {
+        size: iconSize,
+        color: "inherit"
+      });
+  }
+};

package/styled-components/cjs/components/Attach/utils/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "extractExtension", {
+  enumerable: true,
+  get: function get() {
+    return _extractExtension.extractExtension;
+  }
+});
+Object.defineProperty(exports, "getFileicon", {
+  enumerable: true,
+  get: function get() {
+    return _getFileicon.getFileicon;
+  }
+});
+Object.defineProperty(exports, "truncateFilename", {
+  enumerable: true,
+  get: function get() {
+    return _truncateFilename.truncateFilename;
+  }
+});
+var _extractExtension = /*#__PURE__*/require("./extractExtension");
+var _getFileicon = /*#__PURE__*/require("./getFileicon");
+var _truncateFilename = /*#__PURE__*/require("./truncateFilename");

package/styled-components/cjs/components/Attach/utils/truncateFilename.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.truncateFilename = void 0;
+var truncateFilename = exports.truncateFilename = function truncateFilename(_ref) {
+  var filename = _ref.filename,
+    startNameTruncationIndex = _ref.startNameTruncationIndex,
+    _ref$separator = _ref.separator,
+    separator = _ref$separator === void 0 ? '...' : _ref$separator,
+    _ref$minNameLength = _ref.minNameLength,
+    minNameLength = _ref$minNameLength === void 0 ? 5 : _ref$minNameLength;
+  var strings = filename.split('.');
+  var extension = strings.length > 1 ? strings[strings.length - 1] : null;
+  var name = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];
+  if (name.length <= minNameLength || startNameTruncationIndex >= name.length - 1) {
+    return filename;
+  }
+  var lastNameLetter = name[name.length - 1];
+  var truncatedName = "".concat(name.substring(0, startNameTruncationIndex)).concat(separator).concat(lastNameLetter);
+  return extension ? "".concat(truncatedName, ".").concat(extension) : truncatedName;
+};

package/styled-components/cjs/components/Attach/variations/_size/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Attach = /*#__PURE__*/require("../../Attach.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{column-gap:var(", ");}&.", "{row-gap:var(", ");}&.", "{row-gap:var(", ");column-gap:var(", ");}}"], _Attach.classes.horizontal, _Attach.tokens.horizontalGap, _Attach.classes.vertical, _Attach.tokens.verticalGap, _Attach.classes.auto, _Attach.tokens.verticalGap, _Attach.tokens.horizontalGap);

package/styled-components/cjs/components/Attach/variations/_view/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Attach = /*#__PURE__*/require("../../Attach.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{flex-direction:row;}&.", "{flex-direction:column;}&.", "{flex-wrap:wrap;}"], _Attach.classes.horizontal, _Attach.classes.vertical, _Attach.classes.auto);

package/styled-components/cjs/components/Cell/Cell.js

@@ -31,7 +31,8 @@ var cellRoot = exports.cellRoot = function cellRoot(Root) {
       description = _ref.description,
       content = _ref.content,
       _ref$stretching = _ref.stretching,
-      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
+      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
+      className = _ref.className;
     var stretchingClass = _Cell2.classes["".concat(stretching, "Stretching")];
 
     // Импорт  старых свойств
@@ -41,7 +42,7 @@ var cellRoot = exports.cellRoot = function cellRoot(Root) {
       ref: outerRootRef,
       size: size,
       view: view,
-      className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot)
+      className: (0, _utils.cx)(stretchingClass, _Cell2.classes.cellRoot, className)
     }, contentLeftDeprecated && /*#__PURE__*/_react["default"].createElement(_Cell.CellLeft, {
       align: alignContentLeft
     }, contentLeftDeprecated), /*#__PURE__*/_react["default"].createElement(_Cell.CellContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_Cell.CellContent, null, titleText || subtitle || label ? /*#__PURE__*/_react["default"].createElement(_CellTextbox.CellTextbox, {

package/styled-components/cjs/components/TextField/TextField.js

@@ -11,15 +11,14 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
 var _utils = /*#__PURE__*/require("../../utils");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
-var _base3 = /*#__PURE__*/require("./variations/_clear/base");
-var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
-var _base5 = /*#__PURE__*/require("./variations/_read-only/base");
-var _base6 = /*#__PURE__*/require("./variations/_label-placement/base");
+var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
+var _base4 = /*#__PURE__*/require("./variations/_read-only/base");
+var _base5 = /*#__PURE__*/require("./variations/_label-placement/base");
 var _TextField = /*#__PURE__*/require("./TextField.styles");
 var _TextField2 = /*#__PURE__*/require("./TextField.tokens");
 var _ui = /*#__PURE__*/require("./ui");
 var _hooks = /*#__PURE__*/require("./hooks");
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "optional", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -59,10 +58,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       _ref$required = _ref.required,
       required = _ref$required === void 0 ? false : _ref$required,
-      _ref$clear = _ref.clear,
-      clear = _ref$clear === void 0 ? false : _ref$clear,
       optional = _ref.optional,
-      hasDivider = _ref.hasDivider,
       outerValue = _ref.value,
       values = _ref.chips,
       onChange = _ref.onChange,
@@ -91,7 +87,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
     var innerId = id || uniqId;
     var labelId = (0, _plasmaCore.safeUseId)();
     var helperTextId = (0, _plasmaCore.safeUseId)();
-    var isDefaultView = view === 'default' || readOnly || disabled;
     var isChipEnumeration = enumerationType === 'chip';
     var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);
     var withHasChips = isChipsVisible ? _TextField2.classes.hasChips : undefined;
@@ -103,8 +98,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
     var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
     var innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;
     var placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;
-    var clearClass = clear ? _TextField2.classes.clear : undefined;
-    var hasDividerClass = hasDivider ? _TextField2.classes.hasDivider : undefined;
     var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
     var labelPlacementClass = innerLabelPlacementValue ? _TextField2.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
     var hasValueClass = hasValue ? _TextField2.classes.hasValue : undefined;
@@ -196,10 +189,9 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       size: size,
       disabled: disabled,
       readOnly: !disabled && readOnly,
-      clear: clear,
       labelPlacement: innerLabelPlacementValue,
       onClick: handleInputFocus,
-      className: (0, _utils.cx)(labelPlacementClass, clearClass, hasDividerClass, _TextField2.classes.textFieldGroupItem, className),
+      className: (0, _utils.cx)(labelPlacementClass, _TextField2.classes.textFieldGroupItem, className),
       style: style
     }, hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
       id: labelId,
@@ -213,10 +205,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       className: (0, _utils.cx)(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
     }, !hasOuterLabel && required && /*#__PURE__*/_react["default"].createElement(_TextField.StyledIndicator, {
       className: (0, _utils.cx)(_TextField2.classes.innerLabelPlacement, requiredPlacementClass)
-    }), contentLeft && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentLeft, {
-      isClear: clear,
-      isDefaultView: isDefaultView
-    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_TextField.InputLabelWrapper, {
+    }), contentLeft && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_TextField.InputLabelWrapper, {
       tabIndex: -1,
       ref: contentRef,
       onKeyDown: handleContentKeyDown,
@@ -275,20 +264,16 @@ var textFieldConfig = exports.textFieldConfig = {
     size: {
       css: _base.base
     },
-    clear: {
-      css: _base3.base,
-      attrs: true
-    },
     disabled: {
-      css: _base4.base,
+      css: _base3.base,
       attrs: true
     },
     readOnly: {
-      css: _base5.base,
+      css: _base4.base,
       attrs: true
     },
     labelPlacement: {
-      css: _base6.base
+      css: _base5.base
     }
   },
   defaults: {

package/styled-components/cjs/components/TextField/TextField.styles.js

@@ -30,17 +30,13 @@ var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.with
 })(["position:relative;display:inline-flex;"]);
 var StyledContentSlot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-7"
-})(["color:", ";line-height:0;"], function (_ref) {
-  var isDefaultView = _ref.isDefaultView,
-    isClear = _ref.isClear;
-  return !isDefaultView && isClear ? "var(".concat(_TextField.tokens.clearColor, ")") : "var(".concat(_TextField.tokens.contentSlotColor, ")");
-});
+})(["color:var(", ");line-height:0;"], _TextField.tokens.contentSlotColor);
 var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/(0, _styledComponents["default"])(StyledContentSlot).withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-8"
 })(["margin:var(", ");"], _TextField.tokens.leftContentMargin);
-var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/(0, _styledComponents["default"])(StyledContentSlot).withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-9"
-})(["line-height:0;margin:var(", ");color:var(", ",var(", "));&:hover{color:var(", ");color:var(", ",var(", "));cursor:pointer;}&:active{color:var(", ",var(", "));}"], _TextField.tokens.rightContentMargin, _TextField.tokens.contentSlotRightColor, _TextField.tokens.contentSlotColor, _TextField.tokens.contentSlotColorHover, _TextField.tokens.contentSlotRightColorHover, _TextField.tokens.contentSlotColorHover, _TextField.tokens.contentSlotRightColorActive, _TextField.tokens.contentSlotColorActive);
+})(["margin:var(", ");color:var(", ",var(", "));&:hover{color:var(", ");color:var(", ",var(", "));cursor:pointer;}&:active{color:var(", ",var(", "));}"], _TextField.tokens.rightContentMargin, _TextField.tokens.contentSlotRightColor, _TextField.tokens.contentSlotColor, _TextField.tokens.contentSlotColorHover, _TextField.tokens.contentSlotRightColorHover, _TextField.tokens.contentSlotColorHover, _TextField.tokens.contentSlotRightColorActive, _TextField.tokens.contentSlotColorActive);
 var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-10"
 })([""]);