@salutejs/plasma-new-hope 0.339.1-canary.2312.18923951101.0 → 0.340.0-canary.2314.18974837629.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 (148) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.css +19 -0
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js +58 -11
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  5. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  6. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +8 -2
  7. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  8. package/cjs/components/Combobox/ComboboxNew/reducers/treePathReducer.js +123 -0
  9. package/cjs/components/Combobox/ComboboxNew/reducers/treePathReducer.js.map +1 -0
  10. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.css +57 -0
  11. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +96 -0
  12. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js.map +1 -0
  13. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +30 -0
  14. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js.map +1 -0
  15. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles_1auklgl.css +2 -0
  16. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.css +54 -0
  17. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +127 -0
  18. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js.map +1 -0
  19. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +205 -0
  20. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
  21. package/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles_7nhjnm.css +15 -0
  22. package/cjs/index.css +19 -0
  23. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +50 -10
  24. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  25. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +35 -3
  26. package/emotion/cjs/components/Combobox/ComboboxNew/reducers/index.js +1 -0
  27. package/emotion/cjs/components/Combobox/ComboboxNew/reducers/treePathReducer.js +140 -0
  28. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +126 -0
  29. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +36 -0
  30. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.js +4 -0
  31. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +148 -0
  32. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +183 -0
  33. package/emotion/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.js +4 -0
  34. package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js +1 -0
  35. package/emotion/cjs/examples/components/ChipGroup /ChipGroup.config.js +214 -0
  36. package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
  37. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  38. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +52 -12
  39. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  40. package/emotion/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +35 -3
  41. package/emotion/es/components/Combobox/ComboboxNew/reducers/index.js +1 -0
  42. package/emotion/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js +123 -0
  43. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +75 -0
  44. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +13 -0
  45. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.js +1 -0
  46. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +97 -0
  47. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +119 -0
  48. package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.js +1 -0
  49. package/emotion/es/components/Combobox/ComboboxNew/ui/index.js +1 -0
  50. package/emotion/es/examples/components/ChipGroup /ChipGroup.config.js +204 -0
  51. package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
  52. package/es/components/Combobox/ComboboxNew/Combobox.css +19 -0
  53. package/es/components/Combobox/ComboboxNew/Combobox.js +59 -12
  54. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  55. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  56. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  57. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +8 -2
  58. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  59. package/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js +118 -0
  60. package/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js.map +1 -0
  61. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.css +57 -0
  62. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +88 -0
  63. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js.map +1 -0
  64. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +25 -0
  65. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js.map +1 -0
  66. package/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles_1auklgl.css +2 -0
  67. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.css +54 -0
  68. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +119 -0
  69. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js.map +1 -0
  70. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +187 -0
  71. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
  72. package/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles_7nhjnm.css +15 -0
  73. package/es/index.css +19 -0
  74. package/package.json +2 -2
  75. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +50 -10
  76. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  77. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +35 -3
  78. package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/index.js +1 -0
  79. package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/treePathReducer.js +140 -0
  80. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +126 -0
  81. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +50 -0
  82. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.js +4 -0
  83. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +148 -0
  84. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +296 -0
  85. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.js +4 -0
  86. package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js +1 -0
  87. package/styled-components/cjs/examples/components/ChipGroup /ChipGroup.config.js +214 -0
  88. package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +12 -4
  89. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  90. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +52 -12
  91. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +2 -0
  92. package/styled-components/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +35 -3
  93. package/styled-components/es/components/Combobox/ComboboxNew/reducers/index.js +1 -0
  94. package/styled-components/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js +123 -0
  95. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js +75 -0
  96. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js +27 -0
  97. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.js +1 -0
  98. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js +97 -0
  99. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.js +232 -0
  100. package/styled-components/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.js +1 -0
  101. package/styled-components/es/components/Combobox/ComboboxNew/ui/index.js +1 -0
  102. package/styled-components/es/examples/components/ChipGroup /ChipGroup.config.js +204 -0
  103. package/styled-components/es/examples/components/Combobox/Combobox.config.js +12 -4
  104. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  105. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  106. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +2 -0
  107. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  108. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +17 -3
  109. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  110. package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts +2 -1
  111. package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts.map +1 -1
  112. package/types/components/Combobox/ComboboxNew/reducers/index.d.ts +1 -0
  113. package/types/components/Combobox/ComboboxNew/reducers/index.d.ts.map +1 -1
  114. package/types/components/Combobox/ComboboxNew/reducers/treePathReducer.d.ts +18 -0
  115. package/types/components/Combobox/ComboboxNew/reducers/treePathReducer.d.ts.map +1 -0
  116. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.d.ts +4 -0
  117. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.d.ts.map +1 -0
  118. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.d.ts +6 -0
  119. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.d.ts.map +1 -0
  120. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.d.ts +11 -0
  121. package/types/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.d.ts.map +1 -0
  122. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.d.ts +4 -0
  123. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.d.ts.map +1 -0
  124. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.d.ts +62 -0
  125. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.d.ts.map +1 -0
  126. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.d.ts +6 -0
  127. package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.types.d.ts.map +1 -0
  128. package/types/components/Combobox/ComboboxNew/ui/index.d.ts +1 -0
  129. package/types/components/Combobox/ComboboxNew/ui/index.d.ts.map +1 -1
  130. package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts +0 -8
  131. package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts.map +1 -1
  132. package/types/examples/components/ChipGroup /ChipGroup.config.d.ts.map +1 -0
  133. package/types/examples/components/ChipGroup /ChipGroup.d.ts.map +1 -0
  134. package/types/examples/components/Combobox/Combobox.config.d.ts.map +1 -1
  135. package/types/examples/components/Combobox/Combobox.d.ts +48 -0
  136. package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
  137. package/emotion/cjs/examples/components/ChipGroup/ChipGroup.config.js +0 -35
  138. package/emotion/es/examples/components/ChipGroup/ChipGroup.config.js +0 -25
  139. package/styled-components/cjs/examples/components/ChipGroup/ChipGroup.config.js +0 -141
  140. package/styled-components/es/examples/components/ChipGroup/ChipGroup.config.js +0 -131
  141. package/types/examples/components/ChipGroup/ChipGroup.config.d.ts.map +0 -1
  142. package/types/examples/components/ChipGroup/ChipGroup.d.ts.map +0 -1
  143. /package/emotion/cjs/examples/components/{ChipGroup → ChipGroup }/ChipGroup.js +0 -0
  144. /package/emotion/es/examples/components/{ChipGroup → ChipGroup }/ChipGroup.js +0 -0
  145. /package/styled-components/cjs/examples/components/{ChipGroup → ChipGroup }/ChipGroup.js +0 -0
  146. /package/styled-components/es/examples/components/{ChipGroup → ChipGroup }/ChipGroup.js +0 -0
  147. /package/types/examples/components/{ChipGroup → ChipGroup }/ChipGroup.config.d.ts +0 -0
  148. /package/types/examples/components/{ChipGroup → ChipGroup }/ChipGroup.d.ts +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TreeList.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { SelectProps } from 'src/components/Select';\n\nimport { constants, tokens } from '../../Combobox.tokens';\n\nexport const ListWrapper = styled.div`\n width: 100%;\n padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem));\n border-radius: var(${tokens.borderRadius});\n box-sizing: border-box;\n background: var(${constants.background});\n box-shadow: ${constants.boxShadow},\n inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n`;\n\nexport const ScrollContainer = styled.div<{\n listMaxHeight?: SelectProps['listMaxHeight'];\n}>`\n max-height: ${({ listMaxHeight }) => listMaxHeight || 'auto'};\n overflow-x: hidden;\n overflow-y: auto;\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n`;\n"],"names":["ListWrapper","styled","name","class","propsAsIs","_exp8","_ref","listMaxHeight","ScrollContainer","vars"],"mappings":";;;;;;AAKO,IAAMA,WAAW,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC,EAAA;AAAC,IAAAC,KAAA,GAZgBA,SAYhBA,KAAAA,GAAA;AAAA,EAAA,OAKgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OAAoBA,aAAa,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHzD,IAAMC,eAAe,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGnBJ,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAI/D;;;;;"}
