@salutejs/plasma-new-hope 0.342.0 → 0.342.1-canary.2350.19926791161.0

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

@@ -94,13 +94,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
 var Tooltip = (0, _engines.component)(mergedConfig);
 var InputWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputWrapper",
-    componentId: "sc-a8826f8a-0"
+    componentId: "sc-708c1a6a-0"
 })([
     "position:relative;display:flex;align-items:center;box-sizing:border-box;"
 ]);
 var InputLabelWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputLabelWrapper",
-    componentId: "sc-a8826f8a-1"
+    componentId: "sc-708c1a6a-1"
 })([
     "flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.",
     "{height:var(",
@@ -109,7 +109,7 @@ var InputLabelWrapper = _styledcomponents.default.div.withConfig({
 ], String(_TextFieldtokens.classes.hasChips), _TextFieldtokens.tokens.chipHeight, _TextFieldtokens.tokens.chipBorderRadius);
 var StyledChips = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledChips",
-    componentId: "sc-a8826f8a-2"
+    componentId: "sc-708c1a6a-2"
 })([
     "display:flex;gap:var(",
     ");margin-right:var(",
@@ -118,7 +118,7 @@ var StyledChips = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.tokens.chipGap, _TextFieldtokens.tokens.chipMarginRight, _TextFieldtokens.tokens.chipGap);
 var Input = _styledcomponents.default.input.withConfig({
     displayName: "TextField.styles__Input",
-    componentId: "sc-a8826f8a-3"
+    componentId: "sc-708c1a6a-3"
 })([
     "box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&.",
     "{",
@@ -126,7 +126,7 @@ var Input = _styledcomponents.default.input.withConfig({
 ], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
 var InputContainer = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputContainer",
-    componentId: "sc-a8826f8a-4"
+    componentId: "sc-708c1a6a-4"
 })([
     "position:relative;display:flex;flex:1;min-width:",
     ";",
@@ -141,7 +141,7 @@ var InputContainer = _styledcomponents.default.div.withConfig({
 });
 var InputPlaceholder = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputPlaceholder",
-    componentId: "sc-a8826f8a-5"
+    componentId: "sc-708c1a6a-5"
 })([
     "display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(",
     ");padding:",
@@ -152,7 +152,7 @@ var InputPlaceholder = _styledcomponents.default.div.withConfig({
 });
 var InputPlaceholderValue = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__InputPlaceholderValue",
-    componentId: "sc-a8826f8a-6"
+    componentId: "sc-708c1a6a-6"
 })([
     "&.",
     "{",
@@ -160,7 +160,7 @@ var InputPlaceholderValue = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
 var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__OuterLabelWrapper",
-    componentId: "sc-a8826f8a-7"
+    componentId: "sc-708c1a6a-7"
 })([
     "display:flex;align-items:center;white-space:",
     ";margin-bottom:",
@@ -174,44 +174,43 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
 });
 var TitleCaption = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__TitleCaption",
-    componentId: "sc-a8826f8a-8"
+    componentId: "sc-708c1a6a-8"
 })([
     "display:inline-block;margin-left:auto;"
 ]);
 var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledIndicatorWrapper",
-    componentId: "sc-a8826f8a-9"
+    componentId: "sc-708c1a6a-9"
 })([
     "position:relative;display:inline-flex;align-items:center;"
 ]);
 var Label = _styledcomponents.default.label.withConfig({
     displayName: "TextField.styles__Label",
-    componentId: "sc-a8826f8a-10"
+    componentId: "sc-708c1a6a-10"
 })([
     "display:inline-flex;"
 ]);
 var StyledContentLeft = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledContentLeft",
-    componentId: "sc-a8826f8a-11"
+    componentId: "sc-708c1a6a-11"
 })([
-    "--private_content-slot-color:",
-    ";margin:var(",
-    ");color:var(--private_content-slot-color);line-height:0;&:hover{color:var(",
-    ",var(--private_content-slot-color));}&:active{color:var(",
-    ",var(--private_content-slot-color));}"
-], function(param) {
-    var isDefaultView = param.isDefaultView, isClear = param.isClear;
-    return !isDefaultView && isClear ? "var(".concat(_TextFieldtokens.tokens.clearColor, ")") : "var(".concat(_TextFieldtokens.tokens.contentSlotColor, ")");
-}, _TextFieldtokens.tokens.leftContentMargin, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotColorActive);
+    "margin:var(",
+    ");color:var(",
+    ");line-height:0;&:hover{color:var(",
+    ",var(",
+    "));}&:active{color:var(",
+    ",var(",
+    "));}"
+], _TextFieldtokens.tokens.leftContentMargin, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotColorActive, _TextFieldtokens.tokens.contentSlotColor);
 var StyledContentRightWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledContentRightWrapper",
