@salutejs/plasma-new-hope 0.339.0-canary.2285.18499468890.0 → 0.339.0-canary.2286.18537184906.0

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

@@ -0,0 +1,196 @@
+import './Item.styles_j8xxg4.css';
+import { styled } from '@linaria/react';
+import { tokens, constants } from '../../../../Select.tokens.js';
+import { IconDisclosureRightCentered } from '../../../../../_Icon/Icons/IconDisclosureRightCentered.js';
+import { IconDone } from '../../../../../_Icon/Icons/IconDone.js';
+import { component, mergeConfig } from '../../../../../../engines/common.js';
+import { checkboxConfig } from '../../../../../Checkbox/Checkbox.js';
+import { cellConfig } from '../../../../../Cell/Cell.js';
+import { indicatorConfig } from '../../../../../Indicator/Indicator.js';
+
+var ItemWrapper = /*#__PURE__*/styled('div')({
+  name: "ItemWrapper",
+  "class": "im00jww",
+  propsAsIs: false
+});
+var mergedCheckboxConfig = /*#__PURE__*/mergeConfig(checkboxConfig);
+var Checkbox = /*#__PURE__*/component(mergedCheckboxConfig);
+var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);
+var Cell = /*#__PURE__*/component(mergedCellConfig);
+var mergedIndicatorConfig = /*#__PURE__*/mergeConfig(indicatorConfig);
+var Indicator = /*#__PURE__*/component(mergedIndicatorConfig);
+var _exp2 = function _exp2() {
+  return function (_ref) {
+    var disabled = _ref.disabled;
+    return disabled ? "var(".concat(tokens.itemDisabledColor, ")") : "var(".concat(constants.cellTitleColor, ")");
+  };
+};
+var StyledWrapper = /*#__PURE__*/styled('div')({
+  name: "StyledWrapper",
+  "class": "s14rxgk6",
+  propsAsIs: false,
+  vars: {
+    "s14rxgk6-0": [/*#__PURE__*/_exp2()]
+  }
+});
+var _exp29 = function _exp29() {
+  return Cell;
+};
+var StyledCell = /*#__PURE__*/styled(_exp29())({
+  name: "StyledCell",
+  "class": "s160rjph",
+  propsAsIs: true
+});
+var _exp30 = function _exp30() {
+  return Checkbox;
+};
+var StyledCheckbox = /*#__PURE__*/styled(_exp30())({
+  name: "StyledCheckbox",
+  "class": "s1t6abbl",
+  propsAsIs: true
+});
+var _exp45 = function _exp45() {
+  return Indicator;
+};
+var StyledIndicator = /*#__PURE__*/styled(_exp45())({
+  name: "StyledIndicator",
+  "class": "swduayr",
+  propsAsIs: true
+});
+var _exp50 = function _exp50() {
+  return IconDisclosureRightCentered;
+};
+var _exp52 = function _exp52() {
+  return function (_ref2) {
+    var _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? 'xs' : _ref2$size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat({
+      xs: "1rem",
+      s: "1.5rem"
+    }[size], ")");
+  };
+};
+var StyledArrowLeft = /*#__PURE__*/styled(_exp50())({
+  name: "StyledArrowLeft",
+  "class": "s1r3fsvz",
+  propsAsIs: true,
+  vars: {
+    "s1r3fsvz-0": [/*#__PURE__*/_exp52()]
+  }
+});
+var _exp54 = function _exp54() {
+  return IconDisclosureRightCentered;
+};
+var _exp56 = function _exp56() {
+  return function (_ref3) {
+    var _ref3$size = _ref3.size,
+      size = _ref3$size === void 0 ? 'xs' : _ref3$size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat({
+      xs: "1rem",
+      s: "1.5rem"
+    }[size], ")");
+  };
+};
+var StyledArrowRight = /*#__PURE__*/styled(_exp54())({
+  name: "StyledArrowRight",
+  "class": "s1us4s6s",
+  propsAsIs: true,
+  vars: {
+    "s1us4s6s-0": [/*#__PURE__*/_exp56()]
+  }
+});
+var _exp58 = function _exp58() {
+  return IconDone;
+};
+var _exp60 = function _exp60() {
+  return function (_ref4) {
+    var _ref4$size = _ref4.size,
+      size = _ref4$size === void 0 ? 'xs' : _ref4$size;
+    return "var(".concat(tokens.disclosureIconSize, ", ").concat({
+      xs: "1rem",
+      s: "1.5rem"
+    }[size], ")");
+  };
+};
+var StyledIconDone = /*#__PURE__*/styled(_exp58())({
+  name: "StyledIconDone",
+  "class": "s14lzt5m",
+  propsAsIs: true,
+  vars: {
+    "s14lzt5m-0": [/*#__PURE__*/_exp60()]
+  }
+});
+var _exp62 = function _exp62() {
+  return function (_ref5) {
+    var visibility = _ref5.visibility;
+    return visibility || 'visible';
+  };
+};
+var DisclosureIconWrapper = /*#__PURE__*/styled('div')({
+  name: "DisclosureIconWrapper",
+  "class": "d1178nq",
+  propsAsIs: false,
+  vars: {
+    "d1178nq-0": [/*#__PURE__*/_exp62()]
+  }
+});
+var _exp65 = function _exp65() {
+  return function (_ref6) {
+    var variant = _ref6.variant;
+    return "var(".concat(variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize, ")");
+  };
+};
+var IconWrapper = /*#__PURE__*/styled('div')({
+  name: "IconWrapper",
+  "class": "i1noc5rg",
+  propsAsIs: false,
+  vars: {
+    "i1noc5rg-0": [/*#__PURE__*/_exp65()]
+  }
+});
+var StyledText = /*#__PURE__*/styled('div')({
+  name: "StyledText",
+  "class": "s1azt70o",
+  propsAsIs: false
+});
+var _exp70 = function _exp70() {
+  return function (_ref7) {
+    var variant = _ref7.variant;
+    return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
+  };
+};
+var Wrapper = /*#__PURE__*/styled('div')({
+  name: "Wrapper",
+  "class": "wa9o46g",
+  propsAsIs: false,
+  vars: {
+    "wa9o46g-0": [/*#__PURE__*/_exp70()]
+  }
+});
+var StyledCheckboxWrapper = /*#__PURE__*/styled('span')({
+  name: "StyledCheckboxWrapper",
+  "class": "sba0f67",
+  propsAsIs: false
+});
+var ChildItems = /*#__PURE__*/styled('div')({
+  name: "ChildItems",
+  "class": "c1cx4twh",
+  propsAsIs: false
+});
+var _exp88 = function _exp88() {
+  return function (_ref8) {
+    var depth = _ref8.depth;
+    return depth || 0;
+  };
+};
+var Offset = /*#__PURE__*/styled('div')({
+  name: "Offset",
+  "class": "o1888l7c",
+  propsAsIs: false,
+  vars: {
+    "o1888l7c-0": [/*#__PURE__*/_exp88()]
+  }
+});
+
+export { ChildItems, DisclosureIconWrapper, IconWrapper, ItemWrapper, Offset, StyledArrowLeft, StyledArrowRight, StyledCell, StyledCheckbox, StyledCheckboxWrapper, StyledIconDone, StyledIndicator, StyledText, StyledWrapper, Wrapper };
+//# sourceMappingURL=Item.styles.js.map

