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

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

@@ -13,13 +13,13 @@ var mergedTimePickerGrid = mergeConfig(timePickerGridConfig);
 var TimePickerGrid = component(mergedTimePickerGrid);
 export var StyledPopover = styled(Popover).withConfig({
     displayName: "TimePicker.styles__StyledPopover",
-    componentId: "sc-fa04016d-0"
+    componentId: "sc-d43646a1-0"
 })([
     ""
 ]);
 export var StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
     displayName: "TimePicker.styles__StyledTimePickerGrid",
-    componentId: "sc-fa04016d-1"
+    componentId: "sc-d43646a1-1"
 })([
     "",
     ":var(",
@@ -68,7 +68,7 @@ export var StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "TimePicker.styles__StyledInput",
-    componentId: "sc-fa04016d-2"
+    componentId: "sc-d43646a1-2"
 })([
     "width:100%;",
     ":var(",
@@ -228,19 +228,17 @@ export var base = css([
     "{width:100%;.",
     "{width:100%;}}&.",
     "{width:100%;}&.",
-    "{justify-content:flex-end;}"
-], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth, classes.timePickerPlacementRight);
+    "{justify-content:flex-end;}&.",
+    "{width:var(",
+    ");}"
+], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth, classes.timePickerPlacementRight, classes.timePickerFixed, tokens.timePickerWidth);
 export var StyledTimePicker = styled.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;"
-], tokens.timePickerBackground, tokens.timePickerBorderRadius, function(param) {
-    var width = param.width;
-    return (width === 'fullWidth' ? "var(".concat(tokens.width, ")") : width) || "var(".concat(tokens.timePickerWidth, ")");
-}, tokens.timePickerPadding, tokens.scrollbarWidth);
+], tokens.timePickerBackground, tokens.timePickerBorderRadius, tokens.timePickerPadding, tokens.scrollbarWidth);

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

@@ -6,6 +6,7 @@ export 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/es/components/Tree/Tree.js

@@ -198,21 +198,14 @@ import { classes } from "./Tree.tokens";
                 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.createElement(Line, {
                     style: style,
-                    left: left
+                    left: left,
+                    dropPosition: dropPosition,
+                    variant: variant
                 });
             }
         })));

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

@@ -4,7 +4,7 @@ import { IconDisclosureRightCentered, IconFolder } from "../_Icon";
 import { treeTokens as tokens, classes } from "./Tree.tokens";
 export var IconArrowWrapper = styled.div.withConfig({
     displayName: "Tree.styles__IconArrowWrapper",
-    componentId: "sc-42c76870-0"
+    componentId: "sc-eac39373-0"
 })([
     "line-height:0;color:var(",
     ");&:hover{color:var(",
@@ -13,19 +13,19 @@ export var IconArrowWrapper = styled.div.withConfig({
 ], tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive);
 export var StyledArrow = styled(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;"
 ]);
 export var StyledFolder = styled(IconFolder).withConfig({
     displayName: "Tree.styles__StyledFolder",
-    componentId: "sc-42c76870-2"
+    componentId: "sc-eac39373-2"
 })([
     ""
 ]);
 export var TitleWrapper = styled.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:",
@@ -39,7 +39,7 @@ export var TitleWrapper = styled.div.withConfig({
 });
 export var Title = styled.span.withConfig({
     displayName: "Tree.styles__Title",
-    componentId: "sc-42c76870-4"
+    componentId: "sc-eac39373-4"
 })([
     "margin:var(",
     ");overflow:",
@@ -58,25 +58,39 @@ export var Title = styled.span.withConfig({
 });
 export var ContentRight = styled.div.withConfig({
     displayName: "Tree.styles__ContentRight",
-    componentId: "sc-42c76870-5"
+    componentId: "sc-eac39373-5"
 })([
     "line-height:0;"
 ]);
 export var Line = styled.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' ? tokens.itemPaddingTop : tokens.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' ? tokens.itemPaddingBottom : tokens.itemPaddingTightBottom, ") * -1)") : 'auto';
 }, tokens.itemDraggableLineColor);
 export var base = 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(",
@@ -136,4 +150,4 @@ export var base = css([
     ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(",
     ");}.rc-tree-indent-unit{width:var(",
     ");}"
-], tokens.itemPadding, classes.treeTightVariant, tokens.itemPaddingTight, classes.treeLeafNode, tokens.itemDraggableBorderColor, tokens.color, classes.treeRadioMode, classes.treeInverted, tokens.iconFolderColor, tokens.iconFolderMargin, tokens.itemTop, tokens.itemBottom, tokens.switcherSize, tokens.itemBackgroundExtraOffset, tokens.itemBorderRadius, tokens.itemDisabledOpacity, classes.treeItemFilled, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemPrimaryBackground, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorSelected, classes.treeRadioMode, tokens.itemBackgroundColorHover, classes.treeRadioMode, tokens.itemBackgroundColorActive, tokens.switcherSize, tokens.switcherSize, tokens.switcherMargin, classes.treeInverted, tokens.switcherMarginInverted, classes.treeInverted, classes.treeInverted, tokens.checkboxSize, tokens.checkboxSize, tokens.checkboxMargin, tokens.checkboxInnerSize, tokens.checkboxInnerSize, tokens.checkboxBorderColor, tokens.checkboxBorderRadius, tokens.itemDisabledBorderColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, classes.treeInverted, classes.treeInverted, tokens.colorSelected, tokens.itemDisabledColor, tokens.colorSelected, tokens.itemDisabledColor, tokens.itemIndent);
+], tokens.itemPaddingTop, tokens.itemPaddingRight, tokens.itemPaddingBottom, tokens.itemPaddingLeft, classes.treeTightVariant, tokens.itemPaddingTightTop, tokens.itemPaddingTightRight, tokens.itemPaddingTightBottom, tokens.itemPaddingTightLeft, classes.treeLeafNode, tokens.itemDraggableBorderColor, tokens.color, classes.treeRadioMode, classes.treeInverted, tokens.iconFolderColor, tokens.iconFolderMargin, tokens.itemTop, tokens.itemBottom, tokens.switcherSize, tokens.itemBackgroundExtraOffset, tokens.itemBorderRadius, tokens.itemDisabledOpacity, classes.treeItemFilled, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemPrimaryBackground, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorSelected, classes.treeRadioMode, tokens.itemBackgroundColorHover, classes.treeRadioMode, tokens.itemBackgroundColorActive, tokens.switcherSize, tokens.switcherSize, tokens.switcherMargin, classes.treeInverted, tokens.switcherMarginInverted, classes.treeInverted, classes.treeInverted, tokens.checkboxSize, tokens.checkboxSize, tokens.checkboxMargin, tokens.checkboxInnerSize, tokens.checkboxInnerSize, tokens.checkboxBorderColor, tokens.checkboxBorderRadius, tokens.itemDisabledBorderColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, classes.treeInverted, classes.treeInverted, tokens.colorSelected, tokens.itemDisabledColor, tokens.colorSelected, tokens.itemDisabledColor, tokens.itemIndent);

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

@@ -22,8 +22,14 @@ export 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',