-    componentId: "sc-a8826f8a-12"
+    componentId: "sc-708c1a6a-12"
 })([
     "display:flex;align-items:center;"
 ]);
 var StyledContentRight = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledContentRight",
-    componentId: "sc-a8826f8a-13"
+    componentId: "sc-708c1a6a-13"
 })([
     "line-height:0;margin:var(",
     ");color:var(",
@@ -224,13 +223,13 @@ var StyledContentRight = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.tokens.rightContentMargin, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotRightColorHover, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotRightColorActive, _TextFieldtokens.tokens.contentSlotColorActive);
 var LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__LeftHelper",
-    componentId: "sc-a8826f8a-14"
+    componentId: "sc-708c1a6a-14"
 })([
     ""
 ]);
 var StyledTextBefore = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledTextBefore",
-    componentId: "sc-a8826f8a-15"
+    componentId: "sc-708c1a6a-15"
 })([
     "visibility:",
     ";"
@@ -240,20 +239,20 @@ var StyledTextBefore = _styledcomponents.default.div.withConfig({
 });
 var StyledTextAfter = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledTextAfter",
-    componentId: "sc-a8826f8a-16"
+    componentId: "sc-708c1a6a-16"
 })([
     ""
 ]);
 var StyledOptionalText = _styledcomponents.default.span.withConfig({
     displayName: "TextField.styles__StyledOptionalText",
-    componentId: "sc-a8826f8a-17"
+    componentId: "sc-708c1a6a-17"
 })([
     "color:var(",
     ");"
 ], _TextFieldtokens.tokens.optionalColor);
 var StyledHintWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledHintWrapper",
-    componentId: "sc-a8826f8a-18"
+    componentId: "sc-708c1a6a-18"
 })([
     "display:inline-block;line-height:0;&.",
     "{position:absolute;margin:0;inset:var(",
@@ -261,14 +260,14 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
 ], _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.hintInnerLabelPlacementOffset);
 var HintTargetWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__HintTargetWrapper",
-    componentId: "sc-a8826f8a-19"
+    componentId: "sc-708c1a6a-19"
 })([
     "color:var(",
     ");display:flex;justify-content:center;align-items:center;"
 ], _TextFieldtokens.tokens.hintIconColor);
 var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
     displayName: "TextField.styles__Hint",
-    componentId: "sc-a8826f8a-20"
+    componentId: "sc-708c1a6a-20"
 })([
     "",
     " .",
@@ -276,13 +275,13 @@ var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
 ], HintTargetWrapper, _Popover.popoverClasses.root);
 var HintIconWrapper = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__HintIconWrapper",
-    componentId: "sc-a8826f8a-21"
+    componentId: "sc-708c1a6a-21"
 })([
     "display:flex;"
 ]);
 var StyledIndicator = _styledcomponents.default.div.withConfig({
     displayName: "TextField.styles__StyledIndicator",
-    componentId: "sc-a8826f8a-22"
+    componentId: "sc-708c1a6a-22"
 })([
     "position:absolute;border-radius:50%;background-color:var(",
     ");&.",

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

@@ -38,7 +38,9 @@ var base = (0, _styledcomponents.css)([
     ");}",
     "{color:var(",
     ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;width:100%;}&.",
-    " ",
-    "{color:var(",
-    ");}}"
-], _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColor, _TextFieldtokens.classes.innerLabelPlacement, _TextFieldstyles.InputContainer, _TextFieldtokens.tokens.contentLabelInnerPadding, _TextFieldstyles.Input, _TextFieldtokens.classes.readOnlyInput, _TextFieldstyles.Label, _TextFieldstyles.Input, _TextFieldtokens.classes.hasValue, _TextFieldstyles.Label, _TextFieldstyles.Input, _TextFieldtokens.classes.keepPlaceholder, _TextFieldstyles.Label, _TextFieldtokens.tokens.placeholderColor, _TextFieldtokens.tokens.labelInnerPadding, _TextFieldtokens.tokens.labelInnerFontFamily, _TextFieldtokens.tokens.labelInnerFontSize, _TextFieldtokens.tokens.labelInnerFontStyle, _TextFieldtokens.tokens.labelInnerFontWeight, _TextFieldtokens.tokens.labelInnerLetterSpacing, _TextFieldtokens.tokens.labelInnerLineHeight, _TextFieldstyles.Label, _TextFieldtokens.tokens.placeholderColor, _TextFieldtokens.classes.clear, _TextFieldstyles.Label, _TextFieldtokens.tokens.clearPlaceholderColor);
+    "{",
+    "{&.",
+    ".",
+    "{inset:var(",
+    ");}}}}"
+], _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColor, _TextFieldtokens.classes.innerLabelPlacement, _TextFieldstyles.InputContainer, _TextFieldtokens.tokens.contentLabelInnerPadding, _TextFieldstyles.Input, _TextFieldtokens.classes.readOnlyInput, _TextFieldstyles.Label, _TextFieldstyles.Input, _TextFieldtokens.classes.hasValue, _TextFieldstyles.Label, _TextFieldstyles.Input, _TextFieldtokens.classes.keepPlaceholder, _TextFieldstyles.Label, _TextFieldtokens.tokens.placeholderColor, _TextFieldtokens.tokens.labelInnerPadding, _TextFieldtokens.tokens.labelInnerFontFamily, _TextFieldtokens.tokens.labelInnerFontSize, _TextFieldtokens.tokens.labelInnerFontStyle, _TextFieldtokens.tokens.labelInnerFontWeight, _TextFieldtokens.tokens.labelInnerLetterSpacing, _TextFieldtokens.tokens.labelInnerLineHeight, _TextFieldstyles.Label, _TextFieldtokens.tokens.placeholderColor, _TextFieldtokens.classes.hasHint, _TextFieldstyles.StyledIndicator, _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.classes.requiredAlignRight, _TextFieldtokens.tokens.clearIndicatorHintInnerRight);