package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus, applyEllipsis } from 'src/mixins';\nimport { component, mergeConfig } from 'src/engines';\nimport type { SelectProps } from 'src/components/Select';\nimport { CSSProperties } from 'react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\n\nexport const ItemWrapper = styled.div``;\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div<{ disabled?: boolean }>`\n    ${cellTokens.cellTitleColor}: ${({ disabled }) =>\n    disabled ? `var(${tokens.itemDisabledColor})` : `var(${constants.cellTitleColor})`};\n    ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n    ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n    ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${tokens.cellGap});\n    ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n    width: 100%;\n\n    // TODO: #1548\n    & div.cell-content, & div.cell-textbox {\n        flex: 1;\n    }\n    & div.cell-textbox-title {\n        position: relative;\n    }\n    & div.cell-textbox-title:before {\n        content: '&nbsp;';\n        visibility: hidden;\n    }\n    & div.cell-textbox-title span {\n        position: absolute;\n        left: 0;\n        right: 0;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n    ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n    ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n    ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n    ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n    ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n    ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n    ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.indicatorSize});\n    ${indicatorTokens.color}: var(${tokens.itemIconColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n    xs: '1rem',\n    s: '1.5rem',\n};\n\nexport const StyledArrowLeft = styled(IconDisclosureRightCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n\n    &.${classes.arrowInverse} {\n        transform: rotate(90deg);\n    }\n`;\n\nexport const StyledArrowRight = styled(IconDisclosureRightCentered)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    transform: rotate(90deg);\n\n    &.${classes.arrowInverse} {\n        transform: rotate(-90deg);\n    }\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n    width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n    height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div<{ visibility: CSSProperties['visibility'] }>`\n    line-height: 0;\n    color: var(${tokens.disclosureIconColor});\n    visibility: ${({ visibility }) => visibility || 'visible'};\n\n    &:hover {\n        color: var(${tokens.disclosureIconColorHover});\n    }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: none;\n    width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n    line-height: 0;\n    color: var(${tokens.itemIconColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n    ${applyEllipsis()};\n    flex: 1;\n`;\n\nexport const Wrapper = styled.div<{ variant: SelectProps['variant'] }>`\n    display: flex;\n    align-items: center;\n    gap: var(${tokens.itemGap});\n    min-height: var(${tokens.itemHeight});\n    margin: 0;\n    box-sizing: content-box;\n    padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\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.fontLetterSpacing});\n    line-height: var(${tokens.fontLineHeight});\n    background-color: var(${constants.itemBackground});\n    color: var(--text-primary);\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n    user-select: none;\n    background-clip: padding-box;\n\n    &:hover:not(.${classes.dropdownItemIsDisabled}) {\n        cursor: pointer;\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsActive} {\n        background-color: var(${tokens.itemBackgroundHover});\n    }\n\n    &.${classes.dropdownItemIsDisabled} {\n        opacity: var(${tokens.itemDisabledOpacity});\n        color: var(${tokens.itemDisabledColor});\n        cursor: not-allowed;\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineSize: '0',\n        outlineOffset: '0',\n        outlineColor: `var(${constants.focusColor})`,\n        outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n        hasTransition: false,\n        customFocusRules: `\n            &.${classes.dropdownItemIsFocused}:before {\n                outline: none;\n                box-shadow: inset 0 0 0 0.0625rem var(${constants.focusColor});\n            }\n        `,\n    })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n\nexport const ChildItems = styled.div``;\n\nexport const Offset = styled.div<{ depth: number }>`\n    width: calc(${({ depth }) => depth || 0} * var(${tokens.treeOffsetWidth}));\n    flex: none;\n    margin-right: calc(var(${tokens.itemGap}) * -1);\n`;\n"],"names":["ItemWrapper","styled","name","class","propsAsIs","mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","_exp2","_ref","disabled","concat","tokens","itemDisabledColor","constants","cellTitleColor","StyledWrapper","vars","_exp29","StyledCell","_exp30","StyledCheckbox","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref2","_ref2$size","size","disclosureIconSize","xs","s","StyledArrowLeft","_exp54","_exp56","_ref3","_ref3$size","StyledArrowRight","_exp58","IconDone","_exp60","_ref4","_ref4$size","StyledIconDone","_exp62","_ref5","visibility","DisclosureIconWrapper","_exp65","_ref6","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp70","_ref7","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper","ChildItems","_exp88","_ref8","depth","Offset"],"mappings":"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"}

