@salutejs/plasma-new-hope 0.343.0-canary.2365.19816292443.0 → 0.343.0-canary.2367.19851506127.0

package/styled-components/cjs/components/DateTimePicker/ui/Input/Input.styles.js

@@ -21,7 +21,7 @@ var mergedTextFieldConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig
 var TextField = (0, _engines.component)(mergedTextFieldConfig);
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "Input.styles__StyledInput",
-    componentId: "sc-566fa015-0"
+    componentId: "sc-ccd65eda-0"
 })([
     "width:100%;",
     ":var(",
@@ -146,6 +146,12 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ",var(",
     "));",
     ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
     ");&.",
     "{",
     ":var(",
@@ -173,4 +179,4 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ");",
     ":var(",
     ");}"
-], _TextField.textFieldTokens.color, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DateTimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DateTimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DateTimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DateTimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderWidth, _DateTimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DateTimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DateTimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DateTimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DateTimePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DateTimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DateTimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DateTimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.padding, _DateTimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DateTimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DateTimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DateTimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DateTimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DateTimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DateTimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DateTimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DateTimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DateTimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DateTimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DateTimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DateTimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DateTimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DateTimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DateTimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DateTimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DateTimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DateTimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DateTimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DateTimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DateTimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DateTimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DateTimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DateTimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DateTimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DateTimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DateTimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DateTimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DateTimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DateTimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DateTimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DateTimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DateTimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DateTimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DateTimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DateTimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DateTimePickertokens.tokens.textFieldContentSlotColor, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DateTimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DateTimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DateTimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DateTimePickertokens.classes.error, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorErrorFocus, _DateTimePickertokens.classes.success, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorSuccessFocus);
+], _TextField.textFieldTokens.color, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DateTimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DateTimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DateTimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DateTimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderWidth, _DateTimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DateTimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DateTimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DateTimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DateTimePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DateTimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DateTimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DateTimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.padding, _DateTimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DateTimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DateTimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DateTimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DateTimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DateTimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DateTimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DateTimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DateTimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DateTimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DateTimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DateTimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DateTimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DateTimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DateTimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DateTimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DateTimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DateTimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DateTimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DateTimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DateTimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DateTimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DateTimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DateTimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DateTimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DateTimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DateTimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DateTimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DateTimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DateTimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DateTimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DateTimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DateTimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DateTimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DateTimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DateTimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DateTimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DateTimePickertokens.tokens.textFieldContentSlotColor, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _DateTimePickertokens.tokens.textFieldContentSlotColorHover, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _DateTimePickertokens.tokens.textFieldContentSlotColorActive, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DateTimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DateTimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DateTimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DateTimePickertokens.classes.error, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorErrorFocus, _DateTimePickertokens.classes.success, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorSuccessFocus);

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

