@salutejs/plasma-new-hope 0.88.0-canary.1233.9420319803.0 → 0.88.0-canary.1233.9437372350.0

package/es/components/Combobox/ui/ComboboxChip/ComboboxChip.css

@@ -12,10 +12,10 @@
 
 .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
 
-.Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-.Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
-.Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
-.Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
 .ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88{--plasma-chip-color:var(--plasma-combobox-chip-color);--plasma-chip-background:var(--plasma-combobox-chip-background);--plasma-chip-color-hover:var(--plasma-combobox-chip-color-hover);--plasma-chip-background-hover:var(--plasma-combobox-chip-background-hover);--plasma-chip-color-active:var(--plasma-combobox-chip-color-active);--plasma-chip-background-active:var(--plasma-combobox-chip-background-active);--plasma-chip-background-readonly:var(--plasma-combobox-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-combobox-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-combobox-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-combobox-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-combobox-chip-border-radius);--plasma-chip-width:var(--plasma-combobox-chip-width);--plasma-chip-height:var(--plasma-combobox-chip-height);--plasma-chip-padding-right:var(--plasma-combobox-chip-padding-right);--plasma-chip-padding-left:var(--plasma-combobox-chip-padding-left);--plasma-chip-font-family:var(--plasma-combobox-chip-font-family);--plasma-chip-font-size:var(--plasma-combobox-chip-font-size);--plasma-chip-font-style:var(--plasma-combobox-chip-font-style);--plasma-chip-font-weight:var(--plasma-combobox-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-combobox-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-combobox-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-combobox-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-combobox-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-combobox-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-combobox-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-combobox-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-combobox-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-combobox-focus-color);position:relative;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88::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.0625rem solid transparent;border-radius:calc(var(--plasma-combobox-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88.ComboboxChip_styles_1la9kkf_focusVisible__46a30e88:focus::before,.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[readonly]{opacity:var(--plasma-combobox-chip-opacity-readonly);}

package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css

@@ -10,11 +10,11 @@
 
 .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
 
-.Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-.Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
-.Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
-.Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
 .ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88{--plasma-chip-color:var(--plasma-combobox-chip-color);--plasma-chip-background:var(--plasma-combobox-chip-background);--plasma-chip-color-hover:var(--plasma-combobox-chip-color-hover);--plasma-chip-background-hover:var(--plasma-combobox-chip-background-hover);--plasma-chip-color-active:var(--plasma-combobox-chip-color-active);--plasma-chip-background-active:var(--plasma-combobox-chip-background-active);--plasma-chip-background-readonly:var(--plasma-combobox-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-combobox-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-combobox-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-combobox-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-combobox-chip-border-radius);--plasma-chip-width:var(--plasma-combobox-chip-width);--plasma-chip-height:var(--plasma-combobox-chip-height);--plasma-chip-padding-right:var(--plasma-combobox-chip-padding-right);--plasma-chip-padding-left:var(--plasma-combobox-chip-padding-left);--plasma-chip-font-family:var(--plasma-combobox-chip-font-family);--plasma-chip-font-size:var(--plasma-combobox-chip-font-size);--plasma-chip-font-style:var(--plasma-combobox-chip-font-style);--plasma-chip-font-weight:var(--plasma-combobox-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-combobox-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-combobox-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-combobox-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-combobox-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-combobox-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-combobox-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-combobox-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-combobox-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-combobox-focus-color);position:relative;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88::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.0625rem solid transparent;border-radius:calc(var(--plasma-combobox-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88.ComboboxChip_styles_1la9kkf_focusVisible__46a30e88:focus::before,.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[readonly]{opacity:var(--plasma-combobox-chip-opacity-readonly);}
 

package/es/components/Pagination/Pagination.css

@@ -87,12 +87,11 @@
 .Item_styles_545sy7_s1vkcneb__b99228e8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
 .Item_styles_545sy7_w1nwrhpk__b99228e8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1nwrhpk-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:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_545sy7_w1nwrhpk__b99228e8:hover:not(.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsActive__b99228e8{background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8{opacity:0.4;cursor:not-allowed;}.Item_styles_545sy7_w1nwrhpk__b99228e8:focus{outline:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsFocused__b99228e8:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 
-.Button_styles_1bweq1y_s1n7gats__7958f749{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
-.Button_styles_1bweq1y_isdqa5a__7958f749{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1bweq1y_isdqa5a__7958f749:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1bweq1y_isdqa5a__7958f749:active{color:var(--plasma-select-target-button-arrow-color-active);}
-.Button_styles_1bweq1y_s1yfglds__7958f749{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.Button_styles_1bweq1y_brzvbcx__7958f749{display:inline;}.Button_styles_1bweq1y_brzvbcx__7958f749 .Button_styles_1bweq1y_selectWithoutBoxShadow__7958f749::before{box-shadow:none !important;}
-.Button_styles_1bweq1y_iogt3wm__7958f749{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Button_styles_1bweq1y_iogt3wm__7958f749 .Button_styles_1bweq1y_arrowInverse__7958f749{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
-.Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
+.Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
+.Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
+.Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
 
@@ -106,11 +105,11 @@
 
 .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
 
-.Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-.Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
-.Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
-.Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
 .Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css

@@ -29,12 +29,11 @@
 .Item_styles_545sy7_s1vkcneb__b99228e8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
 .Item_styles_545sy7_w1nwrhpk__b99228e8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1nwrhpk-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:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_545sy7_w1nwrhpk__b99228e8:hover:not(.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsActive__b99228e8{background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8{opacity:0.4;cursor:not-allowed;}.Item_styles_545sy7_w1nwrhpk__b99228e8:focus{outline:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsFocused__b99228e8:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 
-.Button_styles_1bweq1y_s1n7gats__7958f749{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
-.Button_styles_1bweq1y_isdqa5a__7958f749{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1bweq1y_isdqa5a__7958f749:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1bweq1y_isdqa5a__7958f749:active{color:var(--plasma-select-target-button-arrow-color-active);}
-.Button_styles_1bweq1y_s1yfglds__7958f749{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.Button_styles_1bweq1y_brzvbcx__7958f749{display:inline;}.Button_styles_1bweq1y_brzvbcx__7958f749 .Button_styles_1bweq1y_selectWithoutBoxShadow__7958f749::before{box-shadow:none !important;}
-.Button_styles_1bweq1y_iogt3wm__7958f749{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Button_styles_1bweq1y_iogt3wm__7958f749 .Button_styles_1bweq1y_arrowInverse__7958f749{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
-.Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
+.Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
+.Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
+.Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
 
@@ -48,11 +47,11 @@
 
 .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
 
-.Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-.Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
-.Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
-.Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
 .Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 

package/es/components/Range/Range.css

@@ -43,11 +43,11 @@
 
 .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
 
-.Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-.Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
-.Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
-.Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
 .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
 

package/es/components/Select/Select.css

@@ -60,12 +60,11 @@
 .SelectNotFoundContent_styles_r1sne_c17jtu5__04f00d06{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;box-sizing:border-box;padding:var(--plasma-select-not-found-content-padding);}
 .SelectNotFoundContent_styles_r1sne_d1dcslek__04f00d06{margin-top:var(--plasma-select-not-found-content-gap);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);}
 
-.Button_styles_1bweq1y_s1n7gats__7958f749{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
-.Button_styles_1bweq1y_isdqa5a__7958f749{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1bweq1y_isdqa5a__7958f749:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1bweq1y_isdqa5a__7958f749:active{color:var(--plasma-select-target-button-arrow-color-active);}
-.Button_styles_1bweq1y_s1yfglds__7958f749{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.Button_styles_1bweq1y_brzvbcx__7958f749{display:inline;}.Button_styles_1bweq1y_brzvbcx__7958f749 .Button_styles_1bweq1y_selectWithoutBoxShadow__7958f749::before{box-shadow:none !important;}
-.Button_styles_1bweq1y_iogt3wm__7958f749{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Button_styles_1bweq1y_iogt3wm__7958f749 .Button_styles_1bweq1y_arrowInverse__7958f749{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
-.Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
+.Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
+.Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
+.Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
 
@@ -79,11 +78,11 @@
 
 .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
 
-.Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-.Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
-.Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
-.Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
 .Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 

package/es/components/Select/Select.js

@@ -3,6 +3,7 @@ import React, { forwardRef, useMemo, useReducer, useState, useLayoutEffect, crea
 import '../../utils/react.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { useOutsideClick } from '../../hooks/useOutsideClick.js';
+import { getPlacements } from '../Dropdown/utils/index.js';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
 import { initialItemsTransform } from './utils/initialItemsTransform.js';
 import { updateDescendants } from './utils/updateDescendants.js';
@@ -21,7 +22,7 @@ import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
 
 var _SelectNotFoundConten;
-var _excluded = ["value", "onChange", "target", "multiselect", "separator", "items", "label", "labelPlacement", "placeholder", "helperText", "isTargetAmount", "disabled", "view", "size", "isOpen", "listOverflow", "listHeight", "listWidth", "status", "contentLeft", "onScrollBottom", "isInfiniteLoading", "notFoundContent", "chipView", "variant", "portal", "renderTargetLabel"];
+var _excluded = ["value", "onChange", "target", "separator", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "isTargetAmount", "disabled", "view", "size", "isOpen", "listOverflow", "listHeight", "listWidth", "status", "contentLeft", "onScrollBottom", "isInfiniteLoading", "notFoundContent", "chipView", "variant", "portal", "renderValue"];
 var Context = /*#__PURE__*/createContext({});
 
 /**
@@ -33,9 +34,9 @@ var selectRoot = function selectRoot(Root) {
       onChange = props.onChange,
       _props$target = props.target,
       target = _props$target === void 0 ? 'textfield' : _props$target,
-      _props$multiselect = props.multiselect,
-      multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
       items = props.items,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottom' : _props$placement,
       label = props.label,
       _props$labelPlacement = props.labelPlacement,
       labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
@@ -58,8 +59,9 @@ var selectRoot = function selectRoot(Root) {
       _props$variant = props.variant,
       variant = _props$variant === void 0 ? 'normal' : _props$variant,
       portal = props.portal,
-      renderTargetLabel = props.renderTargetLabel,
+      renderValue = props.renderValue,
       rest = _objectWithoutProperties(props, _excluded);
+    var multiselect = Array.isArray(value);
     var transformedItems = useMemo(function () {
       return initialItemsTransform(items);
     }, [items]);
@@ -223,9 +225,9 @@ var selectRoot = function selectRoot(Root) {
     }, /*#__PURE__*/React.createElement(StyledPopover, {
       ref: targetRef,
       isOpen: isCurrentListOpen,
+      placement: getPlacements(placement),
       usePortal: Boolean(portal),
       frame: portal,
-      placement: "bottom-start",
       onToggle: handleToggle,
       trigger: "click",
       target: /*#__PURE__*/React.createElement(Target, {
@@ -235,6 +237,8 @@ var selectRoot = function selectRoot(Root) {
         isTargetAmount: isTargetAmount,
         multiselect: multiselect,
         valueToItemMap: valueToItemMap,
+        focusedPath: focusedPath,
+        focusedToValueMap: focusedToValueMap,
         onChipClick: handleChipClick,
         label: label,
         placeholder: placeholder,
@@ -244,7 +248,7 @@ var selectRoot = function selectRoot(Root) {
         size: size,
         contentLeft: contentLeft,
         disabled: disabled,
-        renderTargetLabel: renderTargetLabel
+        renderValue: renderValue
       }),
       preventOverflow: false,
       closeOnOverlayClick: true

package/es/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';\nimport { Inner } from './elements/Inner/Inner';\nimport { SelectNotFoundContent } from './elements/SelectNotFoundContent/SelectNotFoundContent';\nimport { Target } from './elements/Target/Target';\nimport { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { StyledPopover, Ul, base, OuterLabel, HelperText } from './Select.styles';\nimport type { SelectProps, ItemContext } from './Select.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './elements/Inner/elements/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, SelectProps>) =>\n    forwardRef<HTMLButtonElement, SelectProps>((props, ref) => {\n        const {\n            value,\n            onChange,\n            target = 'textfield',\n            multiselect = false,\n            separator,\n            items,\n            label,\n            labelPlacement = 'outer',\n            placeholder,\n            helperText,\n            isTargetAmount = false,\n            disabled = false,\n            view,\n            size,\n            isOpen,\n            listOverflow,\n            listHeight,\n            listWidth,\n            status,\n            contentLeft,\n            onScrollBottom,\n            isInfiniteLoading,\n            notFoundContent,\n            chipView,\n            variant = 'normal',\n            portal,\n            renderTargetLabel,\n            ...rest\n        } = props;\n\n        const transformedItems = useMemo(() => initialItemsTransform(items), [items]);\n\n        const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] = usePathMaps(transformedItems);\n\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [focusedChipIndex, dispatchFocusedChipIndex] = useReducer(focusedChipIndexReducer, null);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const targetRef = useOutsideClick(() => {\n            if (focusedChipIndex != null) {\n                dispatchFocusedChipIndex({ type: 'reset' });\n            }\n        });\n\n        const handleToggle = (opened: boolean) => {\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedChipIndex({ type: 'reset' });\n            }\n        };\n\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            const checkedCopy = new Map(checked);\n\n            if (!checkedCopy.get(item.value.toString())) {\n                checkedCopy.set(item.value.toString(), true);\n                updateDescendants(item, checkedCopy, true);\n            } else {\n                checkedCopy.set(item.value.toString(), false);\n                updateDescendants(item, checkedCopy, false);\n            }\n\n            updateAncestors(item, checkedCopy);\n\n            const newValues: Array<string> = [];\n\n            valueToItemMap.forEach((item, key) => {\n                if (checkedCopy.get(key)) {\n                    newValues.push(item.value.toString());\n                }\n            });\n\n            onChange(newValues as any);\n        };\n\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item?.items)) {\n                if (multiselect) {\n                    handleCheckboxChange(item);\n                } else {\n                    if (e) {\n                        e.stopPropagation();\n                    }\n\n                    const checkedCopy = new Map(checked);\n\n                    const isCurrentChecked = checkedCopy.get(item.value);\n\n                    checkedCopy.forEach((_, key) => {\n                        checkedCopy.set(key, false);\n                    });\n\n                    if (!isCurrentChecked) {\n                        checkedCopy.set(item.value, 'done');\n                        updateSingleAncestors(item, checkedCopy, 'dot');\n                    }\n\n                    onChange((isCurrentChecked ? '' : item.value) as any);\n                }\n            }\n        };\n\n        const handleChipClick = (currentValue: string) => {\n            handleCheckboxChange(valueToItemMap.get(currentValue)!);\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiselect) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n            if (!onScrollBottom) return;\n\n            const { target } = e;\n\n            if (\n                (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n                (target as HTMLElement).clientHeight\n            ) {\n                onScrollBottom(e);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleToggle,\n            handlePressDown,\n            focusedChipIndex,\n            dispatchFocusedChipIndex,\n            value,\n            valueToItemMap,\n            multiselect,\n            isTargetAmount,\n        });\n\n        const isCurrentListOpen = Boolean(path[0]);\n\n        // В данном эффекте мы следим за изменениями value и вносим коррективы в дерево чекбоксов.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (multiselect && Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value as string, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value as string)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n        }, [value]);\n\n        return (\n            <Root\n                ref={ref}\n                size={size}\n                view={getView(view, status)}\n                chipView={chipView}\n                items={items}\n                {...(rest as any)}\n            >\n                {label && labelPlacement === 'outer' && target !== 'button' && <OuterLabel>{label}</OuterLabel>}\n\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        checked,\n                        multiselect,\n                        size,\n                        handleCheckboxChange,\n                        handleItemClick,\n                        variant,\n                    }}\n                >\n                    <StyledPopover\n                        ref={targetRef}\n                        isOpen={isCurrentListOpen}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        placement=\"bottom-start\"\n                        onToggle={handleToggle}\n                        trigger=\"click\"\n                        target={\n                            <Target\n                                opened={isCurrentListOpen}\n                                target={target}\n                                value={value}\n                                isTargetAmount={isTargetAmount}\n                                multiselect={multiselect}\n                                valueToItemMap={valueToItemMap}\n                                onChipClick={handleChipClick}\n                                label={label}\n                                placeholder={placeholder}\n                                onKeyDown={onKeyDown}\n                                focusedChipIndex={focusedChipIndex}\n                                labelPlacement={labelPlacement}\n                                size={size}\n                                contentLeft={contentLeft}\n                                disabled={disabled}\n                                renderTargetLabel={renderTargetLabel}\n                            />\n                        }\n                        preventOverflow={false}\n                        closeOnOverlayClick\n                    >\n                        {isEmpty(items) ? (\n                            notFoundContent || <SelectNotFoundContent description=\"Доделать\" />\n                        ) : (\n                            <Ul\n                                role=\"tree\"\n                                id=\"tree_level_1\"\n                                listHeight={listHeight}\n                                listOverflow={listOverflow}\n                                onScroll={handleScroll}\n                                listWidth={listWidth}\n                            >\n                                {transformedItems.map((item, index) => (\n                                    <Inner\n                                        key={`${index}/0`}\n                                        item={item}\n                                        currentLevel={0}\n                                        path={path}\n                                        dispatchPath={dispatchPath}\n                                        index={index}\n                                        listWidth={listWidth}\n                                    />\n                                ))}\n                            </Ul>\n                        )}\n                    </StyledPopover>\n                </Context.Provider>\n\n                {helperText && target === 'textfield' && <HelperText>{helperText}</HelperText>}\n            </Root>\n        );\n    });\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","value","onChange","_props$target","target","_props$multiselect","multiselect","items","label","_props$labelPlacement","labelPlacement","placeholder","helperText","_props$isTargetAmount","isTargetAmount","_props$disabled","disabled","view","size","listOverflow","listHeight","listWidth","status","contentLeft","onScrollBottom","notFoundContent","chipView","_props$variant","variant","portal","renderTargetLabel","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useReducer5","focusedChipIndexReducer","_useReducer6","focusedChipIndex","dispatchFocusedChipIndex","_useState","useState","_useState2","checked","setChecked","targetRef","useOutsideClick","type","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","toString","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","_","updateSingleAncestors","handleChipClick","currentValue","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","useLayoutEffect","Array","isArray","val","React","createElement","_extends","getView","OuterLabel","Provider","StyledPopover","isOpen","usePortal","frame","placement","onToggle","trigger","Target","onChipClick","preventOverflow","closeOnOverlayClick","_SelectNotFoundConten","SelectNotFoundContent","description","Ul","role","id","onScroll","map","index","Inner","concat","currentLevel","HelperText","selectConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\nimport { getPlacements } from '../Dropdown/utils';\n\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';\nimport { Inner } from './elements/Inner/Inner';\nimport { SelectNotFoundContent } from './elements/SelectNotFoundContent/SelectNotFoundContent';\nimport { Target } from './elements/Target/Target';\nimport { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { StyledPopover, Ul, base, OuterLabel, HelperText } from './Select.styles';\nimport type { SelectProps, ItemContext } from './Select.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './elements/Inner/elements/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, SelectProps>) =>\n    forwardRef<HTMLButtonElement, SelectProps>((props, ref) => {\n        const {\n            value,\n            onChange,\n            target = 'textfield',\n            separator,\n            items,\n            placement = 'bottom',\n            label,\n            labelPlacement = 'outer',\n            placeholder,\n            helperText,\n            isTargetAmount = false,\n            disabled = false,\n            view,\n            size,\n            isOpen,\n            listOverflow,\n            listHeight,\n            listWidth,\n            status,\n            contentLeft,\n            onScrollBottom,\n            isInfiniteLoading,\n            notFoundContent,\n            chipView,\n            variant = 'normal',\n            portal,\n            renderValue,\n            ...rest\n        } = props;\n\n        const multiselect = Array.isArray(value);\n\n        const transformedItems = useMemo(() => initialItemsTransform(items), [items]);\n\n        const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] = usePathMaps(transformedItems);\n\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [focusedChipIndex, dispatchFocusedChipIndex] = useReducer(focusedChipIndexReducer, null);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const targetRef = useOutsideClick(() => {\n            if (focusedChipIndex != null) {\n                dispatchFocusedChipIndex({ type: 'reset' });\n            }\n        });\n\n        const handleToggle = (opened: boolean) => {\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedChipIndex({ type: 'reset' });\n            }\n        };\n\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            const checkedCopy = new Map(checked);\n\n            if (!checkedCopy.get(item.value.toString())) {\n                checkedCopy.set(item.value.toString(), true);\n                updateDescendants(item, checkedCopy, true);\n            } else {\n                checkedCopy.set(item.value.toString(), false);\n                updateDescendants(item, checkedCopy, false);\n            }\n\n            updateAncestors(item, checkedCopy);\n\n            const newValues: Array<string> = [];\n\n            valueToItemMap.forEach((item, key) => {\n                if (checkedCopy.get(key)) {\n                    newValues.push(item.value.toString());\n                }\n            });\n\n            onChange(newValues as any);\n        };\n\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item?.items)) {\n                if (multiselect) {\n                    handleCheckboxChange(item);\n                } else {\n                    if (e) {\n                        e.stopPropagation();\n                    }\n\n                    const checkedCopy = new Map(checked);\n\n                    const isCurrentChecked = checkedCopy.get(item.value);\n\n                    checkedCopy.forEach((_, key) => {\n                        checkedCopy.set(key, false);\n                    });\n\n                    if (!isCurrentChecked) {\n                        checkedCopy.set(item.value, 'done');\n                        updateSingleAncestors(item, checkedCopy, 'dot');\n                    }\n\n                    onChange((isCurrentChecked ? '' : item.value) as any);\n                }\n            }\n        };\n\n        const handleChipClick = (currentValue: string) => {\n            handleCheckboxChange(valueToItemMap.get(currentValue)!);\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiselect) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n            if (!onScrollBottom) return;\n\n            const { target } = e;\n\n            if (\n                (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n                (target as HTMLElement).clientHeight\n            ) {\n                onScrollBottom(e);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleToggle,\n            handlePressDown,\n            focusedChipIndex,\n            dispatchFocusedChipIndex,\n            value,\n            valueToItemMap,\n            multiselect,\n            isTargetAmount,\n        });\n\n        const isCurrentListOpen = Boolean(path[0]);\n\n        // В данном эффекте мы следим за изменениями value и вносим коррективы в дерево чекбоксов.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (multiselect && Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value as string, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value as string)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n        }, [value]);\n\n        return (\n            <Root\n                ref={ref}\n                size={size}\n                view={getView(view, status)}\n                chipView={chipView}\n                items={items}\n                {...(rest as any)}\n            >\n                {label && labelPlacement === 'outer' && target !== 'button' && <OuterLabel>{label}</OuterLabel>}\n\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        checked,\n                        multiselect,\n                        size,\n                        handleCheckboxChange,\n                        handleItemClick,\n                        variant,\n                    }}\n                >\n                    <StyledPopover\n                        ref={targetRef}\n                        isOpen={isCurrentListOpen}\n                        placement={getPlacements(placement)}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        onToggle={handleToggle}\n                        trigger=\"click\"\n                        target={\n                            <Target\n                                opened={isCurrentListOpen}\n                                target={target}\n                                value={value}\n                                isTargetAmount={isTargetAmount}\n                                multiselect={multiselect}\n                                valueToItemMap={valueToItemMap}\n                                focusedPath={focusedPath}\n                                focusedToValueMap={focusedToValueMap}\n                                onChipClick={handleChipClick}\n                                label={label}\n                                placeholder={placeholder}\n                                onKeyDown={onKeyDown}\n                                focusedChipIndex={focusedChipIndex}\n                                labelPlacement={labelPlacement}\n                                size={size}\n                                contentLeft={contentLeft}\n                                disabled={disabled}\n                                renderValue={renderValue}\n                            />\n                        }\n                        preventOverflow={false}\n                        closeOnOverlayClick\n                    >\n                        {isEmpty(items) ? (\n                            notFoundContent || <SelectNotFoundContent description=\"Доделать\" />\n                        ) : (\n                            <Ul\n                                role=\"tree\"\n                                id=\"tree_level_1\"\n                                listHeight={listHeight}\n                                listOverflow={listOverflow}\n                                onScroll={handleScroll}\n                                listWidth={listWidth}\n                            >\n                                {transformedItems.map((item, index) => (\n                                    <Inner\n                                        key={`${index}/0`}\n                                        item={item}\n                                        currentLevel={0}\n                                        path={path}\n                                        dispatchPath={dispatchPath}\n                                        index={index}\n                                        listWidth={listWidth}\n                                    />\n                                ))}\n                            </Ul>\n                        )}\n                    </StyledPopover>\n                </Context.Provider>\n\n                {helperText && target === 'textfield' && <HelperText>{helperText}</HelperText>}\n            </Root>\n        );\n    });\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","value","onChange","_props$target","target","items","_props$placement","placement","label","_props$labelPlacement","labelPlacement","placeholder","helperText","_props$isTargetAmount","isTargetAmount","_props$disabled","disabled","view","size","listOverflow","listHeight","listWidth","status","contentLeft","onScrollBottom","notFoundContent","chipView","_props$variant","variant","portal","renderValue","rest","_objectWithoutProperties","_excluded","multiselect","Array","isArray","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useReducer5","focusedChipIndexReducer","_useReducer6","focusedChipIndex","dispatchFocusedChipIndex","_useState","useState","_useState2","checked","setChecked","targetRef","useOutsideClick","type","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","toString","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","_","updateSingleAncestors","handleChipClick","currentValue","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","useLayoutEffect","val","React","createElement","_extends","getView","OuterLabel","Provider","StyledPopover","isOpen","getPlacements","usePortal","frame","onToggle","trigger","Target","onChipClick","preventOverflow","closeOnOverlayClick","_SelectNotFoundConten","SelectNotFoundContent","description","Ul","role","id","onScroll","map","index","Inner","concat","currentLevel","HelperText","selectConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Select/Select.styles.js

@@ -4,6 +4,8 @@ import '@linaria/core';
 import { component } from '../../engines/common.js';
 import { popoverConfig } from '../Popover/Popover.js';
 import { getCorrectHeight } from './utils/getCorrectHeight.js';
+import 'react';
+import '../../utils/react.js';
 import { tokens } from './Select.tokens.js';
 
 var Popover = /*#__PURE__*/component(popoverConfig);

package/es/components/Select/Select.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)`\n    .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n        width: 100%;\n    }\n`;\n\nexport const Ul = styled.ul<{\n    listOverflow?: SelectProps['listOverflow'];\n    listHeight?: SelectProps['listHeight'];\n    listWidth?: SelectProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n\n    background: var(${constants.background});\n    box-shadow: var(${constants.boxShadow});\n\n    border-radius: var(${tokens.borderRadius});\n    width: ${({ listWidth }) => listWidth || '100%'};\n    height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n    overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n    margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n    padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n    .${popoverClasses.wrapper}, .${popoverClasses.target} {\n        display: block;\n    }\n`;\n\nexport const OuterLabel = styled.label`\n    display: block;\n    margin-bottom: var(${tokens.labelOffset});\n    color: var(${constants.textfieldOuterLabelColor});\n\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`;\n\nexport const HelperText = styled.div`\n    margin-top: var(${tokens.helperTextOffset});\n    color: var(${tokens.helperTextColor});\n    font-family: var(--plasma-typo-body-xs-font-family);\n    font-size: var(--plasma-typo-body-xs-font-size);\n    font-style: var(--plasma-typo-body-xs-font-style);\n    font-weight: var(--plasma-typo-body-xs-font-weight);\n    letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n    line-height: var(--plasma-typo-body-xs-line-height);\n`;\n"],"names":["Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","_exp7","_ref","listWidth","_exp8","_ref2","listHeight","getCorrectHeight","_exp9","_ref3","listOverflow","_exp10","_ref4","isInnerUl","concat","tokens","padding","Ul","vars","base","OuterLabel","HelperText"],"mappings":";;;;;;;AAUA,IAAMA,OAAO,gBAAGC,SAAS,CAACC,aAAa,CAAC,CAAA;AAAC,IAAAC,IAAA,GATvBA,SASuBA,IAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMI,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIlC,EAAA;AAAC,IAAAC,KAAA,GAfgBA,SAehBA,KAAAA,GAAA;AAAA,EAAA,OAcW,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7BjCA,SA6BiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAGC,gBAAgB,CAACD,UAAU,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,KAAA,GA9BpEA,SA8BoEA,KAAAA,GAAA;AAAA,EAAA,OACtE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/B7CA,SA+B6CA,MAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAA,WAAA,CAAAC,MAAA,CAAeC,MAAM,CAACC,OAAQ,EAAAF,kBAAAA,CAAAA,CAAAA,MAAA,CAAkBC,MAAM,CAACC,OAAQ,SAAK,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhB1G,IAAMC,EAAE,gBAAGpB,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAkB,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAYXjB,KAAsC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACrCG,KAAwE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACtEI,KAA+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEjDG,MAAmG,EAAA,CAAA;AAAA,GAAA;AAAA,CAEhH,EAAA;AAEM,IAAMQ,IAAI,GAIhB,UAAA;AAEM,IAAMC,UAAU,gBAAGvB,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMqB,UAAU,gBAAGxB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/B;;;;"}
+{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)`\n    .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n        width: 100%;\n    }\n`;\n\nexport const Ul = styled.ul<{\n    listOverflow?: SelectProps['listOverflow'];\n    listHeight?: SelectProps['listHeight'];\n    listWidth?: SelectProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n\n    background: var(${constants.background});\n    box-shadow: var(${constants.boxShadow});\n\n    border-radius: var(${tokens.borderRadius});\n    width: ${({ listWidth }) => listWidth || '100%'};\n    height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n    overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n    margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n    padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n    .${popoverClasses.wrapper}, .${popoverClasses.target} {\n        display: block;\n    }\n`;\n\nexport const OuterLabel = styled.label`\n    display: block;\n    margin-bottom: var(${tokens.labelOffset});\n    color: var(${constants.textfieldOuterLabelColor});\n\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`;\n\nexport const HelperText = styled.div`\n    margin-top: var(${tokens.helperTextOffset});\n    color: var(${tokens.helperTextColor});\n    font-family: var(--plasma-typo-body-xs-font-family);\n    font-size: var(--plasma-typo-body-xs-font-size);\n    font-style: var(--plasma-typo-body-xs-font-style);\n    font-weight: var(--plasma-typo-body-xs-font-weight);\n    letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n    line-height: var(--plasma-typo-body-xs-line-height);\n`;\n"],"names":["Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","_exp7","_ref","listWidth","_exp8","_ref2","listHeight","getCorrectHeight","_exp9","_ref3","listOverflow","_exp10","_ref4","isInnerUl","concat","tokens","padding","Ul","vars","base","OuterLabel","HelperText"],"mappings":";;;;;;;;;AAUA,IAAMA,OAAO,gBAAGC,SAAS,CAACC,aAAa,CAAC,CAAA;AAAC,IAAAC,IAAA,GATvBA,SASuBA,IAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMI,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIlC,EAAA;AAAC,IAAAC,KAAA,GAfgBA,SAehBA,KAAAA,GAAA;AAAA,EAAA,OAcW,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7BjCA,SA6BiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAGC,gBAAgB,CAACD,UAAU,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,KAAA,GA9BpEA,SA8BoEA,KAAAA,GAAA;AAAA,EAAA,OACtE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/B7CA,SA+B6CA,MAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAA,WAAA,CAAAC,MAAA,CAAeC,MAAM,CAACC,OAAQ,EAAAF,kBAAAA,CAAAA,CAAAA,MAAA,CAAkBC,MAAM,CAACC,OAAQ,SAAK,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhB1G,IAAMC,EAAE,gBAAGpB,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAkB,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAYXjB,KAAsC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACrCG,KAAwE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACtEI,KAA+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEjDG,MAAmG,EAAA,CAAA;AAAA,GAAA;AAAA,CAEhH,EAAA;AAEM,IAAMQ,IAAI,GAIhB,UAAA;AAEM,IAAMC,UAAU,gBAAGvB,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMqB,UAAU,gBAAGxB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/B;;;;"}

package/es/components/Select/elements/Inner/Inner.css

@@ -42,12 +42,11 @@
 .SelectNotFoundContent_styles_r1sne_c17jtu5__04f00d06{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;box-sizing:border-box;padding:var(--plasma-select-not-found-content-padding);}
 .SelectNotFoundContent_styles_r1sne_d1dcslek__04f00d06{margin-top:var(--plasma-select-not-found-content-gap);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);}
 
-.Button_styles_1bweq1y_s1n7gats__7958f749{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
-.Button_styles_1bweq1y_isdqa5a__7958f749{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1bweq1y_isdqa5a__7958f749:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1bweq1y_isdqa5a__7958f749:active{color:var(--plasma-select-target-button-arrow-color-active);}
-.Button_styles_1bweq1y_s1yfglds__7958f749{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.Button_styles_1bweq1y_brzvbcx__7958f749{display:inline;}.Button_styles_1bweq1y_brzvbcx__7958f749 .Button_styles_1bweq1y_selectWithoutBoxShadow__7958f749::before{box-shadow:none !important;}
-.Button_styles_1bweq1y_iogt3wm__7958f749{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Button_styles_1bweq1y_iogt3wm__7958f749 .Button_styles_1bweq1y_arrowInverse__7958f749{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
-.Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
+.Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
+.Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
+.Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
 
@@ -61,11 +60,11 @@
 
 .base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
 
-.Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-.Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
-.Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
-.Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
 .Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 

package/es/components/Select/elements/Inner/Inner.js

@@ -39,7 +39,11 @@ var Inner = function Inner(_ref) {
         item: item,
         path: path,
         currentLevel: currentLevel,
-        index: index
+        index: index,
+        ariaControls: listId,
+        ariaExpanded: isCurrentListOpen,
+        ariaLevel: nextLevel,
+        ariaLabel: item.label
       }),
       onToggle: handleToggle,
       isFocusTrapped: false,
@@ -65,7 +69,8 @@ var Inner = function Inner(_ref) {
     item: item,
     path: path,
     index: index,
-    currentLevel: currentLevel
+    currentLevel: currentLevel,
+    itemRole: "option"
   });
 };
 

package/es/components/Select/elements/Inner/Inner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/elements/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\n\nimport { isEmpty } from '../../../../utils';\nimport { Ul, StyledPopover } from '../../Select.styles';\n\nimport type { ItemOptionTransformed } from './elements/Item/Item.types';\nimport { Item } from './elements/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const listId = `tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <StyledPopover\n                isOpen={isCurrentListOpen}\n                usePortal={false}\n                placement=\"right-start\"\n                trigger=\"click\"\n                target={<Item item={item} path={path} currentLevel={currentLevel} index={index} />}\n                onToggle={handleToggle}\n                isFocusTrapped={false}\n                preventOverflow={false}\n            >\n                <Ul role=\"group\" id={listId} isInnerUl listWidth={listWidth}>\n                    {item.items?.map((innerItem: ItemOptionTransformed, innerIndex: number) => (\n                        <Inner\n                            key={`${innerIndex}/${currentLevel}`}\n                            item={innerItem}\n                            currentLevel={nextLevel}\n                            path={path}\n                            dispatchPath={dispatchPath}\n                            index={innerIndex}\n                            listWidth={listWidth}\n                        />\n                    ))}\n                </Ul>\n            </StyledPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","StyledPopover","isOpen","usePortal","placement","trigger","target","Item","onToggle","isFocusTrapped","preventOverflow","Ul","role","id","isInnerUl","map","innerItem","innerIndex","key"],"mappings":"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"}
+{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/elements/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\n\nimport { isEmpty } from '../../../../utils';\nimport { Ul, StyledPopover } from '../../Select.styles';\n\nimport type { ItemOptionTransformed } from './elements/Item/Item.types';\nimport { Item } from './elements/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const listId = `tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <StyledPopover\n                isOpen={isCurrentListOpen}\n                usePortal={false}\n                placement=\"right-start\"\n                trigger=\"click\"\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                onToggle={handleToggle}\n                isFocusTrapped={false}\n                preventOverflow={false}\n            >\n                <Ul role=\"group\" id={listId} isInnerUl listWidth={listWidth}>\n                    {item.items?.map((innerItem: ItemOptionTransformed, innerIndex: number) => (\n                        <Inner\n                            key={`${innerIndex}/${currentLevel}`}\n                            item={innerItem}\n                            currentLevel={nextLevel}\n                            path={path}\n                            dispatchPath={dispatchPath}\n                            index={innerIndex}\n                            listWidth={listWidth}\n                        />\n                    ))}\n                </Ul>\n            </StyledPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} itemRole=\"option\" />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","StyledPopover","isOpen","usePortal","placement","trigger","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","onToggle","isFocusTrapped","preventOverflow","Ul","role","id","isInnerUl","map","innerItem","innerIndex","key","itemRole"],"mappings":";;;;;;IAUaA,KAAqB,GAAG,SAAxBA,KAAqBA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAA/DC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS,CAAA;AAC5F,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAe,EAAW;AAC5C,IAAA,IAAIA,MAAM,EAAE;AACRJ,MAAAA,YAAY,CAAC;AAAEK,QAAAA,IAAI,EAAE,kBAAkB;AAAEC,QAAAA,KAAK,EAAET,IAAI,CAACS,KAAK,CAACC,QAAQ,EAAE;QAAEC,KAAK,EAAEV,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACrG,KAAC,MAAM;AACHE,MAAAA,YAAY,CAAC;AAAEK,QAAAA,IAAI,EAAE,cAAc;QAAEG,KAAK,EAAEV,YAAY,GAAG,CAAA;AAAE,OAAC,CAAC,CAAA;AACnE,KAAA;GACH,CAAA;AAED,EAAA,IAAMW,iBAAiB,GAAGV,IAAI,CAACD,YAAY,GAAG,CAAC,CAAC,KAAKD,IAAI,CAACS,KAAK,CAACC,QAAQ,EAAE,CAAA;AAE1E,EAAA,IAAMG,MAAM,GAAAC,aAAAA,CAAAA,MAAA,CAAiBb,YAAY,GAAG,CAAC,CAAE,CAAA;AAC/C,EAAA,IAAMc,SAAS,GAAGd,YAAY,GAAG,CAAC,CAAA;EAElC,IAAI,CAACe,OAAO,CAAChB,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEiB,KAAK,CAAC,EAAE;AAAA,IAAA,IAAAC,WAAA,CAAA;AACvB,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AACVC,MAAAA,MAAM,EAAEV,iBAAkB;AAC1BW,MAAAA,SAAS,EAAE,KAAM;AACjBC,MAAAA,SAAS,EAAC,aAAa;AACvBC,MAAAA,OAAO,EAAC,OAAO;AACfC,MAAAA,MAAM,eACFP,KAAA,CAAAC,aAAA,CAACO,IAAI,EAAA;AACD3B,QAAAA,IAAI,EAAEA,IAAK;AACXE,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,YAAY,EAAEA,YAAa;AAC3BG,QAAAA,KAAK,EAAEA,KAAM;AACbwB,QAAAA,YAAY,EAAEf,MAAO;AACrBgB,QAAAA,YAAY,EAAEjB,iBAAkB;AAChCkB,QAAAA,SAAS,EAAEf,SAAU;QACrBgB,SAAS,EAAE/B,IAAI,CAACgC,KAAAA;AAAM,OACzB,CACJ;AACDC,MAAAA,QAAQ,EAAE3B,YAAa;AACvB4B,MAAAA,cAAc,EAAE,KAAM;AACtBC,MAAAA,eAAe,EAAE,KAAA;AAAM,KAAA,eAEvBhB,KAAA,CAAAC,aAAA,CAACgB,EAAE,EAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,EAAE,EAAEzB,MAAO;MAAC0B,SAAS,EAAA,IAAA;AAAClC,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,EAAA,CAAAa,WAAA,GACvDlB,IAAI,CAACiB,KAAK,MAAAC,IAAAA,IAAAA,WAAA,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAA,CAAYsB,GAAG,CAAC,UAACC,SAAgC,EAAEC,UAAkB,EAAA;AAAA,MAAA,oBAClEvB,KAAA,CAAAC,aAAA,CAACtB,KAAK,EAAA;QACF6C,GAAG,EAAA,EAAA,CAAA7B,MAAA,CAAK4B,UAAU,OAAA5B,MAAA,CAAIb,YAAY,CAAG;AACrCD,QAAAA,IAAI,EAAEyC,SAAU;AAChBxC,QAAAA,YAAY,EAAEc,SAAU;AACxBb,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,KAAK,EAAEsC,UAAW;AAClBrC,QAAAA,SAAS,EAAEA,SAAAA;AAAU,OACxB,CAAC,CAAA;KACL,CACD,CACO,CAAC,CAAA;AAExB,GAAA;AAEA,EAAA,oBAAOc,KAAA,CAAAC,aAAA,CAACO,IAAI,EAAA;AAAC3B,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,IAAI,EAAEA,IAAK;AAACE,IAAAA,KAAK,EAAEA,KAAM;AAACH,IAAAA,YAAY,EAAEA,YAAa;AAAC2C,IAAAA,QAAQ,EAAC,QAAA;AAAQ,GAAE,CAAC,CAAA;AACvG;;;;"}