@salutejs/plasma-new-hope 0.195.2-canary.1577.11938240958.0 → 0.196.0-canary.1556.11950950085.0

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

@@ -20,23 +20,14 @@ var TextFieldChip = exports.TextFieldChip = /*#__PURE__*/(0, _react.forwardRef)(
     onClick = _ref.onClick,
     onClear = _ref.onClear,
     onKeyDown = _ref.onKeyDown,
-    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
-    chipType = _ref.chipType;
+    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
   var onClearHandle = function onClearHandle() {
     return onClear(id);
   };
   var onKeyDownHandle = function onKeyDownHandle(event) {
     onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
   };
-  var handleClick = function handleClick(e) {
-    if (onClick) {
-      onClick(e);
-    }
-    if (onClear) {
-      onClear(id);
-    }
-  };
-  return chipType === 'default' ? /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
+  return /*#__PURE__*/_react["default"].createElement(_TextFieldChip.StyledChip, {
     ref: ref,
     tabIndex: -1,
     disabled: disabled,
@@ -50,10 +41,5 @@ 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/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextChip = exports.StyledChip = void 0;
+exports.StyledChip = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Chip = /*#__PURE__*/require("../../../Chip");
 var _engines = /*#__PURE__*/require("../../../../engines");
@@ -22,12 +22,4 @@ var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["defaul
   outlineSize: '0.0625rem',
   outlineRadius: /*#__PURE__*/"calc(var(".concat(_TextField.tokens.chipBorderRadius, ") - 0.1rem)"),
   outlineColor: /*#__PURE__*/"var(".concat(_TextField.tokens.focusColor, ")")
-}), _TextField.tokens.chipOpacityReadonly);
-var TextChip = exports.TextChip = /*#__PURE__*/_styledComponents["default"].button.withConfig({
-  componentId: "plasma-new-hope__sc-1mypbcr-1"
-})(["display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");", " &:after{content:',';}&:last-child{&:after{content:'';}}"], _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _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, ")")
-}));
+}), _TextField.tokens.chipOpacityReadonly);

package/styled-components/cjs/components/TextField/variations/_label-placement/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _TextField = /*#__PURE__*/require("../../TextField.tokens");
 var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.forcePlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);

package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx

@@ -104,11 +104,6 @@ const meta: Meta<StorySelectProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-            if: { arg: 'target', eq: 'textfield-like' },
-        },
     },
     args: {
         target: 'textfield-like',
@@ -126,7 +121,6 @@ const meta: Meta<StorySelectProps> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
-        chipType: 'default',
     },
     parameters: {
         controls: {
@@ -150,7 +144,6 @@ const meta: Meta<StorySelectProps> = {
                 'optional',
                 'required',
                 'requiredPlacement',
-                'chipType',
             ],
         },
     },
@@ -389,7 +382,7 @@ const SingleStory = (args: StorySelectProps) => {
 export const Single: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['chipView', 'isTargetAmount', 'chipType'],
+            exclude: ['chipView', 'isTargetAmount'],
         },
     },
     render: (args) => <SingleStory {...args} />,

package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -87,6 +87,12 @@ const meta: Meta<typeof TextField> = {
                 type: 'inline-radio',
             },
         },
+        hasPlaceholder: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'labelPlacement', eq: 'inner' },
+        },
         size: {
             options: sizes,
             control: {
@@ -134,10 +140,6 @@ const meta: Meta<typeof TextField> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-        },
     },
 };
 
@@ -214,6 +216,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         view: 'default',
         label: 'Лейбл',
         labelPlacement: 'outer',
+        hasPlaceholder: false,
         titleCaption: 'Подпись к полю',
         textBefore: '',
         textAfter: '',
@@ -237,11 +240,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         hintWidth: '10rem',
         hintHasArrow: true,
     },
-    parameters: {
-        controls: {
-            exclude: ['chipType'],
-        },
-    },
     render: (args) => <StoryDemo {...args} />,
 };
 
@@ -297,7 +295,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
     args: {
         ...Default.args,
         chips: ['1 value', '2 value', '3 value', '4 value'],
-        chipType: 'default',
     },
     render: (args) => <StoryChips {...args} />,
 };