@@ -17,9 +17,6 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _engines = require("../../engines");
-var _Overlay = require("../Overlay");
-var _Popup = require("../Popup");
 var _utils = require("../Popup/utils");
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
@@ -121,7 +118,6 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-var Popup = (0, _engines.component)(_Popup.popupConfig);
 var loaderRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_withBlur = props.withBlur, withBlur = _props_withBlur === void 0 ? false : _props_withBlur, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, overlayColor = props.overlayColor, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeSize = props.strokeSize, hasTrack = props.hasTrack, style = props.style, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? _utils.DEFAULT_Z_INDEX : _props_zIndex, onOverlayClick = props.onOverlayClick, rest = _object_without_properties(props, [
@@ -162,20 +158,14 @@ var loaderRoot = function(Root) {
             return loaderContent;
         }
         var overlayBackgroundToken = overlayColor || "var(".concat(_Loadertokens.tokens.overlayColor, ")");
-        var overlayNode = /*#__PURE__*/ _react.default.createElement(_Overlay.Overlay, {
+        return /*#__PURE__*/ _react.default.createElement(_Loaderstyles.LoaderWrapper, {
+            zIndex: zIndex
+        }, /*#__PURE__*/ _react.default.createElement(_Loaderstyles.StyledOverlay, {
             className: _Loadertokens.classes.loaderOverlay,
-            zIndex: zIndex || _utils.DEFAULT_Z_INDEX,
-            backgroundColorProperty: overlayBackgroundToken,
+            backgroundColorToken: overlayBackgroundToken,
             withBlur: withBlur,
-            isClickable: Boolean(onOverlayClick),
-            onOverlayClick: onOverlayClick
-        });
-        return /*#__PURE__*/ _react.default.createElement(Popup, {
-            opened: true,
-            placement: "center",
-            zIndex: zIndex,
-            overlay: overlayNode
-        }, loaderContent);
+            onClick: onOverlayClick
+        }), /*#__PURE__*/ _react.default.createElement(_Loaderstyles.LoaderContentWrapper, null, loaderContent));
     });
 };
 var loaderConfig = {

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

@@ -9,6 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    get LoaderContentWrapper () {
+        return LoaderContentWrapper;
+    },
+    get LoaderWrapper () {
+        return LoaderWrapper;
+    },
+    get StyledOverlay () {
+        return StyledOverlay;
+    },
     get StyledProgressBarCircular () {
         return StyledProgressBarCircular;
     },
@@ -76,7 +85,7 @@ var base = (0, _styledcomponents.css)([
 ], _Loadertokens.tokens.width, _Loadertokens.tokens.height);
 var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
     displayName: "Loader.styles__StyledSpinner",
-    componentId: "sc-beb70c73-0"
+    componentId: "sc-a9704424-0"
 })([
     "",
     ":var(",
@@ -86,7 +95,7 @@ var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
 ], _Spinner.spinnerTokens.size, _Loadertokens.tokens.spinnerSize, _Spinner.spinnerTokens.color, _Loadertokens.tokens.spinnerColor);
 var StyledProgressBarCircular = (0, _styledcomponents.default)(ProgressBarCircular).withConfig({
     displayName: "Loader.styles__StyledProgressBarCircular",
-    componentId: "sc-beb70c73-1"
+    componentId: "sc-a9704424-1"
 })([
     "",
     ":var(",
@@ -118,3 +127,37 @@ var StyledProgressBarCircular = (0, _styledcomponents.default)(ProgressBarCircul
     ":var(",
     ");"
 ], _ProgressBarCircular.progressBarCircularTokens.size, _Loadertokens.tokens.progressBarCircularSize, _ProgressBarCircular.progressBarCircularTokens.width, _Loadertokens.tokens.progressBarCircularWidth, _ProgressBarCircular.progressBarCircularTokens.height, _Loadertokens.tokens.progressBarCircularHeight, _ProgressBarCircular.progressBarCircularTokens.strokeWidth, _Loadertokens.tokens.progressBarCircularStrokeWidth, _ProgressBarCircular.progressBarCircularTokens.strokeSize, _Loadertokens.tokens.progressBarCircularStrokeSize, _ProgressBarCircular.progressBarCircularTokens.backgroundStroke, _Loadertokens.tokens.progressBarCircularBackgroundStroke, _ProgressBarCircular.progressBarCircularTokens.progressStroke, _Loadertokens.tokens.progressBarCircularStroke, _ProgressBarCircular.progressBarCircularTokens.contentColor, _Loadertokens.tokens.progressBarCircularContentColor, _ProgressBarCircular.progressBarCircularTokens.contentFontFamily, _Loadertokens.tokens.progressBarCircularContentFontFamily, _ProgressBarCircular.progressBarCircularTokens.contentFontSize, _Loadertokens.tokens.progressBarCircularContentFontSize, _ProgressBarCircular.progressBarCircularTokens.contentFontStyle, _Loadertokens.tokens.progressBarCircularContentFontStyle, _ProgressBarCircular.progressBarCircularTokens.contentFontWeight, _Loadertokens.tokens.progressBarCircularContentFontWeight, _ProgressBarCircular.progressBarCircularTokens.contentLetterSpacing, _Loadertokens.tokens.progressBarCircularContentLetterSpacing, _ProgressBarCircular.progressBarCircularTokens.contentLineHeight, _Loadertokens.tokens.progressBarCircularContentLineHeight);
+var LoaderWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Loader.styles__LoaderWrapper",
+    componentId: "sc-a9704424-2"
+})([
+    "position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:",
+    ";"
+], function(param) {
+    var zIndex = param.zIndex;
+    return zIndex || 9000;
+});
+var StyledOverlay = _styledcomponents.default.div.withConfig({
+    displayName: "Loader.styles__StyledOverlay",
+    componentId: "sc-a9704424-3"
+})([
+    "position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);backdrop-filter:",
+    ";cursor:",
+    ";--plasma_private-overlay-background-color:",
+    ";"
+], function(param) {
+    var withBlur = param.withBlur;
+    return withBlur ? 'blur(1rem)' : 'none';
+}, function(param) {
+    var onClick = param.onClick;
+    return onClick ? 'pointer' : 'default';
+}, function(param) {
+    var backgroundColorToken = param.backgroundColorToken;
+    return backgroundColorToken;
+});
+var LoaderContentWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Loader.styles__LoaderContentWrapper",
+    componentId: "sc-a9704424-4"
+})([
+    "position:relative;z-index:1;"
+]);

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

