@salutejs/plasma-new-hope 0.196.1-dev.0 → 0.197.0-canary.1556.11973013493.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` можно вводить элементы как теги. Свойство `chipType` изменяет внешний вид чипа.
+С помощью свойства `enumerationType` можно вводить элементы как теги.
 По нажатию Enter, после ввода нужного текста, он преобразуется в Chip:
 
 ```tsx live
@@ -166,17 +166,7 @@ export function App() {
                 size="l"
                 enumerationType="chip"
                 helperText="Подсказка снизу"
-                chips={["Значение 1"]}
-            />
-
-            <TextField
-                placeholder="Введите значение"
-                defaultValue="Значение"
-                size="l"
-                enumerationType="chip"
-                helperText="Подсказка снизу"
-                chips={["Значение 1"]}
-                chipType="text"
+                values={["Значение 1"]}
             />
         </div>
     );

package/emotion/cjs/components/TextField/TextField.tokens.js

@@ -7,6 +7,7 @@ exports.tokens = exports.classes = void 0;
 var classes = exports.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/emotion/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/emotion/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 _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
 var _Chip = /*#__PURE__*/require("../../../Chip");
 var _engines = /*#__PURE__*/require("../../../../engines");
@@ -16,20 +16,11 @@ var Chip = /*#__PURE__*/(0, _engines.component)(mergedConfig);
 
 // NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
 var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _base["default"])(Chip, {
-  target: "e7ctrkt1",
+  target: "e7ctrkt0",
   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+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 */"));
+}), " &[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= */"));

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

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _react = /*#__PURE__*/require("@emotion/react");
 var _TextField = /*#__PURE__*/require("../../TextField.tokens");
 var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
