@salutejs/plasma-new-hope 0.343.0-canary.2358.19759407374.0 → 0.343.0-canary.2358.19851578667.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -7
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  3. package/cjs/components/Loader/Loader.css +6 -14
  4. package/cjs/components/Loader/Loader.js +6 -16
  5. package/cjs/components/Loader/Loader.js.map +1 -1
  6. package/cjs/components/Loader/Loader.styles.js +51 -1
  7. package/cjs/components/Loader/Loader.styles.js.map +1 -1
  8. package/cjs/components/Loader/{Loader.styles_ju7bog.css → Loader.styles_xzuvzj.css} +3 -0
  9. package/cjs/components/Tree/Tree.css +7 -7
  10. package/cjs/components/Tree/Tree.js +5 -12
  11. package/cjs/components/Tree/Tree.js.map +1 -1
  12. package/cjs/components/Tree/Tree.styles.js +19 -3
  13. package/cjs/components/Tree/Tree.styles.js.map +1 -1
  14. package/cjs/components/Tree/Tree.styles_1n6h7n6.css +8 -0
  15. package/cjs/components/Tree/Tree.tokens.js +8 -2
  16. package/cjs/components/Tree/Tree.tokens.js.map +1 -1
  17. package/cjs/index.css +13 -10
  18. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -7
  19. package/emotion/cjs/components/Loader/Loader.js +6 -16
  20. package/emotion/cjs/components/Loader/Loader.styles.js +38 -5
  21. package/emotion/cjs/components/Tree/Tree.js +5 -12
  22. package/emotion/cjs/components/Tree/Tree.styles.js +22 -16
  23. package/emotion/cjs/components/Tree/Tree.tokens.js +8 -2
  24. package/emotion/cjs/examples/components/Tree/Tree.config.js +5 -5
  25. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +7 -7
  26. package/emotion/es/components/Loader/Loader.js +7 -17
  27. package/emotion/es/components/Loader/Loader.styles.js +29 -5
  28. package/emotion/es/components/Tree/Tree.js +5 -12
  29. package/emotion/es/components/Tree/Tree.styles.js +22 -16
  30. package/emotion/es/components/Tree/Tree.tokens.js +8 -2
  31. package/emotion/es/examples/components/Tree/Tree.config.js +5 -5
  32. package/es/components/Combobox/ComboboxNew/Combobox.js +8 -8
  33. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  34. package/es/components/Loader/Loader.css +6 -14
  35. package/es/components/Loader/Loader.js +7 -17
  36. package/es/components/Loader/Loader.js.map +1 -1
  37. package/es/components/Loader/Loader.styles.js +49 -2
  38. package/es/components/Loader/Loader.styles.js.map +1 -1
  39. package/es/components/Loader/{Loader.styles_ju7bog.css → Loader.styles_xzuvzj.css} +3 -0
  40. package/es/components/Tree/Tree.css +7 -7
  41. package/es/components/Tree/Tree.js +5 -12
  42. package/es/components/Tree/Tree.js.map +1 -1
  43. package/es/components/Tree/Tree.styles.js +19 -3
  44. package/es/components/Tree/Tree.styles.js.map +1 -1
  45. package/es/components/Tree/Tree.styles_1n6h7n6.css +8 -0
  46. package/es/components/Tree/Tree.tokens.js +8 -2
  47. package/es/components/Tree/Tree.tokens.js.map +1 -1
  48. package/es/index.css +13 -10
  49. package/package.json +5 -4
  50. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +7 -7
  51. package/styled-components/cjs/components/Loader/Loader.js +6 -16
  52. package/styled-components/cjs/components/Loader/Loader.styles.js +45 -2
  53. package/styled-components/cjs/components/Tree/Tree.js +5 -12
  54. package/styled-components/cjs/components/Tree/Tree.styles.js +26 -12
  55. package/styled-components/cjs/components/Tree/Tree.tokens.js +8 -2
  56. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  57. package/styled-components/cjs/examples/components/Tree/Tree.config.js +34 -10
  58. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +7 -7
  59. package/styled-components/es/components/Loader/Loader.js +7 -17
  60. package/styled-components/es/components/Loader/Loader.styles.js +36 -2
  61. package/styled-components/es/components/Tree/Tree.js +5 -12
  62. package/styled-components/es/components/Tree/Tree.styles.js +26 -12
  63. package/styled-components/es/components/Tree/Tree.tokens.js +8 -2
  64. package/styled-components/es/examples/components/Tree/Tree.config.js +34 -10
  65. package/types/components/Loader/Loader.d.ts.map +1 -1
  66. package/types/components/Loader/Loader.styles.d.ts +8 -0
  67. package/types/components/Loader/Loader.styles.d.ts.map +1 -1
  68. package/types/components/TextField/TextField.types.d.ts +2 -2
  69. package/types/components/Tree/Tree.d.ts.map +1 -1
  70. package/types/components/Tree/Tree.styles.d.ts +2 -0
  71. package/types/components/Tree/Tree.styles.d.ts.map +1 -1
  72. package/types/components/Tree/Tree.tokens.d.ts +8 -2
  73. package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
  74. package/types/examples/components/Tree/Tree.config.d.ts.map +1 -1
  75. package/cjs/components/Tree/Tree.styles_ihv9l0.css +0 -8
  76. package/es/components/Tree/Tree.styles_ihv9l0.css +0 -8
package/es/components/Tree/Tree.css CHANGED
@@ -1,10 +1,10 @@
1
1
  .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);}
2
2
 