@@ -54,7 +54,7 @@ var mergedButtonGroupConfig = (0, _engines.mergeConfig)(_ButtonGroup.buttonGroup
 var ButtonGroup = (0, _engines.component)(mergedButtonGroupConfig);
 var PaginationRoot = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationRoot",
-    componentId: "sc-a9f2b5ca-0"
+    componentId: "sc-ec0762a3-0"
 })([
     "display:flex;color:var(",
     ");&.",
@@ -63,28 +63,30 @@ var PaginationRoot = _styledcomponents.default.div.withConfig({
 ], _Paginationtokens.tokens.paginationColor, _Paginationtokens.classes.compactType, _Paginationtokens.classes.defaultType);
 var PaginationPages = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationPages",
-    componentId: "sc-a9f2b5ca-1"
+    componentId: "sc-ec0762a3-1"
 })([
     "display:flex;align-items:center;gap:0.25rem;flex-shrink:0;"
 ]);
 var PaginationActions = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationActions",
-    componentId: "sc-a9f2b5ca-2"
+    componentId: "sc-ec0762a3-2"
 })([
     "display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(",
     ");flex-shrink:1;&.",
-    "{flex-direction:row;width:100%;flex-wrap:wrap;&.",
-    "{flex-direction:row-reverse;}}flex-direction:row;"
-], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.compactType, _Paginationtokens.classes.withHasPerPageSelect);
+    "{flex-direction:row;width:100%;flex-wrap:wrap;}&.",
+    "{flex-direction:row;}&.",
+    "{flex-direction:row-reverse;}&.",
+    "{flex-direction:row;}"
+], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.compactType, _Paginationtokens.classes.defaultType, _Paginationtokens.classes.withHasPerPageSelect, _Paginationtokens.classes.withHasQuickJump);
 var PaginationSection = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationSection",