@@ -0,0 +1,2 @@
1
+ .l1ob9zdf{width:100%;padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
2
+ .s189uhoe{max-height:var(--s189uhoe-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
@@ -0,0 +1,54 @@
1
+ .base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}
2
+
3
+ .base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{cursor:not-allowed;}
4
+
5
+ .base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af{position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af.base_x86p0b_focusVisible__fe3a51af:focus::before,.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af{border-color:transparent;position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af{position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af::before,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:-0.25rem;left:-0.25rem;right:-0.25rem;bottom:-0.25rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af::before,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
6
+
7
+ .Checkbox_styles_1dv1w6k_b1udywkg__36f48cb9{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_1dv1w6k_b1udywkg__36f48cb9 .Checkbox_styles_1dv1w6k_singleLine__36f48cb9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
8
+ .Checkbox_styles_1dv1w6k_s165w87d__36f48cb9{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1dv1w6k_s165w87d__36f48cb9:focus{outline:0 none;}
9
+ .Checkbox_styles_1dv1w6k_sft3zxv__36f48cb9{padding:var(--plasma-checkbox-trigger-padding);}
10
+ .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9{width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:var(--plasma-checkbox-trigger-border-width) solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
11
+ .Checkbox_styles_1dv1w6k_shwv1in__36f48cb9{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_1dv1w6k_shwv1in__36f48cb9 .Checkbox_styles_1dv1w6k_singleLine__36f48cb9{width:100%;}
12
+ .Checkbox_styles_1dv1w6k_s1my1ay__36f48cb9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
13
+ .Checkbox_styles_1dv1w6k_s14u8fnn__36f48cb9{color:var(--plasma-checkbox-label-color);font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
14
+ .Checkbox_styles_1dv1w6k_s10clj68__36f48cb9{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9.Checkbox_styles_1dv1w6k_onlyDescription__36f48cb9{margin-top:0;}
15
+
16
+ .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
17
+
18
+ .CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
19
+
20
+ .CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
21
+
22
+ .Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
23
+ .Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
24
+ .Cell_styles_1lali49_cdgokyj__a35afa10{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;height:auto;}
25
+ .Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
26
+ .Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
27
+
28
+ .base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
29
+
30
+ .CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
31
+
32
+ .Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
33
+
34
+ .base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
35
+
36
+ .base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
37
+
38
+ .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);}
39
+
40
+
41
+ .Item_styles_7nhjnm_swacibr__bb9b6d83{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
42
+
43
+ .Item_styles_7nhjnm_srzm47e__bb9b6d83{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
44
+ .Item_styles_7nhjnm_s192qkx1__bb9b6d83{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-item-icon-color);}
45
+ .Item_styles_7nhjnm_s1q9myss__bb9b6d83{width:var(--s1q9myss-0);height:var(--s1q9myss-0);}.Item_styles_7nhjnm_s1q9myss__bb9b6d83.Item_styles_7nhjnm_arrowInverse__bb9b6d83{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
46
+ .Item_styles_7nhjnm_s10m1bkx__bb9b6d83{width:var(--s10m1bkx-0);height:var(--s10m1bkx-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_7nhjnm_s10m1bkx__bb9b6d83.Item_styles_7nhjnm_arrowInverse__bb9b6d83{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
47
+ .Item_styles_7nhjnm_s1r53w2d__bb9b6d83{width:var(--s1r53w2d-0);height:var(--s1r53w2d-0);}
48
+ .Item_styles_7nhjnm_d1v61vfm__bb9b6d83{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);visibility:var(--d1v61vfm-0);}.Item_styles_7nhjnm_d1v61vfm__bb9b6d83:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
49
+ .Item_styles_7nhjnm_i6hijvp__bb9b6d83{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i6hijvp-0);height:var(--i6hijvp-0);line-height:0;color:var(--plasma-combobox-item-icon-color);}
50
+ .Item_styles_7nhjnm_s1j1q6dk__bb9b6d83{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
51
+ .Item_styles_7nhjnm_w1ftsp23__bb9b6d83{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--w1ftsp23-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83:hover:not(.Item_styles_7nhjnm_dropdownItemIsDisabled__bb9b6d83){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsActive__bb9b6d83{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsDisabled__bb9b6d83{opacity:0.4;cursor:not-allowed;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83:focus{outline:none;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsFocused__bb9b6d83:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
52
+
53
+
54
+ .Item_styles_7nhjnm_omc64gp__bb9b6d83{width:calc(var(--omc64gp-0) * var(--plasma-select-item-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
@@ -0,0 +1,127 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var Select_tokens = require('../../../../../../Select/Select.tokens.js');
7
+ var treePathReducer = require('../../../../reducers/treePathReducer.js');
8
+ var Combobox_context = require('../../../../Combobox.context.js');
9
+ var Item_styles = require('./Item.styles.js');
10
+ var sizeToIconSize = require('../../../../../../Select/utils/sizeToIconSize.js');
11
+
12
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
13
+
14
+ var React__default = /*#__PURE__*/_interopDefault(React);
15
+
16
+ var _StyledIndicator, _StyledIndicator2;
17
+ var Item = function Item(_ref) {
18
+ var _valueToPathMap$get, _item$items;
19
+ var item = _ref.item,
20
+ index = _ref.index;
21
+ var label = item.label,
22
+ value = item.value,
23
+ disabled = item.disabled,
24
+ contentLeft = item.contentLeft,
25
+ contentRight = item.contentRight;
26
+ var isLeaf = !(item !== null && item !== void 0 && item.items);
27
+ var _useContext = React.useContext(Combobox_context.Context),
28
+ checked = _useContext.checked,
29
+ multiple = _useContext.multiple,
30
+ size = _useContext.size,
31
+ variant = _useContext.variant,
32
+ renderItem = _useContext.renderItem,
33
+ _checkboxAppearance = _useContext._checkboxAppearance,
34
+ focusedPath = _useContext.focusedPath,
35
+ treePath = _useContext.treePath,
36
+ dispatchTreePath = _useContext.dispatchTreePath,
37
+ arrowPlacement = _useContext.arrowPlacement,
38
+ handleItemClick = _useContext.handleItemClick,
39
+ handleCheckboxChange = _useContext.handleCheckboxChange,
40
+ valueToPathMap = _useContext.valueToPathMap;
41
+ var itemDisabled = disabled;
42
+ var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
43
+ var isCurrentLevelOpened = treePathReducer.keyExists(treePath, valueToPathMap.get(value.toString()) || []);
44
+ var withArrowInverse = isCurrentLevelOpened ? Select_tokens.classes.arrowInverse : undefined;
45
+ var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? Select_tokens.classes.dropdownItemIsFocused : undefined;
46
+ var handleClick = function handleClick(e) {
47
+ if (!isLeaf) {
48
+ dispatchTreePath({
49
+ type: 'toggled_level',
50
+ value: valueToPathMap.get(value.toString()) || []
51
+ });
52
+ }
53
+ if (handleItemClick) {
54
+ handleItemClick(item, e);
55
+ }
56
+ };
57
+ var handleChange = function handleChange(e) {
58
+ if (itemDisabled) return;
59
+ e.stopPropagation();
60
+ handleCheckboxChange(item);
61
+ };
62
+ return /*#__PURE__*/React__default.default.createElement(Item_styles.ItemWrapper, null, /*#__PURE__*/React__default.default.createElement(Item_styles.Wrapper, {
63
+ className: focusedClass,
64
+ onClick: handleClick,
65
+ variant: variant,
66
+ role: "treeitem"
67
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.Offset, {
68
+ depth: currentItemDepth
69
+ }), arrowPlacement === 'left' && /*#__PURE__*/React__default.default.createElement(Item_styles.DisclosureIconWrapper, {
70
+ visibility: isLeaf ? 'hidden' : 'visible'
71
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledArrowLeft, {
72
+ size: sizeToIconSize.sizeToIconSize(size, variant),
73
+ color: "inherit",
74
+ className: withArrowInverse
75
+ })), multiple && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
76
+ variant: variant
77
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckboxWrapper, {
78
+ onClick: function onClick(e) {
79
+ return e.stopPropagation();
80
+ }
81
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckbox, {
82
+ disabled: itemDisabled,
83
+ checked: Boolean(checked.get(item.value)),
84
+ indeterminate: checked.get(item.value) === 'indeterminate',
85
+ onChange: handleChange,
86
+ appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
87
+ }))), !multiple && arrowPlacement === 'right' && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
88
+ variant: variant
89
+ }, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIndicator, {
90
+ size: "s",
91
+ view: "default"
92
+ }))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIconDone, {
93
+ size: sizeToIconSize.sizeToIconSize(size, variant),
94
+ color: "inherit"
95
+ })), renderItem ? /*#__PURE__*/React__default.default.createElement(Item_styles.StyledText, null, renderItem(item)) : /*#__PURE__*/React__default.default.createElement(Item_styles.StyledWrapper, null, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCell, {
96
+ contentLeft: contentLeft,
97
+ contentRight: contentRight
98
+ // TODO: #1548
99
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
100
+ // @ts-ignore
101
+ ,
102
+ title: /*#__PURE__*/React__default.default.createElement("span", null, label)
103
+ })), !multiple && arrowPlacement === 'left' && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
104
+ variant: variant
105
+ }, checked.get(item.value) === 'dot' && (_StyledIndicator2 || (_StyledIndicator2 = /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIndicator, {
106
+ size: "s",
107
+ view: "default"
108
+ }))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIconDone, {
109
+ size: sizeToIconSize.sizeToIconSize(size, variant),
110
+ color: "inherit"
111
+ })), arrowPlacement === 'right' && /*#__PURE__*/React__default.default.createElement(Item_styles.DisclosureIconWrapper, {
112
+ visibility: isLeaf ? 'hidden' : 'visible'
113
+ }, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledArrowRight, {
114
+ size: sizeToIconSize.sizeToIconSize(size, variant),
115
+ color: "inherit",
116
+ className: withArrowInverse
117
+ }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/React__default.default.createElement(Item_styles.ChildItems, null, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (item, index) {
118
+ return /*#__PURE__*/React__default.default.createElement(Item, {
119
+ item: item,
120
+ index: index,
121
+ key: index
122
+ });
123
+ })));
124
+ };
125
+
126
+ exports.Item = Item;
127
+ //# sourceMappingURL=Item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { classes } from 'src/components/Select/Select.tokens';\nimport { sizeToIconSize } from 'src/components/Select/utils';\n\nimport { keyExists } from '../../../../reducers/treePathReducer';\nimport { Context } from '../../../../Combobox.context';\n\nimport { Props } from './Item.types';\nimport {\n ItemWrapper,\n ChildItems,\n Offset,\n IconWrapper,\n StyledCheckboxWrapper,\n StyledCheckbox,\n StyledIndicator,\n StyledIconDone,\n StyledText,\n StyledWrapper,\n StyledCell,\n DisclosureIconWrapper,\n StyledArrowRight,\n Wrapper,\n StyledArrowLeft,\n} from './Item.styles';\n\nexport const Item: React.FC<Props> = ({ item, index }) => {\n const { label, value, disabled, contentLeft, contentRight } = item;\n\n const isLeaf = !item?.items;\n\n const {\n checked,\n multiple,\n size,\n variant,\n renderItem,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n _checkboxAppearance,\n focusedPath,\n treePath,\n dispatchTreePath,\n arrowPlacement,\n handleItemClick,\n handleCheckboxChange,\n valueToPathMap,\n } = useContext(Context);\n\n const itemDisabled = disabled;\n\n const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n const isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);\n\n const withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;\n\n const focusedClass =\n currentItemDepth === focusedPath.length - 1 && index === focusedPath?.[currentItemDepth]\n ? classes.dropdownItemIsFocused\n : undefined;\n\n const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (!isLeaf) {\n dispatchTreePath({ type: 'toggled_level', value: valueToPathMap.get(value.toString()) || [] });\n }\n\n if (handleItemClick) {\n handleItemClick(item, e);\n }\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (itemDisabled) return;\n\n e.stopPropagation();\n\n handleCheckboxChange(item);\n };\n\n return (\n <ItemWrapper>\n <Wrapper className={focusedClass} onClick={handleClick} variant={variant} role=\"treeitem\">\n <Offset depth={currentItemDepth} />\n\n {arrowPlacement === 'left' && (\n <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n <StyledArrowLeft\n size={sizeToIconSize(size, variant)}\n color=\"inherit\"\n className={withArrowInverse}\n />\n </DisclosureIconWrapper>\n )}\n\n {multiple && (\n <IconWrapper variant={variant}>\n <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n disabled={itemDisabled}\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={handleChange}\n appearance={_checkboxAppearance ?? 'default'}\n />\n </StyledCheckboxWrapper>\n </IconWrapper>\n )}\n\n {!multiple && arrowPlacement === 'right' && (\n <IconWrapper variant={variant}>\n {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {checked.get(item.value) === 'done' && (\n <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n )}\n\n {renderItem ? (\n <StyledText>{renderItem(item)}</StyledText>\n ) : (\n <StyledWrapper>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n // TODO: #1548\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n title={<span>{label}</span>}\n />\n </StyledWrapper>\n )}\n\n {!multiple && arrowPlacement === 'left' && (\n <IconWrapper variant={variant}>\n {checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {checked.get(item.value) === 'done' && (\n <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n )}\n\n {arrowPlacement === 'right' && (\n <DisclosureIconWrapper visibility={isLeaf ? 'hidden' : 'visible'}>\n <StyledArrowRight\n size={sizeToIconSize(size, variant)}\n color=\"inherit\"\n className={withArrowInverse}\n />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n\n {!isLeaf && isCurrentLevelOpened && (\n <ChildItems>\n {item.items?.map((item, index) => {\n return <Item item={item} index={index} key={index} />;\n })}\n </ChildItems>\n )}\n </ItemWrapper>\n );\n};\n"],"names":["Item","_ref","_valueToPathMap$get","_item$items","item","index","label","value","disabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiple","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","itemDisabled","currentItemDepth","get","toString","length","isCurrentLevelOpened","keyExists","withArrowInverse","classes","arrowInverse","undefined","focusedClass","dropdownItemIsFocused","handleClick","e","type","handleChange","stopPropagation","React","createElement","ItemWrapper","Wrapper","className","onClick","role","Offset","depth","DisclosureIconWrapper","visibility","StyledArrowLeft","sizeToIconSize","color","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","Boolean","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","key"],"mappings":"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"}
@@ -0,0 +1,205 @@
1
+ require('./Item.styles_7nhjnm.css');
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var react = require('@linaria/react');
7
+ var Combobox_tokens = require('../../../../Combobox.tokens.js');
8
+ var IconDisclosureRightCentered = require('../../../../../../_Icon/Icons/IconDisclosureRightCentered.js');
9
+ var IconDone = require('../../../../../../_Icon/Icons/IconDone.js');
10
+ var common = require('../../../../../../../engines/common.js');
11
+ var Checkbox$1 = require('../../../../../../Checkbox/Checkbox.js');
12
+ var Cell$1 = require('../../../../../../Cell/Cell.js');
13
+ var Indicator$1 = require('../../../../../../Indicator/Indicator.js');
14
+
15
+ var ItemWrapper = /*#__PURE__*/react.styled('div')({
16
+ name: "ItemWrapper",
17
+ "class": "i6zdc62",
18
+ propsAsIs: false
19
+ });
20
+ var mergedCheckboxConfig = /*#__PURE__*/common.mergeConfig(Checkbox$1.checkboxConfig);
21
+ var Checkbox = /*#__PURE__*/common.component(mergedCheckboxConfig);
22
+ var mergedCellConfig = /*#__PURE__*/common.mergeConfig(Cell$1.cellConfig);
23
+ var Cell = /*#__PURE__*/common.component(mergedCellConfig);
24
+ var mergedIndicatorConfig = /*#__PURE__*/common.mergeConfig(Indicator$1.indicatorConfig);
25
+ var Indicator = /*#__PURE__*/common.component(mergedIndicatorConfig);
26
+ var StyledWrapper = /*#__PURE__*/react.styled('div')({
27
+ name: "StyledWrapper",
28
+ "class": "swacibr",
29
+ propsAsIs: false
30
+ });
31
+ var _exp29 = function _exp29() {
32
+ return Cell;
33
+ };
34
+ var StyledCell = /*#__PURE__*/react.styled(_exp29())({
35
+ name: "StyledCell",
36
+ "class": "s1eith9v",
37
+ propsAsIs: true
38
+ });
39
+ var _exp30 = function _exp30() {
40
+ return Checkbox;
41
+ };
42
+ var StyledCheckbox = /*#__PURE__*/react.styled(_exp30())({
43
+ name: "StyledCheckbox",
44
+ "class": "srzm47e",
45
+ propsAsIs: true
46
+ });
47
+ var _exp45 = function _exp45() {
48
+ return Indicator;
49
+ };
50
+ var StyledIndicator = /*#__PURE__*/react.styled(_exp45())({
51
+ name: "StyledIndicator",
52
+ "class": "s192qkx1",
53
+ propsAsIs: true
54
+ });
55
+ var _exp50 = function _exp50() {
56
+ return IconDisclosureRightCentered.IconDisclosureRightCentered;
57
+ };
58
+ var _exp52 = function _exp52() {
59
+ return function (_ref) {
60
+ var _ref$size = _ref.size,
61
+ size = _ref$size === void 0 ? 'xs' : _ref$size;
62
+ return "var(".concat(Combobox_tokens.tokens.disclosureIconSize, ", ").concat({
63
+ xs: "1rem",
64
+ s: "1.5rem"
65
+ }[size], ")");
66
+ };
67
+ };
68
+ var StyledArrowLeft = /*#__PURE__*/react.styled(_exp50())({
69
+ name: "StyledArrowLeft",
70
+ "class": "s1q9myss",
71
+ propsAsIs: true,
72
+ vars: {
73
+ "s1q9myss-0": [/*#__PURE__*/_exp52()]
74
+ }
75
+ });
76
+ var _exp54 = function _exp54() {
77
+ return IconDisclosureRightCentered.IconDisclosureRightCentered;
78
+ };
79
+ var _exp56 = function _exp56() {
80
+ return function (_ref2) {
81
+ var _ref2$size = _ref2.size,
82
+ size = _ref2$size === void 0 ? 'xs' : _ref2$size;
83
+ return "var(".concat(Combobox_tokens.tokens.disclosureIconSize, ", ").concat({
84
+ xs: "1rem",
85
+ s: "1.5rem"
86
+ }[size], ")");
87
+ };
88
+ };
89
+ var StyledArrowRight = /*#__PURE__*/react.styled(_exp54())({
90
+ name: "StyledArrowRight",
91
+ "class": "s10m1bkx",
92
+ propsAsIs: true,
93
+ vars: {
94
+ "s10m1bkx-0": [/*#__PURE__*/_exp56()]
95
+ }
96
+ });
97
+ var _exp58 = function _exp58() {
98
+ return IconDone.IconDone;
99
+ };
100
+ var _exp60 = function _exp60() {
101
+ return function (_ref3) {
102
+ var _ref3$size = _ref3.size,
103
+ size = _ref3$size === void 0 ? 'xs' : _ref3$size;
104
+ return "var(".concat(Combobox_tokens.tokens.disclosureIconSize, ", ").concat({
105
+ xs: "1rem",
106
+ s: "1.5rem"
107
+ }[size], ")");
108
+ };
109
+ };
110
+ var StyledIconDone = /*#__PURE__*/react.styled(_exp58())({
111
+ name: "StyledIconDone",
112
+ "class": "s1r53w2d",
113
+ propsAsIs: true,
114
+ vars: {
115
+ "s1r53w2d-0": [/*#__PURE__*/_exp60()]
116
+ }
117
+ });
118
+ var _exp62 = function _exp62() {
119
+ return function (_ref4) {
120
+ var visibility = _ref4.visibility;
121
+ return visibility || 'visible';
122
+ };
123
+ };
124
+ var DisclosureIconWrapper = /*#__PURE__*/react.styled('div')({
125
+ name: "DisclosureIconWrapper",
126
+ "class": "d1v61vfm",
127
+ propsAsIs: false,
128
+ vars: {
129
+ "d1v61vfm-0": [/*#__PURE__*/_exp62()]
130
+ }
131
+ });
132
+ var _exp65 = function _exp65() {
133
+ return function (_ref5) {
134
+ var variant = _ref5.variant;
135
+ return "var(".concat(variant === 'tight' ? Combobox_tokens.tokens.itemIconSizeTight : Combobox_tokens.tokens.itemIconSize, ")");
136
+ };
137
+ };
138
+ var IconWrapper = /*#__PURE__*/react.styled('div')({
139
+ name: "IconWrapper",
140
+ "class": "i6hijvp",
141
+ propsAsIs: false,
142
+ vars: {
143
+ "i6hijvp-0": [/*#__PURE__*/_exp65()]
144
+ }
145
+ });
146
+ var StyledText = /*#__PURE__*/react.styled('div')({
147
+ name: "StyledText",
148
+ "class": "s1j1q6dk",
149
+ propsAsIs: false
150
+ });
151
+ var _exp70 = function _exp70() {
152
+ return function (_ref6) {
153
+ var variant = _ref6.variant;
154
+ return "var(".concat(variant === 'tight' ? Combobox_tokens.tokens.itemPaddingTight : Combobox_tokens.tokens.itemPadding, ")");
155
+ };
156
+ };
157
+ var Wrapper = /*#__PURE__*/react.styled('div')({
158
+ name: "Wrapper",
159
+ "class": "w1ftsp23",
160
+ propsAsIs: false,
161
+ vars: {
162
+ "w1ftsp23-0": [/*#__PURE__*/_exp70()]
163
+ }
164
+ });
165
+ var StyledCheckboxWrapper = /*#__PURE__*/react.styled('span')({
166
+ name: "StyledCheckboxWrapper",
167
+ "class": "s1utuo68",
168
+ propsAsIs: false
169
+ });
170
+ var ChildItems = /*#__PURE__*/react.styled('div')({
171
+ name: "ChildItems",
172
+ "class": "c6bsi2w",
173
+ propsAsIs: false
174
+ });
175
+ var _exp87 = function _exp87() {
176
+ return function (_ref7) {
177
+ var depth = _ref7.depth;
178
+ return depth || 0;
179
+ };
180
+ };
181
+ var Offset = /*#__PURE__*/react.styled('div')({
182
+ name: "Offset",
183
+ "class": "omc64gp",
184
+ propsAsIs: false,
185
+ vars: {
186
+ "omc64gp-0": [/*#__PURE__*/_exp87()]
187
+ }
188
+ });
189
+
190
+ exports.ChildItems = ChildItems;
191
+ exports.DisclosureIconWrapper = DisclosureIconWrapper;
192
+ exports.IconWrapper = IconWrapper;
193
+ exports.ItemWrapper = ItemWrapper;
194
+ exports.Offset = Offset;
195
+ exports.StyledArrowLeft = StyledArrowLeft;
196
+ exports.StyledArrowRight = StyledArrowRight;
197
+ exports.StyledCell = StyledCell;
198
+ exports.StyledCheckbox = StyledCheckbox;
199
+ exports.StyledCheckboxWrapper = StyledCheckboxWrapper;
200
+ exports.StyledIconDone = StyledIconDone;
201
+ exports.StyledIndicator = StyledIndicator;
202
+ exports.StyledText = StyledText;
203
+ exports.StyledWrapper = StyledWrapper;
204
+ exports.Wrapper = Wrapper;
205
+ //# sourceMappingURL=Item.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Item.styles.js","sources":["../../../../../../../../src/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus, applyEllipsis } from 'src/mixins';\nimport { component, mergeConfig } from 'src/engines';\nimport { CSSProperties } from 'react';\nimport { checkboxConfig, checkboxTokens } from 'src/components/Checkbox';\nimport { cellConfig, cellTokens } from 'src/components/Cell';\nimport { indicatorConfig, indicatorTokens } from 'src/components/Indicator';\nimport { IconDisclosureRightCentered, IconDone } from 'src/components/_Icon';\n\nimport type { ComboboxProps } from '../../../../Combobox.types';\nimport { classes, tokens, constants } from '../../../../Combobox.tokens';\n\nexport const ItemWrapper = styled.div``;\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n`;\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.itemIconColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrowLeft = styled(IconDisclosureRightCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n\n &.${classes.arrowInverse} {\n transform: rotate(90deg);\n }\n`;\n\nexport const StyledArrowRight = styled(IconDisclosureRightCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n transform: rotate(90deg);\n\n &.${classes.arrowInverse} {\n transform: rotate(-90deg);\n }\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div<{ visibility: CSSProperties['visibility'] }>`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n visibility: ${({ visibility }) => visibility || 'visible'};\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n line-height: 0;\n color: var(${tokens.itemIconColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.div<{ variant: ComboboxProps['variant'] }>`\n display: flex;\n align-items: center;\n gap: var(${tokens.itemGap});\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n user-select: none;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n\nexport const ChildItems = styled.div``;\n\nexport const Offset = styled.div<{ depth: number }>`\n width: calc(${({ depth }) => depth || 0} * var(${tokens.itemTreeOffsetWidth}));\n flex: none;\n margin-right: calc(var(${tokens.itemGap}) * -1);\n`;\n"],"names":["ItemWrapper","styled","name","class","propsAsIs","mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","StyledWrapper","_exp29","StyledCell","_exp30","StyledCheckbox","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref","_ref$size","size","concat","tokens","disclosureIconSize","xs","s","StyledArrowLeft","vars","_exp54","_exp56","_ref2","_ref2$size","StyledArrowRight","_exp58","IconDone","_exp60","_ref3","_ref3$size","StyledIconDone","_exp62","_ref4","visibility","DisclosureIconWrapper","_exp65","_ref5","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp70","_ref6","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper","ChildItems","_exp87","_ref7","depth","Offset"],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+
2
+ .swacibr{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
3
+
4
+ .srzm47e{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
5
+ .s192qkx1{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-item-icon-color);}
6
+ .s1q9myss{width:var(--s1q9myss-0);height:var(--s1q9myss-0);}.s1q9myss.arrow-inverse{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
7
+ .s10m1bkx{width:var(--s10m1bkx-0);height:var(--s10m1bkx-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s10m1bkx.arrow-inverse{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
8
+ .s1r53w2d{width:var(--s1r53w2d-0);height:var(--s1r53w2d-0);}
9
+ .d1v61vfm{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);visibility:var(--d1v61vfm-0);}.d1v61vfm:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
10
+ .i6hijvp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i6hijvp-0);height:var(--i6hijvp-0);line-height:0;color:var(--plasma-combobox-item-icon-color);}
11
+ .s1j1q6dk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
12
+ .w1ftsp23{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--w1ftsp23-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.w1ftsp23:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.w1ftsp23.dropdown-item-is-active{background-color:var(--plasma-combobox-item-background-hover);}.w1ftsp23.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w1ftsp23:focus{outline:none;}.w1ftsp23::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.w1ftsp23.dropdown-item-is-focused:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
13
+
14
+
15
+ .omc64gp{width:calc(var(--omc64gp-0) * var(--plasma-select-item-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
package/cjs/index.css CHANGED
@@ -650,6 +650,25 @@
650
650
  .SelectAll_styles_tjme4i_d4ty997__a0f87d11{background:var(--surface-solid-card);}
651
651
  .SelectAll_styles_tjme4i_dxn0wk6__a0f87d11{height:0.0625rem;margin-top:var(--dxn0wk6-0);margin-right:var(--plasma-combobox-divider-margin-right);margin-left:var(--plasma-combobox-divider-margin-left);background:var(--plasma-combobox-divider-color);}
652
652
 
653
+
654
+ .Item_styles_7nhjnm_swacibr__bb9b6d83{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-combobox-cell-padding);--plasma-cell-padding-left-content:var(--plasma-combobox-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-combobox-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-combobox-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-combobox-cell-textbox-gap);--plasma-cell-gap:var(--plasma-combobox-cell-gap);--plasma-cell-title-font-family:var(--plasma-combobox-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-combobox-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-combobox-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-combobox-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-combobox-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-combobox-cell-title-line-height);width:100%;}
655
+
656
+ .Item_styles_7nhjnm_srzm47e__bb9b6d83{--plasma-checkbox-trigger-size:var(--plasma-combobox-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-combobox-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-combobox-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-combobox-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-combobox-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-combobox-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-combobox-checkbox-trigger-border-width);}
657
+ .Item_styles_7nhjnm_s192qkx1__bb9b6d83{--plasma-indicator-size:var(--plasma-combobox-indicator-size);--plasma-indicator-color:var(--plasma-combobox-item-icon-color);}
658
+ .Item_styles_7nhjnm_s1q9myss__bb9b6d83{width:var(--s1q9myss-0);height:var(--s1q9myss-0);}.Item_styles_7nhjnm_s1q9myss__bb9b6d83.Item_styles_7nhjnm_arrowInverse__bb9b6d83{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
659
+ .Item_styles_7nhjnm_s10m1bkx__bb9b6d83{width:var(--s10m1bkx-0);height:var(--s10m1bkx-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_7nhjnm_s10m1bkx__bb9b6d83.Item_styles_7nhjnm_arrowInverse__bb9b6d83{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
660
+ .Item_styles_7nhjnm_s1r53w2d__bb9b6d83{width:var(--s1r53w2d-0);height:var(--s1r53w2d-0);}
661
+ .Item_styles_7nhjnm_d1v61vfm__bb9b6d83{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);visibility:var(--d1v61vfm-0);}.Item_styles_7nhjnm_d1v61vfm__bb9b6d83:hover{color:var(--plasma-combobox-disclosure-icon-color-hover);}
662
+ .Item_styles_7nhjnm_i6hijvp__bb9b6d83{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i6hijvp-0);height:var(--i6hijvp-0);line-height:0;color:var(--plasma-combobox-item-icon-color);}
663
+ .Item_styles_7nhjnm_s1j1q6dk__bb9b6d83{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
664
+ .Item_styles_7nhjnm_w1ftsp23__bb9b6d83{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-combobox-item-height);margin:0;box-sizing:content-box;padding:var(--w1ftsp23-0);font-family:var(--plasma-combobox-font-family);font-size:var(--plasma-combobox-font-size);font-style:var(--plasma-combobox-font-style);font-weight:var(--plasma-combobox-font-weight);-webkit-letter-spacing:var(--plasma-combobox-font-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-font-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-font-letter-spacing);letter-spacing:var(--plasma-combobox-font-letter-spacing);line-height:var(--plasma-combobox-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83:hover:not(.Item_styles_7nhjnm_dropdownItemIsDisabled__bb9b6d83){cursor:pointer;background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsActive__bb9b6d83{background-color:var(--plasma-combobox-item-background-hover);}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsDisabled__bb9b6d83{opacity:0.4;cursor:not-allowed;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83:focus{outline:none;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_7nhjnm_w1ftsp23__bb9b6d83.Item_styles_7nhjnm_dropdownItemIsFocused__bb9b6d83:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
665
+
666
+
667
+ .Item_styles_7nhjnm_omc64gp__bb9b6d83{width:calc(var(--omc64gp-0) * var(--plasma-select-item-tree-offset-width));-webkit-flex:none;-ms-flex:none;flex:none;margin-right:calc(var(--plasma-select-item-gap) * -1);}
668
+
669
+ .TreeList_styles_1auklgl_l1ob9zdf__e765a7ed{width:100%;padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
670
+ .TreeList_styles_1auklgl_s189uhoe__e765a7ed{max-height:var(--s189uhoe-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
671
+
653
672
  .Combobox_styles_261unw_lxiiees__2c339479{width:var(--lxiiees-0);padding:calc(var(--plasma-combobox-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-combobox-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
654
673
  .Combobox_styles_261unw_u1veo3wn__2c339479{max-height:var(--u1veo3wn-0);overflow-x:hidden;overflow-y:var(--u1veo3wn-1);border-radius:calc(var(--plasma-combobox-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}.Combobox_styles_261unw_u1veo3wn__2c339479 .Combobox_styles_261unw_comboboxEmptyStateWrapper__2c339479{box-shadow:none;}
655
674
  .Combobox_styles_261unw_i1hxiinv__2c339479{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1hxiinv-0);}.Combobox_styles_261unw_i1hxiinv__2c339479 .Combobox_styles_261unw_arrowInverse__2c339479{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_261unw_i1hxiinv__2c339479:hover,.Combobox_styles_261unw_i1hxiinv__2c339479:active{color:var(--i1hxiinv-1);}