3
- .Tree_styles_ihv9l0_io9xczg__82de4e94{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_ihv9l0_io9xczg__82de4e94:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_ihv9l0_io9xczg__82de4e94:active{color:var(--plasma-tree-arrow-color-active);}
4
- .Tree_styles_ihv9l0_smciu6q__82de4e94{-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;}
3
+ .Tree_styles_1n6h7n6_io9xczg__235fc154{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_1n6h7n6_io9xczg__235fc154:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_1n6h7n6_io9xczg__235fc154:active{color:var(--plasma-tree-arrow-color-active);}
4
+ .Tree_styles_1n6h7n6_smciu6q__235fc154{-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;}
5
5
 
6
- .Tree_styles_ihv9l0_t1bgqryr__82de4e94{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:var(--t1bgqryr-1);}
7
- .Tree_styles_ihv9l0_t1un80r8__82de4e94{margin:var(--plasma-tree-icon-folder-margin);overflow:var(--t1un80r8-0);text-overflow:var(--t1un80r8-1);white-space:var(--t1un80r8-2);}
8
- .Tree_styles_ihv9l0_c92yb2c__82de4e94{line-height:0;}
9
- .Tree_styles_ihv9l0_l1njos1z__82de4e94{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;}
10
- .Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94{margin:0;border:1px solid transparent;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeFocused__82de4e94:not(.Tree_styles_ihv9l0_rcTreeActiveFocused__82de4e94){border-color:cyan;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94{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;box-sizing:border-box;margin:0;padding:var(--plasma-tree-item-padding);position:relative;z-index:0;width:100%;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeTightVariant__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94{padding:var(--plasma-tree-item-padding-tight);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 .Tree_styles_ihv9l0_draggable__82de4e94{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_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_dragging__82de4e94{opacity:0.28;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_dropContainer__82de4e94::before,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94:not(:has(.Tree_styles_ihv9l0_dropContainer__82de4e94)) .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_dropTarget__82de4e94.Tree_styles_ihv9l0_treeLeafNode__82de4e94::before,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94:not(:has(.Tree_styles_ihv9l0_dropContainer__82de4e94)) .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_dropTarget__82de4e94.Tree_styles_ihv9l0_dragOver__82de4e94::before{box-shadow:inset 0 0 0 1px var(--plasma-tree-item-draggable-border-color);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_filterNode__82de4e94 > .Tree_styles_ihv9l0_rcTreeNodeContentWrapper__82de4e94{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 ul{margin:0;padding:0 0 0 18px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeContentWrapper__82de4e94{position:relative;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);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;width:100%;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeRadioMode__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeSelected__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeContentWrapper__82de4e94{cursor:default;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeContentWrapper__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 span.Tree_styles_ihv9l0_rcTreeIconEle__82de4e94{cursor:default;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeIconEle__82de4e94{cursor:pointer;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94.Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeIconEle__82de4e94.Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94{background-image:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeIcon_loading__82de4e94{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_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcherNoop__82de4e94{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcherNoop__82de4e94{display:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcher_open__82de4e94{background-position:-93px -56px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcher_close__82de4e94{background-position:-75px -56px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckboxChecked__82de4e94{background-position:-14px 0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckboxIndeterminate__82de4e94{background-position:-14px -28px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckboxDisabled__82de4e94{background-position:0 -56px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxChecked__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxDisabled__82de4e94{background-position:-14px -56px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxIndeterminate__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxDisabled__82de4e94{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxIndeterminate__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxDisabled__82de4e94::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_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94:not(.Tree_styles_ihv9l0_rcTreeShowLine__82de4e94) .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 .Tree_styles_ihv9l0_rcTreeSwitcherNoop__82de4e94{background:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_rcTreeShowLine__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_rcTreeShowLine__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94:not(:last-child) > .Tree_styles_ihv9l0_rcTreeSwitcherNoop__82de4e94{background-position:-56px -18px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_rcTreeShowLine__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94:last-child > .Tree_styles_ihv9l0_rcTreeSwitcherNoop__82de4e94{background-position:-56px -36px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeChildTree__82de4e94{display:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeChildTreeOpen__82de4e94{display:block;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 > span:not(.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94),.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 > a,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 > a span{color:#767676;cursor:not-allowed;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenodeActive__82de4e94{background:rgba(0,0,0,0.1);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeSelected__82de4e94{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__open__82de4e94{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__close__82de4e94{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__docu__82de4e94{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTitle__82de4e94{display:grid;width:100%;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIndent__82de4e94{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIndentUnit__82de4e94{display:inline-block;width:16px;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeDraggableIcon__82de4e94{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_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeList__82de4e94{border:none !important;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeListHolder__82de4e94{overflow:hidden auto;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:calc(var(--plasma-tree-switcher-size) + var(--plasma-tree-item-background-extra-offset));right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeContentWrapper__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94,.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeItemFilled__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94::before{inset:0;border-radius:0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_treeItemHasSelectedChildren__82de4e94:not(.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94) .Tree_styles_ihv9l0_rcTreeTitle__82de4e94{color:var(--plasma-tree-color-selected);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_treeItemHasSelectedChildren__82de4e94:not(.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94) .Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94{color:var(--plasma-tree-color-selected);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_treeItemPrimaryBackground__82de4e94::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeSelected__82de4e94::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94:not(.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94):not(.Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeRadioMode__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeSelected__82de4e94):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94:not(.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94):not(.Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeRadioMode__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeSelected__82de4e94):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94{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_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcher_open__82de4e94 .Tree_styles_ihv9l0_arrow__82de4e94{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcher_close__82de4e94 .Tree_styles_ihv9l0_arrow__82de4e94{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94.Tree_styles_ihv9l0_rcTreeSwitcher_open__82de4e94 .Tree_styles_ihv9l0_arrow__82de4e94{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94{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_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94::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_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckboxChecked__82de4e94::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_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeCheckbox__82de4e94.Tree_styles_ihv9l0_rcTreeCheckboxIndeterminate__82de4e94::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_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeTitle__82de4e94{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_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94 span.Tree_styles_ihv9l0_rcTreeSwitcher__82de4e94{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94.Tree_styles_ihv9l0_treeInverted__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94::before{left:0;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeSelected__82de4e94{opacity:1;box-shadow:none;background:none;}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeSelected__82de4e94 .Tree_styles_ihv9l0_rcTreeTitle__82de4e94{color:var(--plasma-tree-color-selected);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeTitle__82de4e94{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeNodeSelected__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94{color:var(--plasma-tree-color-selected);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTree__82de4e94 .Tree_styles_ihv9l0_rcTreeTreenode__82de4e94.Tree_styles_ihv9l0_rcTreeTreenodeDisabled__82de4e94 .Tree_styles_ihv9l0_rcTreeIcon__customize__82de4e94{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_ihv9l0_bbf7gwp__82de4e94 .Tree_styles_ihv9l0_rcTreeIndentUnit__82de4e94{width:var(--plasma-tree-item-indent);}
6
+ .Tree_styles_1n6h7n6_t1bgqryr__235fc154{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:var(--t1bgqryr-1);}
7
+ .Tree_styles_1n6h7n6_t1un80r8__235fc154{margin:var(--plasma-tree-icon-folder-margin);overflow:var(--t1un80r8-0);text-overflow:var(--t1un80r8-1);white-space:var(--t1un80r8-2);}
8
+ .Tree_styles_1n6h7n6_c92yb2c__235fc154{line-height:0;}
9
+ .Tree_styles_1n6h7n6_l1njos1z__235fc154{top:var(--l1njos1z-0);left:var(--l1njos1z-1);bottom:var(--l1njos1z-2);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;}
10
+ .Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154{margin:0;border:1px solid transparent;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeFocused__235fc154:not(.Tree_styles_1n6h7n6_rcTreeActiveFocused__235fc154){border-color:cyan;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154{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;box-sizing:border-box;margin:0;padding-top:var(--plasma-tree-item-padding-top);padding-right:var(--plasma-tree-item-padding-right);padding-bottom:var(--plasma-tree-item-padding-bottom);padding-left:var(--plasma-tree-item-padding-left);position:relative;z-index:0;width:100%;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeTightVariant__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154{padding-top:var(--plasma-tree-item-padding-tight-top);padding-right:var(--plasma-tree-item-padding-tight-right);padding-bottom:var(--plasma-tree-item-padding-tight-bottom);padding-left:var(--plasma-tree-item-padding-tight-left);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 .Tree_styles_1n6h7n6_draggable__235fc154{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_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_dragging__235fc154{opacity:0.28;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_dropContainer__235fc154::before,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154:not(:has(.Tree_styles_1n6h7n6_dropContainer__235fc154)) .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_dropTarget__235fc154.Tree_styles_1n6h7n6_treeLeafNode__235fc154::before,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154:not(:has(.Tree_styles_1n6h7n6_dropContainer__235fc154)) .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_dropTarget__235fc154.Tree_styles_1n6h7n6_dragOver__235fc154::before{box-shadow:inset 0 0 0 1px var(--plasma-tree-item-draggable-border-color);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_filterNode__235fc154 > .Tree_styles_1n6h7n6_rcTreeNodeContentWrapper__235fc154{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 ul{margin:0;padding:0 0 0 18px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeContentWrapper__235fc154{position:relative;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);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;width:100%;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeRadioMode__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeSelected__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeContentWrapper__235fc154{cursor:default;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeContentWrapper__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 span.Tree_styles_1n6h7n6_rcTreeIconEle__235fc154{cursor:default;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeIconEle__235fc154{cursor:pointer;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154.Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeIconEle__235fc154.Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154{background-image:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeIcon_loading__235fc154{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_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcherNoop__235fc154{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcherNoop__235fc154{display:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcher_open__235fc154{background-position:-93px -56px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcher_close__235fc154{background-position:-75px -56px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckboxChecked__235fc154{background-position:-14px 0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckboxIndeterminate__235fc154{background-position:-14px -28px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckboxDisabled__235fc154{background-position:0 -56px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxChecked__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxDisabled__235fc154{background-position:-14px -56px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxIndeterminate__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxDisabled__235fc154{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxIndeterminate__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxDisabled__235fc154::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_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154:not(.Tree_styles_1n6h7n6_rcTreeShowLine__235fc154) .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 .Tree_styles_1n6h7n6_rcTreeSwitcherNoop__235fc154{background:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_rcTreeShowLine__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_rcTreeShowLine__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154:not(:last-child) > .Tree_styles_1n6h7n6_rcTreeSwitcherNoop__235fc154{background-position:-56px -18px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_rcTreeShowLine__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154:last-child > .Tree_styles_1n6h7n6_rcTreeSwitcherNoop__235fc154{background-position:-56px -36px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeChildTree__235fc154{display:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeChildTreeOpen__235fc154{display:block;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 > span:not(.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154),.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 > a,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 > a span{color:#767676;cursor:not-allowed;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenodeActive__235fc154{background:rgba(0,0,0,0.1);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeSelected__235fc154{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__open__235fc154{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__close__235fc154{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__docu__235fc154{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTitle__235fc154{display:grid;width:100%;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIndent__235fc154{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIndentUnit__235fc154{display:inline-block;width:16px;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeDraggableIcon__235fc154{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_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeList__235fc154{border:none !important;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeListHolder__235fc154{overflow:hidden auto;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:calc(var(--plasma-tree-switcher-size) + var(--plasma-tree-item-background-extra-offset));right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeContentWrapper__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154,.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeItemFilled__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154::before{inset:0;border-radius:0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_treeItemHasSelectedChildren__235fc154:not(.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154) .Tree_styles_1n6h7n6_rcTreeTitle__235fc154{color:var(--plasma-tree-color-selected);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_treeItemHasSelectedChildren__235fc154:not(.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154) .Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154{color:var(--plasma-tree-color-selected);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_treeItemPrimaryBackground__235fc154::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeSelected__235fc154::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154:not(.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154):not(.Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeRadioMode__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeSelected__235fc154):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154:not(.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154):not(.Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeRadioMode__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeSelected__235fc154):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154{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_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcher_open__235fc154 .Tree_styles_1n6h7n6_arrow__235fc154{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcher_close__235fc154 .Tree_styles_1n6h7n6_arrow__235fc154{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154.Tree_styles_1n6h7n6_rcTreeSwitcher_open__235fc154 .Tree_styles_1n6h7n6_arrow__235fc154{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154{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_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154::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_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckboxChecked__235fc154::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_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeCheckbox__235fc154.Tree_styles_1n6h7n6_rcTreeCheckboxIndeterminate__235fc154::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_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeTitle__235fc154{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_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154 span.Tree_styles_1n6h7n6_rcTreeSwitcher__235fc154{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154.Tree_styles_1n6h7n6_treeInverted__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154::before{left:0;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeSelected__235fc154{opacity:1;box-shadow:none;background:none;}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeSelected__235fc154 .Tree_styles_1n6h7n6_rcTreeTitle__235fc154{color:var(--plasma-tree-color-selected);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeTitle__235fc154{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeNodeSelected__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154{color:var(--plasma-tree-color-selected);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTree__235fc154 .Tree_styles_1n6h7n6_rcTreeTreenode__235fc154.Tree_styles_1n6h7n6_rcTreeTreenodeDisabled__235fc154 .Tree_styles_1n6h7n6_rcTreeIcon__customize__235fc154{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1n6h7n6_bbf7gwp__235fc154 .Tree_styles_1n6h7n6_rcTreeIndentUnit__235fc154{width:var(--plasma-tree-item-indent);}
package/es/components/Tree/Tree.js CHANGED
@@ -154,21 +154,14 @@ var treeRoot = function treeRoot(Root) {
154
154
  indent = props.indent;
155
155
  var left = -dropLevelOffset * indent + offset;
156
156
  var style = {};
157
- switch (dropPosition) {
158
- case -1:
159
- style.top = 0;
160
- break;
161
- case 1:
162
- style.bottom = 0;
163
- break;
164
- default:
165
- style.bottom = 0;
166
- style.left = indent + offset;
167
- break;
157
+ if (dropPosition === 0) {
158
+ style.left = indent + offset;
168
159
  }
169
160
  return /*#__PURE__*/React.createElement(Line, {
170
161
  style: style,
171
- left: left
162
+ left: left,
163
+ dropPosition: dropPosition,
164
+ variant: variant
172
165
  });
173
166
  }
174
167
  })));
package/es/components/Tree/Tree.js.map CHANGED
@@ -1 +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 { RootPropsOmitDraggable } from 'src/engines';\nimport cls from 'classnames';\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 variant,\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 singleLine = true,\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 const tightVariantClass = variant === 'tight' ? classes.treeTightVariant : undefined;\n\n // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n // чтобы соблюсти иерархию вложенности в UI.\n const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n return (\n <Root view={view} size={size} variant={variant} ref={ref} items={items}>\n <Tree\n height={height}\n itemHeight={itemHeight}\n virtual={virtual}\n multiple={multiple}\n checkable={checkable}\n className={cls(className, invertedClass, itemFilledClass, radioModeClass, tightVariantClass)}\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\n size={sizeToIconSize(size, variant)}\n color=\"inherit\"\n className=\"arrow\"\n />\n </IconArrowWrapper>\n );\n }}\n icon={\n hasIcon && (icon || <StyledFolder size={sizeToIconSize(size, variant)} color=\"inherit\" />)\n }\n titleRender={(item) => (\n <TitleWrapper\n fullWidthItemSelection={fullWidthItemSelection}\n arrowPlacement={arrowPlacement}\n singleLine={singleLine}\n >\n <Title singleLine={singleLine}>\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","variant","_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$singleLine","singleLine","_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","tightVariantClass","treeTightVariant","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cls","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":";;;;;;;;;AAoBA;AACA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAuD,EAAA;AAAA,EAAA,oBAC5EC,UAAU,CACN,UAAAC,IAAA,EAuCIC,GAAG,EACF;AAAA,IAAA,IAtCGC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAAAC,mBAAA,GAAAH,IAAA,CACLI,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MAAAE,YAAA,GAAAL,IAAA,CACvBM,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,YAAA;MACdE,MAAM,GAAAP,IAAA,CAANO,MAAM;MACNC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;MACVC,IAAI,GAAAT,IAAA,CAAJS,IAAI;MACJC,IAAI,GAAAV,IAAA,CAAJU,IAAI;MACJC,OAAO,GAAAX,IAAA,CAAPW,OAAO;MAAAC,qBAAA,GAAAZ,IAAA,CACPa,sBAAsB;AAAtBA,MAAAA,sBAAsB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,aAAA,GAAAd,IAAA,CAC9Be,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAhB,IAAA,CAChBiB,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,qBAAA,GAAAlB,IAAA,CACxBmB,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,cAAA,GAAApB,IAAA,CACxBqB,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;MACHE,iBAAiB,GAAAtB,IAAA,CAA/BuB,YAAY;MACZC,WAAW,GAAAxB,IAAA,CAAXwB,WAAW;MACXC,YAAY,GAAAzB,IAAA,CAAZyB,YAAY;MACZC,kBAAkB,GAAA1B,IAAA,CAAlB0B,kBAAkB;MAClBC,mBAAmB,GAAA3B,IAAA,CAAnB2B,mBAAmB;MACnBC,mBAAmB,GAAA5B,IAAA,CAAnB4B,mBAAmB;MACnBC,SAAS,GAAA7B,IAAA,CAAT6B,SAAS;MACTC,YAAY,GAAA9B,IAAA,CAAZ8B,YAAY;MACZC,WAAW,GAAA/B,IAAA,CAAX+B,WAAW;MACXC,YAAY,GAAAhC,IAAA,CAAZgC,YAAY;MAAAC,YAAA,GAAAjC,IAAA,CACZkC,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MACfE,IAAI,GAAAnC,IAAA,CAAJmC,IAAI;MACJC,WAAW,GAAApC,IAAA,CAAXoC,WAAW;MAAAC,eAAA,GAAArC,IAAA,CACXsC,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MAAAE,SAAA,GAAAvC,IAAA,CACjBwC,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,SAAA;MAAAE,cAAA,GAAAzC,IAAA,CAChB0C,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;MACjBE,WAAW,GAAA3C,IAAA,CAAX2C,WAAW;MACXC,WAAW,GAAA5C,IAAA,CAAX4C,WAAW;MACXC,UAAU,GAAA7C,IAAA,CAAV6C,UAAU;MACVC,WAAW,GAAA9C,IAAA,CAAX8C,WAAW;MACXC,SAAS,GAAA/C,IAAA,CAAT+C,SAAS;MACTC,MAAM,GAAAhD,IAAA,CAANgD,MAAM;MACNC,SAAS,GAAAjD,IAAA,CAATiD,SAAS,CAAA;AAIb,IAAA,IAAAC,SAAA,GAAgCC,QAAQ,CAAcvB,mBAAmB,IAAI,EAAE,CAAC;MAAAwB,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzEI,MAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAE5B,IAAM7B,YAAY,GAAGD,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjBA,KAAAA,CAAAA,GAAAA,iBAAiB,GAAIgC,QAAQ,CAAA;AAElD,IAAA,IAAME,WAAW,GAAGhB,IAAI,KAAK,OAAO,IAAI,CAACzB,QAAQ,CAAA;IAEjD,IAAM0C,YAAY,GAAG,SAAfA,YAAYA,CAAIC,mBAA0B,EAAEC,IAAgB,EAAK;MACnE,IAAI,CAAC5C,QAAQ,IAAIyC,WAAW,IAAIE,mBAAmB,CAACE,MAAM,KAAK,CAAC,EAAE;AAC9D,QAAA,OAAA;AACJ,OAAA;MAEAL,WAAW,CAACG,mBAAmB,CAAC,CAAA;AAEhC,MAAA,IAAI5B,YAAY,EAAE;AACdA,QAAAA,YAAY,CAAC4B,mBAAmB,EAAEC,IAAI,CAAC,CAAA;AAC3C,OAAA;KACH,CAAA;IAED,IAAME,aAAa,GAAGzD,cAAc,KAAK,OAAO,GAAG0D,OAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;IACnF,IAAMC,eAAe,GAAGpD,sBAAsB,GAAGiD,OAAO,CAACI,cAAc,GAAGF,SAAS,CAAA;IACnF,IAAMG,cAAc,GAAGX,WAAW,GAAGM,OAAO,CAACM,aAAa,GAAGJ,SAAS,CAAA;IACtE,IAAMK,iBAAiB,GAAG1D,OAAO,KAAK,OAAO,GAAGmD,OAAO,CAACQ,gBAAgB,GAAGN,SAAS,CAAA;;AAEpF;AACA;IACA,IAAMO,QAAQ,GAAGC,OAAO,CAAC,YAAA;AAAA,MAAA,OAAMC,YAAY,CAACvE,KAAK,EAAEqB,YAAY,CAAC,CAAA;AAAA,KAAA,EAAE,CAACrB,KAAK,EAAEqB,YAAY,CAAC,CAAC,CAAA;AAExF,IAAA,oBACImD,KAAA,CAAAC,aAAA,CAAC7E,IAAI,EAAA;AAACY,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACE,MAAAA,OAAO,EAAEA,OAAQ;AAACV,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,eACnEwE,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAAC,QAAA,CAAA;AACDtE,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,UAAU,EAAEA,UAAW;AACvBF,MAAAA,OAAO,EAAEA,OAAQ;AACjBS,MAAAA,QAAQ,EAAEA,QAAS;AACnBM,MAAAA,SAAS,EAAEA,SAAU;AACrBQ,MAAAA,SAAS,EAAEiD,GAAG,CAACjD,SAAS,EAAEgC,aAAa,EAAEI,eAAe,EAAEE,cAAc,EAAEE,iBAAiB,CAAE;AAC7FpD,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnC4D,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE,gBAAA;OAAmB;AACpCT,MAAAA,QAAQ,EAAEA,QAAS;AACnBhD,MAAAA,YAAY,EAAEA,YAAAA;KACTC,EAAAA,WAAW,KAAKwC,SAAS,GAAG;AAAExC,MAAAA,WAAW,EAAXA,WAAAA;AAAY,KAAC,GAAG,EAAE,EAChDC,YAAY,KAAKuC,SAAS,GAAG;AAAEvC,MAAAA,YAAY,EAAZA,YAAAA;KAAc,GAAG,EAAE,EAAA;AACvDC,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCsD,MAAAA,QAAQ,EAAExB,YAAAA;AACV;AAAA;AACAyB,MAAAA,OAAO,EAAEnD,WAAmB;AAC5BoD,MAAAA,QAAQ,EAAEnD,YAAa;AACvBoD,MAAAA,YAAY,EAAE,SAAAA,YAACC,CAAAA,IAAI,EAAK;QACpB,IAAIA,IAAI,CAACC,MAAM,EAAE;AACb,UAAA,OAAO,IAAI,CAAA;AACf,SAAA;QAEA,oBACIZ,KAAA,CAAAC,aAAA,CAACY,gBAAgB,qBACbb,KAAA,CAAAC,aAAA,CAACa,WAAW,EAAA;AACR/E,UAAAA,IAAI,EAAEgF,cAAc,CAAChF,IAAI,EAAEE,OAAO,CAAE;AACpC+E,UAAAA,KAAK,EAAC,SAAS;AACf7D,UAAAA,SAAS,EAAC,OAAA;AAAO,SACpB,CACa,CAAC,CAAA;OAEzB;MACFM,IAAI,EACAD,OAAO,KAAKC,IAAI,iBAAIuC,KAAA,CAAAC,aAAA,CAACgB,YAAY,EAAA;AAAClF,QAAAA,IAAI,EAAEgF,cAAc,CAAChF,IAAI,EAAEE,OAAO,CAAE;AAAC+E,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAC5F;MACDE,WAAW,EAAE,SAAAA,WAAAA,CAACC,IAAI,EAAA;AAAA,QAAA,oBACdnB,KAAA,CAAAC,aAAA,CAACmB,YAAY,EAAA;AACTjF,UAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CT,UAAAA,cAAc,EAAEA,cAAe;AAC/BkC,UAAAA,UAAU,EAAEA,UAAAA;AAAW,SAAA,eAEvBoC,KAAA,CAAAC,aAAA,CAACoB,KAAK,EAAA;AAACzD,UAAAA,UAAU,EAAEA,UAAAA;AAAW,SAAA,EAEzBF,WAAW,GACNA,WAAW,CAACyD,IAAI,CAAC,GACjB,OAAOA,IAAI,CAACG,KAAK,KAAK,UAAU,GAChCH,IAAI,CAACG,KAAK,CAACH,IAAI,CAAC,GAChBA,IAAI,CAACG,KACR,CAAC,EAEPH,IAAI,CAACI,YAAY,iBAAIvB,KAAA,CAAAC,aAAA,CAACuB,YAAY,EAAA,IAAA,EAAEL,IAAI,CAACI,YAA2B,CAC3D,CAAC,CAAA;OACjB;AACFvD,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,SAAS,EAAEA,SAAU;AACrBkD,MAAAA,mBAAmB,EAAE,SAAAA,mBAACC,CAAAA,KAAK,EAAK;QAC5B,IAAMC,MAAM,GAAG,CAAC,CAAA;AAChB,QAAA,IAAQC,YAAY,GAA8BF,KAAK,CAA/CE,YAAY;UAAEC,eAAe,GAAaH,KAAK,CAAjCG,eAAe;UAAEC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM,CAAA;AAC7C,QAAA,IAAMC,IAAI,GAAG,CAACF,eAAe,GAAGC,MAAM,GAAGH,MAAM,CAAA;QAE/C,IAAMtB,KAA0B,GAAG,EAAE,CAAA;AAErC,QAAA,QAAQuB,YAAY;AAChB,UAAA,KAAK,CAAC,CAAC;YACHvB,KAAK,CAAC2B,GAAG,GAAG,CAAC,CAAA;AACb,YAAA,MAAA;AACJ,UAAA,KAAK,CAAC;YACF3B,KAAK,CAAC4B,MAAM,GAAG,CAAC,CAAA;AAChB,YAAA,MAAA;AACJ,UAAA;YACI5B,KAAK,CAAC4B,MAAM,GAAG,CAAC,CAAA;AAChB5B,YAAAA,KAAK,CAAC0B,IAAI,GAAGD,MAAM,GAAGH,MAAM,CAAA;AAC5B,YAAA,MAAA;AACR,SAAA;AACA,QAAA,oBAAO3B,KAAA,CAAAC,aAAA,CAACiC,IAAI,EAAA;AAAC7B,UAAAA,KAAK,EAAEA,KAAM;AAAC0B,UAAAA,IAAI,EAAEA,IAAAA;AAAK,SAAE,CAAC,CAAA;AAC7C,OAAA;AAAE,KAAA,CACL,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMI,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnH,QAAQ;AAChBoH,EAAAA,IAAI,EAAJA,IAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE;AACNzG,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
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 { RootPropsOmitDraggable } from 'src/engines';\nimport cls from 'classnames';\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 variant,\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 singleLine = true,\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 const tightVariantClass = variant === 'tight' ? classes.treeTightVariant : undefined;\n\n // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n // чтобы соблюсти иерархию вложенности в UI.\n const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n return (\n <Root view={view} size={size} variant={variant} ref={ref} items={items}>\n <Tree\n height={height}\n itemHeight={itemHeight}\n virtual={virtual}\n multiple={multiple}\n checkable={checkable}\n className={cls(className, invertedClass, itemFilledClass, radioModeClass, tightVariantClass)}\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\n size={sizeToIconSize(size, variant)}\n color=\"inherit\"\n className=\"arrow\"\n />\n </IconArrowWrapper>\n );\n }}\n icon={\n hasIcon && (icon || <StyledFolder size={sizeToIconSize(size, variant)} color=\"inherit\" />)\n }\n titleRender={(item) => (\n <TitleWrapper\n fullWidthItemSelection={fullWidthItemSelection}\n arrowPlacement={arrowPlacement}\n singleLine={singleLine}\n >\n <Title singleLine={singleLine}>\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 if (dropPosition === 0) {\n style.left = indent + offset;\n }\n\n return <Line style={style} left={left} dropPosition={dropPosition} variant={variant} />;\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","variant","_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$singleLine","singleLine","_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","tightVariantClass","treeTightVariant","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cls","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","Line","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
package/es/components/Tree/Tree.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Tree.styles_ihv9l0.css';
1
+ import './Tree.styles_1n6h7n6.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { treeTokens } from './Tree.tokens.js';
4
4
  import { IconDisclosureRightCentered } from '../_Icon/Icons/IconDisclosureRightCentered.js';
@@ -82,16 +82,32 @@ var ContentRight = /*#__PURE__*/styled('div')({
82
82
  });
83
83
  var _exp12 = function _exp12() {
84
84
  return function (_ref6) {
85
- var left = _ref6.left;
85
+ var dropPosition = _ref6.dropPosition,
86
+ variant = _ref6.variant;
87
+ return dropPosition === -1 ? "calc(var(".concat(variant === 'normal' ? treeTokens.itemPaddingTop : treeTokens.itemPaddingTightTop, ") * -1)") : 'auto';
88
+ };
89
+ };
90
+ var _exp13 = function _exp13() {
91
+ return function (_ref7) {
92
+ var left = _ref7.left;
86
93
  return left;
87
94
  };
88
95
  };
96
+ var _exp14 = function _exp14() {
97
+ return function (_ref8) {
98
+ var dropPosition = _ref8.dropPosition,
99
+ variant = _ref8.variant;
100
+ return dropPosition !== -1 ? "calc(var(".concat(variant === 'normal' ? treeTokens.itemPaddingBottom : treeTokens.itemPaddingTightBottom, ") * -1)") : 'auto';
101
+ };
102
+ };
89
103
  var Line = /*#__PURE__*/styled('div')({
90
104
  name: "Line",
91
105
  "class": "l1njos1z",
92
106
  propsAsIs: false,
93
107
  vars: {
94
- "l1njos1z-0": [/*#__PURE__*/_exp12(), "px"]
108
+ "l1njos1z-0": [/*#__PURE__*/_exp12()],
109
+ "l1njos1z-1": [/*#__PURE__*/_exp13(), "px"],
110
+ "l1njos1z-2": [/*#__PURE__*/_exp14()]
95
111
  }
96
112
  });
97
113
  var base = "bbf7gwp";
package/es/components/Tree/Tree.styles.js.map CHANGED
@@ -1 +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 { 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 singleLine?: boolean;\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 overflow: ${({ singleLine }) => (singleLine ? 'hidden' : 'visible')};\n`;\n\nexport const Title = styled.span<{ singleLine?: boolean }>`\n margin: var(${tokens.iconFolderMargin});\n\n overflow: ${({ singleLine }) => (singleLine ? 'hidden' : 'visible')};\n text-overflow: ${({ singleLine }) => (singleLine ? 'ellipsis' : 'unset')};\n white-space: ${({ singleLine }) => (singleLine ? 'nowrap' : 'normal')};\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 display: flex;\n align-items: center;\n box-sizing: border-box;\n margin: 0;\n padding: var(${tokens.itemPadding});\n position: relative;\n z-index: 0;\n width: 100%;\n line-height: 24px;\n white-space: nowrap;\n list-style: none;\n outline: 0;\n }\n\n .rc-tree.${classes.treeTightVariant} .rc-tree-treenode {\n padding: var(${tokens.itemPaddingTight});\n }\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))\n .rc-tree-treenode.drop-target.${classes.treeLeafNode}::before,\n .rc-tree:not(:has(.drop-container))\n .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 margin: 0;\n padding: 0;\n text-decoration: none;\n vertical-align: top;\n cursor: pointer;\n color: var(${tokens.color});\n display: flex;\n align-items: center;\n width: 100%;\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: grid;\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,\n .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::before {\n content: '';\n position: absolute;\n z-index: -1;\n top: var(${tokens.itemTop});\n bottom: var(${tokens.itemBottom});\n left: calc(var(${tokens.switcherSize}) + var(${tokens.itemBackgroundExtraOffset}));\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\n .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled)\n .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\n .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode}\n .rc-tree-treenode.rc-tree-treenode-selected):hover::before {\n background: var(${tokens.itemBackgroundColorHover});\n }\n\n .rc-tree\n .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode}\n .rc-tree-treenode.rc-tree-treenode-selected):active::before {\n background: var(${tokens.itemBackgroundColorActive});\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","_exp7","_ref2","singleLine","TitleWrapper","vars","_exp9","_ref3","_exp10","_ref4","_exp11","_ref5","Title","ContentRight","_exp12","_ref6","left","Line","base"],"mappings":"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"}
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 { 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 singleLine?: boolean;\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 overflow: ${({ singleLine }) => (singleLine ? 'hidden' : 'visible')};\n`;\n\nexport const Title = styled.span<{ singleLine?: boolean }>`\n margin: var(${tokens.iconFolderMargin});\n\n overflow: ${({ singleLine }) => (singleLine ? 'hidden' : 'visible')};\n text-overflow: ${({ singleLine }) => (singleLine ? 'ellipsis' : 'unset')};\n white-space: ${({ singleLine }) => (singleLine ? 'nowrap' : 'normal')};\n`;\n\nexport const ContentRight = styled.div`\n line-height: 0;\n`;\n\nexport const Line = styled.div<{ left: number; dropPosition: number; variant: TreeProps['variant'] }>`\n top: ${({ dropPosition, variant }) =>\n dropPosition === -1\n ? `calc(var(${variant === 'normal' ? tokens.itemPaddingTop : tokens.itemPaddingTightTop}) * -1)`\n : 'auto'};\n left: ${({ left }) => left}px;\n bottom: ${({ dropPosition, variant }) =>\n dropPosition !== -1\n ? `calc(var(${variant === 'normal' ? tokens.itemPaddingBottom : tokens.itemPaddingTightBottom}) * -1)`\n : 'auto'};\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 display: flex;\n align-items: center;\n box-sizing: border-box;\n margin: 0;\n padding-top: var(${tokens.itemPaddingTop});\n padding-right: var(${tokens.itemPaddingRight});\n padding-bottom: var(${tokens.itemPaddingBottom});\n padding-left: var(${tokens.itemPaddingLeft});\n position: relative;\n z-index: 0;\n width: 100%;\n line-height: 24px;\n white-space: nowrap;\n list-style: none;\n outline: 0;\n }\n\n .rc-tree.${classes.treeTightVariant} .rc-tree-treenode {\n padding-top: var(${tokens.itemPaddingTightTop});\n padding-right: var(${tokens.itemPaddingTightRight});\n padding-bottom: var(${tokens.itemPaddingTightBottom});\n padding-left: var(${tokens.itemPaddingTightLeft});\n }\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))\n .rc-tree-treenode.drop-target.${classes.treeLeafNode}::before,\n .rc-tree:not(:has(.drop-container))\n .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 margin: 0;\n padding: 0;\n text-decoration: none;\n vertical-align: top;\n cursor: pointer;\n color: var(${tokens.color});\n display: flex;\n align-items: center;\n width: 100%;\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: grid;\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,\n .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::before {\n content: '';\n position: absolute;\n z-index: -1;\n top: var(${tokens.itemTop});\n bottom: var(${tokens.itemBottom});\n left: calc(var(${tokens.switcherSize}) + var(${tokens.itemBackgroundExtraOffset}));\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\n .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled)\n .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\n .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode}\n .rc-tree-treenode.rc-tree-treenode-selected):hover::before {\n background: var(${tokens.itemBackgroundColorHover});\n }\n\n .rc-tree\n .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode}\n .rc-tree-treenode.rc-tree-treenode-selected):active::before {\n background: var(${tokens.itemBackgroundColorActive});\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","_exp7","_ref2","singleLine","TitleWrapper","vars","_exp9","_ref3","_exp10","_ref4","_exp11","_ref5","Title","ContentRight","_exp12","_ref6","dropPosition","variant","itemPaddingTop","itemPaddingTightTop","_exp13","_ref7","left","_exp14","_ref8","itemPaddingBottom","itemPaddingTightBottom","Line","base"],"mappings":"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"}
package/es/components/Tree/Tree.styles_1n6h7n6.css ADDED
@@ -0,0 +1,8 @@
1
+ .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);}
2
+ .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;}
3
+
4
+ .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:var(--t1bgqryr-1);}
5
+ .t1un80r8{margin:var(--plasma-tree-icon-folder-margin);overflow:var(--t1un80r8-0);text-overflow:var(--t1un80r8-1);white-space:var(--t1un80r8-2);}
6
+ .c92yb2c{line-height:0;}
7
+ .l1njos1z{top:var(--l1njos1z-0);left:var(--l1njos1z-1);bottom:var(--l1njos1z-2);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;}
8
+ .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{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;box-sizing:border-box;margin:0;padding-top:var(--plasma-tree-item-padding-top);padding-right:var(--plasma-tree-item-padding-right);padding-bottom:var(--plasma-tree-item-padding-bottom);padding-left:var(--plasma-tree-item-padding-left);position:relative;z-index:0;width:100%;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.bbf7gwp .rc-tree.tree-tight-variant .rc-tree-treenode{padding-top:var(--plasma-tree-item-padding-tight-top);padding-right:var(--plasma-tree-item-padding-tight-right);padding-bottom:var(--plasma-tree-item-padding-tight-bottom);padding-left:var(--plasma-tree-item-padding-tight-left);}.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;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);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;width:100%;}.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:grid;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::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:calc(var(--plasma-tree-switcher-size) + var(--plasma-tree-item-background-extra-offset));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 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/es/components/Tree/Tree.tokens.js CHANGED
@@ -22,8 +22,14 @@ var treeTokens = {
22
22
  itemHeight: '--plasma-tree-item-height',
23
23
  itemTop: '--plasma-tree-item-top',
24
24
  itemBottom: '--plasma-tree-item-bottom',
25
- itemPadding: '--plasma-tree-item-padding',
26
- itemPaddingTight: '--plasma-tree-item-padding-tight',
25
+ itemPaddingTop: '--plasma-tree-item-padding-top',
26
+ itemPaddingRight: '--plasma-tree-item-padding-right',
27
+ itemPaddingBottom: '--plasma-tree-item-padding-bottom',
28
+ itemPaddingLeft: '--plasma-tree-item-padding-left',
29
+ itemPaddingTightTop: '--plasma-tree-item-padding-tight-top',
30
+ itemPaddingTightRight: '--plasma-tree-item-padding-tight-right',
31
+ itemPaddingTightBottom: '--plasma-tree-item-padding-tight-bottom',
32
+ itemPaddingTightLeft: '--plasma-tree-item-padding-tight-left',
27
33
  itemIndent: '--plasma-tree-item-indent',
28
34
  itemBorderRadius: '--plasma-tree-item-border-radius',
29
35
  iconFolderMargin: '--plasma-tree-icon-folder-margin',
package/es/components/Tree/Tree.tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tree.tokens.js","sources":["../../../src/components/Tree/Tree.tokens.ts"],"sourcesContent":["export const classes = {\n treeInverted: 'tree-inverted',\n treeItemFilled: 'tree-item-filled',\n treeItemPrimaryBackground: 'tree-item-primary-background',\n treeItemHasSelectedChildren: 'tree-item-has-selected-children',\n treeRadioMode: 'tree-radio-mode',\n treeLeafNode: 'tree-leaf-node',\n treeTightVariant: 'tree-tight-variant',\n};\n\nexport const treeTokens = {\n arrowColor: '--plasma-tree-arrow-color',\n arrowColorHover: '--plasma-tree-arrow-color-hover',\n arrowColorActive: '--plasma-tree-arrow-color-active',\n color: '--plasma-tree-color',\n colorSelected: '--plasma-tree-color-selected',\n fontFamily: '--plasma-tree-font-family',\n fontSize: '--plasma-tree-font-size',\n fontStyle: '--plasma-tree-font-style',\n fontWeight: '--plasma-tree-font-weight',\n letterSpacing: '--plasma-tree-letter-spacing',\n lineHeight: '--plasma-tree-line-height',\n itemHeight: '--plasma-tree-item-height',\n itemTop: '--plasma-tree-item-top',\n itemBottom: '--plasma-tree-item-bottom',\n itemPadding: '--plasma-tree-item-padding',\n itemPaddingTight: '--plasma-tree-item-padding-tight',\n itemIndent: '--plasma-tree-item-indent',\n itemBorderRadius: '--plasma-tree-item-border-radius',\n iconFolderMargin: '--plasma-tree-icon-folder-margin',\n iconFolderColor: '--plasma-tree-icon-folder-color',\n switcherMargin: '--plasma-tree-switcher-margin',\n switcherMarginInverted: '--plasma-tree-switcher-margin-inverted',\n switcherSize: '--plasma-tree-switcher-size',\n checkboxSize: '--plasma-tree-checkbox-size',\n checkboxInnerSize: '--plasma-tree-checkbox-inner-size',\n checkboxBorderRadius: '--plasma-tree-checkbox-border-radius',\n checkboxMargin: '--plasma-tree-checkbox-margin',\n checkboxBorderColor: '--plasma-tree-checkbox-border-color',\n checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',\n itemBackgroundExtraOffset: '--plasma-tree-item-background-extra-offset',\n itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',\n itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',\n itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',\n itemBackgroundColorActive: '--plasma-tree-item-background-color-active',\n itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',\n itemDisabledColor: '--plasma-tree-item-disabled-color',\n itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',\n itemDraggableBorderColor: '--plasma-tree-item-draggable-border-color',\n itemDraggableLineColor: '--plasma-tree-item-draggable-line-color',\n};\n"],"names":["classes","treeInverted","treeItemFilled","treeItemPrimaryBackground","treeItemHasSelectedChildren","treeRadioMode","treeLeafNode","treeTightVariant","treeTokens","arrowColor","arrowColorHover","arrowColorActive","color","colorSelected","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","itemHeight","itemTop","itemBottom","itemPadding","itemPaddingTight","itemIndent","itemBorderRadius","iconFolderMargin","iconFolderColor","switcherMargin","switcherMarginInverted","switcherSize","checkboxSize","checkboxInnerSize","checkboxBorderRadius","checkboxMargin","checkboxBorderColor","checkboxBackgroundColor","itemBackgroundExtraOffset","itemBackgroundColorSelected","itemBackgroundColorPrimary","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity","itemDisabledColor","itemDisabledBorderColor","itemDraggableBorderColor","itemDraggableLineColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,2BAA2B,EAAE,iCAAiC;AAC9DC,EAAAA,aAAa,EAAE,iBAAiB;AAChCC,EAAAA,YAAY,EAAE,gBAAgB;AAC9BC,EAAAA,gBAAgB,EAAE,oBAAA;AACtB,EAAC;AAEM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,2BAA2B,EAAE,8CAA8C;AAC3EC,EAAAA,0BAA0B,EAAE,6CAA6C;AACzEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,sBAAsB,EAAE,yCAAA;AAC5B;;;;"}
1
+ {"version":3,"file":"Tree.tokens.js","sources":["../../../src/components/Tree/Tree.tokens.ts"],"sourcesContent":["export const classes = {\n treeInverted: 'tree-inverted',\n treeItemFilled: 'tree-item-filled',\n treeItemPrimaryBackground: 'tree-item-primary-background',\n treeItemHasSelectedChildren: 'tree-item-has-selected-children',\n treeRadioMode: 'tree-radio-mode',\n treeLeafNode: 'tree-leaf-node',\n treeTightVariant: 'tree-tight-variant',\n};\n\nexport const treeTokens = {\n arrowColor: '--plasma-tree-arrow-color',\n arrowColorHover: '--plasma-tree-arrow-color-hover',\n arrowColorActive: '--plasma-tree-arrow-color-active',\n color: '--plasma-tree-color',\n colorSelected: '--plasma-tree-color-selected',\n fontFamily: '--plasma-tree-font-family',\n fontSize: '--plasma-tree-font-size',\n fontStyle: '--plasma-tree-font-style',\n fontWeight: '--plasma-tree-font-weight',\n letterSpacing: '--plasma-tree-letter-spacing',\n lineHeight: '--plasma-tree-line-height',\n itemHeight: '--plasma-tree-item-height',\n itemTop: '--plasma-tree-item-top',\n itemBottom: '--plasma-tree-item-bottom',\n itemPaddingTop: '--plasma-tree-item-padding-top',\n itemPaddingRight: '--plasma-tree-item-padding-right',\n itemPaddingBottom: '--plasma-tree-item-padding-bottom',\n itemPaddingLeft: '--plasma-tree-item-padding-left',\n itemPaddingTightTop: '--plasma-tree-item-padding-tight-top',\n itemPaddingTightRight: '--plasma-tree-item-padding-tight-right',\n itemPaddingTightBottom: '--plasma-tree-item-padding-tight-bottom',\n itemPaddingTightLeft: '--plasma-tree-item-padding-tight-left',\n itemIndent: '--plasma-tree-item-indent',\n itemBorderRadius: '--plasma-tree-item-border-radius',\n iconFolderMargin: '--plasma-tree-icon-folder-margin',\n iconFolderColor: '--plasma-tree-icon-folder-color',\n switcherMargin: '--plasma-tree-switcher-margin',\n switcherMarginInverted: '--plasma-tree-switcher-margin-inverted',\n switcherSize: '--plasma-tree-switcher-size',\n checkboxSize: '--plasma-tree-checkbox-size',\n checkboxInnerSize: '--plasma-tree-checkbox-inner-size',\n checkboxBorderRadius: '--plasma-tree-checkbox-border-radius',\n checkboxMargin: '--plasma-tree-checkbox-margin',\n checkboxBorderColor: '--plasma-tree-checkbox-border-color',\n checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',\n itemBackgroundExtraOffset: '--plasma-tree-item-background-extra-offset',\n itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',\n itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',\n itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',\n itemBackgroundColorActive: '--plasma-tree-item-background-color-active',\n itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',\n itemDisabledColor: '--plasma-tree-item-disabled-color',\n itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',\n itemDraggableBorderColor: '--plasma-tree-item-draggable-border-color',\n itemDraggableLineColor: '--plasma-tree-item-draggable-line-color',\n};\n"],"names":["classes","treeInverted","treeItemFilled","treeItemPrimaryBackground","treeItemHasSelectedChildren","treeRadioMode","treeLeafNode","treeTightVariant","treeTokens","arrowColor","arrowColorHover","arrowColorActive","color","colorSelected","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","itemHeight","itemTop","itemBottom","itemPaddingTop","itemPaddingRight","itemPaddingBottom","itemPaddingLeft","itemPaddingTightTop","itemPaddingTightRight","itemPaddingTightBottom","itemPaddingTightLeft","itemIndent","itemBorderRadius","iconFolderMargin","iconFolderColor","switcherMargin","switcherMarginInverted","switcherSize","checkboxSize","checkboxInnerSize","checkboxBorderRadius","checkboxMargin","checkboxBorderColor","checkboxBackgroundColor","itemBackgroundExtraOffset","itemBackgroundColorSelected","itemBackgroundColorPrimary","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity","itemDisabledColor","itemDisabledBorderColor","itemDraggableBorderColor","itemDraggableLineColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,2BAA2B,EAAE,iCAAiC;AAC9DC,EAAAA,aAAa,EAAE,iBAAiB;AAChCC,EAAAA,YAAY,EAAE,gBAAgB;AAC9BC,EAAAA,gBAAgB,EAAE,oBAAA;AACtB,EAAC;AAEM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,oBAAoB,EAAE,uCAAuC;AAC7DC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,2BAA2B,EAAE,8CAA8C;AAC3EC,EAAAA,0BAA0B,EAAE,6CAA6C;AACzEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,sBAAsB,EAAE,yCAAA;AAC5B;;;;"}