@salutejs/plasma-new-hope 0.339.0-canary.2292.18716856420.0 → 0.339.0-canary.2292.18775879461.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.
- package/cjs/components/Calendar/hooks/useKeyNavigation.js +1 -1
- package/cjs/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +19 -0
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +19 -0
- package/cjs/components/Select/Select.css +19 -0
- package/cjs/components/Select/Select.js +44 -9
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.tokens.js +2 -0
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +185 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +7 -3
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/reducers/treePathReducer.js +87 -0
- package/cjs/components/Select/reducers/treePathReducer.js.map +1 -0
- package/cjs/components/Select/ui/TreeList/TreeList.css +57 -0
- package/cjs/components/Select/ui/TreeList/TreeList.js +96 -0
- package/cjs/components/Select/ui/TreeList/TreeList.js.map +1 -0
- package/cjs/components/Select/ui/TreeList/TreeList.styles.js +30 -0
- package/cjs/components/Select/ui/TreeList/TreeList.styles.js.map +1 -0
- package/cjs/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +2 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.css +54 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.js +130 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +214 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
- package/cjs/components/Select/ui/TreeList/ui/Item/Item.styles_i0dby2.css +15 -0
- package/cjs/components/Table/Table.css +19 -0
- package/cjs/components/Table/ui/Cell/Cell.css +19 -0
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +19 -0
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +19 -0
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +19 -0
- package/cjs/components/TextArea/TextArea.js +3 -2
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextField/TextField.js +3 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/Tree/utils/traverseTree.js +2 -23
- package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
- package/cjs/index.css +19 -0
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/deepCopy.js +30 -0
- package/cjs/utils/deepCopy.js.map +1 -0
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Calendar/hooks/useKeyNavigation.js +0 -1
- package/emotion/cjs/components/Select/Select.js +33 -6
- package/emotion/cjs/components/Select/Select.tokens.js +2 -0
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +166 -0
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +35 -3
- package/emotion/cjs/components/Select/reducers/index.js +1 -0
- package/emotion/cjs/components/Select/reducers/treePathReducer.js +98 -0
- package/emotion/cjs/components/Select/ui/TreeList/TreeList.js +126 -0
- package/emotion/cjs/components/Select/ui/TreeList/TreeList.styles.js +36 -0
- package/emotion/cjs/components/Select/ui/TreeList/TreeList.types.js +4 -0
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.js +150 -0
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +186 -0
- package/emotion/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js +4 -0
- package/emotion/cjs/components/Select/ui/index.js +1 -0
- package/emotion/cjs/components/TextArea/TextArea.js +3 -3
- package/emotion/cjs/components/TextField/TextField.js +3 -3
- package/emotion/cjs/components/Tree/utils/traverseTree.js +2 -60
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
- package/emotion/cjs/utils/deepCopy.js +82 -0
- package/emotion/cjs/utils/index.js +4 -0
- package/emotion/es/components/Calendar/hooks/useKeyNavigation.js +0 -1
- package/emotion/es/components/Select/Select.js +35 -8
- package/emotion/es/components/Select/Select.tokens.js +2 -0
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +166 -0
- package/emotion/es/components/Select/hooks/usePathMaps.js +36 -4
- package/emotion/es/components/Select/reducers/index.js +1 -0
- package/emotion/es/components/Select/reducers/treePathReducer.js +81 -0
- package/emotion/es/components/Select/ui/TreeList/TreeList.js +75 -0
- package/emotion/es/components/Select/ui/TreeList/TreeList.styles.js +13 -0
- package/emotion/es/components/Select/ui/TreeList/TreeList.types.js +1 -0
- package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.js +99 -0
- package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +122 -0
- package/emotion/es/components/Select/ui/TreeList/ui/Item/Item.types.js +1 -0
- package/emotion/es/components/Select/ui/index.js +1 -0
- package/emotion/es/components/TextArea/TextArea.js +3 -3
- package/emotion/es/components/TextField/TextField.js +3 -3
- package/emotion/es/components/Tree/utils/traverseTree.js +1 -59
- package/emotion/es/examples/components/Select/Select.config.js +24 -24
- package/emotion/es/utils/deepCopy.js +72 -0
- package/emotion/es/utils/index.js +1 -0
- package/es/components/Calendar/hooks/useKeyNavigation.js +1 -1
- package/es/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
- package/es/components/Pagination/Pagination.css +19 -0
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +19 -0
- package/es/components/Select/Select.css +19 -0
- package/es/components/Select/Select.js +44 -9
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.tokens.js +2 -0
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +185 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +7 -3
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/reducers/treePathReducer.js +82 -0
- package/es/components/Select/reducers/treePathReducer.js.map +1 -0
- package/es/components/Select/ui/TreeList/TreeList.css +57 -0
- package/es/components/Select/ui/TreeList/TreeList.js +88 -0
- package/es/components/Select/ui/TreeList/TreeList.js.map +1 -0
- package/es/components/Select/ui/TreeList/TreeList.styles.js +25 -0
- package/es/components/Select/ui/TreeList/TreeList.styles.js.map +1 -0
- package/es/components/Select/ui/TreeList/TreeList.styles_1t38mek.css +2 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.css +54 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.js +122 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.js.map +1 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +196 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.styles.js.map +1 -0
- package/es/components/Select/ui/TreeList/ui/Item/Item.styles_i0dby2.css +15 -0
- package/es/components/Table/Table.css +19 -0
- package/es/components/Table/ui/Cell/Cell.css +19 -0
- package/es/components/Table/ui/EditableCell/EditableCell.css +19 -0
- package/es/components/Table/ui/HeadCell/HeadCell.css +19 -0
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +19 -0
- package/es/components/TextArea/TextArea.js +3 -2
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextField/TextField.js +3 -2
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/Tree/utils/traverseTree.js +2 -23
- package/es/components/Tree/utils/traverseTree.js.map +1 -1
- package/es/index.css +19 -0
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/es/utils/deepCopy.js +26 -0
- package/es/utils/deepCopy.js.map +1 -0
- package/es/utils/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Calendar/hooks/useKeyNavigation.js +0 -1
- package/styled-components/cjs/components/Select/Select.js +33 -6
- package/styled-components/cjs/components/Select/Select.tokens.js +2 -0
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +166 -0
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +35 -3
- package/styled-components/cjs/components/Select/reducers/index.js +1 -0
- package/styled-components/cjs/components/Select/reducers/treePathReducer.js +98 -0
- package/styled-components/cjs/components/Select/ui/TreeList/TreeList.js +126 -0
- package/styled-components/cjs/components/Select/ui/TreeList/TreeList.styles.js +50 -0
- package/styled-components/cjs/components/Select/ui/TreeList/TreeList.types.js +4 -0
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js +150 -0
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js +300 -0
- package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js +4 -0
- package/styled-components/cjs/components/Select/ui/index.js +1 -0
- package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
- package/styled-components/cjs/components/TextField/TextField.js +2 -2
- package/styled-components/cjs/components/Tree/utils/traverseTree.js +2 -60
- package/styled-components/cjs/examples/components/Select/Select.config.js +12 -4
- package/styled-components/cjs/utils/deepCopy.js +82 -0
- package/styled-components/cjs/utils/index.js +4 -0
- package/styled-components/es/components/Calendar/hooks/useKeyNavigation.js +0 -1
- package/styled-components/es/components/Select/Select.js +35 -8
- package/styled-components/es/components/Select/Select.tokens.js +2 -0
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +166 -0
- package/styled-components/es/components/Select/hooks/usePathMaps.js +36 -4
- package/styled-components/es/components/Select/reducers/index.js +1 -0
- package/styled-components/es/components/Select/reducers/treePathReducer.js +81 -0
- package/styled-components/es/components/Select/ui/TreeList/TreeList.js +75 -0
- package/styled-components/es/components/Select/ui/TreeList/TreeList.styles.js +27 -0
- package/styled-components/es/components/Select/ui/TreeList/TreeList.types.js +1 -0
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.js +99 -0
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.styles.js +236 -0
- package/styled-components/es/components/Select/ui/TreeList/ui/Item/Item.types.js +1 -0
- package/styled-components/es/components/Select/ui/index.js +1 -0
- package/styled-components/es/components/TextArea/TextArea.js +2 -2
- package/styled-components/es/components/TextField/TextField.js +2 -2
- package/styled-components/es/components/Tree/utils/traverseTree.js +1 -59
- package/styled-components/es/examples/components/Select/Select.config.js +12 -4
- package/styled-components/es/utils/deepCopy.js +72 -0
- package/styled-components/es/utils/index.js +1 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +12 -0
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +2 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +26 -2
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +6 -2
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/reducers/index.d.ts +1 -0
- package/types/components/Select/reducers/index.d.ts.map +1 -1
- package/types/components/Select/reducers/treePathReducer.d.ts +14 -0
- package/types/components/Select/reducers/treePathReducer.d.ts.map +1 -0
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/TreeList/TreeList.d.ts +4 -0
- package/types/components/Select/ui/TreeList/TreeList.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/TreeList.styles.d.ts +6 -0
- package/types/components/Select/ui/TreeList/TreeList.styles.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/TreeList.types.d.ts +11 -0
- package/types/components/Select/ui/TreeList/TreeList.types.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts +4 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts +64 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts.map +1 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts +14 -0
- package/types/components/Select/ui/TreeList/ui/Item/Item.types.d.ts.map +1 -0
- package/types/components/Select/ui/index.d.ts +1 -0
- package/types/components/Select/ui/index.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +12 -0
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +4 -0
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +4 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/types/examples/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +12 -0
- package/types/examples/components/Select/Select.d.ts.map +1 -1
- package/types/examples/components/TextArea/TextArea.d.ts +8 -0
- package/types/examples/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.d.ts.map +1 -1
- package/types/utils/deepCopy.d.ts +2 -0
- package/types/utils/deepCopy.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
|
@@ -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_i0dby2_s14rxgk6__158876c7{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellContent__158876c7,.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextbox__158876c7{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7{position:relative;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7:before{content:' ';visibility:hidden;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
42
|
+
|
|
43
|
+
.Item_styles_i0dby2_s1t6abbl__158876c7{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
|
|
44
|
+
.Item_styles_i0dby2_swduayr__158876c7{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
|
|
45
|
+
.Item_styles_i0dby2_s1r3fsvz__158876c7{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_i0dby2_s1r3fsvz__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
|
|
46
|
+
.Item_styles_i0dby2_s1us4s6s__158876c7{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_i0dby2_s1us4s6s__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
|
|
47
|
+
.Item_styles_i0dby2_s14lzt5m__158876c7{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
|
|
48
|
+
.Item_styles_i0dby2_d1178nq__158876c7{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_i0dby2_d1178nq__158876c7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
|
49
|
+
.Item_styles_i0dby2_i1noc5rg__158876c7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
|
|
50
|
+
.Item_styles_i0dby2_s1azt70o__158876c7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
51
|
+
.Item_styles_i0dby2_wa9o46g__158876c7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_i0dby2_wa9o46g__158876c7:hover:not(.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsActive__158876c7{background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_i0dby2_wa9o46g__158876c7:focus{outline:none;}.Item_styles_i0dby2_wa9o46g__158876c7::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsFocused__158876c7:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
.Item_styles_i0dby2_o1888l7c__158876c7{width:calc(var(--o1888l7c-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,130 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var Select_tokens = require('../../../../Select.tokens.js');
|
|
7
|
+
var treePathReducer = require('../../../../reducers/treePathReducer.js');
|
|
8
|
+
var Select_context = require('../../../../Select.context.js');
|
|
9
|
+
var Item_styles = require('./Item.styles.js');
|
|
10
|
+
var sizeToIconSize = require('../../../../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
|
+
isDisabled = item.isDisabled,
|
|
25
|
+
contentLeft = item.contentLeft,
|
|
26
|
+
contentRight = item.contentRight;
|
|
27
|
+
var isLeaf = !(item !== null && item !== void 0 && item.items);
|
|
28
|
+
var _useContext = React.useContext(Select_context.Context),
|
|
29
|
+
checked = _useContext.checked,
|
|
30
|
+
multiselect = _useContext.multiselect,
|
|
31
|
+
size = _useContext.size,
|
|
32
|
+
variant = _useContext.variant,
|
|
33
|
+
renderItem = _useContext.renderItem,
|
|
34
|
+
_checkboxAppearance = _useContext._checkboxAppearance,
|
|
35
|
+
focusedPath = _useContext.focusedPath,
|
|
36
|
+
treePath = _useContext.treePath,
|
|
37
|
+
dispatchTreePath = _useContext.dispatchTreePath,
|
|
38
|
+
arrowPlacement = _useContext.arrowPlacement,
|
|
39
|
+
handleItemClick = _useContext.handleItemClick,
|
|
40
|
+
handleCheckboxChange = _useContext.handleCheckboxChange,
|
|
41
|
+
valueToPathMap = _useContext.valueToPathMap;
|
|
42
|
+
var itemDisabled = Boolean(disabled || isDisabled);
|
|
43
|
+
var currentItemDepth = (((_valueToPathMap$get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap$get === void 0 ? void 0 : _valueToPathMap$get.length) || 0) - 1;
|
|
44
|
+
var isCurrentLevelOpened = treePathReducer.keyExists(treePath, valueToPathMap.get(value.toString()) || []);
|
|
45
|
+
var withArrowInverse = isCurrentLevelOpened ? Select_tokens.classes.arrowInverse : undefined;
|
|
46
|
+
var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? Select_tokens.classes.dropdownItemIsFocused : undefined;
|
|
47
|
+
var handleClick = function handleClick(e) {
|
|
48
|
+
if (!isLeaf) {
|
|
49
|
+
dispatchTreePath({
|
|
50
|
+
type: 'toggled_level',
|
|
51
|
+
value: valueToPathMap.get(value.toString()) || []
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
if (handleItemClick) {
|
|
55
|
+
handleItemClick(item, e);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
var handleChange = function handleChange(e) {
|
|
59
|
+
if (itemDisabled) return;
|
|
60
|
+
e.stopPropagation();
|
|
61
|
+
handleCheckboxChange(item);
|
|
62
|
+
};
|
|
63
|
+
return /*#__PURE__*/React__default.default.createElement(Item_styles.ItemWrapper, null, /*#__PURE__*/React__default.default.createElement(Item_styles.Wrapper, {
|
|
64
|
+
className: focusedClass,
|
|
65
|
+
onClick: handleClick,
|
|
66
|
+
variant: variant,
|
|
67
|
+
role: "treeitem"
|
|
68
|
+
}, /*#__PURE__*/React__default.default.createElement(Item_styles.Offset, {
|
|
69
|
+
depth: currentItemDepth
|
|
70
|
+
}), arrowPlacement === 'left' && /*#__PURE__*/React__default.default.createElement(Item_styles.DisclosureIconWrapper, {
|
|
71
|
+
visibility: isLeaf ? 'hidden' : 'visible'
|
|
72
|
+
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledArrowLeft, {
|
|
73
|
+
size: sizeToIconSize.sizeToIconSize(size, variant),
|
|
74
|
+
color: "inherit",
|
|
75
|
+
className: withArrowInverse
|
|
76
|
+
})), multiselect && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
|
|
77
|
+
variant: variant
|
|
78
|
+
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckboxWrapper, {
|
|
79
|
+
onClick: function onClick(e) {
|
|
80
|
+
return e.stopPropagation();
|
|
81
|
+
}
|
|
82
|
+
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckbox, {
|
|
83
|
+
disabled: itemDisabled,
|
|
84
|
+
checked: Boolean(checked.get(item.value)),
|
|
85
|
+
indeterminate: checked.get(item.value) === 'indeterminate',
|
|
86
|
+
onChange: handleChange,
|
|
87
|
+
appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
|
|
88
|
+
}))), !multiselect && arrowPlacement === 'right' && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
|
|
89
|
+
variant: variant
|
|
90
|
+
}, checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIndicator, {
|
|
91
|
+
size: "s",
|
|
92
|
+
view: "default"
|
|
93
|
+
}))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIconDone, {
|
|
94
|
+
size: sizeToIconSize.sizeToIconSize(size, variant),
|
|
95
|
+
color: "inherit"
|
|
96
|
+
})), renderItem ? /*#__PURE__*/React__default.default.createElement(Item_styles.StyledText, null, renderItem(item)) : /*#__PURE__*/React__default.default.createElement(Item_styles.StyledWrapper, {
|
|
97
|
+
disabled: itemDisabled
|
|
98
|
+
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCell, {
|
|
99
|
+
contentLeft: contentLeft,
|
|
100
|
+
contentRight: contentRight
|
|
101
|
+
// TODO: #1548
|
|
102
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
103
|
+
// @ts-ignore
|
|
104
|
+
,
|
|
105
|
+
title: /*#__PURE__*/React__default.default.createElement("span", null, label)
|
|
106
|
+
})), !multiselect && arrowPlacement === 'left' && /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
|
|
107
|
+
variant: variant
|
|
108
|
+
}, checked.get(item.value) === 'dot' && (_StyledIndicator2 || (_StyledIndicator2 = /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIndicator, {
|
|
109
|
+
size: "s",
|
|
110
|
+
view: "default"
|
|
111
|
+
}))), checked.get(item.value) === 'done' && /*#__PURE__*/React__default.default.createElement(Item_styles.StyledIconDone, {
|
|
112
|
+
size: sizeToIconSize.sizeToIconSize(size, variant),
|
|
113
|
+
color: "inherit"
|
|
114
|
+
})), arrowPlacement === 'right' && /*#__PURE__*/React__default.default.createElement(Item_styles.DisclosureIconWrapper, {
|
|
115
|
+
visibility: isLeaf ? 'hidden' : 'visible'
|
|
116
|
+
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledArrowRight, {
|
|
117
|
+
size: sizeToIconSize.sizeToIconSize(size, variant),
|
|
118
|
+
color: "inherit",
|
|
119
|
+
className: withArrowInverse
|
|
120
|
+
}))), !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) {
|
|
121
|
+
return /*#__PURE__*/React__default.default.createElement(Item, {
|
|
122
|
+
item: item,
|
|
123
|
+
index: index,
|
|
124
|
+
key: index
|
|
125
|
+
});
|
|
126
|
+
})));
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
exports.Item = Item;
|
|
130
|
+
//# sourceMappingURL=Item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/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 '../../../../Select.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, isDisabled, contentLeft, contentRight } = item;\n\n const isLeaf = !item?.items;\n\n const {\n checked,\n multiselect,\n size,\n variant,\n renderItem,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n _checkboxAppearance,\n focusedPath,\n treePath,\n dispatchTreePath,\n arrowPlacement,\n handleItemClick,\n handleCheckboxChange,\n valueToPathMap,\n } = useContext(Context);\n\n const itemDisabled = Boolean(disabled || isDisabled);\n\n const currentItemDepth = (valueToPathMap.get(item.value.toString())?.length || 0) - 1;\n\n const 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 {multiselect && (\n <IconWrapper variant={variant}>\n <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n disabled={itemDisabled}\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={handleChange}\n appearance={_checkboxAppearance ?? 'default'}\n />\n </StyledCheckboxWrapper>\n </IconWrapper>\n )}\n\n {!multiselect && 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 disabled={itemDisabled}>\n <StyledCell\n contentLeft={contentLeft}\n contentRight={contentRight}\n // TODO: #1548\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n title={<span>{label}</span>}\n />\n </StyledWrapper>\n )}\n\n {!multiselect && 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","isDisabled","contentLeft","contentRight","isLeaf","items","_useContext","useContext","Context","checked","multiselect","size","variant","renderItem","_checkboxAppearance","focusedPath","treePath","dispatchTreePath","arrowPlacement","handleItemClick","handleCheckboxChange","valueToPathMap","itemDisabled","Boolean","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","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","StyledText","StyledWrapper","StyledCell","title","_StyledIndicator2","StyledArrowRight","ChildItems","map","key"],"mappings":"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"}
|
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
require('./Item.styles_i0dby2.css');
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var react = require('@linaria/react');
|
|
7
|
+
var Select_tokens = require('../../../../Select.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": "im00jww",
|
|
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 _exp2 = function _exp2() {
|
|
27
|
+
return function (_ref) {
|
|
28
|
+
var disabled = _ref.disabled;
|
|
29
|
+
return disabled ? "var(".concat(Select_tokens.tokens.itemDisabledColor, ")") : "var(".concat(Select_tokens.constants.cellTitleColor, ")");
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
var StyledWrapper = /*#__PURE__*/react.styled('div')({
|
|
33
|
+
name: "StyledWrapper",
|
|
34
|
+
"class": "s14rxgk6",
|
|
35
|
+
propsAsIs: false,
|
|
36
|
+
vars: {
|
|
37
|
+
"s14rxgk6-0": [/*#__PURE__*/_exp2()]
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
var _exp29 = function _exp29() {
|
|
41
|
+
return Cell;
|
|
42
|
+
};
|
|
43
|
+
var StyledCell = /*#__PURE__*/react.styled(_exp29())({
|
|
44
|
+
name: "StyledCell",
|
|
45
|
+
"class": "s160rjph",
|
|
46
|
+
propsAsIs: true
|
|
47
|
+
});
|
|
48
|
+
var _exp30 = function _exp30() {
|
|
49
|
+
return Checkbox;
|
|
50
|
+
};
|
|
51
|
+
var StyledCheckbox = /*#__PURE__*/react.styled(_exp30())({
|
|
52
|
+
name: "StyledCheckbox",
|
|
53
|
+
"class": "s1t6abbl",
|
|
54
|
+
propsAsIs: true
|
|
55
|
+
});
|
|
56
|
+
var _exp45 = function _exp45() {
|
|
57
|
+
return Indicator;
|
|
58
|
+
};
|
|
59
|
+
var StyledIndicator = /*#__PURE__*/react.styled(_exp45())({
|
|
60
|
+
name: "StyledIndicator",
|
|
61
|
+
"class": "swduayr",
|
|
62
|
+
propsAsIs: true
|
|
63
|
+
});
|
|
64
|
+
var _exp50 = function _exp50() {
|
|
65
|
+
return IconDisclosureRightCentered.IconDisclosureRightCentered;
|
|
66
|
+
};
|
|
67
|
+
var _exp52 = function _exp52() {
|
|
68
|
+
return function (_ref2) {
|
|
69
|
+
var _ref2$size = _ref2.size,
|
|
70
|
+
size = _ref2$size === void 0 ? 'xs' : _ref2$size;
|
|
71
|
+
return "var(".concat(Select_tokens.tokens.disclosureIconSize, ", ").concat({
|
|
72
|
+
xs: "1rem",
|
|
73
|
+
s: "1.5rem"
|
|
74
|
+
}[size], ")");
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
var StyledArrowLeft = /*#__PURE__*/react.styled(_exp50())({
|
|
78
|
+
name: "StyledArrowLeft",
|
|
79
|
+
"class": "s1r3fsvz",
|
|
80
|
+
propsAsIs: true,
|
|
81
|
+
vars: {
|
|
82
|
+
"s1r3fsvz-0": [/*#__PURE__*/_exp52()]
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
var _exp54 = function _exp54() {
|
|
86
|
+
return IconDisclosureRightCentered.IconDisclosureRightCentered;
|
|
87
|
+
};
|
|
88
|
+
var _exp56 = function _exp56() {
|
|
89
|
+
return function (_ref3) {
|
|
90
|
+
var _ref3$size = _ref3.size,
|
|
91
|
+
size = _ref3$size === void 0 ? 'xs' : _ref3$size;
|
|
92
|
+
return "var(".concat(Select_tokens.tokens.disclosureIconSize, ", ").concat({
|
|
93
|
+
xs: "1rem",
|
|
94
|
+
s: "1.5rem"
|
|
95
|
+
}[size], ")");
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
var StyledArrowRight = /*#__PURE__*/react.styled(_exp54())({
|
|
99
|
+
name: "StyledArrowRight",
|
|
100
|
+
"class": "s1us4s6s",
|
|
101
|
+
propsAsIs: true,
|
|
102
|
+
vars: {
|
|
103
|
+
"s1us4s6s-0": [/*#__PURE__*/_exp56()]
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
var _exp58 = function _exp58() {
|
|
107
|
+
return IconDone.IconDone;
|
|
108
|
+
};
|
|
109
|
+
var _exp60 = function _exp60() {
|
|
110
|
+
return function (_ref4) {
|
|
111
|
+
var _ref4$size = _ref4.size,
|
|
112
|
+
size = _ref4$size === void 0 ? 'xs' : _ref4$size;
|
|
113
|
+
return "var(".concat(Select_tokens.tokens.disclosureIconSize, ", ").concat({
|
|
114
|
+
xs: "1rem",
|
|
115
|
+
s: "1.5rem"
|
|
116
|
+
}[size], ")");
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
var StyledIconDone = /*#__PURE__*/react.styled(_exp58())({
|
|
120
|
+
name: "StyledIconDone",
|
|
121
|
+
"class": "s14lzt5m",
|
|
122
|
+
propsAsIs: true,
|
|
123
|
+
vars: {
|
|
124
|
+
"s14lzt5m-0": [/*#__PURE__*/_exp60()]
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
var _exp62 = function _exp62() {
|
|
128
|
+
return function (_ref5) {
|
|
129
|
+
var visibility = _ref5.visibility;
|
|
130
|
+
return visibility || 'visible';
|
|
131
|
+
};
|
|
132
|
+
};
|
|
133
|
+
var DisclosureIconWrapper = /*#__PURE__*/react.styled('div')({
|
|
134
|
+
name: "DisclosureIconWrapper",
|
|
135
|
+
"class": "d1178nq",
|
|
136
|
+
propsAsIs: false,
|
|
137
|
+
vars: {
|
|
138
|
+
"d1178nq-0": [/*#__PURE__*/_exp62()]
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
var _exp65 = function _exp65() {
|
|
142
|
+
return function (_ref6) {
|
|
143
|
+
var variant = _ref6.variant;
|
|
144
|
+
return "var(".concat(variant === 'tight' ? Select_tokens.tokens.itemIconSizeTight : Select_tokens.tokens.itemIconSize, ")");
|
|
145
|
+
};
|
|
146
|
+
};
|
|
147
|
+
var IconWrapper = /*#__PURE__*/react.styled('div')({
|
|
148
|
+
name: "IconWrapper",
|
|
149
|
+
"class": "i1noc5rg",
|
|
150
|
+
propsAsIs: false,
|
|
151
|
+
vars: {
|
|
152
|
+
"i1noc5rg-0": [/*#__PURE__*/_exp65()]
|
|
153
|
+
}
|
|
154
|
+
});
|
|
155
|
+
var StyledText = /*#__PURE__*/react.styled('div')({
|
|
156
|
+
name: "StyledText",
|
|
157
|
+
"class": "s1azt70o",
|
|
158
|
+
propsAsIs: false
|
|
159
|
+
});
|
|
160
|
+
var _exp70 = function _exp70() {
|
|
161
|
+
return function (_ref7) {
|
|
162
|
+
var variant = _ref7.variant;
|
|
163
|
+
return "var(".concat(variant === 'tight' ? Select_tokens.tokens.itemPaddingTight : Select_tokens.tokens.itemPadding, ")");
|
|
164
|
+
};
|
|
165
|
+
};
|
|
166
|
+
var Wrapper = /*#__PURE__*/react.styled('div')({
|
|
167
|
+
name: "Wrapper",
|
|
168
|
+
"class": "wa9o46g",
|
|
169
|
+
propsAsIs: false,
|
|
170
|
+
vars: {
|
|
171
|
+
"wa9o46g-0": [/*#__PURE__*/_exp70()]
|
|
172
|
+
}
|
|
173
|
+
});
|
|
174
|
+
var StyledCheckboxWrapper = /*#__PURE__*/react.styled('span')({
|
|
175
|
+
name: "StyledCheckboxWrapper",
|
|
176
|
+
"class": "sba0f67",
|
|
177
|
+
propsAsIs: false
|
|
178
|
+
});
|
|
179
|
+
var ChildItems = /*#__PURE__*/react.styled('div')({
|
|
180
|
+
name: "ChildItems",
|
|
181
|
+
"class": "c1cx4twh",
|
|
182
|
+
propsAsIs: false
|
|
183
|
+
});
|
|
184
|
+
var _exp88 = function _exp88() {
|
|
185
|
+
return function (_ref8) {
|
|
186
|
+
var depth = _ref8.depth;
|
|
187
|
+
return depth || 0;
|
|
188
|
+
};
|
|
189
|
+
};
|
|
190
|
+
var Offset = /*#__PURE__*/react.styled('div')({
|
|
191
|
+
name: "Offset",
|
|
192
|
+
"class": "o1888l7c",
|
|
193
|
+
propsAsIs: false,
|
|
194
|
+
vars: {
|
|
195
|
+
"o1888l7c-0": [/*#__PURE__*/_exp88()]
|
|
196
|
+
}
|
|
197
|
+
});
|
|
198
|
+
|
|
199
|
+
exports.ChildItems = ChildItems;
|
|
200
|
+
exports.DisclosureIconWrapper = DisclosureIconWrapper;
|
|
201
|
+
exports.IconWrapper = IconWrapper;
|
|
202
|
+
exports.ItemWrapper = ItemWrapper;
|
|
203
|
+
exports.Offset = Offset;
|
|
204
|
+
exports.StyledArrowLeft = StyledArrowLeft;
|
|
205
|
+
exports.StyledArrowRight = StyledArrowRight;
|
|
206
|
+
exports.StyledCell = StyledCell;
|
|
207
|
+
exports.StyledCheckbox = StyledCheckbox;
|
|
208
|
+
exports.StyledCheckboxWrapper = StyledCheckboxWrapper;
|
|
209
|
+
exports.StyledIconDone = StyledIconDone;
|
|
210
|
+
exports.StyledIndicator = StyledIndicator;
|
|
211
|
+
exports.StyledText = StyledText;
|
|
212
|
+
exports.StyledWrapper = StyledWrapper;
|
|
213
|
+
exports.Wrapper = Wrapper;
|
|
214
|
+
//# sourceMappingURL=Item.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/TreeList/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus, applyEllipsis } from 'src/mixins';\nimport { component, mergeConfig } from 'src/engines';\nimport type { SelectProps } from 'src/components/Select';\nimport { CSSProperties } from 'react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\n\nexport const ItemWrapper = styled.div``;\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div<{ disabled?: boolean }>`\n ${cellTokens.cellTitleColor}: ${({ disabled }) =>\n disabled ? `var(${tokens.itemDisabledColor})` : `var(${constants.cellTitleColor})`};\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n\n // TODO: #1548\n & div.cell-content, & div.cell-textbox {\n flex: 1;\n }\n & div.cell-textbox-title {\n position: relative;\n }\n & div.cell-textbox-title:before {\n content: ' ';\n visibility: hidden;\n }\n & div.cell-textbox-title span {\n position: absolute;\n left: 0;\n right: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.itemIconColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrowLeft = styled(IconDisclosureRightCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n\n &.${classes.arrowInverse} {\n transform: rotate(90deg);\n }\n`;\n\nexport const StyledArrowRight = styled(IconDisclosureRightCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n transform: rotate(90deg);\n\n &.${classes.arrowInverse} {\n transform: rotate(-90deg);\n }\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div<{ visibility: CSSProperties['visibility'] }>`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n visibility: ${({ visibility }) => visibility || 'visible'};\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n line-height: 0;\n color: var(${tokens.itemIconColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n gap: var(${tokens.itemGap});\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n user-select: none;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: var(${tokens.itemDisabledOpacity});\n color: var(${tokens.itemDisabledColor});\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n\nexport const ChildItems = styled.div``;\n\nexport const Offset = styled.div<{ depth: number }>`\n width: calc(${({ depth }) => depth || 0} * var(${tokens.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","_exp2","_ref","disabled","concat","tokens","itemDisabledColor","constants","cellTitleColor","StyledWrapper","vars","_exp29","StyledCell","_exp30","StyledCheckbox","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref2","_ref2$size","size","disclosureIconSize","xs","s","StyledArrowLeft","_exp54","_exp56","_ref3","_ref3$size","StyledArrowRight","_exp58","IconDone","_exp60","_ref4","_ref4$size","StyledIconDone","_exp62","_ref5","visibility","DisclosureIconWrapper","_exp65","_ref6","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp70","_ref7","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper","ChildItems","_exp88","_ref8","depth","Offset"],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
|
|
2
|
+
.s14rxgk6{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s14rxgk6 div.cell-content,.s14rxgk6 div.cell-textbox{-webkit-flex:1;-ms-flex:1;flex:1;}.s14rxgk6 div.cell-textbox-title{position:relative;}.s14rxgk6 div.cell-textbox-title:before{content:' ';visibility:hidden;}.s14rxgk6 div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
3
|
+
|
|
4
|
+
.s1t6abbl{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
|
|
5
|
+
.swduayr{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
|
|
6
|
+
.s1r3fsvz{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.s1r3fsvz.arrow-inverse{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
|
|
7
|
+
.s1us4s6s{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s1us4s6s.arrow-inverse{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
|
|
8
|
+
.s14lzt5m{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
|
|
9
|
+
.d1178nq{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.d1178nq:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
|
10
|
+
.i1noc5rg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
|
|
11
|
+
.s1azt70o{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
12
|
+
.wa9o46g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.wa9o46g:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.wa9o46g.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.wa9o46g.dropdown-item-is-disabled{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.wa9o46g:focus{outline:none;}.wa9o46g::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.wa9o46g.dropdown-item-is-focused:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
.o1888l7c{width:calc(var(--o1888l7c-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);}
|
|
@@ -124,6 +124,25 @@
|
|
|
124
124
|
.SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
|
|
125
125
|
.SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
|
|
126
126
|
|
|
127
|
+
|
|
128
|
+
.Item_styles_i0dby2_s14rxgk6__158876c7{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellContent__158876c7,.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextbox__158876c7{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7{position:relative;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7:before{content:' ';visibility:hidden;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
129
|
+
|
|
130
|
+
.Item_styles_i0dby2_s1t6abbl__158876c7{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
|
|
131
|
+
.Item_styles_i0dby2_swduayr__158876c7{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
|
|
132
|
+
.Item_styles_i0dby2_s1r3fsvz__158876c7{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_i0dby2_s1r3fsvz__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
|
|
133
|
+
.Item_styles_i0dby2_s1us4s6s__158876c7{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_i0dby2_s1us4s6s__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
|
|
134
|
+
.Item_styles_i0dby2_s14lzt5m__158876c7{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
|
|
135
|
+
.Item_styles_i0dby2_d1178nq__158876c7{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_i0dby2_d1178nq__158876c7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
|
136
|
+
.Item_styles_i0dby2_i1noc5rg__158876c7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
|
|
137
|
+
.Item_styles_i0dby2_s1azt70o__158876c7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
138
|
+
.Item_styles_i0dby2_wa9o46g__158876c7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_i0dby2_wa9o46g__158876c7:hover:not(.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsActive__158876c7{background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_i0dby2_wa9o46g__158876c7:focus{outline:none;}.Item_styles_i0dby2_wa9o46g__158876c7::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsFocused__158876c7:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
.Item_styles_i0dby2_o1888l7c__158876c7{width:calc(var(--o1888l7c-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);}
|
|
142
|
+
|
|
143
|
+
.TreeList_styles_1t38mek_lm92bs9__3097faae{width:100%;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
|
|
144
|
+
.TreeList_styles_1t38mek_s12qznqt__3097faae{max-height:var(--s12qznqt-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
|
|
145
|
+
|
|
127
146
|
.Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
|
|
128
147
|
.Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
|
|
129
148
|
|
|
@@ -200,6 +200,25 @@
|
|
|
200
200
|
.SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
|
|
201
201
|
.SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
|
|
202
202
|
|
|
203
|
+
|
|
204
|
+
.Item_styles_i0dby2_s14rxgk6__158876c7{--plasma-cell-title-color:var(--s14rxgk6-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellContent__158876c7,.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextbox__158876c7{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7{position:relative;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7:before{content:' ';visibility:hidden;}.Item_styles_i0dby2_s14rxgk6__158876c7 div.Item_styles_i0dby2_cellTextboxTitle__158876c7 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
|
205
|
+
|
|
206
|
+
.Item_styles_i0dby2_s1t6abbl__158876c7{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
|
|
207
|
+
.Item_styles_i0dby2_swduayr__158876c7{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-item-icon-color);}
|
|
208
|
+
.Item_styles_i0dby2_s1r3fsvz__158876c7{width:var(--s1r3fsvz-0);height:var(--s1r3fsvz-0);}.Item_styles_i0dby2_s1r3fsvz__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
|
|
209
|
+
.Item_styles_i0dby2_s1us4s6s__158876c7{width:var(--s1us4s6s-0);height:var(--s1us4s6s-0);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Item_styles_i0dby2_s1us4s6s__158876c7.Item_styles_i0dby2_arrowInverse__158876c7{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
|
|
210
|
+
.Item_styles_i0dby2_s14lzt5m__158876c7{width:var(--s14lzt5m-0);height:var(--s14lzt5m-0);}
|
|
211
|
+
.Item_styles_i0dby2_d1178nq__158876c7{line-height:0;color:var(--plasma-select-disclosure-icon-color);visibility:var(--d1178nq-0);}.Item_styles_i0dby2_d1178nq__158876c7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
|
212
|
+
.Item_styles_i0dby2_i1noc5rg__158876c7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i1noc5rg-0);height:var(--i1noc5rg-0);line-height:0;color:var(--plasma-select-item-icon-color);}
|
|
213
|
+
.Item_styles_i0dby2_s1azt70o__158876c7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
|
214
|
+
.Item_styles_i0dby2_wa9o46g__158876c7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-select-item-gap);min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wa9o46g-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_i0dby2_wa9o46g__158876c7:hover:not(.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsActive__158876c7{background-color:var(--plasma-select-item-background-hover);}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsDisabled__158876c7{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_i0dby2_wa9o46g__158876c7:focus{outline:none;}.Item_styles_i0dby2_wa9o46g__158876c7::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_i0dby2_wa9o46g__158876c7.Item_styles_i0dby2_dropdownItemIsFocused__158876c7:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
|
215
|
+
|
|
216
|
+
|
|
217
|
+
.Item_styles_i0dby2_o1888l7c__158876c7{width:calc(var(--o1888l7c-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);}
|
|
218
|
+
|
|
219
|
+
.TreeList_styles_1t38mek_lm92bs9__3097faae{width:100%;padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
|
|
220
|
+
.TreeList_styles_1t38mek_s12qznqt__3097faae{max-height:var(--s12qznqt-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
|
|
221
|
+
|
|
203
222
|
.Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
|
|
204
223
|
.Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
|
|
205
224
|
|