package/styled-components/cjs/components/TextField/variations/_read-only/base.js

@@ -12,15 +12,14 @@ var _styledcomponents = require("styled-components");
 var _TextFieldtokens = require("../../TextField.tokens");
 var _TextFieldstyles = require("../../TextField.styles");
 var base = (0, _styledcomponents.css)([
-    "&[readonly]{:not(&.",
-    "){",
+    "&[readonly]{",
     "{position:relative;z-index:0;color:var(",
     ");background:transparent;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(",
     ");background-color:var(",
     ");opacity:var(",
     ");box-shadow:inset 0 0 0 var(",
     ") var(",
-    ");z-index:-1;}:hover{background-color:transparent;}}}&.",
+    ");z-index:-1;}:hover{background-color:transparent;}}&.",
     " ",
     "{&:before{background-color:var(",
     ");}}",
@@ -44,4 +43,4 @@ var base = (0, _styledcomponents.css)([
     " ",
     "{color:var(",
     ");}}"
-], _TextFieldtokens.classes.clear, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.colorReadOnly, _TextFieldtokens.tokens.borderRadius, _TextFieldtokens.tokens.backgroundColorReadOnly, _TextFieldtokens.tokens.readOnlyOpacity, String(_TextFieldtokens.tokens.borderWidth), _TextFieldtokens.tokens.borderColorReadOnly, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColorReadOnly), _TextFieldstyles.InputWrapper, _TextFieldstyles.InputPlaceholder, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorReadOnly, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorReadOnly, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColorReadOnly, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColorReadOnly, _TextFieldstyles.StyledContentLeft, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightOpacityReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColorReadOnly);
+], _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.colorReadOnly, _TextFieldtokens.tokens.borderRadius, _TextFieldtokens.tokens.backgroundColorReadOnly, _TextFieldtokens.tokens.readOnlyOpacity, String(_TextFieldtokens.tokens.borderWidth), _TextFieldtokens.tokens.borderColorReadOnly, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColorReadOnly), _TextFieldstyles.InputWrapper, _TextFieldstyles.InputPlaceholder, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorReadOnly, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorReadOnly, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColorReadOnly, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColorReadOnly, _TextFieldstyles.StyledContentLeft, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightOpacityReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColorReadOnly);

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

