@salutejs/plasma-new-hope 0.339.0-canary.2295.18740219652.0 → 0.339.0-canary.2296.18749364572.0

package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.styles.js

@@ -0,0 +1,236 @@
+import styled from "styled-components";
+import { addFocus, applyEllipsis } from "../../../../../../mixins";
+import { component, mergeConfig } from "../../../../../../engines";
+import { classes, tokens, constants } from "../../../../Select.tokens";
+import { checkboxConfig, checkboxTokens } from "../../../../../Checkbox";
+import { cellConfig, cellTokens } from "../../../../../Cell";
+import { indicatorConfig, indicatorTokens } from "../../../../../Indicator";
+import { IconDisclosureRightCentered, IconDone } from "../../../../../_Icon";
+export var ItemWrapper = styled.div.withConfig({
+    displayName: "Item.styles__ItemWrapper",
+    componentId: "sc-9fbb8f6d-0"
+})([
+    ""
+]);
+var mergedCheckboxConfig = mergeConfig(checkboxConfig);
+var Checkbox = component(mergedCheckboxConfig);
+var mergedCellConfig = mergeConfig(cellConfig);
+var Cell = component(mergedCellConfig);
+var mergedIndicatorConfig = mergeConfig(indicatorConfig);
+var Indicator = component(mergedIndicatorConfig);
+export var StyledWrapper = styled.div.withConfig({
+    displayName: "Item.styles__StyledWrapper",
+    componentId: "sc-9fbb8f6d-1"
+})([
+    "",
+    ":",
+    ";",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");width:100%;& div.cell-content,& div.cell-textbox{flex:1;}& div.cell-textbox-title{position:relative;}& div.cell-textbox-title:before{content:' ';visibility:hidden;}& div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"
+], cellTokens.cellTitleColor, function(param) {
+    var disabled = param.disabled;
+    return disabled ? "var(".concat(tokens.itemDisabledColor, ")") : "var(".concat(constants.cellTitleColor, ")");
+}, cellTokens.cellBackgroundColor, constants.cellBackgroundColor, cellTokens.cellPadding, tokens.cellPadding, cellTokens.cellPaddingLeftContent, tokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, tokens.cellPaddingContent, cellTokens.cellPaddingRightContent, tokens.cellPaddingRightContent, cellTokens.cellTextboxGap, tokens.cellTextboxGap, cellTokens.cellGap, tokens.cellGap, cellTokens.cellTitleFontFamily, tokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, tokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, tokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, tokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, tokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, tokens.cellTitleLineHeight);
+export var StyledCell = styled(Cell).withConfig({
+    displayName: "Item.styles__StyledCell",
+    componentId: "sc-9fbb8f6d-2"
+})([
+    ""
+]);
+export var StyledCheckbox = styled(Checkbox).withConfig({
+    displayName: "Item.styles__StyledCheckbox",
+    componentId: "sc-9fbb8f6d-3"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, tokens.checkboxFillColor, checkboxTokens.iconColor, tokens.checkboxIconColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor, tokens.checkboxTriggerBorderColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor);
+export var StyledIndicator = styled(Indicator).withConfig({
+    displayName: "Item.styles__StyledIndicator",
+    componentId: "sc-9fbb8f6d-4"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], indicatorTokens.size, tokens.indicatorSize, indicatorTokens.color, tokens.itemIconColor);
+// TODO: Удалить после поддержки JS переменных в конфиге компонент
+export var sizeMap = {
+    xs: '1rem',
+    s: '1.5rem'
+};
+export var StyledArrowLeft = styled(IconDisclosureRightCentered).withConfig({
+    displayName: "Item.styles__StyledArrowLeft",
+    componentId: "sc-9fbb8f6d-5"
+})([
+    "width:",
+    ";height:",
+    ";&.",
+    "{transform:rotate(90deg);}"
+], function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, classes.arrowInverse);
+export var StyledArrowRight = styled(IconDisclosureRightCentered).withConfig({
+    displayName: "Item.styles__StyledArrowRight",
+    componentId: "sc-9fbb8f6d-6"
+})([
+    "width:",
+    ";height:",
+    ";transform:rotate(90deg);&.",
+    "{transform:rotate(-90deg);}"
+], function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, classes.arrowInverse);
+export var StyledIconDone = styled(IconDone).withConfig({
+    displayName: "Item.styles__StyledIconDone",
+    componentId: "sc-9fbb8f6d-7"
+})([
+    "width:",
+    ";height:",
+    ";"
+], function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
+export var DisclosureIconWrapper = styled.div.withConfig({
+    displayName: "Item.styles__DisclosureIconWrapper",
+    componentId: "sc-9fbb8f6d-8"
+})([
+    "line-height:0;color:var(",
+    ");visibility:",
+    ";&:hover{color:var(",
+    ");}"
+], tokens.disclosureIconColor, function(param) {
+    var visibility = param.visibility;
+    return visibility || 'visible';
+}, tokens.disclosureIconColorHover);
+export var IconWrapper = styled.div.withConfig({
+    displayName: "Item.styles__IconWrapper",
+    componentId: "sc-9fbb8f6d-9"
+})([
+    "display:flex;align-items:center;justify-content:center;flex:none;width:",
+    ";height:",
+    ";line-height:0;color:var(",
+    ");"
+], function(param) {
+    var variant = param.variant;
+    return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
+}, function(param) {
+    var variant = param.variant;
+    return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
+}, tokens.itemIconColor);
+export var StyledText = styled.div.withConfig({
+    displayName: "Item.styles__StyledText",
+    componentId: "sc-9fbb8f6d-10"
+})([
+    "",
+    ";flex:1;"
+], applyEllipsis());
+export var Wrapper = styled.div.withConfig({
+    displayName: "Item.styles__Wrapper",
+    componentId: "sc-9fbb8f6d-11"
+})([
+    "display:flex;align-items:center;gap:var(",
+    ");min-height:var(",
+    ");margin:0;box-sizing:content-box;padding:",
+    ";font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");background-color:var(",
+    ");color:var(--text-primary);border-radius:calc(var(",
+    ") - 0.125rem - var(",
+    ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.",
+    "){cursor:pointer;background-color:var(",
+    ");}&.",
+    "{background-color:var(",
+    ");}&.",
+    "{opacity:var(",
+    ");color:var(",
+    ");cursor:not-allowed;}:focus{outline:none;}",
+    ";"
+], tokens.itemGap, tokens.itemHeight, function(param) {
+    var variant = param.variant;
+    return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
+}, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, constants.itemBackground, tokens.borderRadius, tokens.dropdownBorderWidth, classes.dropdownItemIsDisabled, tokens.itemBackgroundHover, classes.dropdownItemIsActive, tokens.itemBackgroundHover, classes.dropdownItemIsDisabled, tokens.itemDisabledOpacity, tokens.itemDisabledColor, addFocus({
+    outlineSize: '0',
+    outlineOffset: '0',
+    outlineColor: "var(".concat(constants.focusColor, ")"),
+    outlineRadius: "calc(var(".concat(tokens.borderRadius, ") - 0.125rem - var(").concat(tokens.dropdownBorderWidth, ", 0rem))"),
+    hasTransition: false,
+    customFocusRules: "\n            &.".concat(classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: inset 0 0 0 0.0625rem var(").concat(constants.focusColor, ");\n            }\n        ")
+}));
+export var StyledCheckboxWrapper = styled.span.withConfig({
+    displayName: "Item.styles__StyledCheckboxWrapper",
+    componentId: "sc-9fbb8f6d-12"
+})([
+    ""
+]);
+export var ChildItems = styled.div.withConfig({
+    displayName: "Item.styles__ChildItems",
+    componentId: "sc-9fbb8f6d-13"
+})([
+    ""
+]);
+export var Offset = styled.div.withConfig({
+    displayName: "Item.styles__Offset",
+    componentId: "sc-9fbb8f6d-14"
+})([
+    "width:calc(",
+    " * var(",
+    "));flex:none;margin-right:calc(var(",
+    ") * -1);"
+], function(param) {
+    var depth = param.depth;
+    return depth || 0;
+}, tokens.itemTreeOffsetWidth, tokens.itemGap);

package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.types.js

@@ -0,0 +1 @@
+export { };

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

@@ -2,3 +2,4 @@ export * from "./Inner/Inner";
 export * from "./Target/Target";
 export * from "./VirtualList/VirtualList";
 export * from "./SelectAll/SelectAll";
+export * from "./TreeList/TreeList";