package/es/components/Select/ui/TreeList/ui/Item/Item.styles_j8xxg4.css

@@ -0,0 +1,15 @@
+
+.s14rxgk6{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s14rxgk6 div.cell-content,.s14rxgk6 div.cell-textbox{-webkit-flex:1;-ms-flex:1;flex:1;}.s14rxgk6 div.cell-textbox-title{position:relative;}.s14rxgk6 div.cell-textbox-title:before{content:' ';visibility:hidden;}.s14rxgk6 div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+.s1t6abbl{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
+.swduayr{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
+.s1r3fsvz{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.s1r3fsvz.arrow-inverse{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
+.s1us4s6s{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s1us4s6s.arrow-inverse{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+.s14lzt5m{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
+.d1178nq{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.d1178nq:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.i1noc5rg{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;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
+.s1azt70o{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.wa9o46g{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;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.wa9o46g:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.wa9o46g.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.wa9o46g.dropdown-item-is-disabled{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.wa9o46g:focus{outline:none;}.wa9o46g::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.wa9o46g.dropdown-item-is-focused:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.o1888l7c{width:calc(var(--o1888l7c-0) * var(--plasma-select-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}

package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js

@@ -0,0 +1,81 @@
+import React, { useContext } from 'react';
+import { Context } from '../../../../../../Select.context.js';
+import { classes } from '../../../../../../Select.tokens.js';
+import { Wrapper, Offset, DisclosureIconWrapper, StyledArrowLeft, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledText, StyledWrapper, StyledCell, StyledIndicator, StyledIconDone } from '../../Item.styles.js';
+import { sizeToIconSize } from '../../../../../../utils/sizeToIconSize.js';
+
+var _StyledIndicator;
+var ItemArrowLeft = function ItemArrowLeft(_ref) {
+  var _valueToPathMap$get;
+  var item = _ref.item,
+    index = _ref.index,
+    onClick = _ref.onClick,
+    onChange = _ref.onChange,
+    isCurrentLevelOpened = _ref.isCurrentLevelOpened;
+  var label = item.label,
+    disabled = item.disabled,
+    isDisabled = item.isDisabled,
+    contentLeft = item.contentLeft,
+    contentRight = item.contentRight;
+  var isLeaf = !(item !== null && item !== void 0 && item.items);
+  var _useContext = useContext(Context),
+    checked = _useContext.checked,
+    multiselect = _useContext.multiselect,
+    size = _useContext.size,
+    variant = _useContext.variant,
+    renderItem = _useContext.renderItem,
+    _checkboxAppearance = _useContext._checkboxAppearance,
+    focusedPath = _useContext.focusedPath,
+    valueToPathMap = _useContext.valueToPathMap;
+  var itemDisabled = Boolean(disabled || isDisabled);
+  var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
+  var withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;
+  var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? classes.dropdownItemIsFocused : undefined;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    className: focusedClass,
+    onClick: onClick,
+    variant: variant,
+    role: "treeitem"
+  }, /*#__PURE__*/React.createElement(Offset, {
+    depth: currentItemDepth
+  }), /*#__PURE__*/React.createElement(DisclosureIconWrapper, {
+    visibility: isLeaf ? 'hidden' : 'visible'
+  }, /*#__PURE__*/React.createElement(StyledArrowLeft, {
+    size: sizeToIconSize(size, variant),
+    color: "inherit",
+    className: withArrowInverse
+  })), multiselect && /*#__PURE__*/React.createElement(IconWrapper, {
+    variant: variant
+  }, /*#__PURE__*/React.createElement(StyledCheckboxWrapper, {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
+    disabled: itemDisabled,
+    checked: Boolean(checked.get(item.value)),
+    indeterminate: checked.get(item.value) === 'indeterminate',
+    onChange: onChange,
+    appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
+  }))), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React.createElement(StyledWrapper, {
+    disabled: itemDisabled
+  }, /*#__PURE__*/React.createElement(StyledCell, {
+    contentLeft: contentLeft,
+    contentRight: contentRight
+    // TODO: #1548
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    ,
+    title: /*#__PURE__*/React.createElement("span", null, label)
+  })), !multiselect && /*#__PURE__*/React.createElement(IconWrapper, {
+    variant: variant
+  }, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
+    size: "s",
+    view: "default"
+  }))), checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
+    size: sizeToIconSize(size, variant),
+    color: "inherit"
+  })));
+};
+
+export { ItemArrowLeft };
+//# sourceMappingURL=ItemArrowLeft.js.map

package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemArrowLeft.js","sources":["../../../../../../../../../src/components/Select/ui/TreeList/ui/Item/ui/ItemArrowLeft/ItemArrowLeft.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FC } from 'react';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { Context } from 'src/components/Select/Select.context';\nimport { classes } from 'src/components/Select/Select.tokens';\n\nimport {\n    DisclosureIconWrapper,\n    IconWrapper,\n    StyledArrowLeft,\n    StyledCell,\n    StyledCheckbox,\n    StyledCheckboxWrapper,\n    StyledIconDone,\n    StyledIndicator,\n    StyledText,\n    StyledWrapper,\n    Wrapper,\n    Offset,\n} from '../../Item.styles';\nimport { ItemArrowProps } from '../../Item.types';\n\nexport const ItemArrowLeft: FC<ItemArrowProps> = ({ item, index, onClick, onChange, isCurrentLevelOpened }) => {\n    const { label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const isLeaf = !item?.items;\n\n    const {\n        checked,\n        multiselect,\n        size,\n        variant,\n        renderItem,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n        focusedPath,\n        valueToPathMap,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n    const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n    const focusedClass =\n        currentItemDepth === focusedPath.length - 1 && index === focusedPath?.[currentItemDepth]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n\n    return (\n        <Wrapper className={focusedClass} onClick={onClick} variant={variant} role=\"treeitem\">\n            <Offset depth={currentItemDepth} />\n\n            <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                <StyledArrowLeft size={sizeToIconSize(size, variant)} color=\"inherit\" className={withArrowInverse} />\n            </DisclosureIconWrapper>\n\n            {multiselect && (\n                <IconWrapper variant={variant}>\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            disabled={itemDisabled}\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={onChange}\n                            appearance={_checkboxAppearance ?? 'default'}\n                        />\n                    </StyledCheckboxWrapper>\n                </IconWrapper>\n            )}\n\n            {renderItem ? (\n                <StyledText>{renderItem(item)}</StyledText>\n            ) : (\n                <StyledWrapper disabled={itemDisabled}>\n                    <StyledCell\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        // TODO: #1548\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        title={<span>{label}</span>}\n                    />\n                </StyledWrapper>\n            )}\n\n            {!multiselect && (\n                <IconWrapper variant={variant}>\n                    {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                    {checked.get(item.value) === 'done' && (\n                        <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                    )}\n                </IconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["ItemArrowLeft","_ref","_valueToPathMap$get","item","index","onClick","onChange","isCurrentLevelOpened","label","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","valueToPathMap","itemDisabled","Boolean","currentItemDepth","get","value","toString","length","withArrowInverse","classes","arrowInverse","undefined","focusedClass","dropdownItemIsFocused","React","createElement","Wrapper","className","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","e","stopPropagation","StyledCheckbox","indeterminate","appearance","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator","StyledIndicator","view","StyledIconDone"],"mappings":"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"}

package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js

@@ -0,0 +1,81 @@
+import React, { useContext } from 'react';
+import { Context } from '../../../../../../Select.context.js';
+import { classes } from '../../../../../../Select.tokens.js';
+import { Wrapper, Offset, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledIndicator, StyledIconDone, StyledText, StyledWrapper, StyledCell, DisclosureIconWrapper, StyledArrowRight } from '../../Item.styles.js';
+import { sizeToIconSize } from '../../../../../../utils/sizeToIconSize.js';
+
+var _StyledIndicator;
+var ItemArrowRight = function ItemArrowRight(_ref) {
+  var _valueToPathMap$get;
+  var item = _ref.item,
+    index = _ref.index,
+    onClick = _ref.onClick,
+    onChange = _ref.onChange,
+    isCurrentLevelOpened = _ref.isCurrentLevelOpened;
+  var label = item.label,
+    disabled = item.disabled,
+    isDisabled = item.isDisabled,
+    contentLeft = item.contentLeft,
+    contentRight = item.contentRight;
+  var isLeaf = !(item !== null && item !== void 0 && item.items);
+  var _useContext = useContext(Context),
+    checked = _useContext.checked,
+    multiselect = _useContext.multiselect,
+    size = _useContext.size,
+    variant = _useContext.variant,
+    renderItem = _useContext.renderItem,
+    _checkboxAppearance = _useContext._checkboxAppearance,
+    focusedPath = _useContext.focusedPath,
+    valueToPathMap = _useContext.valueToPathMap;
+  var itemDisabled = Boolean(disabled || isDisabled);
+  var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
+  var withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;
+  var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? classes.dropdownItemIsFocused : undefined;
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    className: focusedClass,
+    onClick: onClick,
+    variant: variant,
+    role: "treeitem"
+  }, /*#__PURE__*/React.createElement(Offset, {
+    depth: currentItemDepth
+  }), multiselect && /*#__PURE__*/React.createElement(IconWrapper, {
+    variant: variant
+  }, /*#__PURE__*/React.createElement(StyledCheckboxWrapper, {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
+    disabled: itemDisabled,
+    checked: Boolean(checked.get(item.value)),
+    indeterminate: checked.get(item.value) === 'indeterminate',
+    onChange: onChange,
+    appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
+  }))), !multiselect && /*#__PURE__*/React.createElement(IconWrapper, {
+    variant: variant
+  }, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
+    size: "s",
+    view: "default"
+  }))), checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
+    size: sizeToIconSize(size, variant),
+    color: "inherit"
+  })), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React.createElement(StyledWrapper, {
+    disabled: itemDisabled
+  }, /*#__PURE__*/React.createElement(StyledCell, {
+    contentLeft: contentLeft,
+    contentRight: contentRight
+    // TODO: #1548
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    ,
+    title: /*#__PURE__*/React.createElement("span", null, label)
+  })), /*#__PURE__*/React.createElement(DisclosureIconWrapper, {
+    visibility: isLeaf ? 'hidden' : 'visible'
+  }, /*#__PURE__*/React.createElement(StyledArrowRight, {
+    size: sizeToIconSize(size, variant),
+    color: "inherit",
+    className: withArrowInverse
+  })));
+};
+
+export { ItemArrowRight };
+//# sourceMappingURL=ItemArrowRight.js.map