@@ -43,5 +43,16 @@ var base = (0, _styledcomponents.css)([
     "{color:var(",
     ");}",
     "{color:var(",
-    ");}"
-], _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.borderColor), String(_TextFieldtokens.tokens.backgroundColor), _TextFieldtokens.tokens.color, _TextFieldtokens.tokens.borderWidth, _TextFieldtokens.tokens.boxShadow, _TextFieldtokens.tokens.caretColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.borderColorHover, String(_TextFieldtokens.tokens.borderColor), _TextFieldtokens.tokens.backgroundColorHover, String(_TextFieldtokens.tokens.backgroundColor), _TextFieldstyles.Input, _TextFieldtokens.tokens.color, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.borderColorFocus, String(_TextFieldtokens.tokens.borderColor), _TextFieldtokens.tokens.backgroundColorFocus, String(_TextFieldtokens.tokens.backgroundColor), _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorFocus, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColor, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColor, _TextFieldstyles.StyledTextBefore, _TextFieldtokens.tokens.textBeforeColor, _TextFieldstyles.StyledTextAfter, _TextFieldtokens.tokens.textAfterColor);
+    ");}&.",
+    "{",
+    "{--plasma_private-textfield-divider-color:var(",
+    ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ",
+    ":hover{--plasma_private-textfield-divider-color:var( ",
+    ",var(",
+    ") );}&:not([readonly]) ",
+    ":focus-within{--plasma_private-textfield-divider-color:var( ",
+    ",var(",
+    ") );",
+    "{color:var(",
+    ");}}}"
+], _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.borderColor), String(_TextFieldtokens.tokens.backgroundColor), _TextFieldtokens.tokens.color, _TextFieldtokens.tokens.borderWidth, _TextFieldtokens.tokens.boxShadow, _TextFieldtokens.tokens.caretColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.borderColorHover, String(_TextFieldtokens.tokens.borderColor), _TextFieldtokens.tokens.backgroundColorHover, String(_TextFieldtokens.tokens.backgroundColor), _TextFieldstyles.Input, _TextFieldtokens.tokens.color, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColor, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.borderColorFocus, String(_TextFieldtokens.tokens.borderColor), _TextFieldtokens.tokens.backgroundColorFocus, String(_TextFieldtokens.tokens.backgroundColor), _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorFocus, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColor, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColor, _TextFieldstyles.StyledTextBefore, _TextFieldtokens.tokens.textBeforeColor, _TextFieldstyles.StyledTextAfter, _TextFieldtokens.tokens.textAfterColor, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColorHover, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.dividerColorFocus, String(_TextFieldtokens.tokens.dividerColor), _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.clearPlaceholderColorFocus);

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

@@ -411,6 +411,7 @@ var timePickerRoot = function(Root) {
             }
             return dropdownWidth;
         };
+        var _obj;
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             stretched: stretched,
             view: view,
@@ -436,7 +437,7 @@ var timePickerRoot = function(Root) {
             stretched: stretched,
             view: view,
             size: size,
-            className: (0, _classnames.default)(_TimePickertokens.classes.timePickerRoot, className, _define_property({}, _TimePickertokens.classes.timePickerstretched, stretched)),
+            className: (0, _classnames.default)(_TimePickertokens.classes.timePickerRoot, className, (_obj = {}, _define_property(_obj, _TimePickertokens.classes.timePickerFullWidth, dropdownWidth === 'fullWidth'), _define_property(_obj, _TimePickertokens.classes.timePickerFixed, dropdownWidth !== 'fullWidth'), _obj)),
             disabled: disabled,
             readonly: readonly
         }, rest), /*#__PURE__*/ _react.default.createElement(_TimePickerstyles.StyledTimePickerGrid, {
@@ -447,7 +448,8 @@ var timePickerRoot = function(Root) {
             format: format,
             view: view,
             size: size,
-            disabled: disabled
+            disabled: disabled,
+            width: getDropdownWidth()
         }))));
     });
 };

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

