@salutejs/plasma-new-hope 0.336.0-canary.2219.17694335760.0 → 0.336.0-canary.2219.17733017487.0

package/cjs/components/Switch/Switch.js

@@ -18,7 +18,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var _StyledTrigger;
-var _excluded = ["size", "toggleSize", "view", "focused", "outlined", "disabled", "labelPosition", "label", "description", "id", "style", "className", "checked", "pressed", "defaultChecked"];
+var _excluded = ["size", "toggleSize", "view", "focused", "outlined", "disabled", "labelPosition", "label", "description", "singleLine", "id", "style", "className", "checked", "pressed", "defaultChecked"];
 var switchRoot = function switchRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
     var size = props.size,
@@ -30,6 +30,8 @@ var switchRoot = function switchRoot(Root) {
       labelPosition = props.labelPosition,
       label = props.label,
       description = props.description,
+      _props$singleLine = props.singleLine,
+      singleLine = _props$singleLine === void 0 ? true : _props$singleLine,
       id = props.id,
       style = props.style,
       className = props.className,
@@ -59,7 +61,8 @@ var switchRoot = function switchRoot(Root) {
       defaultChecked: defaultChecked,
       disabled: disabled
     })), /*#__PURE__*/React__default.default.createElement(Switch_styles.StyledLabel, {
-      tabIndex: -1
+      tabIndex: -1,
+      className: singleLine ? Switch_tokens.classes.singleLine : ''
     }, label), _StyledTrigger || (_StyledTrigger = /*#__PURE__*/React__default.default.createElement(Switch_styles.StyledTrigger, {
       "aria-hidden": true
     }))), description && /*#__PURE__*/React__default.default.createElement(Switch_styles.StyledDescription, null, description));