-    componentId: "sc-a9f2b5ca-3"
+    componentId: "sc-ec0762a3-3"
 })([
     "display:flex;gap:0.125rem;"
 ]);
 var PaginationButtonGroup = (0, _styledcomponents.default)(ButtonGroup).withConfig({
     displayName: "Pagination.styles__PaginationButtonGroup",
-    componentId: "sc-a9f2b5ca-4"
+    componentId: "sc-ec0762a3-4"
 })([
     "",
     ":var(",
@@ -126,7 +128,7 @@ var PaginationButtonGroup = (0, _styledcomponents.default)(ButtonGroup).withConf
 ], _ButtonGroup.buttonGroupTokens.buttonColor, _Paginationtokens.tokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _Paginationtokens.tokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _Paginationtokens.tokens.buttonHoverColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _Paginationtokens.tokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _Paginationtokens.tokens.buttonActiveColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive, _Paginationtokens.tokens.buttonBackgroundColorActive, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _Paginationtokens.tokens.paginationFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _Paginationtokens.tokens.paginationFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _Paginationtokens.tokens.paginationFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _Paginationtokens.tokens.paginationFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _Paginationtokens.tokens.paginationLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight, _Paginationtokens.tokens.paginationLineHeight, _ButtonGroup.buttonGroupTokens.buttonWidth, _Paginationtokens.tokens.buttonWidth, _ButtonGroup.buttonGroupTokens.buttonHeight, _Paginationtokens.tokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonRadiusCircle, _Paginationtokens.tokens.buttonRadius);
 var PaginationButton = (0, _styledcomponents.default)(Button).withConfig({
     displayName: "Pagination.styles__PaginationButton",
-    componentId: "sc-a9f2b5ca-5"
+    componentId: "sc-ec0762a3-5"
 })([
     "",
     ":var(",
@@ -192,7 +194,7 @@ var PaginationButton = (0, _styledcomponents.default)(Button).withConfig({
 }));
 var PaginationShorter = (0, _styledcomponents.default)(PaginationButton).withConfig({
     displayName: "Pagination.styles__PaginationShorter",
-    componentId: "sc-a9f2b5ca-6"
+    componentId: "sc-ec0762a3-6"
 })([
     "",
     ":var(",
@@ -201,7 +203,7 @@ var PaginationShorter = (0, _styledcomponents.default)(PaginationButton).withCon
 ], _Button.buttonTokens.buttonWidth, _Paginationtokens.tokens.buttonWidthShorter, _Button.buttonTokens.buttonPadding);
 var PaginationActionsLeft = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationActionsLeft",
-    componentId: "sc-a9f2b5ca-7"
+    componentId: "sc-ec0762a3-7"
 })([
     "display:flex;align-items:center;flex-wrap:wrap;gap:var(",
     ");.",
@@ -209,7 +211,7 @@ var PaginationActionsLeft = _styledcomponents.default.div.withConfig({
 ], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.defaultType);
 var PaginationHelperText = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationHelperText",
-    componentId: "sc-a9f2b5ca-8"
+    componentId: "sc-ec0762a3-8"
 })([
     "color:var(",
     ");&.",

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

@@ -260,21 +260,14 @@ var treeRoot = function(Root) {
                 var dropPosition = props.dropPosition, dropLevelOffset = props.dropLevelOffset, indent = props.indent;
                 var left = -dropLevelOffset * indent + offset;
                 var style = {};
-                switch(dropPosition){
-                    case -1:
-                        style.top = 0;
-                        break;
-                    case 1:
-                        style.bottom = 0;
-                        break;
-                    default:
-                        style.bottom = 0;
-                        style.left = indent + offset;
-                        break;
+                if (dropPosition === 0) {
+                    style.left = indent + offset;
                 }
                 return /*#__PURE__*/ _react.default.createElement(_Treestyles.Line, {
                     style: style,
-                    left: left
+                    left: left,
+                    dropPosition: dropPosition,
+                    variant: variant
                 });
             }
         })));

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

@@ -80,7 +80,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 var IconArrowWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__IconArrowWrapper",
-    componentId: "sc-42c76870-0"
+    componentId: "sc-eac39373-0"
 })([
     "line-height:0;color:var(",
     ");&:hover{color:var(",
@@ -89,19 +89,19 @@ var IconArrowWrapper = _styledcomponents.default.div.withConfig({
 ], _Treetokens.treeTokens.arrowColor, _Treetokens.treeTokens.arrowColorHover, _Treetokens.treeTokens.arrowColorActive);
 var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
     displayName: "Tree.styles__StyledArrow",
-    componentId: "sc-42c76870-1"
+    componentId: "sc-eac39373-1"
 })([
     "transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"
 ]);
 var StyledFolder = (0, _styledcomponents.default)(_Icon.IconFolder).withConfig({
     displayName: "Tree.styles__StyledFolder",
-    componentId: "sc-42c76870-2"
+    componentId: "sc-eac39373-2"
 })([
     ""
 ]);
 var TitleWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__TitleWrapper",