package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx

@@ -103,11 +103,6 @@ const meta: Meta<StorySelectProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-            if: { arg: 'target', eq: 'textfield-like' },
-        },
     },
     args: {
         target: 'textfield-like',
@@ -125,7 +120,6 @@ const meta: Meta<StorySelectProps> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
-        chipType: 'default',
     },
     parameters: {
         controls: {
@@ -149,7 +143,6 @@ const meta: Meta<StorySelectProps> = {
                 'optional',
                 'required',
                 'requiredPlacement',
-                'chipType',
             ],
         },
     },
@@ -388,7 +381,7 @@ const SingleStory = (args: StorySelectProps) => {
 export const Single: StoryObj<StorySelectProps> = {
     parameters: {
         controls: {
-            exclude: ['chipView', 'isTargetAmount', 'chipType'],
+            exclude: ['chipView', 'isTargetAmount'],
         },
     },
     render: (args) => <SingleStory {...args} />,

package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx

@@ -87,6 +87,12 @@ const meta: Meta<typeof TextField> = {
                 type: 'inline-radio',
             },
         },
+        hasPlaceholder: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'labelPlacement', eq: 'inner' },
+        },
         size: {
             options: sizes,
             control: {
@@ -134,10 +140,6 @@ const meta: Meta<typeof TextField> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        chipType: {
-            control: 'select',
-            options: ['default', 'text'],
-        },
     },
 };
 
@@ -214,6 +216,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
         view: 'default',
         label: 'Лейбл',
         labelPlacement: 'outer',
+        hasPlaceholder: false,
         titleCaption: 'Подпись к полю',
         textBefore: '',
         textAfter: '',
@@ -223,11 +226,11 @@ export const Default: StoryObj<StoryPropsDefault> = {
         readOnly: false,
         enableContentLeft: true,
         enableContentRight: true,
-        clear: false,
-        hasDivider: false,
         optional: false,
         required: false,
         requiredPlacement: 'right',
+        clear: false,
+        hasDivider: false,
         hasHint: true,
         hintText: 'Текст подсказки',
         hintTrigger: 'hover',
@@ -237,11 +240,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         hintWidth: '10rem',
         hintHasArrow: true,
     },
-    parameters: {
-        controls: {
-            exclude: ['chipType'],
-        },
-    },
     render: (args) => <StoryDemo {...args} />,
 };
 
@@ -297,7 +295,6 @@ export const Chips: StoryObj<StoryPropsChips> = {
     args: {
         ...Default.args,
         chips: ['1 value', '2 value', '3 value', '4 value'],
-        chipType: 'default',
     },
     render: (args) => <StoryChips {...args} />,
 };

package/styled-components/es/components/Autocomplete/Autocomplete.js

@@ -1,4 +1,4 @@
-var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
+var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "hasPlaceholder", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hintText"];
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -28,6 +28,7 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
       view = _ref.view,
       size = _ref.size,
       labelPlacement = _ref.labelPlacement,
+      hasPlaceholder = _ref.hasPlaceholder,
       disabled = _ref.disabled,
       readOnly = _ref.readOnly,
       label = _ref.label,
@@ -147,6 +148,11 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
         "aria-activedescendant": "".concat(listId, "/").concat(focused),
         "aria-describedby": helperTextId,
         hintText: String(hintText || '')
+      }, labelPlacement === 'inner' ? {
+        labelPlacement: labelPlacement,
+        hasPlaceholder: hasPlaceholder
+      } : {
+        labelPlacement: labelPlacement
       }, rest)),
       preventOverflow: false,
       ref: targetRef,

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,4 +1,4 @@
-var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
+var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "hasPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 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."); }
@@ -59,6 +59,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
       view = props.view,
       size = props.size,
       labelPlacement = props.labelPlacement,
+      hasPlaceholder = props.hasPlaceholder,
       _props$readOnly = props.readOnly,
       readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       _props$disabled = props.disabled,