package/cjs/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { base as sizeCSS } from '../Switch/_size/base';\nimport { base as toggleSizeCSS } from '../Switch/_toggleSize/base';\nimport { base as viewCSS } from '../Switch/_view/base';\nimport { base as focusedCSS } from '../Switch/_focused/base';\nimport { base as disabledCSS } from '../Switch/_disabled/base';\nimport { cx } from '../../utils';\n\nimport { StyledContent, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles';\nimport { SwitchProps } from './Switch.types';\nimport { classes } from './Switch.tokens';\n\nexport const switchRoot = (Root: RootProps<HTMLInputElement, SwitchProps>) =>\n    forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n        const {\n            size,\n            toggleSize,\n            view,\n            focused,\n            outlined,\n            disabled,\n            labelPosition,\n\n            label,\n            description,\n\n            id,\n            style,\n            className,\n\n            // singleLine,\n\n            checked,\n            pressed,\n            defaultChecked,\n\n            ...rest\n        } = props;\n\n        const exactChecked = Boolean((checked ?? pressed) !== undefined ? checked ?? pressed : defaultChecked);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                toggleSize={toggleSize}\n                disabled={disabled}\n                focused={focused ?? outlined}\n                labelPosition={labelPosition}\n                id={id}\n                style={style}\n                className={cx(className)}\n            >\n                <StyledContent className={cx(classes[`${labelPosition}SwitchLabelPosition` as keyof typeof classes])}>\n                    <StyledInput\n                        {...rest}\n                        ref={ref}\n                        role=\"switch\"\n                        aria-checked={exactChecked}\n                        type=\"checkbox\"\n                        checked={checked ?? pressed}\n                        defaultChecked={defaultChecked}\n                        disabled={disabled}\n                    />\n                    <StyledLabel tabIndex={-1}>{label}</StyledLabel>\n                    <StyledTrigger aria-hidden />\n                </StyledContent>\n                {description && <StyledDescription>{description}</StyledDescription>}\n            </Root>\n        );\n    });\n\nexport const switchConfig = {\n    name: 'Switch',\n    tag: 'label',\n    base,\n    layout: switchRoot,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        toggleSize: {\n            css: toggleSizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 's',\n        view: 'default',\n    },\n};\n"],"names":["switchRoot","Root","forwardRef","props","ref","size","toggleSize","view","focused","outlined","disabled","labelPosition","label","description","id","style","className","checked","pressed","defaultChecked","rest","_objectWithoutProperties","_excluded","exactChecked","Boolean","undefined","React","createElement","cx","StyledContent","classes","concat","StyledInput","_extends","role","type","StyledLabel","tabIndex","_StyledTrigger","StyledTrigger","StyledDescription","switchConfig","name","tag","base","layout","variations","css","sizeCSS","viewCSS","toggleSizeCSS","disabledCSS","attrs","focusedCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { base as sizeCSS } from '../Switch/_size/base';\nimport { base as toggleSizeCSS } from '../Switch/_toggleSize/base';\nimport { base as viewCSS } from '../Switch/_view/base';\nimport { base as focusedCSS } from '../Switch/_focused/base';\nimport { base as disabledCSS } from '../Switch/_disabled/base';\nimport { cx } from '../../utils';\n\nimport { StyledContent, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles';\nimport { SwitchProps } from './Switch.types';\nimport { classes } from './Switch.tokens';\n\nexport const switchRoot = (Root: RootProps<HTMLInputElement, SwitchProps>) =>\n    forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n        const {\n            size,\n            toggleSize,\n            view,\n            focused,\n            outlined,\n            disabled,\n            labelPosition,\n\n            label,\n            description,\n            singleLine = true,\n\n            id,\n            style,\n            className,\n\n            // singleLine,\n\n            checked,\n            pressed,\n            defaultChecked,\n\n            ...rest\n        } = props;\n\n        const exactChecked = Boolean((checked ?? pressed) !== undefined ? checked ?? pressed : defaultChecked);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                toggleSize={toggleSize}\n                disabled={disabled}\n                focused={focused ?? outlined}\n                labelPosition={labelPosition}\n                id={id}\n                style={style}\n                className={cx(className)}\n            >\n                <StyledContent className={cx(classes[`${labelPosition}SwitchLabelPosition` as keyof typeof classes])}>\n                    <StyledInput\n                        {...rest}\n                        ref={ref}\n                        role=\"switch\"\n                        aria-checked={exactChecked}\n                        type=\"checkbox\"\n                        checked={checked ?? pressed}\n                        defaultChecked={defaultChecked}\n                        disabled={disabled}\n                    />\n                    <StyledLabel tabIndex={-1} className={singleLine ? classes.singleLine : ''}>\n                        {label}\n                    </StyledLabel>\n                    <StyledTrigger aria-hidden />\n                </StyledContent>\n                {description && <StyledDescription>{description}</StyledDescription>}\n            </Root>\n        );\n    });\n\nexport const switchConfig = {\n    name: 'Switch',\n    tag: 'label',\n    base,\n    layout: switchRoot,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        toggleSize: {\n            css: toggleSizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 's',\n        view: 'default',\n    },\n};\n"],"names":["switchRoot","Root","forwardRef","props","ref","size","toggleSize","view","focused","outlined","disabled","labelPosition","label","description","_props$singleLine","singleLine","id","style","className","checked","pressed","defaultChecked","rest","_objectWithoutProperties","_excluded","exactChecked","Boolean","undefined","React","createElement","cx","StyledContent","classes","concat","StyledInput","_extends","role","type","StyledLabel","tabIndex","_StyledTrigger","StyledTrigger","StyledDescription","switchConfig","name","tag","base","layout","variations","css","sizeCSS","viewCSS","toggleSizeCSS","disabledCSS","attrs","focusedCSS","defaults"],"mappings":"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"}

package/cjs/components/Switch/Switch.styles.js

@@ -1,4 +1,4 @@
-require('./Switch.styles_qjefea.css');
+require('./Switch.styles_158fwwl.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Switch/Switch.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Switch.tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.verticalGap});\n\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledContent = styled.div`\n    width: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    &.${classes.beforeSwitchLabelPosition} {\n        justify-content: space-between;\n\n        ${tokens.labelOffsetPrivate}: 0 var(${tokens.labelOffset}) 0 0;\n    }\n\n    &.${classes.afterSwitchLabelPosition} {\n        justify-content: start;\n        flex-direction: row-reverse;\n\n        ${tokens.labelOffsetPrivate}: 0 0 0 var(${tokens.labelOffset});\n    }\n`;\n\nexport const StyledDescription = styled.div`\n    position: relative;\n\n    ${applyEllipsis()}\n\n    display: -webkit-box;\n    line-clamp: var(${tokens.descriptionMaxLines});\n    -webkit-line-clamp: var(${tokens.descriptionMaxLines}); /* Ограничиваем количество строк */\n    -webkit-box-orient: vertical;\n    white-space: wrap;\n`;\n\nexport const StyledInput = styled.input`\n    position: absolute;\n    right: 0;\n    margin: 0;\n    opacity: 0;\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledLabel = styled.span`\n    user-select: none;\n\n    // TODO: multiline switch\n    ${applyEllipsis()}\n`;\n\nexport const StyledTrigger = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    transition: background-color 0.15s ease-in-out 0.1s;\n\n    ::after {\n        content: '';\n        position: absolute;\n        right: auto;\n        left: 0;\n\n        transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n    }\n\n    ${StyledInput}:checked ~ &::after {\n        right: 0;\n        left: auto;\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledDescription","StyledInput","StyledLabel","StyledTrigger"],"mappings":";;;;;;AAOO,IAAMA,IAAI,GAYhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBlC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBlC;;;;;;;;;"}
+{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Switch.tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.verticalGap});\n\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledContent = styled.div`\n    width: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    &.${classes.beforeSwitchLabelPosition} {\n        justify-content: space-between;\n\n        ${tokens.labelOffsetPrivate}: 0 var(${tokens.labelOffset}) 0 0;\n    }\n\n    &.${classes.afterSwitchLabelPosition} {\n        justify-content: start;\n        flex-direction: row-reverse;\n\n        ${tokens.labelOffsetPrivate}: 0 0 0 var(${tokens.labelOffset});\n    }\n`;\n\nexport const StyledDescription = styled.div`\n    position: relative;\n\n    ${applyEllipsis()}\n\n    display: -webkit-box;\n    line-clamp: var(${tokens.descriptionMaxLines});\n    -webkit-line-clamp: var(${tokens.descriptionMaxLines}); /* Ограничиваем количество строк */\n    -webkit-box-orient: vertical;\n    white-space: wrap;\n`;\n\nexport const StyledInput = styled.input`\n    position: absolute;\n    right: 0;\n    margin: 0;\n    opacity: 0;\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledLabel = styled.span`\n    user-select: none;\n\n    &.${classes.singleLine} {\n        ${applyEllipsis()}\n    }\n`;\n\nexport const StyledTrigger = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    transition: background-color 0.15s ease-in-out 0.1s;\n\n    ::after {\n        content: '';\n        position: absolute;\n        right: auto;\n        left: 0;\n\n        transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n    }\n\n    ${StyledInput}:checked ~ &::after {\n        right: 0;\n        left: auto;\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledDescription","StyledInput","StyledLabel","StyledTrigger"],"mappings":";;;;;;AAOO,IAAMA,IAAI,GAYhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBlC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBlC;;;;;;;;;"}

package/{es/components/Switch/Switch.styles_qjefea.css → cjs/components/Switch/Switch.styles_158fwwl.css}

@@ -2,5 +2,5 @@
 .s10fscgc{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s10fscgc.switch-label-position-before{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.s10fscgc.switch-label-position-after{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
 .sdjnckq{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;line-clamp:var(--plasma-switch__description-max-lines);-webkit-line-clamp:var(--plasma-switch__description-max-lines);-webkit-box-orient:vertical;white-space:wrap;}
 .ssthlx1{position:absolute;right:0;margin:0;opacity:0;}.ssthlx1:focus{outline:0 none;}
-.s1ilr5eq{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.s1ilr5eq{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.s1ilr5eq.switch-single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .s2cs3kf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.s2cs3kf::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.ssthlx1:checked ~ .s2cs3kf::after{right:0;left:auto;}

package/cjs/components/Switch/Switch.tokens.js

@@ -54,7 +54,8 @@ var tokens = {
 };
 var classes = {
   beforeSwitchLabelPosition: 'switch-label-position-before',
-  afterSwitchLabelPosition: 'switch-label-position-after'
+  afterSwitchLabelPosition: 'switch-label-position-after',
+  singleLine: 'switch-single-line'
 };
 
 exports.classes = classes;

package/cjs/components/Switch/Switch.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n    fontFamily: '--plasma-switch-font-family',\n    fontStyle: '--plasma-switch-font-style',\n    fontSize: '--plasma-switch-font-size',\n    fontWeight: '--plasma-switch-font-weight',\n    letterSpacing: '--plasma-switch-letter-spacing',\n    lineHeight: '--plasma-switch-line-height',\n\n    /* Токены description */\n    descriptionFontFamily: '--plasma-switch-description-font-family',\n    descriptionFontStyle: '--plasma-switch-description-font-style',\n    descriptionFontSize: '--plasma-switch-description-font-size',\n    descriptionFontWeight: '--plasma-switch-description-font-weight',\n    descriptionLetterSpacing: '--plasma-switch-description-letter-spacing',\n    descriptionLineHeight: '--plasma-switch-description-line-height',\n\n    /* Цвет подписи */\n    labelColor: '--plasma-switch__label-color',\n    labelOffset: '--plasma-switch__label-offset',\n\n    /* Цвет описания */\n    descriptionColor: '--plasma-switch__description-color',\n    descriptionOffset: '--plasma-switch__description-offset',\n    descriptionMaxLines: '--plasma-switch__description-max-lines',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-switch-disabled-opacity',\n\n    verticalGap: '--plasma-switch-vertical-gap',\n    trackWidth: '--plasma-switch__track-width',\n    trackHeight: '--plasma-switch__track-height',\n    trackBorderWidthOn: '--plasma-switch__track_checked_true-border-width',\n    trackBorderWidthOff: '--plasma-switch__track_checked_false-border-width',\n    trackBorderColorOn: '--plasma-switch__track_checked_true-border-color',\n    trackBorderColorOnHover: '--plasma-switch__track_checked_true_hovered_true-border-color',\n    trackBorderColorOff: '--plasma-switch__track_checked_false-border-color',\n    trackBorderColorOffHover: '--plasma-switch__track_checked_false_hovered_true-border-color',\n\n    trackBorderRadius: '--plasma-switch__track-border-radius',\n    // NOTE: could be intersection with checked\n    trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n    trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n    trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n    trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n    trackFocusColor: '--plasma-switch__track-focus-color',\n\n    thumbSize: '--plasma-switch__thumb-size',\n    thumbOffsetOn: '--plasma-switch__thumb_checked_true-offset',\n    thumbOffsetOff: '--plasma-switch__thumb_checked_false-offset',\n    thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n    thumbPressScale: '--plasma-switch__thumb-scale',\n\n    thumbBackgroundColorOn: '--plasma-switch__thumb_checked_true-bg-color',\n    thumbBackgroundColorOff: '--plasma-switch__thumb_checked_false-bg-color',\n    thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n    thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n\n    labelOffsetPrivate: '--plasma_private-switch__label-offset',\n};\n\nexport const classes = {\n    beforeSwitchLabelPosition: 'switch-label-position-before',\n    afterSwitchLabelPosition: 'switch-label-position-after',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","descriptionFontFamily","descriptionFontStyle","descriptionFontSize","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","labelColor","labelOffset","descriptionColor","descriptionOffset","descriptionMaxLines","disabledOpacity","verticalGap","trackWidth","trackHeight","trackBorderWidthOn","trackBorderWidthOff","trackBorderColorOn","trackBorderColorOnHover","trackBorderColorOff","trackBorderColorOffHover","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffsetOn","thumbOffsetOff","thumbBorderRadius","thumbPressScale","thumbBackgroundColorOn","thumbBackgroundColorOff","thumbBoxShadow","thumbBoxShadowOn","labelOffsetPrivate","classes","beforeSwitchLabelPosition","afterSwitchLabelPosition"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhE;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7D;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,uBAAuB,EAAE,+DAA+D;AACxFC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,wBAAwB,EAAE,gEAAgE;AAE1FC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,aAAa,EAAE,4CAA4C;AAC3DC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAgD;AAElEC,EAAAA,kBAAkB,EAAE,uCAAA;AACxB,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,wBAAwB,EAAE,6BAAA;AAC9B;;;;;"}
+{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n    fontFamily: '--plasma-switch-font-family',\n    fontStyle: '--plasma-switch-font-style',\n    fontSize: '--plasma-switch-font-size',\n    fontWeight: '--plasma-switch-font-weight',\n    letterSpacing: '--plasma-switch-letter-spacing',\n    lineHeight: '--plasma-switch-line-height',\n\n    /* Токены description */\n    descriptionFontFamily: '--plasma-switch-description-font-family',\n    descriptionFontStyle: '--plasma-switch-description-font-style',\n    descriptionFontSize: '--plasma-switch-description-font-size',\n    descriptionFontWeight: '--plasma-switch-description-font-weight',\n    descriptionLetterSpacing: '--plasma-switch-description-letter-spacing',\n    descriptionLineHeight: '--plasma-switch-description-line-height',\n\n    /* Цвет подписи */\n    labelColor: '--plasma-switch__label-color',\n    labelOffset: '--plasma-switch__label-offset',\n\n    /* Цвет описания */\n    descriptionColor: '--plasma-switch__description-color',\n    descriptionOffset: '--plasma-switch__description-offset',\n    descriptionMaxLines: '--plasma-switch__description-max-lines',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-switch-disabled-opacity',\n\n    verticalGap: '--plasma-switch-vertical-gap',\n    trackWidth: '--plasma-switch__track-width',\n    trackHeight: '--plasma-switch__track-height',\n    trackBorderWidthOn: '--plasma-switch__track_checked_true-border-width',\n    trackBorderWidthOff: '--plasma-switch__track_checked_false-border-width',\n    trackBorderColorOn: '--plasma-switch__track_checked_true-border-color',\n    trackBorderColorOnHover: '--plasma-switch__track_checked_true_hovered_true-border-color',\n    trackBorderColorOff: '--plasma-switch__track_checked_false-border-color',\n    trackBorderColorOffHover: '--plasma-switch__track_checked_false_hovered_true-border-color',\n\n    trackBorderRadius: '--plasma-switch__track-border-radius',\n    // NOTE: could be intersection with checked\n    trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n    trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n    trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n    trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n    trackFocusColor: '--plasma-switch__track-focus-color',\n\n    thumbSize: '--plasma-switch__thumb-size',\n    thumbOffsetOn: '--plasma-switch__thumb_checked_true-offset',\n    thumbOffsetOff: '--plasma-switch__thumb_checked_false-offset',\n    thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n    thumbPressScale: '--plasma-switch__thumb-scale',\n\n    thumbBackgroundColorOn: '--plasma-switch__thumb_checked_true-bg-color',\n    thumbBackgroundColorOff: '--plasma-switch__thumb_checked_false-bg-color',\n    thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n    thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n\n    labelOffsetPrivate: '--plasma_private-switch__label-offset',\n};\n\nexport const classes = {\n    beforeSwitchLabelPosition: 'switch-label-position-before',\n    afterSwitchLabelPosition: 'switch-label-position-after',\n    singleLine: 'switch-single-line',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","descriptionFontFamily","descriptionFontStyle","descriptionFontSize","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","labelColor","labelOffset","descriptionColor","descriptionOffset","descriptionMaxLines","disabledOpacity","verticalGap","trackWidth","trackHeight","trackBorderWidthOn","trackBorderWidthOff","trackBorderColorOn","trackBorderColorOnHover","trackBorderColorOff","trackBorderColorOffHover","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffsetOn","thumbOffsetOff","thumbBorderRadius","thumbPressScale","thumbBackgroundColorOn","thumbBackgroundColorOff","thumbBoxShadow","thumbBoxShadowOn","labelOffsetPrivate","classes","beforeSwitchLabelPosition","afterSwitchLabelPosition","singleLine"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhE;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,iBAAiB,EAAE,qCAAqC;AACxDC,EAAAA,mBAAmB,EAAE,wCAAwC;AAE7D;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,uBAAuB,EAAE,+DAA+D;AACxFC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,wBAAwB,EAAE,gEAAgE;AAE1FC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,aAAa,EAAE,4CAA4C;AAC3DC,EAAAA,cAAc,EAAE,6CAA6C;AAC7DC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAgD;AAElEC,EAAAA,kBAAkB,EAAE,uCAAA;AACxB,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,UAAU,EAAE,oBAAA;AAChB;;;;;"}

package/cjs/components/Tree/Tree.css

@@ -1,9 +1,10 @@
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
-.Tree_styles_6sla5y_io9xczg__91ae2632{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_6sla5y_io9xczg__91ae2632:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_6sla5y_io9xczg__91ae2632:active{color:var(--plasma-tree-arrow-color-active);}
-.Tree_styles_6sla5y_smciu6q__91ae2632{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.Tree_styles_1bw3k0r_io9xczg__2a5eff5f{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_1bw3k0r_io9xczg__2a5eff5f:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_1bw3k0r_io9xczg__2a5eff5f:active{color:var(--plasma-tree-arrow-color-active);}
+.Tree_styles_1bw3k0r_smciu6q__2a5eff5f{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
 
-.Tree_styles_6sla5y_t1bgqryr__91ae2632{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:var(--t1bgqryr-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Tree_styles_6sla5y_t1un80r8__91ae2632{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Tree_styles_6sla5y_c92yb2c__91ae2632{line-height:0;}
-.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632{margin:0;border:1px solid transparent;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeFocused__91ae2632:not(.Tree_styles_6sla5y_rcTreeActiveFocused__91ae2632){border-color:cyan;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_draggable__91ae2632{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dragging__91ae2632{background:rgba(100,100,255,0.1);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropContainer__91ae2632 > .Tree_styles_6sla5y_draggable__91ae2632::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropContainer__91ae2632 ~ .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{border-left:2px solid chocolate;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropTarget__91ae2632{background-color:yellowgreen;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropTarget__91ae2632 ~ .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{border-left:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_filterNode__91ae2632 > .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 ul{margin:0;padding:0 0 0 18px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeRadioMode__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{cursor:default;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeIconEle__91ae2632{cursor:default;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeIconEle__91ae2632{cursor:pointer;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeIconEle__91ae2632.Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{background-image:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeIcon_loading__91ae2632{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{display:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_open__91ae2632{background-position:-93px -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_close__91ae2632{background-position:-75px -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxChecked__91ae2632{background-position:-14px 0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632{background-position:-14px -28px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632{background-position:0 -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxChecked__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632{background-position:-14px -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632:not(.Tree_styles_6sla5y_rcTreeShowLine__91ae2632) .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{background:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_rcTreeShowLine__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_rcTreeShowLine__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(:last-child) > .Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{background-position:-56px -18px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_rcTreeShowLine__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:last-child > .Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{background-position:-56px -36px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeChildTree__91ae2632{display:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeChildTreeOpen__91ae2632{display:block;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 > span:not(.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632),.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 > a,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 > a span{color:#767676;cursor:not-allowed;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeActive__91ae2632{background:rgba(0,0,0,0.1);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__open__91ae2632{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__close__91ae2632{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__docu__91ae2632{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{display:inline-block;width:100%;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIndent__91ae2632{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIndentUnit__91ae2632{display:inline-block;width:16px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeDraggableIcon__91ae2632{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeList__91ae2632{border:none !important;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeListHolder__91ae2632{overflow:hidden auto;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeItemFilled__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632:not(tree-item-filled) .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeSwitcher__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeCheckbox__91ae2632{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeItemFilled__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632::before{inset:0;border-radius:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_treeItemHasSelectedChildren__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632) .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_treeItemHasSelectedChildren__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632) .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_treeItemPrimaryBackground__91ae2632::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632):not(.Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeRadioMode__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632):not(.Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeRadioMode__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_open__91ae2632 .Tree_styles_6sla5y_arrow__91ae2632{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_close__91ae2632 .Tree_styles_6sla5y_arrow__91ae2632{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_open__91ae2632 .Tree_styles_6sla5y_arrow__91ae2632{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxChecked__91ae2632::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632::before{left:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632{opacity:1;box-shadow:none;background:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIndentUnit__91ae2632{width:var(--plasma-tree-item-indent);}
+.Tree_styles_1bw3k0r_t1bgqryr__2a5eff5f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:var(--t1bgqryr-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Tree_styles_1bw3k0r_t1un80r8__2a5eff5f{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Tree_styles_1bw3k0r_c92yb2c__2a5eff5f{line-height:0;}
+.Tree_styles_1bw3k0r_l1njos1z__2a5eff5f{left:var(--l1njos1z-0);right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(--plasma-tree-item-draggable-line-color );border-radius:1px;pointer-events:none;}
+.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f{margin:0;border:1px solid transparent;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeFocused__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeActiveFocused__2a5eff5f){border-color:cyan;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_draggable__2a5eff5f{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dragging__2a5eff5f{opacity:0.28;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dropContainer__2a5eff5f::before,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f:not(:has(.Tree_styles_1bw3k0r_dropContainer__2a5eff5f)) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dropTarget__2a5eff5f.Tree_styles_1bw3k0r_treeLeafNode__2a5eff5f::before,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f:not(:has(.Tree_styles_1bw3k0r_dropContainer__2a5eff5f)) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dropTarget__2a5eff5f.Tree_styles_1bw3k0r_dragOver__2a5eff5f::before{box-shadow:inset 0 0 0 1px var(--plasma-tree-item-draggable-border-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_filterNode__2a5eff5f > .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f ul{margin:0;padding:0 0 0 18px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeRadioMode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{cursor:default;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIconEle__2a5eff5f{cursor:default;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIconEle__2a5eff5f{cursor:pointer;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIconEle__2a5eff5f.Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{background-image:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIcon_loading__2a5eff5f{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{display:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_open__2a5eff5f{background-position:-93px -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_close__2a5eff5f{background-position:-75px -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxChecked__2a5eff5f{background-position:-14px 0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f{background-position:-14px -28px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f{background-position:0 -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxChecked__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f{background-position:-14px -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{background:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(:last-child) > .Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{background-position:-56px -18px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:last-child > .Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{background-position:-56px -36px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeChildTree__2a5eff5f{display:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeChildTreeOpen__2a5eff5f{display:block;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f > span:not(.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f),.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f > a,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f > a span{color:#767676;cursor:not-allowed;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeActive__2a5eff5f{background:rgba(0,0,0,0.1);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__open__2a5eff5f{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__close__2a5eff5f{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__docu__2a5eff5f{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{display:inline-block;width:100%;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIndent__2a5eff5f{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIndentUnit__2a5eff5f{display:inline-block;width:16px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeDraggableIcon__2a5eff5f{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeList__2a5eff5f{border:none !important;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeListHolder__2a5eff5f{overflow:hidden auto;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeItemFilled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f:not(tree-item-filled) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeItemFilled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f::before{inset:0;border-radius:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_treeItemHasSelectedChildren__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f) .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_treeItemHasSelectedChildren__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f) .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_treeItemPrimaryBackground__2a5eff5f::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f):not(.Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeRadioMode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f):not(.Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeRadioMode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_open__2a5eff5f .Tree_styles_1bw3k0r_arrow__2a5eff5f{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_close__2a5eff5f .Tree_styles_1bw3k0r_arrow__2a5eff5f{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_open__2a5eff5f .Tree_styles_1bw3k0r_arrow__2a5eff5f{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxChecked__2a5eff5f::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f::before{left:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f{opacity:1;box-shadow:none;background:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIndentUnit__2a5eff5f{width:var(--plasma-tree-item-indent);}

package/cjs/components/Tree/Tree.js

@@ -55,7 +55,16 @@ var treeRoot = function treeRoot(Root) {
       icon = _ref.icon,
       renderTitle = _ref.renderTitle,
       _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'default' : _ref$mode;
+      mode = _ref$mode === void 0 ? 'default' : _ref$mode,
+      _ref$draggable = _ref.draggable,
+      draggable = _ref$draggable === void 0 ? false : _ref$draggable,
+      onDragStart = _ref.onDragStart,
+      onDragEnter = _ref.onDragEnter,
+      onDragOver = _ref.onDragOver,
+      onDragLeave = _ref.onDragLeave,
+      onDragEnd = _ref.onDragEnd,
+      onDrop = _ref.onDrop,
+      allowDrop = _ref.allowDrop;
     var _useState = React.useState(defaultSelectedKeys || []),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
       selected = _useState2[0],
@@ -130,6 +139,38 @@ var treeRoot = function treeRoot(Root) {
           fullWidthItemSelection: fullWidthItemSelection,
           arrowPlacement: arrowPlacement
         }, /*#__PURE__*/React__default.default.createElement(Tree_styles.Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/React__default.default.createElement(Tree_styles.ContentRight, null, item.contentRight));
+      },
+      draggable: draggable,
+      onDragStart: onDragStart,
+      onDragEnter: onDragEnter,
+      onDragOver: onDragOver,
+      onDragLeave: onDragLeave,
+      onDragEnd: onDragEnd,
+      onDrop: onDrop,
+      allowDrop: allowDrop,
+      dropIndicatorRender: function dropIndicatorRender(props) {
+        var offset = 0;
+        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;
+        }
+        return /*#__PURE__*/React__default.default.createElement(Tree_styles.Line, {
+          style: style,
+          left: left
+        });
       }
     })));
   });

package/cjs/components/Tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo } from 'react';\nimport type { Key } from 'react';\nimport Tree from 'rc-tree';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport type { TreeProps, SelectInfo } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } from './Tree.styles';\nimport { sizeToIconSize, traverseTree } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootProps<HTMLDivElement, TreeProps>) =>\n    forwardRef<HTMLDivElement, TreeProps>(\n        (\n            {\n                items,\n                arrowPlacement = 'left',\n                virtual = true,\n                height,\n                itemHeight,\n                size,\n                view,\n                fullWidthItemSelection = false,\n                multiple = false,\n                defaultExpandAll = false,\n                autoExpandParent = false,\n                checkable = false,\n                selectedKeys: outerSelectedKeys,\n                checkedKeys,\n                expandedKeys,\n                defaultCheckedKeys,\n                defaultExpandedKeys,\n                defaultSelectedKeys,\n                className,\n                onTreeSelect,\n                onTreeCheck,\n                onTreeExpand,\n                hasIcon = false,\n                icon,\n                renderTitle,\n                mode = 'default',\n            },\n            ref,\n        ) => {\n            const [selected, setSelected] = useState<React.Key[]>(defaultSelectedKeys || []);\n\n            const selectedKeys = outerSelectedKeys ?? selected;\n\n            const isRadioMode = mode === 'radio' && !multiple;\n\n            const handleSelect = (updatedSelectedKeys: Key[], info: SelectInfo) => {\n                if (!multiple && isRadioMode && updatedSelectedKeys.length === 0) {\n                    return;\n                }\n\n                setSelected(updatedSelectedKeys);\n\n                if (onTreeSelect) {\n                    onTreeSelect(updatedSelectedKeys, info);\n                }\n            };\n\n            const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n            const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n            const radioModeClass = isRadioMode ? classes.treeRadioMode : undefined;\n\n            // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n            // чтобы соблюсти иерархию вложенности в UI.\n            const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n            return (\n                <Root view={view} size={size} ref={ref} items={items}>\n                    <Tree\n                        height={height}\n                        itemHeight={itemHeight}\n                        virtual={virtual}\n                        multiple={multiple}\n                        checkable={checkable}\n                        className={cx(className, invertedClass, itemFilledClass, radioModeClass)}\n                        defaultExpandAll={defaultExpandAll}\n                        autoExpandParent={autoExpandParent}\n                        style={{ border: '1px solid #000' }}\n                        treeData={treeData}\n                        selectedKeys={selectedKeys}\n                        {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n                        {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n                        defaultCheckedKeys={defaultCheckedKeys}\n                        defaultExpandedKeys={defaultExpandedKeys}\n                        onSelect={handleSelect}\n                        // Тайп кастинг для упрощения API\n                        onCheck={onTreeCheck as any}\n                        onExpand={onTreeExpand}\n                        switcherIcon={(node) => {\n                            if (node.isLeaf) {\n                                return null;\n                            }\n\n                            return (\n                                <IconArrowWrapper>\n                                    <StyledArrow size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n                                </IconArrowWrapper>\n                            );\n                        }}\n                        icon={hasIcon && (icon || <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />)}\n                        titleRender={(item) => (\n                            <TitleWrapper\n                                fullWidthItemSelection={fullWidthItemSelection}\n                                arrowPlacement={arrowPlacement}\n                            >\n                                <Title>\n                                    {/* eslint-disable-next-line no-nested-ternary */}\n                                    {renderTitle\n                                        ? renderTitle(item)\n                                        : typeof item.title === 'function'\n                                        ? item.title(item)\n                                        : item.title}\n                                </Title>\n\n                                {item.contentRight && <ContentRight>{item.contentRight}</ContentRight>}\n                            </TitleWrapper>\n                        )}\n                    />\n                </Root>\n            );\n        },\n    );\n\nexport const treeConfig = {\n    name: 'Tree',\n    tag: 'div',\n    layout: treeRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","itemHeight","size","view","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$autoExpandParent","autoExpandParent","_ref$checkable","checkable","outerSelectedKeys","selectedKeys","checkedKeys","expandedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","_ref$mode","mode","_useState","useState","_useState2","_slicedToArray","selected","setSelected","isRadioMode","handleSelect","updatedSelectedKeys","info","length","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","radioModeClass","treeRadioMode","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cx","style","border","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
+{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo } from 'react';\nimport type { Key } from 'react';\nimport Tree from 'rc-tree';\nimport { RootPropsOmitDraggable } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport type { TreeProps, SelectInfo } from './Tree.types';\nimport {\n    IconArrowWrapper,\n    StyledArrow,\n    base,\n    StyledFolder,\n    TitleWrapper,\n    Title,\n    ContentRight,\n    Line,\n} from './Tree.styles';\nimport { sizeToIconSize, traverseTree } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootPropsOmitDraggable<HTMLDivElement, TreeProps>) =>\n    forwardRef<HTMLDivElement, TreeProps>(\n        (\n            {\n                items,\n                arrowPlacement = 'left',\n                virtual = true,\n                height,\n                itemHeight,\n                size,\n                view,\n                fullWidthItemSelection = false,\n                multiple = false,\n                defaultExpandAll = false,\n                autoExpandParent = false,\n                checkable = false,\n                selectedKeys: outerSelectedKeys,\n                checkedKeys,\n                expandedKeys,\n                defaultCheckedKeys,\n                defaultExpandedKeys,\n                defaultSelectedKeys,\n                className,\n                onTreeSelect,\n                onTreeCheck,\n                onTreeExpand,\n                hasIcon = false,\n                icon,\n                renderTitle,\n                mode = 'default',\n                draggable = false,\n                onDragStart,\n                onDragEnter,\n                onDragOver,\n                onDragLeave,\n                onDragEnd,\n                onDrop,\n                allowDrop,\n            },\n            ref,\n        ) => {\n            const [selected, setSelected] = useState<React.Key[]>(defaultSelectedKeys || []);\n\n            const selectedKeys = outerSelectedKeys ?? selected;\n\n            const isRadioMode = mode === 'radio' && !multiple;\n\n            const handleSelect = (updatedSelectedKeys: Key[], info: SelectInfo) => {\n                if (!multiple && isRadioMode && updatedSelectedKeys.length === 0) {\n                    return;\n                }\n\n                setSelected(updatedSelectedKeys);\n\n                if (onTreeSelect) {\n                    onTreeSelect(updatedSelectedKeys, info);\n                }\n            };\n\n            const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n            const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n            const radioModeClass = isRadioMode ? classes.treeRadioMode : undefined;\n\n            // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n            // чтобы соблюсти иерархию вложенности в UI.\n            const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n            return (\n                <Root view={view} size={size} ref={ref} items={items}>\n                    <Tree\n                        height={height}\n                        itemHeight={itemHeight}\n                        virtual={virtual}\n                        multiple={multiple}\n                        checkable={checkable}\n                        className={cx(className, invertedClass, itemFilledClass, radioModeClass)}\n                        defaultExpandAll={defaultExpandAll}\n                        autoExpandParent={autoExpandParent}\n                        style={{ border: '1px solid #000' }}\n                        treeData={treeData}\n                        selectedKeys={selectedKeys}\n                        {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n                        {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n                        defaultCheckedKeys={defaultCheckedKeys}\n                        defaultExpandedKeys={defaultExpandedKeys}\n                        onSelect={handleSelect}\n                        // Тайп кастинг для упрощения API\n                        onCheck={onTreeCheck as any}\n                        onExpand={onTreeExpand}\n                        switcherIcon={(node) => {\n                            if (node.isLeaf) {\n                                return null;\n                            }\n\n                            return (\n                                <IconArrowWrapper>\n                                    <StyledArrow size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n                                </IconArrowWrapper>\n                            );\n                        }}\n                        icon={hasIcon && (icon || <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />)}\n                        titleRender={(item) => (\n                            <TitleWrapper\n                                fullWidthItemSelection={fullWidthItemSelection}\n                                arrowPlacement={arrowPlacement}\n                            >\n                                <Title>\n                                    {/* eslint-disable-next-line no-nested-ternary */}\n                                    {renderTitle\n                                        ? renderTitle(item)\n                                        : typeof item.title === 'function'\n                                        ? item.title(item)\n                                        : item.title}\n                                </Title>\n\n                                {item.contentRight && <ContentRight>{item.contentRight}</ContentRight>}\n                            </TitleWrapper>\n                        )}\n                        draggable={draggable}\n                        onDragStart={onDragStart}\n                        onDragEnter={onDragEnter}\n                        onDragOver={onDragOver}\n                        onDragLeave={onDragLeave}\n                        onDragEnd={onDragEnd}\n                        onDrop={onDrop}\n                        allowDrop={allowDrop}\n                        dropIndicatorRender={(props) => {\n                            const offset = 0;\n                            const { dropPosition, dropLevelOffset, indent } = props;\n                            const left = -dropLevelOffset * indent + offset;\n\n                            const style: React.CSSProperties = {};\n\n                            switch (dropPosition) {\n                                case -1:\n                                    style.top = 0;\n                                    break;\n                                case 1:\n                                    style.bottom = 0;\n                                    break;\n                                default:\n                                    style.bottom = 0;\n                                    style.left = indent + offset;\n                                    break;\n                            }\n                            return <Line style={style} left={left} />;\n                        }}\n                    />\n                </Root>\n            );\n        },\n    );\n\nexport const treeConfig = {\n    name: 'Tree',\n    tag: 'div',\n    layout: treeRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","itemHeight","size","view","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$autoExpandParent","autoExpandParent","_ref$checkable","checkable","outerSelectedKeys","selectedKeys","checkedKeys","expandedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","_ref$mode","mode","_ref$draggable","draggable","onDragStart","onDragEnter","onDragOver","onDragLeave","onDragEnd","onDrop","allowDrop","_useState","useState","_useState2","_slicedToArray","selected","setSelected","isRadioMode","handleSelect","updatedSelectedKeys","info","length","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","radioModeClass","treeRadioMode","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cx","style","border","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","dropIndicatorRender","props","offset","dropPosition","dropLevelOffset","indent","left","top","bottom","Line","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-require('./Tree.styles_6sla5y.css');
+require('./Tree.styles_1bw3k0r.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -54,10 +54,25 @@ var ContentRight = /*#__PURE__*/react.styled('div')({
   "class": "c92yb2c",
   propsAsIs: false
 });
-var base = "b1njos1z";
+var _exp10 = function _exp10() {
+  return function (_ref2) {
+    var left = _ref2.left;
+    return left;
+  };
+};
+var Line = /*#__PURE__*/react.styled('div')({
+  name: "Line",
+  "class": "l1njos1z",
+  propsAsIs: false,
+  vars: {
+    "l1njos1z-0": [/*#__PURE__*/_exp10(), "px"]
+  }
+});
+var base = "bbf7gwp";
 
 exports.ContentRight = ContentRight;
 exports.IconArrowWrapper = IconArrowWrapper;
+exports.Line = Line;
 exports.StyledArrow = StyledArrow;
 exports.StyledFolder = StyledFolder;
 exports.Title = Title;

package/cjs/components/Tree/Tree.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.styles.js","sources":["../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\nimport { IconDisclosureRightCentered, IconFolder } from '../_Icon';\n\nimport { TreeProps } from './Tree.types';\nimport { treeTokens as tokens, classes } from './Tree.tokens';\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.arrowColor});\n\n    &:hover {\n        color: var(${tokens.arrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.arrowColorActive});\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n`;\n\nexport const StyledFolder = styled(IconFolder)``;\n\nexport const TitleWrapper = styled.div<{\n    fullWidthItemSelection: boolean;\n    arrowPlacement: TreeProps['arrowPlacement'];\n}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: ${({ arrowPlacement, fullWidthItemSelection }) =>\n        arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${tokens.iconFolderMargin})` : 0};\n\n    ${applyEllipsis()};\n`;\n\nexport const Title = styled.span`\n    margin: var(${tokens.iconFolderMargin});\n\n    ${applyEllipsis()};\n`;\n\nexport const ContentRight = styled.div`\n    line-height: 0;\n`;\n\nexport const base = css`\n    .rc-tree {\n        margin: 0;\n        border: 1px solid transparent;\n    }\n    .rc-tree-focused:not(.rc-tree-active-focused) {\n        border-color: cyan;\n    }\n    .rc-tree .rc-tree-treenode {\n        margin: 0;\n        padding: 0;\n        line-height: 24px;\n        white-space: nowrap;\n        list-style: none;\n        outline: 0;\n    }\n    .rc-tree .rc-tree-treenode .draggable {\n        color: #333;\n        -moz-user-select: none;\n        -khtml-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        /* Required to make elements draggable in old WebKit */\n    }\n    .rc-tree .rc-tree-treenode.dragging {\n        background: rgba(100, 100, 255, 0.1);\n    }\n    .rc-tree .rc-tree-treenode.drop-container > .draggable::after {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        box-shadow: inset 0 0 0 2px red;\n        content: '';\n    }\n    .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode {\n        border-left: 2px solid chocolate;\n    }\n    .rc-tree .rc-tree-treenode.drop-target {\n        background-color: yellowgreen;\n    }\n    .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode {\n        border-left: none;\n    }\n    .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n        color: #a60000 !important;\n        font-weight: bold !important;\n    }\n    .rc-tree .rc-tree-treenode ul {\n        margin: 0;\n        padding: 0 0 0 18px;\n    }\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        position: relative;\n        display: inline-block;\n        height: 24px;\n        margin: 0;\n        padding: 0;\n        text-decoration: none;\n        vertical-align: top;\n        cursor: pointer;\n        color: var(${tokens.color});\n    }\n    .rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper {\n       cursor: default;\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle {\n        cursor: default;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n        cursor: pointer;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n        background-image: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n        margin-right: 2px;\n        vertical-align: top;\n        background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7')\n        no-repeat scroll 0 0 transparent;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        flex: none;\n    }\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        display: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n        background-position: -93px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n        background-position: -75px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        width: 13px;\n        height: 13px;\n        margin: 0 3px;\n        background-position: 0 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n        background-position: -14px 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n        background-position: -14px -28px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n        background-position: 0 -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n        background-position: -14px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n        position: relative;\n        background: #ccc;\n        border-radius: 3px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n        position: absolute;\n        top: 5px;\n        left: 3px;\n        width: 5px;\n        height: 0;\n        border: 2px solid #fff;\n        border-top: 0;\n        border-left: 0;\n        -webkit-transform: scale(1);\n        transform: scale(1);\n        content: ' ';\n    }\n    .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n        background: none;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n        background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0\n        repeat-y;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n        background-position: -56px -18px;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n        background-position: -56px -36px;\n    }\n    .rc-tree-child-tree {\n        display: none;\n    }\n    .rc-tree-child-tree-open {\n        display: block;\n    }\n    .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n    .rc-tree-treenode-disabled > a,\n    .rc-tree-treenode-disabled > a span {\n        color: #767676;\n        cursor: not-allowed;\n    }\n    .rc-tree-treenode-active {\n        background: rgba(0, 0, 0, 0.1);\n    }\n    .rc-tree-node-selected {\n        background-color: #ffe6b0;\n        box-shadow: 0 0 0 1px #ffb951;\n        opacity: 0.8;\n    }\n    .rc-tree-icon__open {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -16px;\n    }\n    .rc-tree-icon__close {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px 0;\n    }\n    .rc-tree-icon__docu {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -32px;\n    }\n    .rc-tree-icon__customize {\n        display: block;\n        line-height: 0;\n        color: var(${tokens.iconFolderColor});\n        margin: var(${tokens.iconFolderMargin});\n    }\n    .rc-tree-title {\n        display: inline-block;\n        width: 100%;\n    }\n    .rc-tree-indent {\n        display: inline-flex;\n        height: 0;\n        vertical-align: bottom;\n    }\n    .rc-tree-indent-unit {\n        display: inline-block;\n        width: 16px;\n    }\n    .rc-tree-draggable-icon {\n        display: inline-flex;\n        justify-content: center;\n        width: 16px;\n    }\n\n    .rc-tree, .rc-tree-list {\n        border: none !important;\n    }\n\n    .rc-tree .rc-tree-list-holder {\n        overflow: hidden auto;\n    }\n\n    .rc-tree .rc-tree-treenode {\n        position: relative;\n        z-index: 0;\n        display: flex;\n        align-items: center;\n        min-height: var(${tokens.itemHeight});\n        padding: 0;\n    }\n\n    .rc-tree.${classes.treeItemFilled} .rc-tree-treenode {\n        padding: 0 var(${tokens.itemPadding}) !important;\n    }\n\n    .rc-tree.${classes.treeInverted}:not(${classes.treeItemFilled}) .rc-tree-treenode {\n        padding: 0 var(${tokens.itemPaddingTight});\n    }\n\n    .rc-tree .rc-tree-treenode::before {\n        content: '';\n        position: absolute;\n        z-index: -1;\n        top: var(${tokens.itemTop});\n        bottom: var(${tokens.itemBottom});\n        left: var(${tokens.switcherSize});\n        right: 0;\n        background: transparent;\n        border-radius: var(${tokens.itemBorderRadius});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox {\n        opacity: var(${tokens.itemDisabledOpacity});\n    }\n\n    .rc-tree.${classes.treeItemFilled} .rc-tree-treenode::before {\n        inset: 0;\n        border-radius: 0;\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-title {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-icon__customize {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemPrimaryBackground}::before {\n        background: var(${tokens.itemBackgroundColorPrimary});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before {\n        background: var(${tokens.itemBackgroundColorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected):hover::before {\n        background: var(${tokens.itemBackgroundColorHover});\n    }\n\n    .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected):active::before {\n        background: var(${tokens.itemBackgroundColorActive});\n    }\n\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        display: flex;\n        align-items: center;\n        align-self: stretch;\n        height: auto;\n        flex: 1;\n        min-width: max-content;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher {\n        width: var(${tokens.switcherSize});\n        height: var(${tokens.switcherSize});\n        margin: var(${tokens.switcherMargin});\n        line-height: 0;\n        vertical-align: 0;\n        background: transparent;\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n        margin: var(${tokens.switcherMarginInverted});\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n        transform: rotate(90deg);\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow {\n        transform: rotate(90deg);\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n        transform: rotate(0);\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 0;\n        vertical-align: 0;\n        width: var(${tokens.checkboxSize});\n        height: var(${tokens.checkboxSize});\n        margin: var(${tokens.checkboxMargin});\n        background-image: none;\n        flex: none;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before {\n        content: '';\n        display: block;\n        width: var(${tokens.checkboxInnerSize});\n        height: var(${tokens.checkboxInnerSize});\n        border: 0.125rem solid var(${tokens.checkboxBorderColor});\n        border-radius: var(${tokens.checkboxBorderRadius});\n        box-sizing: border-box;\n        background-size: contain;\n        background-repeat: no-repeat;\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before {\n        border: 0.125rem solid var(${tokens.itemDisabledBorderColor});\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before {\n        background-color: var(${tokens.checkboxBackgroundColor});\n        border-color: var(${tokens.checkboxBackgroundColor});\n        background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E\");\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before {\n        background-color: var(${tokens.checkboxBackgroundColor});\n        border-color: var(${tokens.checkboxBackgroundColor});\n        background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E\");\n    }\n\n    .rc-tree-title {\n        color: var(${tokens.color});\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n        order: 1;\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode::before {\n        left: 0;\n    }\n\n    .rc-tree-node-selected {\n        opacity: 1;\n        box-shadow: none;\n        background: none;\n    }\n\n    .rc-tree-node-selected .rc-tree-title {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title {\n        color: var(${tokens.itemDisabledColor});\n    }\n\n    .rc-tree-node-selected .rc-tree-icon__customize {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize {\n        color: var(${tokens.itemDisabledColor});;\n    }\n\n    .rc-tree-indent-unit {\n        width: var(${tokens.itemIndent});\n    }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","_exp5","IconFolder","StyledFolder","_exp6","_ref","arrowPlacement","fullWidthItemSelection","concat","tokens","iconFolderMargin","TitleWrapper","vars","Title","ContentRight","base"],"mappings":";;;;;;;;;AASO,IAAMA,gBAAgB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAC,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCC,uDAA2B,CAAA;AAAA,CAAA,CAAA;AAAtD,IAAMC,WAAW,gBAAGN,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAI,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,qBAAU,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,YAAY,gBAAGT,YAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAAC,IAAAO,KAAA,GA3B/BA,SA2B+BA,KAAAA,GAAA;AAAA,EAAA,OASnC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;MAAEC,sBAAAA,GAAAA,IAAAA,CAAAA,sBAAAA,CAAAA;AAAAA,IAAAA,OACzBD,cAAc,KAAK,MAAM,IAAI,CAACC,sBAAsB,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,sBAAM,CAACC,gBAAgB,SAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,YAAY,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOpBR,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMS,KAAK,gBAAGnB,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMiB,YAAY,gBAAGpB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAMkB,IAAI,GAiZhB;;;;;;;;;;"}
+{"version":3,"file":"Tree.styles.js","sources":["../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\nimport { IconDisclosureRightCentered, IconFolder } from '../_Icon';\n\nimport { TreeProps } from './Tree.types';\nimport { treeTokens as tokens, classes } from './Tree.tokens';\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.arrowColor});\n\n    &:hover {\n        color: var(${tokens.arrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.arrowColorActive});\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n`;\n\nexport const StyledFolder = styled(IconFolder)``;\n\nexport const TitleWrapper = styled.div<{\n    fullWidthItemSelection: boolean;\n    arrowPlacement: TreeProps['arrowPlacement'];\n}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: ${({ arrowPlacement, fullWidthItemSelection }) =>\n        arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${tokens.iconFolderMargin})` : 0};\n\n    ${applyEllipsis()};\n`;\n\nexport const Title = styled.span`\n    margin: var(${tokens.iconFolderMargin});\n\n    ${applyEllipsis()};\n`;\n\nexport const ContentRight = styled.div`\n    line-height: 0;\n`;\n\nexport const Line = styled.div<{ left: number }>`\n    left: ${({ left }) => left}px;\n    right: 0;\n    position: absolute;\n    z-index: 1;\n    height: 0.125rem;\n    background-color: var(${tokens.itemDraggableLineColor});\n    border-radius: 1px;\n    pointer-events: none;\n`;\n\nexport const base = css`\n    .rc-tree {\n        margin: 0;\n        border: 1px solid transparent;\n    }\n    .rc-tree-focused:not(.rc-tree-active-focused) {\n        border-color: cyan;\n    }\n    .rc-tree .rc-tree-treenode {\n        margin: 0;\n        padding: 0;\n        line-height: 24px;\n        white-space: nowrap;\n        list-style: none;\n        outline: 0;\n    }\n    .rc-tree .rc-tree-treenode .draggable {\n        color: #333;\n        -moz-user-select: none;\n        -khtml-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        /* Required to make elements draggable in old WebKit */\n    }\n    .rc-tree .rc-tree-treenode.dragging {\n        opacity: 0.28;\n    }\n\n    .rc-tree .rc-tree-treenode.drop-container::before,\n    .rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.${classes.treeLeafNode}::before,\n    .rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.drag-over::before {\n        box-shadow: inset 0 0 0 1px var(${tokens.itemDraggableBorderColor});\n    }\n\n    .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n        color: #a60000 !important;\n        font-weight: bold !important;\n    }\n    .rc-tree .rc-tree-treenode ul {\n        margin: 0;\n        padding: 0 0 0 18px;\n    }\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        position: relative;\n        display: inline-block;\n        height: 24px;\n        margin: 0;\n        padding: 0;\n        text-decoration: none;\n        vertical-align: top;\n        cursor: pointer;\n        color: var(${tokens.color});\n    }\n    .rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper {\n       cursor: default;\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle {\n        cursor: default;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n        cursor: pointer;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n        background-image: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n        margin-right: 2px;\n        vertical-align: top;\n        background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7')\n        no-repeat scroll 0 0 transparent;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        flex: none;\n    }\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        display: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n        background-position: -93px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n        background-position: -75px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        width: 13px;\n        height: 13px;\n        margin: 0 3px;\n        background-position: 0 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n        background-position: -14px 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n        background-position: -14px -28px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n        background-position: 0 -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n        background-position: -14px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n        position: relative;\n        background: #ccc;\n        border-radius: 3px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n        position: absolute;\n        top: 5px;\n        left: 3px;\n        width: 5px;\n        height: 0;\n        border: 2px solid #fff;\n        border-top: 0;\n        border-left: 0;\n        -webkit-transform: scale(1);\n        transform: scale(1);\n        content: ' ';\n    }\n    .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n        background: none;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n        background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0\n        repeat-y;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n        background-position: -56px -18px;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n        background-position: -56px -36px;\n    }\n    .rc-tree-child-tree {\n        display: none;\n    }\n    .rc-tree-child-tree-open {\n        display: block;\n    }\n    .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n    .rc-tree-treenode-disabled > a,\n    .rc-tree-treenode-disabled > a span {\n        color: #767676;\n        cursor: not-allowed;\n    }\n    .rc-tree-treenode-active {\n        background: rgba(0, 0, 0, 0.1);\n    }\n    .rc-tree-node-selected {\n        background-color: #ffe6b0;\n        box-shadow: 0 0 0 1px #ffb951;\n        opacity: 0.8;\n    }\n    .rc-tree-icon__open {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -16px;\n    }\n    .rc-tree-icon__close {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px 0;\n    }\n    .rc-tree-icon__docu {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -32px;\n    }\n    .rc-tree-icon__customize {\n        display: block;\n        line-height: 0;\n        color: var(${tokens.iconFolderColor});\n        margin: var(${tokens.iconFolderMargin});\n    }\n    .rc-tree-title {\n        display: inline-block;\n        width: 100%;\n    }\n    .rc-tree-indent {\n        display: inline-flex;\n        height: 0;\n        vertical-align: bottom;\n    }\n    .rc-tree-indent-unit {\n        display: inline-block;\n        width: 16px;\n    }\n    .rc-tree-draggable-icon {\n        display: inline-flex;\n        justify-content: center;\n        width: 16px;\n    }\n\n    .rc-tree, .rc-tree-list {\n        border: none !important;\n    }\n\n    .rc-tree .rc-tree-list-holder {\n        overflow: hidden auto;\n    }\n\n    .rc-tree .rc-tree-treenode {\n        position: relative;\n        z-index: 0;\n        display: flex;\n        align-items: center;\n        min-height: var(${tokens.itemHeight});\n        padding: 0;\n    }\n\n    .rc-tree.${classes.treeItemFilled} .rc-tree-treenode {\n        padding: 0 var(${tokens.itemPadding}) !important;\n    }\n\n    .rc-tree.${classes.treeInverted}:not(${classes.treeItemFilled}) .rc-tree-treenode {\n        padding: 0 var(${tokens.itemPaddingTight});\n    }\n\n    .rc-tree .rc-tree-treenode::before {\n        content: '';\n        position: absolute;\n        z-index: -1;\n        top: var(${tokens.itemTop});\n        bottom: var(${tokens.itemBottom});\n        left: var(${tokens.switcherSize});\n        right: 0;\n        background: transparent;\n        border-radius: var(${tokens.itemBorderRadius});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox {\n        opacity: var(${tokens.itemDisabledOpacity});\n    }\n\n    .rc-tree.${classes.treeItemFilled} .rc-tree-treenode::before {\n        inset: 0;\n        border-radius: 0;\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-title {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-icon__customize {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.${classes.treeItemPrimaryBackground}::before {\n        background: var(${tokens.itemBackgroundColorPrimary});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before {\n        background: var(${tokens.itemBackgroundColorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected):hover::before {\n        background: var(${tokens.itemBackgroundColorHover});\n    }\n\n    .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected):active::before {\n        background: var(${tokens.itemBackgroundColorActive});\n    }\n\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        display: flex;\n        align-items: center;\n        align-self: stretch;\n        height: auto;\n        flex: 1;\n        min-width: max-content;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher {\n        width: var(${tokens.switcherSize});\n        height: var(${tokens.switcherSize});\n        margin: var(${tokens.switcherMargin});\n        line-height: 0;\n        vertical-align: 0;\n        background: transparent;\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n        margin: var(${tokens.switcherMarginInverted});\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n        transform: rotate(90deg);\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow {\n        transform: rotate(90deg);\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n        transform: rotate(0);\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 0;\n        vertical-align: 0;\n        width: var(${tokens.checkboxSize});\n        height: var(${tokens.checkboxSize});\n        margin: var(${tokens.checkboxMargin});\n        background-image: none;\n        flex: none;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before {\n        content: '';\n        display: block;\n        width: var(${tokens.checkboxInnerSize});\n        height: var(${tokens.checkboxInnerSize});\n        border: 0.125rem solid var(${tokens.checkboxBorderColor});\n        border-radius: var(${tokens.checkboxBorderRadius});\n        box-sizing: border-box;\n        background-size: contain;\n        background-repeat: no-repeat;\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before {\n        border: 0.125rem solid var(${tokens.itemDisabledBorderColor});\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before {\n        background-color: var(${tokens.checkboxBackgroundColor});\n        border-color: var(${tokens.checkboxBackgroundColor});\n        background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E\");\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before {\n        background-color: var(${tokens.checkboxBackgroundColor});\n        border-color: var(${tokens.checkboxBackgroundColor});\n        background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E\");\n    }\n\n    .rc-tree-title {\n        color: var(${tokens.color});\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n        order: 1;\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode::before {\n        left: 0;\n    }\n\n    .rc-tree-node-selected {\n        opacity: 1;\n        box-shadow: none;\n        background: none;\n    }\n\n    .rc-tree-node-selected .rc-tree-title {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title {\n        color: var(${tokens.itemDisabledColor});\n    }\n\n    .rc-tree-node-selected .rc-tree-icon__customize {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize {\n        color: var(${tokens.itemDisabledColor});;\n    }\n\n    .rc-tree-indent-unit {\n        width: var(${tokens.itemIndent});\n    }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","_exp5","IconFolder","StyledFolder","_exp6","_ref","arrowPlacement","fullWidthItemSelection","concat","tokens","iconFolderMargin","TitleWrapper","vars","Title","ContentRight","_exp10","_ref2","left","Line","base"],"mappings":";;;;;;;;;AASO,IAAMA,gBAAgB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAC,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCC,uDAA2B,CAAA;AAAA,CAAA,CAAA;AAAtD,IAAMC,WAAW,gBAAGN,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAI,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,qBAAU,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,YAAY,gBAAGT,YAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAAC,IAAAO,KAAA,GA3B/BA,SA2B+BA,KAAAA,GAAA;AAAA,EAAA,OASnC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;MAAEC,sBAAAA,GAAAA,IAAAA,CAAAA,sBAAAA,CAAAA;AAAAA,IAAAA,OACzBD,cAAc,KAAK,MAAM,IAAI,CAACC,sBAAsB,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,sBAAM,CAACC,gBAAgB,SAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,YAAY,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOpBR,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMS,KAAK,gBAAGnB,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMiB,YAAY,gBAAGpB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAAC,IAAAkB,MAAA,GAlDgBA,SAkDhBA,MAAAA,GAAA;AAAA,EAAA,OAGU,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,IAAAA,GAAAA,KAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA,OAAWA,IAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADvB,IAAMC,IAAI,gBAAGxB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACdG,MAAkB,EAAA,EAAA,IAAA,CAAA;AAAA,GAAA;AAAA,CAQ7B,EAAA;AAEM,IAAMI,IAAI,GAsYhB;;;;;;;;;;;"}

package/cjs/components/Tree/Tree.styles_1bw3k0r.css

@@ -0,0 +1,8 @@
+.io9xczg{line-height:0;color:var(--plasma-tree-arrow-color);}.io9xczg:hover{color:var(--plasma-tree-arrow-color-hover);}.io9xczg:active{color:var(--plasma-tree-arrow-color-active);}
+.smciu6q{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+
+.t1bgqryr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:var(--t1bgqryr-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.t1un80r8{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.c92yb2c{line-height:0;}
+.l1njos1z{left:var(--l1njos1z-0);right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(--plasma-tree-item-draggable-line-color );border-radius:1px;pointer-events:none;}
+.bbf7gwp .rc-tree{margin:0;border:1px solid transparent;}.bbf7gwp .rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.bbf7gwp .rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.bbf7gwp .rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.bbf7gwp .rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.bbf7gwp .rc-tree .rc-tree-treenode.drop-container::before,.bbf7gwp .rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.tree-leaf-node::before,.bbf7gwp .rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.drag-over::before{box-shadow:inset 0 0 0 1px var(--plasma-tree-item-draggable-border-color);}.bbf7gwp .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.bbf7gwp .rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.bbf7gwp .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.bbf7gwp .rc-tree.tree-radio-mode .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper{cursor:default;}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle{cursor:default;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher,.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox,.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-iconEle{cursor:pointer;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{-webkit-flex:none;-ms-flex:none;flex:none;}.bbf7gwp .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{display:none;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.bbf7gwp .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.bbf7gwp .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.bbf7gwp .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.bbf7gwp .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.bbf7gwp .rc-tree-child-tree{display:none;}.bbf7gwp .rc-tree-child-tree-open{display:block;}.bbf7gwp .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.bbf7gwp .rc-tree-treenode-disabled > a,.bbf7gwp .rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.bbf7gwp .rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.bbf7gwp .rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.bbf7gwp .rc-tree-icon__open{margin-right:0;vertical-align:top;background-position:-110px -16px;}.bbf7gwp .rc-tree-icon__close{margin-right:0;vertical-align:top;background-position:-110px 0;}.bbf7gwp .rc-tree-icon__docu{margin-right:0;vertical-align:top;background-position:-110px -32px;}.bbf7gwp .rc-tree-icon__customize{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.bbf7gwp .rc-tree-title{display:inline-block;width:100%;}.bbf7gwp .rc-tree-indent{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.bbf7gwp .rc-tree-indent-unit{display:inline-block;width:16px;}.bbf7gwp .rc-tree-draggable-icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.bbf7gwp .rc-tree,.bbf7gwp .rc-tree-list{border:none !important;}.bbf7gwp .rc-tree .rc-tree-list-holder{overflow:hidden auto;}.bbf7gwp .rc-tree .rc-tree-treenode{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.bbf7gwp .rc-tree.tree-item-filled .rc-tree-treenode{padding:0 var(--plasma-tree-item-padding) !important;}.bbf7gwp .rc-tree.tree-inverted:not(tree-item-filled) .rc-tree-treenode{padding:0 var(--plasma-tree-item-padding-tight);}.bbf7gwp .rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox{opacity:var(--plasma-tree-item-disabled-opacity);}.bbf7gwp .rc-tree.tree-item-filled .rc-tree-treenode::before{inset:0;border-radius:0;}.bbf7gwp .rc-tree .rc-tree-treenode.tree-item-has-selected-children:not(.rc-tree-treenode-disabled) .rc-tree-title{color:var(--plasma-tree-color-selected);}.bbf7gwp .rc-tree .rc-tree-treenode.tree-item-has-selected-children:not(.rc-tree-treenode-disabled) .rc-tree-icon__customize{color:var(--plasma-tree-color-selected);}.bbf7gwp .rc-tree .rc-tree-treenode.tree-item-primary-background::before{background:var(--plasma-tree-item-background-color-primary);}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before{background:var(--plasma-tree-item-background-color-selected);}.bbf7gwp .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.tree-radio-mode .rc-tree-treenode.rc-tree-treenode-selected):hover::before{background:var(--plasma-tree-item-background-color-hover);}.bbf7gwp .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.tree-radio-mode .rc-tree-treenode.rc-tree-treenode-selected):active::before{background:var(--plasma-tree-item-background-color-active);}.bbf7gwp .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.bbf7gwp .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{margin:var(--plasma-tree-switcher-margin-inverted);}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.bbf7gwp .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.bbf7gwp .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.bbf7gwp .rc-tree-title{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.bbf7gwp .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{-webkit-order:1;-ms-flex-order:1;order:1;}.bbf7gwp .rc-tree.tree-inverted .rc-tree-treenode::before{left:0;}.bbf7gwp .rc-tree-node-selected{opacity:1;box-shadow:none;background:none;}.bbf7gwp .rc-tree-node-selected .rc-tree-title{color:var(--plasma-tree-color-selected);}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title{color:var(--plasma-tree-item-disabled-color);}.bbf7gwp .rc-tree-node-selected .rc-tree-icon__customize{color:var(--plasma-tree-color-selected);}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(--plasma-tree-item-disabled-color);}.bbf7gwp .rc-tree-indent-unit{width:var(--plasma-tree-item-indent);}

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

@@ -7,7 +7,8 @@ var classes = {
   treeItemFilled: 'tree-item-filled',
   treeItemPrimaryBackground: 'tree-item-primary-background',
   treeItemHasSelectedChildren: 'tree-item-has-selected-children',
-  treeRadioMode: 'tree-radio-mode'
+  treeRadioMode: 'tree-radio-mode',
+  treeLeafNode: 'tree-leaf-node'
 };
 var treeTokens = {
   arrowColor: '--plasma-tree-arrow-color',
@@ -45,7 +46,9 @@ var treeTokens = {
   itemBackgroundColorActive: '--plasma-tree-item-background-color-active',
   itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',
   itemDisabledColor: '--plasma-tree-item-disabled-color',
-  itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color'
+  itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',
+  itemDraggableBorderColor: '--plasma-tree-item-draggable-border-color',
+  itemDraggableLineColor: '--plasma-tree-item-draggable-line-color'
 };
 
 exports.classes = classes;