package/es/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemArrowRight.js","sources":["../../../../../../../../../src/components/Select/ui/TreeList/ui/Item/ui/ItemArrowRight/ItemArrowRight.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FC } from 'react';\nimport { sizeToIconSize } from 'src/components/Select/utils';\nimport { Context } from 'src/components/Select/Select.context';\nimport { classes } from 'src/components/Select/Select.tokens';\n\nimport {\n    DisclosureIconWrapper,\n    IconWrapper,\n    StyledArrowRight,\n    StyledCell,\n    StyledCheckbox,\n    StyledCheckboxWrapper,\n    StyledIconDone,\n    StyledIndicator,\n    StyledText,\n    StyledWrapper,\n    Wrapper,\n    Offset,\n} from '../../Item.styles';\nimport { ItemArrowProps } from '../../Item.types';\n\nexport const ItemArrowRight: FC<ItemArrowProps> = ({ item, index, onClick, onChange, isCurrentLevelOpened }) => {\n    const { label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const isLeaf = !item?.items;\n\n    const {\n        checked,\n        multiselect,\n        size,\n        variant,\n        renderItem,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n        focusedPath,\n        valueToPathMap,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n    const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n    const focusedClass =\n        currentItemDepth === focusedPath.length - 1 && index === focusedPath?.[currentItemDepth]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n\n    return (\n        <Wrapper className={focusedClass} onClick={onClick} variant={variant} role=\"treeitem\">\n            <Offset depth={currentItemDepth} />\n\n            {multiselect && (\n                <IconWrapper variant={variant}>\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            disabled={itemDisabled}\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={onChange}\n                            appearance={_checkboxAppearance ?? 'default'}\n                        />\n                    </StyledCheckboxWrapper>\n                </IconWrapper>\n            )}\n\n            {!multiselect && (\n                <IconWrapper variant={variant}>\n                    {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                    {checked.get(item.value) === 'done' && (\n                        <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                    )}\n                </IconWrapper>\n            )}\n\n            {renderItem ? (\n                <StyledText>{renderItem(item)}</StyledText>\n            ) : (\n                <StyledWrapper disabled={itemDisabled}>\n                    <StyledCell\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        // TODO: #1548\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        title={<span>{label}</span>}\n                    />\n                </StyledWrapper>\n            )}\n\n            <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n                <StyledArrowRight size={sizeToIconSize(size, variant)} color=\"inherit\" className={withArrowInverse} />\n            </DisclosureIconWrapper>\n        </Wrapper>\n    );\n};\n"],"names":["ItemArrowRight","_ref","_valueToPathMap$get","item","index","onClick","onChange","isCurrentLevelOpened","label","disabled","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","valueToPathMap","itemDisabled","Boolean","currentItemDepth","get","value","toString","length","withArrowInverse","classes","arrowInverse","undefined","focusedClass","dropdownItemIsFocused","React","createElement","Wrapper","className","role","Offset","depth","IconWrapper","StyledCheckboxWrapper","e","stopPropagation","StyledCheckbox","indeterminate","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","DisclosureIconWrapper","visibility","StyledArrowRight"],"mappings":"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"}

package/es/components/Table/Table.css

@@ -124,6 +124,25 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
 
+
+.Item_styles_j8xxg4_s14rxgk6__46d330a3{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellContent__46d330a3,.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextbox__46d330a3{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3{position:relative;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3:before{content:' ';visibility:hidden;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+.Item_styles_j8xxg4_s1t6abbl__46d330a3{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
+.Item_styles_j8xxg4_swduayr__46d330a3{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
+.Item_styles_j8xxg4_s1r3fsvz__46d330a3{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_j8xxg4_s1r3fsvz__46d330a3.Item_styles_j8xxg4_arrowInverse__46d330a3{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
+.Item_styles_j8xxg4_s1us4s6s__46d330a3{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_j8xxg4_s1us4s6s__46d330a3.Item_styles_j8xxg4_arrowInverse__46d330a3{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+.Item_styles_j8xxg4_s14lzt5m__46d330a3{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
+.Item_styles_j8xxg4_d1178nq__46d330a3{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_j8xxg4_d1178nq__46d330a3:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.Item_styles_j8xxg4_i1noc5rg__46d330a3{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;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
+.Item_styles_j8xxg4_s1azt70o__46d330a3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_j8xxg4_wa9o46g__46d330a3{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;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_j8xxg4_wa9o46g__46d330a3:hover:not(.Item_styles_j8xxg4_dropdownItemIsDisabled__46d330a3){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsActive__46d330a3{background-color:var(--plasma-select-item-background-hover);}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsDisabled__46d330a3{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_j8xxg4_wa9o46g__46d330a3:focus{outline:none;}.Item_styles_j8xxg4_wa9o46g__46d330a3::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsFocused__46d330a3:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.Item_styles_j8xxg4_o1888l7c__46d330a3{width:calc(var(--o1888l7c-0) * var(--plasma-select-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
+
+.TreeList_styles_1t38mek_lm92bs9__3097faae{width:100%;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.TreeList_styles_1t38mek_s12qznqt__3097faae{max-height:var(--s12qznqt-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
+
 .Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
 .Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 

package/es/components/Table/ui/Cell/Cell.css

@@ -200,6 +200,25 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
 
+
+.Item_styles_j8xxg4_s14rxgk6__46d330a3{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellContent__46d330a3,.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextbox__46d330a3{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3{position:relative;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3:before{content:' ';visibility:hidden;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+.Item_styles_j8xxg4_s1t6abbl__46d330a3{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
+.Item_styles_j8xxg4_swduayr__46d330a3{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
+.Item_styles_j8xxg4_s1r3fsvz__46d330a3{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_j8xxg4_s1r3fsvz__46d330a3.Item_styles_j8xxg4_arrowInverse__46d330a3{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
+.Item_styles_j8xxg4_s1us4s6s__46d330a3{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_j8xxg4_s1us4s6s__46d330a3.Item_styles_j8xxg4_arrowInverse__46d330a3{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+.Item_styles_j8xxg4_s14lzt5m__46d330a3{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
+.Item_styles_j8xxg4_d1178nq__46d330a3{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_j8xxg4_d1178nq__46d330a3:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.Item_styles_j8xxg4_i1noc5rg__46d330a3{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;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
+.Item_styles_j8xxg4_s1azt70o__46d330a3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_j8xxg4_wa9o46g__46d330a3{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;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_j8xxg4_wa9o46g__46d330a3:hover:not(.Item_styles_j8xxg4_dropdownItemIsDisabled__46d330a3){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsActive__46d330a3{background-color:var(--plasma-select-item-background-hover);}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsDisabled__46d330a3{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_j8xxg4_wa9o46g__46d330a3:focus{outline:none;}.Item_styles_j8xxg4_wa9o46g__46d330a3::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsFocused__46d330a3:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.Item_styles_j8xxg4_o1888l7c__46d330a3{width:calc(var(--o1888l7c-0) * var(--plasma-select-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
+
+.TreeList_styles_1t38mek_lm92bs9__3097faae{width:100%;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.TreeList_styles_1t38mek_s12qznqt__3097faae{max-height:var(--s12qznqt-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
+
 .Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
 .Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 

package/es/components/Table/ui/EditableCell/EditableCell.css

@@ -202,6 +202,25 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
 
+
+.Item_styles_j8xxg4_s14rxgk6__46d330a3{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellContent__46d330a3,.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextbox__46d330a3{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3{position:relative;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3:before{content:' ';visibility:hidden;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+.Item_styles_j8xxg4_s1t6abbl__46d330a3{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
+.Item_styles_j8xxg4_swduayr__46d330a3{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
+.Item_styles_j8xxg4_s1r3fsvz__46d330a3{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_j8xxg4_s1r3fsvz__46d330a3.Item_styles_j8xxg4_arrowInverse__46d330a3{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
+.Item_styles_j8xxg4_s1us4s6s__46d330a3{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_j8xxg4_s1us4s6s__46d330a3.Item_styles_j8xxg4_arrowInverse__46d330a3{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+.Item_styles_j8xxg4_s14lzt5m__46d330a3{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
+.Item_styles_j8xxg4_d1178nq__46d330a3{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_j8xxg4_d1178nq__46d330a3:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.Item_styles_j8xxg4_i1noc5rg__46d330a3{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;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
+.Item_styles_j8xxg4_s1azt70o__46d330a3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_j8xxg4_wa9o46g__46d330a3{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;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_j8xxg4_wa9o46g__46d330a3:hover:not(.Item_styles_j8xxg4_dropdownItemIsDisabled__46d330a3){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsActive__46d330a3{background-color:var(--plasma-select-item-background-hover);}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsDisabled__46d330a3{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_j8xxg4_wa9o46g__46d330a3:focus{outline:none;}.Item_styles_j8xxg4_wa9o46g__46d330a3::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsFocused__46d330a3:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.Item_styles_j8xxg4_o1888l7c__46d330a3{width:calc(var(--o1888l7c-0) * var(--plasma-select-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
+
+.TreeList_styles_1t38mek_lm92bs9__3097faae{width:100%;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.TreeList_styles_1t38mek_s12qznqt__3097faae{max-height:var(--s12qznqt-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
+
 .Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
 .Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 

package/es/components/Table/ui/HeadCell/HeadCell.css

@@ -213,6 +213,25 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
 
+
+.Item_styles_j8xxg4_s14rxgk6__46d330a3{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellContent__46d330a3,.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextbox__46d330a3{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3{position:relative;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3:before{content:' ';visibility:hidden;}.Item_styles_j8xxg4_s14rxgk6__46d330a3 div.Item_styles_j8xxg4_cellTextboxTitle__46d330a3 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+
+.Item_styles_j8xxg4_s1t6abbl__46d330a3{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
+.Item_styles_j8xxg4_swduayr__46d330a3{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
+.Item_styles_j8xxg4_s1r3fsvz__46d330a3{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_j8xxg4_s1r3fsvz__46d330a3.Item_styles_j8xxg4_arrowInverse__46d330a3{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
+.Item_styles_j8xxg4_s1us4s6s__46d330a3{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_j8xxg4_s1us4s6s__46d330a3.Item_styles_j8xxg4_arrowInverse__46d330a3{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
+.Item_styles_j8xxg4_s14lzt5m__46d330a3{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
+.Item_styles_j8xxg4_d1178nq__46d330a3{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_j8xxg4_d1178nq__46d330a3:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
+.Item_styles_j8xxg4_i1noc5rg__46d330a3{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;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
+.Item_styles_j8xxg4_s1azt70o__46d330a3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_j8xxg4_wa9o46g__46d330a3{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;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_j8xxg4_wa9o46g__46d330a3:hover:not(.Item_styles_j8xxg4_dropdownItemIsDisabled__46d330a3){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsActive__46d330a3{background-color:var(--plasma-select-item-background-hover);}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsDisabled__46d330a3{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_j8xxg4_wa9o46g__46d330a3:focus{outline:none;}.Item_styles_j8xxg4_wa9o46g__46d330a3::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_j8xxg4_wa9o46g__46d330a3.Item_styles_j8xxg4_dropdownItemIsFocused__46d330a3:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
+
+
+.Item_styles_j8xxg4_o1888l7c__46d330a3{width:calc(var(--o1888l7c-0) * var(--plasma-select-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
+
+.TreeList_styles_1t38mek_lm92bs9__3097faae{width:100%;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.TreeList_styles_1t38mek_s12qznqt__3097faae{max-height:var(--s12qznqt-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
+
 .Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
 .Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}