@@ -386,7 +387,6 @@ export var comboboxRoot = function comboboxRoot(Root) {
           onChange: handleTextValueChange,
           size: size,
           view: view,
-          labelPlacement: labelPlacement,
           disabled: disabled,
           readOnly: readOnly,
           label: label,
@@ -409,6 +409,11 @@ export var comboboxRoot = function comboboxRoot(Root) {
           "aria-controls": "".concat(treeId, "_tree_level_1"),
           "aria-expanded": isCurrentListOpen,
           "aria-activedescendant": activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''
+        }, labelPlacement === 'inner' ? {
+          labelPlacement: labelPlacement,
+          hasPlaceholder: hasPlaceholder
+        } : {
+          labelPlacement: labelPlacement
         }, multiple ? {
           enumerationType: 'chip',
           chips: getChips(),

package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js

@@ -1,4 +1,4 @@
-var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
+var _excluded = ["className", "opened", "label", "labelPlacement", "hasPlaceholder", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -28,6 +28,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
       label = _ref.label,
       _ref$labelPlacement = _ref.labelPlacement,
       labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
+      hasPlaceholder = _ref.hasPlaceholder,
       placeholder = _ref.placeholder,
       leftHelper = _ref.leftHelper,
       contentLeft = _ref.contentLeft,
@@ -164,10 +165,14 @@ export var datePickerRoot = function datePickerRoot(Root) {
       },
       onFocus: onFocus,
       onBlur: onBlur,
-      onKeyDown: onKeyDown
-    }, innerLabelPlacement && {
-      label: label,
+      onKeyDown: onKeyDown,
       labelPlacement: labelPlacement
+    }, labelPlacement === 'inner' ? {
+      label: label,
+      labelPlacement: labelPlacement,
+      hasPlaceholder: hasPlaceholder
+    } : {
+      labelPlacement: undefined
     }));
     useEffect(function () {
       setIsInnerOpen(function (prevOpen) {

package/styled-components/es/components/Select/ui/Target/Target.js

@@ -73,7 +73,6 @@ export var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange: onChange,
     labelToItemMap: labelToItemMap,
     chipView: chipView,
-    requiredProps: requiredProps,
-    chipType: selectProps.chipType
+    requiredProps: requiredProps
   });
 });

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -16,9 +16,10 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     multiselect = _ref.multiselect,
     value = _ref.value,
     label = _ref.label,
+    labelPlacement = _ref.labelPlacement,
+    hasPlaceholder = _ref.hasPlaceholder,
     placeholder = _ref.placeholder,
     onKeyDown = _ref.onKeyDown,
-    labelPlacement = _ref.labelPlacement,
     size = _ref.size,
     view = _ref.view,
     handleClickArrow = _ref.handleClickArrow,
@@ -33,8 +34,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange = _ref.onChange,
     labelToItemMap = _ref.labelToItemMap,
     chipView = _ref.chipView,