-var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _TextField.classes.outerLabelPlacement, "{", _TextField2.Label, "{position:relative;display:inline-block;color:var(", _TextField.tokens.labelColor, ");}}&.", _TextField.classes.innerLabelPlacement, "{", _TextField2.InputContainer, "{padding:var(", _TextField.tokens.contentLabelInnerPadding, ");}", _TextField2.StyledTextAfter, ",", _TextField2.StyledTextBefore, "{padding:var(", _TextField.tokens.contentLabelInnerPadding, ");}", _TextField2.Input, ":focus~", _TextField2.Label, ",", _TextField2.Input, ".", _TextField.classes.hasValue, "~", _TextField2.Label, "{color:var(", _TextField.tokens.placeholderColor, ");align-items:flex-start;padding:var(", _TextField.tokens.labelInnerPadding, ");font-family:var(", _TextField.tokens.labelInnerFontFamily, ");font-size:var(", _TextField.tokens.labelInnerFontSize, ");font-style:var(", _TextField.tokens.labelInnerFontStyle, ");font-weight:var(", _TextField.tokens.labelInnerFontWeight, ");letter-spacing:var(", _TextField.tokens.labelInnerLetterSpacing, ");line-height:var(", _TextField.tokens.labelInnerLineHeight, ");}", _TextField2.Label, "{color:var(", _TextField.tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", _TextField.tokens.height, ");padding-top:calc(calc(var(", _TextField.tokens.height, ") - var(", _TextField.tokens.labelLineHeight, ")) / 2);padding-bottom:calc(calc(var(", _TextField.tokens.height, ") - var(", _TextField.tokens.labelLineHeight, ")) / 2);}&.", _TextField.classes.clear, " ", _TextField2.Label, "{color:var(", _TextField.tokens.clearPlaceholderColor, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRUZXh0QWZ0ZXIsIFN0eWxlZFRleHRCZWZvcmUgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9LCAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGFiZWxJbm5lclBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qINC/0L7QtNC90LjQvNCw0LXRgiBsYWJlbCDQstCy0LXRgNGFINC/0YDQuCDRhNC+0LrRg9GB0LUsINC90LDQu9C40YfQuNC4INC30L3QsNGH0LXQvdC40Y8gKi9cbiAgICAgICAgJHtJbnB1dH06Zm9jdXMgfiAke0xhYmVsfSwgJHtJbnB1dH0uJHtjbGFzc2VzLmhhc1ZhbHVlfSB+ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lclBhZGRpbmd9KTtcblxuICAgICAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udEZhbWlseX0pO1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTaXplfSk7XG4gICAgICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTdHlsZX0pO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udFdlaWdodH0pO1xuICAgICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGluZUhlaWdodH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG5cbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5cbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiBjYWxjKGNhbGModmFyKCR7dG9rZW5zLmhlaWdodH0pIC0gdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pKSAvIDIpO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IGNhbGMoY2FsYyh2YXIoJHt0b2tlbnMuaGVpZ2h0fSkgLSB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSkpIC8gMik7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jbGVhcn0gJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
+var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _TextField.classes.outerLabelPlacement, "{", _TextField2.Label, "{position:relative;display:inline-block;color:var(", _TextField.tokens.labelColor, ");}}&.", _TextField.classes.innerLabelPlacement, "{", _TextField2.InputContainer, "{padding:var(", _TextField.tokens.contentLabelInnerPadding, ");}", _TextField2.StyledTextAfter, ",", _TextField2.StyledTextBefore, "{padding:var(", _TextField.tokens.contentLabelInnerPadding, ");}", _TextField2.Input, ":focus~", _TextField2.Label, ",", _TextField2.Input, ".", _TextField.classes.hasValue, "~", _TextField2.Label, ",", _TextField2.Input, ".", _TextField.classes.forcePlaceholder, "~", _TextField2.Label, "{color:var(", _TextField.tokens.placeholderColor, ");align-items:flex-start;padding:var(", _TextField.tokens.labelInnerPadding, ");font-family:var(", _TextField.tokens.labelInnerFontFamily, ");font-size:var(", _TextField.tokens.labelInnerFontSize, ");font-style:var(", _TextField.tokens.labelInnerFontStyle, ");font-weight:var(", _TextField.tokens.labelInnerFontWeight, ");letter-spacing:var(", _TextField.tokens.labelInnerLetterSpacing, ");line-height:var(", _TextField.tokens.labelInnerLineHeight, ");}", _TextField2.Label, "{color:var(", _TextField.tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", _TextField.tokens.height, ");padding-top:calc(calc(var(", _TextField.tokens.height, ") - var(", _TextField.tokens.labelLineHeight, ")) / 2);padding-bottom:calc(calc(var(", _TextField.tokens.height, ") - var(", _TextField.tokens.labelLineHeight, ")) / 2);}&.", _TextField.classes.clear, " ", _TextField2.Label, "{color:var(", _TextField.tokens.clearPlaceholderColor, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRUZXh0QWZ0ZXIsIFN0eWxlZFRleHRCZWZvcmUgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9LCAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGFiZWxJbm5lclBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qINC/0L7QtNC90LjQvNCw0LXRgiBsYWJlbCDQstCy0LXRgNGFINC/0YDQuCDRhNC+0LrRg9GB0LUsINC90LDQu9C40YfQuNC4INC30L3QsNGH0LXQvdC40Y8gKi9cbiAgICAgICAgJHtJbnB1dH06Zm9jdXMgfiAke0xhYmVsfSwgJHtJbnB1dH0uJHtjbGFzc2VzLmhhc1ZhbHVlfSB+ICR7TGFiZWx9LCAke0lucHV0fS4ke2NsYXNzZXMuZm9yY2VQbGFjZWhvbGRlcn0gfiAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJQYWRkaW5nfSk7XG5cbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRGYW1pbHl9KTtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250U2l6ZX0pO1xuICAgICAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250U3R5bGV9KTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRXZWlnaHR9KTtcbiAgICAgICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckxpbmVIZWlnaHR9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuXG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcblxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhlaWdodH0pO1xuXG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogY2FsYyhjYWxjKHZhcigke3Rva2Vucy5oZWlnaHR9KSAtIHZhcigke3Rva2Vucy5sYWJlbExpbmVIZWlnaHR9KSkgLyAyKTtcbiAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiBjYWxjKGNhbGModmFyKCR7dG9rZW5zLmhlaWdodH0pIC0gdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pKSAvIDIpO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuY2xlYXJ9ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY2xlYXJQbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));

package/emotion/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/emotion/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/emotion/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/emotion/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/emotion/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/emotion/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/emotion/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,
@@ -165,9 +166,12 @@ export var datePickerRoot = function datePickerRoot(Root) {
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyDown: onKeyDown
-    }, innerLabelPlacement && {
+    }, labelPlacement === 'inner' ? {
       label: label,
-      labelPlacement: labelPlacement
+      labelPlacement: labelPlacement,
+      hasPlaceholder: hasPlaceholder
+    } : {
+      labelPlacement: undefined
     }));
     useEffect(function () {
       setIsInnerOpen(function (prevOpen) {

package/emotion/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/emotion/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'
   }, {