@@ -80,13 +80,13 @@ var mergedTimePickerGrid = (0, _engines.mergeConfig)(_TimePickerGrid.timePickerG
 var TimePickerGrid = (0, _engines.component)(mergedTimePickerGrid);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "TimePicker.styles__StyledPopover",
-    componentId: "sc-fa04016d-0"
+    componentId: "sc-d43646a1-0"
 })([
     ""
 ]);
 var StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).withConfig({
     displayName: "TimePicker.styles__StyledTimePickerGrid",
-    componentId: "sc-fa04016d-1"
+    componentId: "sc-d43646a1-1"
 })([
     "",
     ":var(",
@@ -134,7 +134,7 @@ var StyledTimePickerGrid = (0, _styledcomponents.default)(TimePickerGrid).withCo
 ], _TimePickerGrid.timePickerGridTokens.timePickerGridBackground, _TimePickertokens.tokens.timePickerBackground, _TimePickerGrid.timePickerGridTokens.timePickerGridBorderRadius, _TimePickertokens.tokens.timePickerBorderRadius, _TimePickerGrid.timePickerGridTokens.timePickerGridWidth, _TimePickertokens.tokens.timePickerWidth, _TimePickerGrid.timePickerGridTokens.timePickerGridPadding, _TimePickertokens.tokens.timePickerPadding, _TimePickerGrid.timePickerGridTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TimePickerGrid.timePickerGridTokens.columnHeight, _TimePickertokens.tokens.columnHeight, _TimePickerGrid.timePickerGridTokens.itemHeight, _TimePickertokens.tokens.itemHeight, _TimePickerGrid.timePickerGridTokens.itemBorderRadius, _TimePickertokens.tokens.itemBorderRadius, _TimePickerGrid.timePickerGridTokens.itemPadding, _TimePickertokens.tokens.itemPadding, _TimePickerGrid.timePickerGridTokens.itemBackgroundHover, _TimePickertokens.tokens.itemBackgroundHover, _TimePickerGrid.timePickerGridTokens.itemBackgroundActive, _TimePickertokens.tokens.itemBackgroundActive, _TimePickerGrid.timePickerGridTokens.itemFontFamily, _TimePickertokens.tokens.itemFontFamily, _TimePickerGrid.timePickerGridTokens.itemFontSize, _TimePickertokens.tokens.itemFontSize, _TimePickerGrid.timePickerGridTokens.itemFontStyle, _TimePickertokens.tokens.itemFontStyle, _TimePickerGrid.timePickerGridTokens.itemFontWeight, _TimePickertokens.tokens.itemFontWeight, _TimePickerGrid.timePickerGridTokens.itemLetterSpacing, _TimePickertokens.tokens.itemLetterSpacing, _TimePickerGrid.timePickerGridTokens.itemLineHeight, _TimePickertokens.tokens.itemLineHeight, _TimePickerGrid.timePickerGridTokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarWidth, _TimePickerGrid.timePickerGridTokens.scrollbarColor, _TimePickertokens.tokens.scrollbarColor, _TimePickerGrid.timePickerGridTokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarTrackColor, _TimePickerGrid.timePickerGridTokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin);
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "TimePicker.styles__StyledInput",
-    componentId: "sc-fa04016d-2"
+    componentId: "sc-d43646a1-2"
 })([
     "width:100%;",
     ":var(",
@@ -294,19 +294,17 @@ var base = (0, _styledcomponents.css)([
     "{width:100%;.",
     "{width:100%;}}&.",
     "{width:100%;}&.",
-    "{justify-content:flex-end;}"
-], _TimePickertokens.tokens.width, _TimePickertokens.tokens.dropdownMarginTop, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _TimePickertokens.classes.timePickerstretched, _Popover.popoverClasses.root, _TimePickertokens.classes.timePickerFullWidth, _TimePickertokens.classes.timePickerPlacementRight);
+    "{justify-content:flex-end;}&.",
+    "{width:var(",
+    ");}"
+], _TimePickertokens.tokens.width, _TimePickertokens.tokens.dropdownMarginTop, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _TimePickertokens.classes.timePickerstretched, _Popover.popoverClasses.root, _TimePickertokens.classes.timePickerFullWidth, _TimePickertokens.classes.timePickerPlacementRight, _TimePickertokens.classes.timePickerFixed, _TimePickertokens.tokens.timePickerWidth);
 var StyledTimePicker = _styledcomponents.default.div.withConfig({
     displayName: "TimePicker.styles__StyledTimePicker",
-    componentId: "sc-fa04016d-3"
+    componentId: "sc-d43646a1-3"
 })([
     "background:var(",
     ");border-radius:var(",
-    ");width:",
-    ";display:flex;padding:var(",
+    ");display:flex;padding:var(",
     ");flex:1 1 1;gap:var(",
     ");box-sizing:border-box;position:relative;"
-], _TimePickertokens.tokens.timePickerBackground, _TimePickertokens.tokens.timePickerBorderRadius, function(param) {
-    var width = param.width;
-    return (width === 'fullWidth' ? "var(".concat(_TimePickertokens.tokens.width, ")") : width) || "var(".concat(_TimePickertokens.tokens.timePickerWidth, ")");
-}, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.scrollbarWidth);
+], _TimePickertokens.tokens.timePickerBackground, _TimePickertokens.tokens.timePickerBorderRadius, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.scrollbarWidth);

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

@@ -24,6 +24,7 @@ var classes = {
     timeColumnLabel: 'plasma-time-picker-column-label',
     timeItemActive: 'plasma-time-picker-item-active',
     timePickerFullWidth: 'plasma-time-picker-full-width',
+    timePickerFixed: 'plasma-time-picker-fixed',
     timePickerActive: 'plasma-time-picker-active',
     timeColumnActive: 'plasma-time-picker-column-active',
     timeColumn: 'plasma-time-picker-column',

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;