-    requiredProps = _ref.requiredProps,
-    chipType = _ref.chipType;
+    requiredProps = _ref.requiredProps;
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
   var getChips = function getChips() {
     if (multiselect && Array.isArray(value)) {
@@ -81,10 +81,16 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     value: multiselect ? undefined : ((_valueToItemMap$get = valueToItemMap.get(value.toString())) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || '',
     size: size,
     view: view,
-    chipView: chipView,
+    chipView: chipView
+  }, labelPlacement === 'inner' ? {
+    label: label,
     labelPlacement: labelPlacement,
-    disabled: disabled,
+    hasPlaceholder: hasPlaceholder
+  } : {
     label: label,
+    labelPlacement: labelPlacement
+  }, {
+    disabled: disabled,
     placeholder: value instanceof Array && value.length ? '' : placeholder,
     contentLeft: contentLeft,
     contentRight: /*#__PURE__*/React.createElement(IconArrowWrapper, {
@@ -105,8 +111,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, multiselect ? {
     enumerationType: 'chip',
     chips: getChips(),
-    onChangeChips: handleChipsChange,
-    chipType: chipType
+    onChangeChips: handleChipsChange
   } : {
     enumerationType: 'plain'
   }, {

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

@@ -1,4 +1,4 @@
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "chipType", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "hasPlaceholder", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -39,6 +39,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
       contentRight = _ref.contentRight,
       label = _ref.label,
       labelPlacement = _ref.labelPlacement,
+      hasPlaceholder = _ref.hasPlaceholder,
       textBefore = _ref.textBefore,
       textAfter = _ref.textAfter,
       placeholder = _ref.placeholder,
@@ -77,8 +78,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
       hasDivider = _ref.hasDivider,
       outerValue = _ref.value,
       values = _ref.chips,
-      _ref$chipType = _ref.chipType,
-      chipType = _ref$chipType === void 0 ? 'default' : _ref$chipType,
       onChange = _ref.onChange,
       onChangeChips = _ref.onChangeChips,
       onSearch = _ref.onSearch,
@@ -116,10 +115,10 @@ export var textFieldRoot = function textFieldRoot(Root) {
     var hasLabelValue = Boolean(label);
     var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
     var hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;
-    var hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;
+    var innerHasPlaceholder = Boolean(placeholder) && (hasPlaceholder || !hasInnerLabel);
     var innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;
     var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
-    var innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;
+    var innerPlaceholderValue = innerHasPlaceholder ? placeholder : undefined;
     var placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;
     var clearClass = clear ? classes.clear : undefined;
     var hasDividerClass = hasDivider ? classes.hasDivider : undefined;
@@ -127,8 +126,9 @@ export var textFieldRoot = function textFieldRoot(Root) {
     var requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;
     var labelPlacementClass = innerLabelPlacementValue ? classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
     var hasValueClass = hasValue ? classes.hasValue : undefined;
-    var wrapperWithoutLeftContent = !contentLeft && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentLeft : undefined;
-    var wrapperWithoutRightContent = !contentRight && isChipsVisible && chipType === 'default' ? classes.hasEmptyContentRight : undefined;
+    var hasPlaceholderClass = innerHasPlaceholder && placeholderShown && classes.forcePlaceholder;
+    var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
+    var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
     var hintRef = useOutsideClick(function () {
       setIsHintVisible(false);
     });
@@ -319,8 +319,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
         onClear: function onClear() {
           return onChipClear(chipId, index);
         },
-        onClick: onChipClick,
-        chipType: chipType
+        onClick: onChipClick
         // TODO: #1547
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
@@ -336,7 +335,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
       "aria-labelledby": labelId,
       "aria-describedby": helperTextId,
       placeholder: innerPlaceholderValue,
-      className: cx(hasValueClass),
+      className: cx(hasValueClass, hasPlaceholderClass),
       disabled: disabled,
       readOnly: !disabled && readOnly,
       onInput: handleInput,
@@ -345,7 +344,9 @@ export var textFieldRoot = function textFieldRoot(Root) {
     }, rest)), hasInnerLabel && /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       htmlFor: innerId
-    }, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/React.createElement(InputPlaceholder, null, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/React.createElement(StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
+    }, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/React.createElement(InputPlaceholder, {
+      hasPadding: hasPlaceholder && size !== 'xs'
+    }, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/React.createElement(StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
       id: helperTextId
     }, leftHelper));
   });

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

@@ -24,11 +24,14 @@ export var InputContainer = /*#__PURE__*/styled.div.withConfig({
 })(["position:relative;flex:1;min-width:60%;"]);
 export var InputPlaceholder = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-6"
-})(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");"], tokens.placeholderColor);
+})(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");padding:", ";"], tokens.placeholderColor, function (_ref) {
+  var hasPadding = _ref.hasPadding;
+  return hasPadding ? "var(".concat(tokens.contentLabelInnerPadding, ")") : '0';
+});
 export var OuterLabelWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-7"