-    componentId: "sc-42c76870-3"
+    componentId: "sc-eac39373-3"
 })([
     "display:flex;align-items:center;justify-content:space-between;margin:",
     ";overflow:",
@@ -115,7 +115,7 @@ var TitleWrapper = _styledcomponents.default.div.withConfig({
 });
 var Title = _styledcomponents.default.span.withConfig({
     displayName: "Tree.styles__Title",
-    componentId: "sc-42c76870-4"
+    componentId: "sc-eac39373-4"
 })([
     "margin:var(",
     ");overflow:",
@@ -134,25 +134,39 @@ var Title = _styledcomponents.default.span.withConfig({
 });
 var ContentRight = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__ContentRight",
-    componentId: "sc-42c76870-5"
+    componentId: "sc-eac39373-5"
 })([
     "line-height:0;"
 ]);
 var Line = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__Line",
-    componentId: "sc-42c76870-6"
+    componentId: "sc-eac39373-6"
 })([
-    "left:",
-    "px;right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(",
+    "top:",
+    ";left:",
+    "px;bottom:",
+    ";right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(",
     ");border-radius:1px;pointer-events:none;"
 ], function(param) {
+    var dropPosition = param.dropPosition, variant = param.variant;
+    return dropPosition === -1 ? "calc(var(".concat(variant === 'normal' ? _Treetokens.treeTokens.itemPaddingTop : _Treetokens.treeTokens.itemPaddingTightTop, ") * -1)") : 'auto';
+}, function(param) {
     var left = param.left;
     return left;
+}, function(param) {
+    var dropPosition = param.dropPosition, variant = param.variant;
+    return dropPosition !== -1 ? "calc(var(".concat(variant === 'normal' ? _Treetokens.treeTokens.itemPaddingBottom : _Treetokens.treeTokens.itemPaddingTightBottom, ") * -1)") : 'auto';
 }, _Treetokens.treeTokens.itemDraggableLineColor);
 var base = (0, _styledcomponents.css)([
-    ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{display:flex;align-items:center;box-sizing:border-box;margin:0;padding:var(",
+    ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{display:flex;align-items:center;box-sizing:border-box;margin:0;padding-top:var(",
+    ");padding-right:var(",
+    ");padding-bottom:var(",
+    ");padding-left:var(",
     ");position:relative;z-index:0;width:100%;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree.",
-    " .rc-tree-treenode{padding:var(",
+    " .rc-tree-treenode{padding-top:var(",
+    ");padding-right:var(",
+    ");padding-bottom:var(",
+    ");padding-left:var(",
     ");}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.rc-tree .rc-tree-treenode.drop-container::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.",
     "::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.drag-over::before{box-shadow:inset 0 0 0 1px var(",
     ");}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
@@ -212,4 +226,4 @@ var base = (0, _styledcomponents.css)([
     ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(",
     ");}.rc-tree-indent-unit{width:var(",
     ");}"
-], _Treetokens.treeTokens.itemPadding, _Treetokens.classes.treeTightVariant, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.classes.treeLeafNode, _Treetokens.treeTokens.itemDraggableBorderColor, _Treetokens.treeTokens.color, _Treetokens.classes.treeRadioMode, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.iconFolderColor, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemDisabledOpacity, _Treetokens.classes.treeItemFilled, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemPrimaryBackground, _Treetokens.treeTokens.itemBackgroundColorPrimary, _Treetokens.treeTokens.itemBackgroundColorSelected, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorHover, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorActive, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherMargin, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderColor, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.itemDisabledBorderColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.color, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.itemIndent);
+], _Treetokens.treeTokens.itemPaddingTop, _Treetokens.treeTokens.itemPaddingRight, _Treetokens.treeTokens.itemPaddingBottom, _Treetokens.treeTokens.itemPaddingLeft, _Treetokens.classes.treeTightVariant, _Treetokens.treeTokens.itemPaddingTightTop, _Treetokens.treeTokens.itemPaddingTightRight, _Treetokens.treeTokens.itemPaddingTightBottom, _Treetokens.treeTokens.itemPaddingTightLeft, _Treetokens.classes.treeLeafNode, _Treetokens.treeTokens.itemDraggableBorderColor, _Treetokens.treeTokens.color, _Treetokens.classes.treeRadioMode, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.iconFolderColor, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemDisabledOpacity, _Treetokens.classes.treeItemFilled, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemPrimaryBackground, _Treetokens.treeTokens.itemBackgroundColorPrimary, _Treetokens.treeTokens.itemBackgroundColorSelected, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorHover, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorActive, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherMargin, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderColor, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.itemDisabledBorderColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.color, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.itemIndent);

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

@@ -40,8 +40,14 @@ var treeTokens = {
     itemHeight: '--plasma-tree-item-height',
     itemTop: '--plasma-tree-item-top',
     itemBottom: '--plasma-tree-item-bottom',
-    itemPadding: '--plasma-tree-item-padding',
-    itemPaddingTight: '--plasma-tree-item-padding-tight',
+    itemPaddingTop: '--plasma-tree-item-padding-top',
+    itemPaddingRight: '--plasma-tree-item-padding-right',
+    itemPaddingBottom: '--plasma-tree-item-padding-bottom',
+    itemPaddingLeft: '--plasma-tree-item-padding-left',
+    itemPaddingTightTop: '--plasma-tree-item-padding-tight-top',
+    itemPaddingTightRight: '--plasma-tree-item-padding-tight-right',
+    itemPaddingTightBottom: '--plasma-tree-item-padding-tight-bottom',
+    itemPaddingTightLeft: '--plasma-tree-item-padding-tight-left',
     itemIndent: '--plasma-tree-item-indent',
     itemBorderRadius: '--plasma-tree-item-border-radius',
     iconFolderMargin: '--plasma-tree-icon-folder-margin',

package/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1 +1,16 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Combobox", {
+    enumerable: true,
+    get: function() {
+        return Combobox;
+    }
+});
+var _engines = require("../../../engines");
+var _ = require("../../..");
+var _Comboboxconfig = require("./Combobox.config");
+var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
+var ComboboxComponent = (0, _engines.component)(mergedConfig);
+var Combobox = ComboboxComponent;

package/styled-components/cjs/examples/components/Tree/Tree.config.js

@@ -46,7 +46,13 @@ var config = {
                 ":3.5rem;",
                 ":1rem;",
                 ":1rem;",
-                ":0.75rem 1rem;",
+                ":1rem;",
+                ":1rem;",
+                ":1rem;",
+                ":0.75rem;",
+                ":1rem;",
+                ":0.75rem;",
+                ":1rem;",
                 ":2rem;",
                 ":0.75rem;",
                 ":0.25rem;",
@@ -65,13 +71,19 @@ var config = {
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPaddingTop, _Treetokens.treeTokens.itemPaddingRight, _Treetokens.treeTokens.itemPaddingBottom, _Treetokens.treeTokens.itemPaddingLeft, _Treetokens.treeTokens.itemPaddingTightTop, _Treetokens.treeTokens.itemPaddingTightRight, _Treetokens.treeTokens.itemPaddingTightBottom, _Treetokens.treeTokens.itemPaddingTightLeft, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
             m: (0, _styledcomponents.css)([
                 "",
                 ":3rem;",
                 ":0.875rem;",
-                ":0.75rem 0.875rem;",
-                ":0.5rem 0.875rem;",
+                ":0.75rem;",
+                ":0.875rem;",
+                ":0.75rem;",
+                ":0.875rem;",
+                ":0.5rem;",
+                ":0.875rem;",
+                ":0.5rem;",
+                ":0.875rem;",
                 ":2rem;",
                 ":0.625rem;",
                 ":0.25rem;",
@@ -90,13 +102,19 @@ var config = {
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPaddingTop, _Treetokens.treeTokens.itemPaddingRight, _Treetokens.treeTokens.itemPaddingBottom, _Treetokens.treeTokens.itemPaddingLeft, _Treetokens.treeTokens.itemPaddingTightTop, _Treetokens.treeTokens.itemPaddingTightRight, _Treetokens.treeTokens.itemPaddingTightBottom, _Treetokens.treeTokens.itemPaddingTightLeft, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
             s: (0, _styledcomponents.css)([
                 "",
                 ":2.5rem;",
                 ":0.75rem;",
-                ":0.5rem 0.75rem;",
-                ":0.4375rem 0.5rem;",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":0.5rem;",
+                ":0.75rem;",
+                ":0.4375rem;",
+                ":0.5rem;",
+                ":0.4375rem;",
+                ":0.5rem;",
                 ":1.875rem;",
                 ":0.5rem;",
                 ":0.25rem;",
@@ -115,13 +133,19 @@ var config = {
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPaddingTop, _Treetokens.treeTokens.itemPaddingRight, _Treetokens.treeTokens.itemPaddingBottom, _Treetokens.treeTokens.itemPaddingLeft, _Treetokens.treeTokens.itemPaddingTightTop, _Treetokens.treeTokens.itemPaddingTightRight, _Treetokens.treeTokens.itemPaddingTightBottom, _Treetokens.treeTokens.itemPaddingTightLeft, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":2rem;",
                 ":0.5rem;",
                 ":0.5rem;",
-                ":0.25rem 0.5rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":0.25rem;",
+                ":0.5rem;",
+                ":0.25rem;",
+                ":0.5rem;",
                 ":1.25rem;",
                 ":0.375rem;",
                 ":0.25rem;",
@@ -140,7 +164,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight)
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPaddingTop, _Treetokens.treeTokens.itemPaddingRight, _Treetokens.treeTokens.itemPaddingBottom, _Treetokens.treeTokens.itemPaddingLeft, _Treetokens.treeTokens.itemPaddingTightTop, _Treetokens.treeTokens.itemPaddingTightRight, _Treetokens.treeTokens.itemPaddingTightBottom, _Treetokens.treeTokens.itemPaddingTightLeft, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight)
         }
     }
 };

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

@@ -695,11 +695,7 @@ import { Context } from "./Combobox.context";
             disabled: disabled,
             readOnly: readOnly,
             name: name
-        }, isEmpty(filteredItems) ? /*#__PURE__*/ React.createElement(StyledEmptyState, {
-            className: classes.emptyStateWrapper,
-            size: size,
-            description: emptyStateDescription || 'Ничего не найдено'
-        }) : /*#__PURE__*/ React.createElement(React.Fragment, null, treeView ? /*#__PURE__*/ React.createElement(TreeList, {
+        }, treeView ? /*#__PURE__*/ React.createElement(TreeList, {
             items: filteredItems,
             listMaxHeight: listMaxHeight || listHeight,
             onScroll: virtual ? undefined : onScroll,
@@ -720,7 +716,11 @@ import { Context } from "./Combobox.context";
         /*#__PURE__*/ React.createElement(SelectAll, {
             selectAllOptions: props.selectAllOptions,
             variant: variant
-        }), virtual ? /*#__PURE__*/ React.createElement(VirtualList, {
+        }), isEmpty(filteredItems) ? /*#__PURE__*/ React.createElement(StyledEmptyState, {
+            className: classes.emptyStateWrapper,
+            size: size,
+            description: emptyStateDescription || 'Ничего не найдено'
+        }) : /*#__PURE__*/ React.createElement(React.Fragment, null, virtual ? /*#__PURE__*/ React.createElement(VirtualList, {
             items: filteredItems,
             listMaxHeight: listMaxHeight || listHeight,
             onScroll: onScroll
@@ -735,7 +735,7 @@ import { Context } from "./Combobox.context";
                 listWidth: listWidth,
                 portal: listWrapperRef
             });
-        }), afterList))))))));
+        })), afterList)))))));
     });
 };
 export var comboboxConfig = {

package/styled-components/es/components/DateTimePicker/ui/Input/Input.styles.js

@@ -7,7 +7,7 @@ var TextField = component(mergedTextFieldConfig);
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "Input.styles__StyledInput",
-    componentId: "sc-566fa015-0"
+    componentId: "sc-ccd65eda-0"
 })([
     "width:100%;",
     ":var(",
@@ -132,6 +132,12 @@ export var StyledInput = styled(TextField).withConfig({
     ",var(",
     "));",
     ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
     ");&.",
     "{",
     ":var(",
@@ -159,4 +165,4 @@ export var StyledInput = styled(TextField).withConfig({
     ");",
     ":var(",
     ");}"
-], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.error, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.success, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
+], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.error, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.success, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);