-})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
-  var isInnerLabel = _ref.isInnerLabel;
+})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref2) {
+  var isInnerLabel = _ref2.isInnerLabel;
   return isInnerLabel ? "var(".concat(tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(tokens.labelOffset, ")");
 });
 export var TitleCaption = /*#__PURE__*/styled.div.withConfig({
@@ -42,9 +45,9 @@ export var Label = /*#__PURE__*/styled.label.withConfig({
 })(["display:inline-flex;"]);
 export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-11"
-})(["margin:var(", ");color:", ";line-height:0;"], tokens.leftContentMargin, function (_ref2) {
-  var isDefaultView = _ref2.isDefaultView,
-    isClear = _ref2.isClear;
+})(["margin:var(", ");color:", ";line-height:0;"], tokens.leftContentMargin, function (_ref3) {
+  var isDefaultView = _ref3.isDefaultView,
+    isClear = _ref3.isClear;
   return !isDefaultView && isClear ? "var(".concat(tokens.clearColor, ")") : "var(".concat(tokens.contentSlotColor, ")");
 });
 export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({

package/styled-components/es/components/TextField/TextField.tokens.js

@@ -1,6 +1,7 @@
 export var classes = {
   hasChips: 'has-chips',
   hasValue: 'has-value',
+  forcePlaceholder: 'force-placeholder',
   hasEmptyContentLeft: 'has-empty-content-left',
   hasEmptyContentRight: 'has-empty-content-right',
   innerLabelPlacement: 'label-placement-inner',

package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { StyledChip, TextChip } from './TextFieldChip.styles';
+import { StyledChip } from './TextFieldChip.styles';
 /**
  * Чип, отображающий выбранный элемент
  */
@@ -11,23 +11,14 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick = _ref.onClick,
     onClear = _ref.onClear,
     onKeyDown = _ref.onKeyDown,
-    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly,
-    chipType = _ref.chipType;
+    _forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
   var onClearHandle = function onClearHandle() {
     return onClear(id);
   };
   var onKeyDownHandle = function onKeyDownHandle(event) {
     onKeyDown === null || onKeyDown === void 0 || onKeyDown(event, id);
   };
-  var handleClick = function handleClick(e) {
-    if (onClick) {
-      onClick(e);
-    }
-    if (onClear) {
-      onClear(id);
-    }
-  };
-  return chipType === 'default' ? /*#__PURE__*/React.createElement(StyledChip, {
+  return /*#__PURE__*/React.createElement(StyledChip, {
     ref: ref,
     tabIndex: -1,
     disabled: disabled,
@@ -41,10 +32,5 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // @ts-ignore
     ,
     _forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
-  }) : /*#__PURE__*/React.createElement(TextChip, {
-    ref: ref,
-    tabIndex: -1,
-    onClick: handleClick,
-    onKeyDown: onKeyDownHandle
-  }, text);
+  });
 });

package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js

@@ -16,12 +16,4 @@ export var StyledChip = /*#__PURE__*/styled(Chip).withConfig({
   outlineSize: '0.0625rem',
   outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
   outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
-}), tokens.chipOpacityReadonly);
-export var TextChip = /*#__PURE__*/styled.button.withConfig({
-  componentId: "plasma-new-hope__sc-1mypbcr-1"
-})(["display:block;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");", " &:after{content:',';}&:last-child{&:after{content:'';}}"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.color, /*#__PURE__*/addFocus({
-  outlineOffset: '0.0625rem',
-  outlineSize: '0.0625rem',
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
-  outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
-}));
+}), tokens.chipOpacityReadonly);

package/styled-components/es/components/TextField/variations/_label-placement/base.js

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { classes, tokens } from '../../TextField.tokens';
 import { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
-export var base = /*#__PURE__*/css(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, StyledTextAfter, StyledTextBefore, tokens.contentLabelInnerPadding, Input, Label, Input, classes.hasValue, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, tokens.height, tokens.height, tokens.labelLineHeight, tokens.height, tokens.labelLineHeight, classes.clear, Label, tokens.clearPlaceholderColor);
+export var base = /*#__PURE__*/css(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, StyledTextAfter, StyledTextBefore, tokens.contentLabelInnerPadding, Input, Label, Input, classes.hasValue, Label, Input, classes.forcePlaceholder, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, tokens.height, tokens.height, tokens.labelLineHeight, tokens.height, tokens.labelLineHeight, classes.clear, Label, tokens.clearPlaceholderColor);