@salutejs/plasma-new-hope 0.139.0-canary.1352.10686935940.0 → 0.139.0-canary.1406.10688605172.0

package/cjs/components/Combobox/ComboboxOld/Combobox.css

@@ -0,0 +1,81 @@
+.Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverWrapper__39673f55,.Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverTarget__39673f55{display:block;}
+.Dropdown_styles_1tihqkp_ujr7fmv__39673f55{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--ujr7fmv-0);height:var(--ujr7fmv-1);overflow:var(--ujr7fmv-2);margin:var(--ujr7fmv-3);padding:var(--plasma-dropdown-padding);}
+.Dropdown_styles_1tihqkp_byfocd2__39673f55{display:inline-block;}
+
+.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
+
+.DropdownFooter_styles_1j4sg1p_stiw0r3__41ff7287{background:var(--plasma-dropdown-footer-background);font-family:var(--plasma-dropdown-footer-font-family);font-size:var(--plasma-dropdown-footer-font-size);font-style:var(--plasma-dropdown-footer-font-style);font-weight:var(--plasma-dropdown-footer-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-footer-line-height);-moz-letter-spacing:var(--plasma-dropdown-footer-line-height);-ms-letter-spacing:var(--plasma-dropdown-footer-line-height);letter-spacing:var(--plasma-dropdown-footer-line-height);line-height:var(--plasma-dropdown-footer-font-weight);width:var(--plasma-dropdown-footer-width);height:var(--plasma-dropdown-footer-height);padding:var(--plasma-dropdown-footer-padding-top) var(--plasma-dropdown-footer-padding-right) var(--plasma-dropdown-footer-padding-bottom) var(--plasma-dropdown-footer-padding-left);margin:var(--plasma-dropdown-footer-margin-top) var(--plasma-dropdown-footer-margin-right) var(--plasma-dropdown-footer-margin-bottom) var(--plasma-dropdown-footer-margin-left);}
+
+.DropdownGroup_styles_1o990eo_scop7qk__fca8c58e{background:var(--plasma-dropdown-group-background);width:var(--plasma-dropdown-group-width);height:var(--plasma-dropdown-group-height);padding:var(--plasma-dropdown-group-padding-top) var(--plasma-dropdown-group-padding-right) var(--plasma-dropdown-group-padding-bottom) var(--plasma-dropdown-group-padding-left);margin:var(--plasma-dropdown-group-margin-top) var(--plasma-dropdown-group-margin-right) var(--plasma-dropdown-group-margin-bottom) var(--plasma-dropdown-group-margin-left);}
+.DropdownGroup_styles_1o990eo_s1oaw95y__fca8c58e{font-family:var(--plasma-dropdown-group-label-font-family);font-size:var(--plasma-dropdown-group-label-font-size);font-style:var(--plasma-dropdown-group-label-font-style);font-weight:var(--plasma-dropdown-group-label-font-weight);-webkit-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-moz-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-ms-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);line-height:var(--plasma-dropdown-group-label-line-height);color:var(--plasma-dropdown-group-label-color);padding:var(--plasma-dropdown-group-label-padding-top) var(--plasma-dropdown-group-label-padding-right) var(--plasma-dropdown-group-label-padding-bottom) var(--plasma-dropdown-group-label-padding-left);margin:var(--plasma-dropdown-group-label-margin-top) var(--plasma-dropdown-group-label-margin-right) var(--plasma-dropdown-group-label-margin-bottom) var(--plasma-dropdown-group-label-margin-left);}
+
+.DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
+
+.DropdownItem_styles_1o4szyu_s1gkzlls__6703745b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.DropdownItem_styles_1o4szyu_sz6s14y__6703745b{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.DropdownItem_styles_1o4szyu_d1m97l2m__6703745b{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color);}
+.DropdownItem_styles_1o4szyu_soib72h__6703745b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b{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;margin:0;box-sizing:content-box;padding-top:var(--w6l2f0g-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w6l2f0g-1);padding-left:var(--plasma-dropdown-item-padding-left);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:hover:not(.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsActive__6703745b{background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:focus{outline:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b::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-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsFocused__6703745b:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}
+
+.DropdownItem_styles_12e50g5_s1iqs5in__94ac8eef{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
+.DropdownItem_styles_12e50g5_sfg3dyd__94ac8eef{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
+.DropdownItem_styles_12e50g5_s1dea6tl__94ac8eef{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef{box-sizing:content-box;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-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:focus{outline:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef::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-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_focusVisible__94ac8eef:focus::before,.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
+
+.Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
+.Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
+
+.ComboboxDivider_styles_1jmkvlm_mg5yl2k__1dd8acfe{--plasma-dropdown-divider-color:var(--plasma-combobox-old-divider-color);--plasma-dropdown-divider-width:var(--plasma-combobox-old-divider-width);--plasma-dropdown-divider-height:var(--plasma-combobox-old-divider-height);--plasma-dropdown-divider-margin-top:var(--plasma-combobox-old-divider-margin-top);--plasma-dropdown-divider-margin-right:var(--plasma-combobox-old-divider-margin-right);--plasma-dropdown-divider-margin-bottom:var(--plasma-combobox-old-divider-margin-bottom);--plasma-dropdown-divider-margin-left:var(--plasma-combobox-old-divider-margin-left);}
+
+.ComboboxFooter_styles_m8shub_m11qjuve__a35fa346{--plasma-dropdown-footer-background:var(--plasma-combobox-old-footer-background);--plasma-dropdown-footer-width:var(--plasma-combobox-old-footer-width);--plasma-dropdown-footer-height:var(--plasma-combobox-old-footer-height);--plasma-dropdown-footer-padding-top:var(--plasma-combobox-old-footer-padding-top);--plasma-dropdown-footer-padding-right:var(--plasma-combobox-old-footer-padding-right);--plasma-dropdown-footer-padding-bottom:var(--plasma-combobox-old-footer-padding-bottom);--plasma-dropdown-footer-padding-left:var(--plasma-combobox-old-footer-padding-left);--plasma-dropdown-footer-margin-top:var(--plasma-combobox-old-footer-margin-top);--plasma-dropdown-footer-margin-right:var(--plasma-combobox-old-footer-margin-right);--plasma-dropdown-footer-margin-bottom:var(--plasma-combobox-old-footer-margin-bottom);--plasma-dropdown-footer-margin-left:var(--plasma-combobox-old-footer-margin-left);--plasma-dropdown-footer-font-family:var(--plasma-combobox-old-footer-font-family);--plasma-dropdown-footer-font-size:var(--plasma-combobox-old-footer-font-size);--plasma-dropdown-footer-font-style:var(--plasma-combobox-old-footer-font-style);--plasma-dropdown-footer-letter-spacing:var(--plasma-combobox-old-footer-letter-spacing);--plasma-dropdown-footer-line-height:var(--plasma-combobox-old-footer-line-height);--plasma-dropdown-footer-font-weight:var(--plasma-combobox-old-footer-font-weight);}
+
+.ComboboxGroup_styles_1ee4ip8_m183y7tl__5a6d1463{--plasma-dropdown-group-background:var(--plasma-combobox-old-group-background);--plasma-dropdown-group-width:var(--plasma-combobox-old-group-width);--plasma-dropdown-group-height:var(--plasma-combobox-old-group-height);--plasma-dropdown-group-padding-top:var(--plasma-combobox-old-group-padding-top);--plasma-dropdown-group-padding-right:var(--plasma-combobox-old-group-padding-right);--plasma-dropdown-group-padding-bottom:var(--plasma-combobox-old-group-padding-bottom);--plasma-dropdown-group-padding-left:var(--plasma-combobox-old-group-padding-left);--plasma-dropdown-group-margin-top:var(--plasma-combobox-old-group-margin-top);--plasma-dropdown-group-margin-right:var(--plasma-combobox-old-group-margin-right);--plasma-dropdown-group-margin-bottom:var(--plasma-combobox-old-group-margin-bottom);--plasma-dropdown-group-margin-left:var(--plasma-combobox-old-group-margin-left);--plasma-dropdown-group-label-font-family:var(--plasma-combobox-old-group-label-font-family);--plasma-dropdown-group-label-font-size:var(--plasma-combobox-old-group-label-font-size);--plasma-dropdown-group-label-font-style:var(--plasma-combobox-old-group-label-font-style);--plasma-dropdown-group-label-font-weight:var(--plasma-combobox-old-group-label-font-weight);--plasma-dropdown-group-label-letter-spacing:var(--plasma-combobox-old-group-label-letter-spacing);--plasma-dropdown-group-label-line-height:var(--plasma-combobox-old-group-label-line-height);--plasma-dropdown-group-label-color:var(--plasma-combobox-old-group-label-color);--plasma-dropdown-group-label-padding-top:var(--plasma-combobox-old-group-label-padding-top);--plasma-dropdown-group-label-padding-right:var(--plasma-combobox-old-group-label-padding-right);--plasma-dropdown-group-label-padding-bottom:var(--plasma-combobox-old-group-label-padding-bottom);--plasma-dropdown-group-label-padding-left:var(--plasma-combobox-old-group-label-padding-left);--plasma-dropdown-group-label-margin-top:var(--plasma-combobox-old-group-label-margin-top);--plasma-dropdown-group-label-margin-right:var(--plasma-combobox-old-group-label-margin-right);--plasma-dropdown-group-label-margin-bottom:var(--plasma-combobox-old-group-label-margin-bottom);--plasma-dropdown-group-label-margin-left:var(--plasma-combobox-old-group-label-margin-left);}
+
+.ComboboxHeader_styles_1buow1a_m1b3tdrv__0eaaf123{--plasma-dropdown-header-background:var(--plasma-combobox-old-header-background);--plasma-dropdown-header-width:var(--plasma-combobox-old-header-width);--plasma-dropdown-header-height:var(--plasma-combobox-old-header-height);--plasma-dropdown-header-padding-top:var(--plasma-combobox-old-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-combobox-old-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-combobox-old-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-combobox-old-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-combobox-old-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-combobox-old-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-combobox-old-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-combobox-old-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-combobox-old-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-combobox-old-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-combobox-old-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-combobox-old-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-combobox-old-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-combobox-old-header-font-weight);}
+
+.ComboboxItem_styles_7ufukp_sqmhp6r__a521afde{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-combobox-old-item-content-left-width);color:var(--plasma-combobox-old-item-content-left-color);}
+.ComboboxItem_styles_7ufukp_s15yzoiz__a521afde{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-combobox-old-item-content-right-width);color:var(--plasma-combobox-old-item-content-right-color);}
+.ComboboxItem_styles_7ufukp_sh7nwk1__a521afde{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.ComboboxItem_styles_7ufukp_b71t3b8__a521afde{box-sizing:content-box;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-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-combobox-old-item-font-family);font-size:var(--plasma-combobox-old-item-font-size);font-style:var(--plasma-combobox-old-item-font-style);font-weight:var(--plasma-combobox-old-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-old-item-line-height);-moz-letter-spacing:var(--plasma-combobox-old-item-line-height);-ms-letter-spacing:var(--plasma-combobox-old-item-line-height);letter-spacing:var(--plasma-combobox-old-item-line-height);line-height:var(--plasma-combobox-old-item-font-weight);background:var(--plasma-combobox-old-item-background);color:var(--plasma-combobox-old-item-color);border-radius:var(--plasma-combobox-old-item-border-radius);width:var(--plasma-combobox-old-item-width);height:var(--plasma-combobox-old-item-height);padding:var(--plasma-combobox-old-item-padding-top) var(--plasma-combobox-old-item-padding-right) var(--plasma-combobox-old-item-padding-bottom) var(--plasma-combobox-old-item-padding-left);margin:var(--plasma-combobox-old-item-margin-top) var(--plasma-combobox-old-item-margin-right) var(--plasma-combobox-old-item-margin-bottom) var(--plasma-combobox-old-item-margin-left);}.ComboboxItem_styles_7ufukp_b71t3b8__a521afde:focus{outline:none;}.ComboboxItem_styles_7ufukp_b71t3b8__a521afde::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-combobox-old-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.ComboboxItem_styles_7ufukp_b71t3b8__a521afde.ComboboxItem_styles_7ufukp_focusVisible__a521afde:focus::before,.ComboboxItem_styles_7ufukp_b71t3b8__a521afde[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-old-focus-color);}.ComboboxItem_styles_7ufukp_b71t3b8__a521afde:hover:not(.ComboboxItem_styles_7ufukp_comboboxItemIsDisabled__a521afde){cursor:pointer;background:var(--plasma-combobox-old-item-background-hover);}.ComboboxItem_styles_7ufukp_b71t3b8__a521afde.ComboboxItem_styles_7ufukp_comboboxItemIsSelected__a521afde{color:var(--plasma-combobox-old-item-color-selected);background:var(--plasma-combobox-old-item-background-selected);}.ComboboxItem_styles_7ufukp_b71t3b8__a521afde.ComboboxItem_styles_7ufukp_comboboxItemIsSelected__a521afde:hover:not(.ComboboxItem_styles_7ufukp_comboboxItemIsDisabled__a521afde){background:var(--plasma-combobox-old-item-background-selected-hover);}.ComboboxItem_styles_7ufukp_b71t3b8__a521afde.ComboboxItem_styles_7ufukp_comboboxItemIsDisabled__a521afde{opacity:var(--plasma-combobox-old-disabled-opacity);cursor:not-allowed;}
+
+.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);}
+
+.base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
+
+.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
+
+.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
+
+.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
+
+.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
+
+.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_1gwsne_sp62cwa__6e085626{--plasma-chip-color:var(--plasma-combobox-old-chip-color);--plasma-chip-background:var(--plasma-combobox-old-chip-background);--plasma-chip-color-hover:var(--plasma-combobox-old-chip-color-hover);--plasma-chip-background-hover:var(--plasma-combobox-old-chip-background-hover);--plasma-chip-color-active:var(--plasma-combobox-old-chip-color-active);--plasma-chip-background-active:var(--plasma-combobox-old-chip-background-active);--plasma-chip-background-readonly:var(--plasma-combobox-old-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-combobox-old-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-combobox-old-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-combobox-old-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-combobox-old-chip-border-radius);--plasma-chip-width:var(--plasma-combobox-old-chip-width);--plasma-chip-height:var(--plasma-combobox-old-chip-height);--plasma-chip-padding-right:var(--plasma-combobox-old-chip-padding-right);--plasma-chip-padding-left:var(--plasma-combobox-old-chip-padding-left);--plasma-chip-font-family:var(--plasma-combobox-old-chip-font-family);--plasma-chip-font-size:var(--plasma-combobox-old-chip-font-size);--plasma-chip-font-style:var(--plasma-combobox-old-chip-font-style);--plasma-chip-font-weight:var(--plasma-combobox-old-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-combobox-old-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-combobox-old-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-combobox-old-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-combobox-old-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-combobox-old-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-combobox-old-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-combobox-old-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-combobox-old-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-combobox-old-focus-color);position:relative;}.ComboboxChip_styles_1gwsne_sp62cwa__6e085626::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-old-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_1gwsne_sp62cwa__6e085626.ComboboxChip_styles_1gwsne_focusVisible__6e085626:focus::before,.ComboboxChip_styles_1gwsne_sp62cwa__6e085626[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-old-focus-color);}.ComboboxChip_styles_1gwsne_sp62cwa__6e085626[readonly]{opacity:var(--plasma-combobox-old-chip-opacity-readonly);}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;cursor:pointer;box-sizing:border-box;height:var(--plasma-combobox-old-target-height);width:var(--plasma-combobox-old-target-width);overflow:hidden;border-radius:var(--plasma-combobox-old-target-radius);font-family:var(--plasma-combobox-old-target-font-family);font-size:var(--plasma-combobox-old-target-font-style);font-weight:var(--plasma-combobox-old-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);letter-spacing:var(--plasma-combobox-old-target-letter-spacing);line-height:var(--plasma-combobox-old-target-line-height);color:var(--plasma-combobox-old-target-color);background-color:var(--s1fhk1h4-0);box-shadow:inset 0 0 0 0.0625rem var(--s1fhk1h4-1);padding:var(--plasma-combobox-old-target-with-input);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:visible;--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb:hover:not([disabled]):not([readonly]){background-color:var(--s1fhk1h4-2);box-shadow:inset 0 0 0 0.0625rem var(--s1fhk1h4-3);}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb:active:not([disabled]):not([readonly]){background-color:var(--s1fhk1h4-4);box-shadow:inset 0 0 0 0.0625rem var(--s1fhk1h4-5);}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb[disabled]{cursor:not-allowed;opacity:var(--plasma-combobox-old-disabled-opacity);}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb[readonly]{cursor:default;}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb[readonly] .ComboboxTarget_styles_xnedmz_comboboxButtonArrow__6baf80eb{opacity:0.4;}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb .ComboboxTarget_styles_xnedmz_arrowInverse__6baf80eb{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb.ComboboxTarget_styles_xnedmz_hasChips__6baf80eb{padding:var(--plasma-combobox-old-target-padding-has-chips);}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb.ComboboxTarget_styles_xnedmz_innerLabelUp__6baf80eb .ComboboxTarget_styles_xnedmz_comboboxTargetInput__6baf80eb,.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb.ComboboxTarget_styles_xnedmz_innerLabelUp__6baf80eb .ComboboxTarget_styles_xnedmz_comboboxTargetText__6baf80eb{top:var(--plasma-combobox-old-target-inner-top);}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb.ComboboxTarget_styles_xnedmz_innerLabelUp__6baf80eb .ComboboxTarget_styles_xnedmz_comboboxButtonLabel__6baf80eb{top:var(--plasma-combobox-old-target-label-inner-top);font-family:var(--plasma-combobox-old-target-label-inner-font-family);font-size:var(--plasma-combobox-old-target-label-inner-font-family);font-style:var(--plasma-combobox-old-target-label-inner-font-style);font-weight:var(--plasma-combobox-old-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-combobox-old-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-old-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-old-target-label-inner-letter-spacing);letter-spacing:var(--plasma-combobox-old-target-label-inner-letter-spacing);line-height:var(--plasma-combobox-old-target-label-inner-line-height);}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-combobox-focus-size));left:calc(-1 * var(--plasma_private-combobox-focus-size));right:calc(-1 * var(--plasma_private-combobox-focus-size));bottom:calc(-1 * var(--plasma_private-combobox-focus-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-combobox-focus-size) solid transparent;border-radius:calc(var(--plasma-combobox-old-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb:focus-within{box-shadow:none;background-color:var(--plasma-combobox-old-target-background-color-open);}.ComboboxTarget_styles_xnedmz_s1fhk1h4__6baf80eb:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-combobox-old-target-border-color-open);}
+.ComboboxTarget_styles_xnedmz_stonq88__6baf80eb{-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;position:absolute;right:var(--plasma-combobox-old-target-arrow-right);color:var(--plasma-combobox-old-target-arrow-color);}
+.ComboboxTarget_styles_xnedmz_stgxc8t__6baf80eb{font-family:var(--plasma-combobox-old-target-font-family);font-size:var(--plasma-combobox-old-target-font-size);font-style:var(--plasma-combobox-old-target-font-style);font-weight:var(--plasma-combobox-old-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);letter-spacing:var(--plasma-combobox-old-target-letter-spacing);line-height:var(--plasma-combobox-old-target-line-height);overflow:scroll;position:relative;width:100%;height:var(--plasma-combobox-old-chip-height);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;gap:0.5rem;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.ComboboxTarget_styles_xnedmz_stgxc8t__6baf80eb.ComboboxTarget_styles_xnedmz_hasChips__6baf80eb{border-radius:var(--plasma-combobox-old-chip-border-radius);}.ComboboxTarget_styles_xnedmz_stgxc8t__6baf80eb::-webkit-scrollbar{display:none;}
+.ComboboxTarget_styles_xnedmz_svgnzfa__6baf80eb{position:relative;color:var(--plasma-combobox-old-target-color);border:none;outline:none;caret-color:var(--plasma-combobox-old-focus-color);margin:0;padding:0;background:transparent;-webkit-flex:1;-ms-flex:1;flex:1;min-width:50%;font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.ComboboxTarget_styles_xnedmz_svgnzfa__6baf80eb::-webkit-input-placeholder{color:var(--plasma-combobox-old-target-label-color);}.ComboboxTarget_styles_xnedmz_svgnzfa__6baf80eb::-moz-placeholder{color:var(--plasma-combobox-old-target-label-color);}.ComboboxTarget_styles_xnedmz_svgnzfa__6baf80eb:-ms-input-placeholder{color:var(--plasma-combobox-old-target-label-color);}.ComboboxTarget_styles_xnedmz_svgnzfa__6baf80eb::placeholder{color:var(--plasma-combobox-old-target-label-color);}.ComboboxTarget_styles_xnedmz_svgnzfa__6baf80eb:disabled{cursor:not-allowed;}
+.ComboboxTarget_styles_xnedmz_seg3tj7__6baf80eb{position:absolute;font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre-wrap;visibility:hidden;overflow:hidden;}
+.ComboboxTarget_styles_xnedmz_s2l3b6s__6baf80eb{white-space:nowrap;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-combobox-old-target-color);}
+.ComboboxTarget_styles_xnedmz_s1yutr1r__6baf80eb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-combobox-old-chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.ComboboxTarget_styles_xnedmz_slnmjcp__6baf80eb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;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;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-combobox-old-target-label-color);font-family:var(--plasma-combobox-old-target-font-family);font-size:var(--plasma-combobox-old-target-font-size);font-style:var(--plasma-combobox-old-target-font-style);font-weight:var(--plasma-combobox-old-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-old-target-letter-spacing);letter-spacing:var(--plasma-combobox-old-target-letter-spacing);line-height:var(--plasma-combobox-old-target-line-height);}
+
+.Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
+.Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
+
+.Combobox_styles_3vmiz3_s155vzec__302d97f0{width:100%;position:relative;}.Combobox_styles_3vmiz3_s155vzec__302d97f0 .Combobox_styles_3vmiz3_popoverWrapper__302d97f0{display:block;}
+.Combobox_styles_3vmiz3_syubz70__302d97f0{box-sizing:border-box;background:var(--plasma-combobox-old-background);box-shadow:var(--plasma-combobox-old-box-shadow);border-radius:var(--plasma-combobox-old-border-radius);width:var(--plasma-combobox-old-width);height:var(--plasma-combobox-old-height);padding:var(--plasma-combobox-old-padding-top) var(--plasma-combobox-old-padding-right) var(--plasma-combobox-old-padding-bottom) var(--plasma-combobox-old-padding-left);}
+.Combobox_styles_3vmiz3_s1xxca8x__302d97f0{display:block;}.Combobox_styles_3vmiz3_s1xxca8x__302d97f0 .Combobox_styles_3vmiz3_popoverRoot__302d97f0,.Combobox_styles_3vmiz3_s1xxca8x__302d97f0 .Combobox_styles_3vmiz3_popoverTarget__302d97f0{width:var(--s1xxca8x-0);}
+.Combobox_styles_3vmiz3_cy0lf2m__302d97f0{text-align:center;padding:0.5rem;font-family:var(--plasma-combobox-old-item-font-family);font-size:var(--plasma-combobox-old-item-font-size);font-style:var(--plasma-combobox-old-item-font-style);font-weight:var(--plasma-combobox-old-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-old-item-line-height);-moz-letter-spacing:var(--plasma-combobox-old-item-line-height);-ms-letter-spacing:var(--plasma-combobox-old-item-line-height);letter-spacing:var(--plasma-combobox-old-item-line-height);line-height:var(--plasma-combobox-old-item-font-weight);}
+.Combobox_styles_3vmiz3_s17mf58p__302d97f0{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:0;position:absolute;inset:0;}

package/cjs/components/Combobox/ComboboxOld/Combobox.js

@@ -0,0 +1,264 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var plasmaCore = require('@salutejs/plasma-core');
+var index$1 = require('../../../utils/index.js');
+var useForceUpdate = require('../../../hooks/useForceUpdate.js');
+var useDidMountEffect = require('../../../hooks/useDidMountEffect.js');
+var index = require('./utils/index.js');
+var useKeyNavigation = require('./hooks/useKeyNavigation.js');
+var base = require('./variations/_view/base.js');
+var base$1 = require('./variations/_size/base.js');
+require('@linaria/react');
+require('@linaria/core');
+require('focus-visible');
+require('react-popper');
+require('react-dom');
+require('styled-components');
+var ComboboxTarget = require('./ui/ComboboxTarget/ComboboxTarget.js');
+var Combobox_styles = require('./Combobox.styles.js');
+var getPopoverPlacement = require('../../../utils/getPopoverPlacement.js');
+
+var _excluded = ["name", "form", "readOnly", "disabled", "label", "placeholder", "id", "children", "role", "view", "size", "frame", "usePortal", "negativeResultContent", "enumerationType", "opened", "placement", "onToggle", "onKeyDown", "filterFunction"];
+/**
+ * Выпадающий список без внешнего контроля видимости.
+ */
+var comboboxRoot = function comboboxRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
+    var _targetRef$current;
+    var name = _ref.name,
+      form = _ref.form,
+      readOnly = _ref.readOnly,
+      disabled = _ref.disabled,
+      label = _ref.label,
+      placeholder = _ref.placeholder,
+      id = _ref.id,
+      children = _ref.children,
+      role = _ref.role,
+      view = _ref.view,
+      size = _ref.size,
+      frame = _ref.frame,
+      usePortal = _ref.usePortal,
+      _ref$negativeResultCo = _ref.negativeResultContent,
+      negativeResultContent = _ref$negativeResultCo === void 0 ? 'Элементы не найдены' : _ref$negativeResultCo,
+      _ref$enumerationType = _ref.enumerationType,
+      enumerationType = _ref$enumerationType === void 0 ? 'comma' : _ref$enumerationType,
+      _ref$opened = _ref.opened,
+      opened = _ref$opened === void 0 ? false : _ref$opened,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+      onToggle = _ref.onToggle,
+      onKeyDown = _ref.onKeyDown,
+      filterFunction = _ref.filterFunction,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var forceUpdate = useForceUpdate.useForceUpdate();
+    var uniqId = plasmaCore.safeUseId();
+    var innerId = id || uniqId;
+    var _rest$valueType = rest.valueType,
+      valueType = _rest$valueType === void 0 ? 'single' : _rest$valueType,
+      value = rest.value;
+    var offset = [0, 4];
+    var _useState = React.useState(null),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      ref = _useState2[0],
+      setRef = _useState2[1];
+    var targetRef = React.useRef(null);
+    var chipsRefs = React.useRef([]);
+    var comboboxRef = React.useRef(null);
+    var itemsRefs = React.useRef([]);
+    var inputRef = React.useRef(null);
+    var handleRef = plasmaCore.useForkRef(targetRef, outerRootRef);
+    var controlledRefs = {
+      targetRef: targetRef,
+      chipsRefs: chipsRefs,
+      selectRef: comboboxRef,
+      itemsRefs: itemsRefs,
+      inputRef: inputRef
+    };
+    var _useState3 = React.useState(opened),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      isVisible = _useState4[0],
+      setIsVisible = _useState4[1];
+    var _useState5 = React.useState(''),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      search = _useState6[0],
+      setSearch = _useState6[1];
+    var _useState7 = React.useState(search),
+      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+      filterValue = _useState8[0],
+      setFilterValue = _useState8[1];
+
+    // INFO: нужно высчитывать для корректной работы портала
+    var dynamicTargetWidth = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth;
+
+    // INFO: Из-за того, что классы передаются через ref,
+    // состояние пропсов после изменения view, size
+    // всегда предыдущее, поэтому нужно делать форс-ререндер
+    useDidMountEffect.useDidMountEffect(function () {
+      forceUpdate();
+    }, [view, size]);
+    React.useEffect(function () {
+      if (disabled || readOnly) {
+        return;
+      }
+      setIsVisible(opened);
+    }, [opened, disabled, readOnly]);
+    React.useEffect(function () {
+      // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
+      if (opened) {
+        setFilterValue('');
+      }
+    }, []);
+    var onInnerToggle = function onInnerToggle(openValue, event) {
+      if (disabled || readOnly) {
+        return;
+      }
+
+      // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
+      if (!isVisible) {
+        setFilterValue('');
+      }
+      if (onToggle) {
+        onToggle(openValue, event);
+        return;
+      }
+      setIsVisible(openValue);
+    };
+    var closedWithoutChanges = React.useRef(true);
+    var updateValue = function updateValue(item, event) {
+      var _rest$onChangeValue2;
+      var newValue = item.dataset.value;
+      if (rest.valueType === 'multiple') {
+        var _rest$onChangeValue;
+        var _newSelected = index.getNewSelected(rest.value, newValue, rest.valueType);
+        (_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 || _rest$onChangeValue.call(rest, _newSelected);
+        return;
+      }
+      var newSelected = index.getNewSelected(rest.value, newValue, 'single');
+      (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 || _rest$onChangeValue2.call(rest, newSelected);
+      onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(false, event);
+      closedWithoutChanges.current = false;
+    };
+    var onClickChildrenItem = function onClickChildrenItem(event) {
+      // INFO: Для корректной работы компонента Popper
+      event.stopPropagation();
+      var item = event.currentTarget;
+      updateValue(item, event);
+    };
+    var onChangeChipValue = function onChangeChipValue(newValue) {
+      var _rest$onChangeValue3;
+      if (rest.valueType !== 'multiple') {
+        return;
+      }
+      (_rest$onChangeValue3 = rest.onChangeValue) === null || _rest$onChangeValue3 === void 0 || _rest$onChangeValue3.call(rest, newValue);
+    };
+    var _useKeyNavigation = useKeyNavigation.useKeyNavigation({
+        controlledRefs: controlledRefs,
+        opened: isVisible,
+        enumerationType: enumerationType,
+        valueType: valueType,
+        componentType: 'combobox',
+        value: value,
+        search: filterValue,
+        updateOpened: onInnerToggle,
+        updateValue: updateValue
+      }),
+      onKeyDownTarget = _useKeyNavigation.onKeyDownTarget,
+      onKeyDownSelect = _useKeyNavigation.onKeyDownSelect;
+    var childrenArray = React.Children.toArray(children);
+    var childrenMemo = index.getChildren(childrenArray, {
+      onClick: onClickChildrenItem,
+      childrenRefs: itemsRefs
+    }, value, filterValue, filterFunction).filter(Boolean);
+    var values = index.getValues(childrenArray, value);
+    var onSearch = function onSearch(newSearch, newOpened) {
+      setSearch(newSearch);
+      setFilterValue(newSearch);
+      setIsVisible(newOpened !== null && newOpened !== void 0 ? newOpened : true);
+    };
+    var onKeyDownHandle = function onKeyDownHandle(event) {
+      onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+      onKeyDownTarget(event);
+    };
+    return /*#__PURE__*/React.createElement(Combobox_styles.StyledRoot, {
+      ref: comboboxRef
+    }, /*#__PURE__*/React.createElement(Combobox_styles.StyledNativeSelect, {
+      "aria-invalid": "false",
+      "aria-hidden": "true",
+      "aria-readonly": readOnly,
+      tabIndex: -1,
+      form: form,
+      name: name,
+      value: "".concat(value),
+      disabled: disabled || readOnly
+    }), /*#__PURE__*/React.createElement(Combobox_styles.StyledPopover, {
+      role: role,
+      opened: isVisible,
+      onToggle: onInnerToggle,
+      target: /*#__PURE__*/React.createElement(ComboboxTarget.ComboboxTarget, _rollupPluginBabelHelpers.extends({
+        opened: isVisible,
+        values: values,
+        label: label,
+        placeholder: placeholder,
+        search: search,
+        enumerationType: enumerationType,
+        valueType: valueType,
+        readOnly: readOnly,
+        disabled: disabled,
+        size: size,
+        closedWithoutChanges: closedWithoutChanges,
+        ref: handleRef,
+        chipsRefs: chipsRefs,
+        inputRef: inputRef,
+        id: innerId,
+        onChange: onChangeChipValue,
+        onSearch: onSearch,
+        onKeyDown: onKeyDownHandle
+      }, rest)),
+      className: index$1.cx(ref === null || ref === void 0 ? void 0 : ref.classList.toString()) // INFO: Прокидываем стили для Popover
+      ,
+      id: innerId,
+      offset: offset,
+      placement: getPopoverPlacement.getPlacements(placement),
+      usePortal: usePortal,
+      selectWidth: dynamicTargetWidth,
+      frame: frame,
+      trigger: "click",
+      isFocusTrapped: false,
+      preventOverflow: false,
+      closeOnEsc: false,
+      closeOnOverlayClick: true
+    }, /*#__PURE__*/React.createElement(Root, {
+      ref: setRef,
+      view: view,
+      size: size
+    }, /*#__PURE__*/React.createElement(Combobox_styles.StyledCombobox, {
+      onKeyDown: onKeyDownSelect
+    }, childrenMemo.length ? childrenMemo : /*#__PURE__*/React.createElement(Combobox_styles.ComboboxItemNotFound, null, negativeResultContent)))));
+  });
+};
+var comboboxConfig = {
+  name: 'Combobox',
+  tag: 'div',
+  layout: comboboxRoot,
+  base: '',
+  variations: {
+    view: {
+      css: base.base
+    },
+    size: {
+      css: base$1.base
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+exports.comboboxConfig = comboboxConfig;
+exports.comboboxRoot = comboboxRoot;
+//# sourceMappingURL=Combobox.js.map

package/cjs/components/Combobox/ComboboxOld/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxOld/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { useDidMountEffect, useForceUpdate } from '../../../hooks';\n\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { useKeyNavigation } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>(\n        (\n            {\n                name,\n                form,\n                readOnly,\n                disabled,\n                label,\n                placeholder,\n                id,\n                children,\n                role,\n                view,\n                size,\n                frame,\n                usePortal,\n                negativeResultContent = 'Элементы не найдены',\n                enumerationType = 'comma',\n                opened = false,\n                placement = 'bottom',\n                onToggle,\n                onKeyDown,\n                filterFunction,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const forceUpdate = useForceUpdate();\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const { valueType = 'single', value } = rest;\n            const offset = [0, 4] as [number, number];\n\n            const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n            const targetRef = useRef<HTMLInputElement>(null);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n            const comboboxRef = useRef<HTMLDivElement>(null);\n            const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n            const inputRef = useRef<HTMLInputElement>(null);\n            const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n            const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n            const [isVisible, setIsVisible] = useState(opened);\n            const [search, setSearch] = useState<string | undefined>('');\n            const [filterValue, setFilterValue] = useState(search);\n\n            // INFO: нужно высчитывать для корректной работы портала\n            const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n            // INFO: Из-за того, что классы передаются через ref,\n            // состояние пропсов после изменения view, size\n            // всегда предыдущее, поэтому нужно делать форс-ререндер\n            useDidMountEffect(() => {\n                forceUpdate();\n            }, [view, size]);\n\n            useEffect(() => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                setIsVisible(opened);\n            }, [opened, disabled, readOnly]);\n\n            useEffect(() => {\n                // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n                if (opened) {\n                    setFilterValue('');\n                }\n            }, []);\n\n            const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n                if (!isVisible) {\n                    setFilterValue('');\n                }\n\n                if (onToggle) {\n                    onToggle(openValue, event);\n\n                    return;\n                }\n\n                setIsVisible(openValue);\n            };\n\n            const closedWithoutChanges = useRef(true);\n\n            const updateValue = (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n                const {\n                    dataset: { value: newValue },\n                } = item;\n\n                if (rest.valueType === 'multiple') {\n                    const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n                    rest.onChangeValue?.(newSelected);\n\n                    return;\n                }\n\n                const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n                rest.onChangeValue?.(newSelected);\n\n                onInnerToggle?.(false, event);\n\n                closedWithoutChanges.current = false;\n            };\n\n            const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n                // INFO: Для корректной работы компонента Popper\n                event.stopPropagation();\n\n                const item = event.currentTarget as HTMLElement;\n\n                updateValue(item, event);\n            };\n\n            const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n                if (rest.valueType !== 'multiple') {\n                    return;\n                }\n\n                rest.onChangeValue?.(newValue);\n            };\n\n            const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n                controlledRefs,\n                opened: isVisible,\n                enumerationType,\n                valueType,\n                componentType: 'combobox',\n                value,\n                search: filterValue,\n                updateOpened: onInnerToggle,\n                updateValue,\n            });\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n            const childrenMemo = getChildren(\n                childrenArray,\n                { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n                value,\n                filterValue,\n                filterFunction,\n            ).filter(Boolean);\n\n            const values = getValues(childrenArray, value);\n\n            const onSearch = (newSearch?: string, newOpened?: boolean) => {\n                setSearch(newSearch);\n                setFilterValue(newSearch);\n                setIsVisible(newOpened ?? true);\n            };\n\n            const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n                onKeyDown?.(event);\n                onKeyDownTarget(event);\n            };\n\n            return (\n                <StyledRoot ref={comboboxRef}>\n                    <StyledNativeSelect\n                        aria-invalid=\"false\"\n                        aria-hidden=\"true\"\n                        aria-readonly={readOnly}\n                        tabIndex={-1}\n                        form={form}\n                        name={name}\n                        value={`${value}`}\n                        disabled={disabled || readOnly}\n                    />\n                    <StyledPopover\n                        role={role}\n                        opened={isVisible}\n                        onToggle={onInnerToggle}\n                        target={\n                            <ComboboxTarget\n                                opened={isVisible}\n                                values={values}\n                                label={label}\n                                placeholder={placeholder}\n                                search={search}\n                                enumerationType={enumerationType}\n                                valueType={valueType}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                size={size}\n                                closedWithoutChanges={closedWithoutChanges}\n                                ref={handleRef}\n                                chipsRefs={chipsRefs}\n                                inputRef={inputRef}\n                                id={innerId}\n                                onChange={onChangeChipValue}\n                                onSearch={onSearch}\n                                onKeyDown={onKeyDownHandle}\n                                {...rest}\n                            />\n                        }\n                        className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n                        id={innerId}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        usePortal={usePortal}\n                        selectWidth={dynamicTargetWidth}\n                        frame={frame}\n                        trigger=\"click\"\n                        isFocusTrapped={false}\n                        preventOverflow={false}\n                        closeOnEsc={false}\n                        closeOnOverlayClick\n                    >\n                        <Root ref={setRef} view={view} size={size}>\n                            <StyledCombobox onKeyDown={onKeyDownSelect}>\n                                {childrenMemo.length ? (\n                                    childrenMemo\n                                ) : (\n                                    <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n                                )}\n                            </StyledCombobox>\n                        </Root>\n                    </StyledPopover>\n                </StyledRoot>\n            );\n        },\n    );\n\nexport const comboboxConfig = {\n    name: 'Combobox',\n    tag: 'div',\n    layout: comboboxRoot,\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":["comboboxRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","_ref$negativeResultCo","negativeResultContent","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","onKeyDown","filterFunction","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","_useState3","_useState4","isVisible","setIsVisible","_useState5","_useState6","search","setSearch","_useState7","_useState8","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","_rest$onChangeValue3","_useKeyNavigation","useKeyNavigation","componentType","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","StyledPopover","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js

@@ -0,0 +1,58 @@
+import './Combobox.styles_3vmiz3.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+require('@linaria/core');
+var common = require('../../../engines/common.js');
+var Popover$1 = require('../../Popover/Popover.js');
+
+var StyledRoot = /*#__PURE__*/react.styled('div')({
+  name: "StyledRoot",
+  "class": "s155vzec",
+  propsAsIs: false
+});
+var StyledCombobox = /*#__PURE__*/react.styled('div')({
+  name: "StyledCombobox",
+  "class": "syubz70",
+  propsAsIs: false
+});
+
+// issue #823
+var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);
+var _exp11 = function _exp11() {
+  return Popover;
+};
+var _exp14 = function _exp14() {
+  return function (_ref) {
+    var usePortal = _ref.usePortal,
+      selectWidth = _ref.selectWidth;
+    return usePortal ? "".concat(selectWidth, "px") : '100%';
+  };
+};
+var StyledPopover = /*#__PURE__*/react.styled(_exp11())({
+  name: "StyledPopover",
+  "class": "s1xxca8x",
+  propsAsIs: true,
+  vars: {
+    "s1xxca8x-0": [/*#__PURE__*/_exp14()]
+  }
+});
+var ComboboxItemNotFound = /*#__PURE__*/react.styled('div')({
+  name: "ComboboxItemNotFound",
+  "class": "cy0lf2m",
+  propsAsIs: false
+});
+var StyledNativeSelect = /*#__PURE__*/react.styled('select')({
+  name: "StyledNativeSelect",
+  "class": "s17mf58p",
+  propsAsIs: false
+});
+
+exports.ComboboxItemNotFound = ComboboxItemNotFound;
+exports.StyledCombobox = StyledCombobox;
+exports.StyledNativeSelect = StyledNativeSelect;
+exports.StyledPopover = StyledPopover;
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=Combobox.styles.js.map

package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxOld/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../../engines';\nimport { popoverClasses, popoverConfig } from '../../Popover';\n\nimport { tokens } from './Combobox.tokens';\n\nexport const StyledRoot = styled.div`\n    width: 100%;\n    position: relative;\n\n    & .${popoverClasses.wrapper} {\n        display: block;\n    }\n`;\n\nexport const StyledCombobox = styled.div`\n    box-sizing: border-box;\n\n    background: var(${tokens.background});\n    box-shadow: var(${tokens.boxShadow});\n\n    border-radius: var(${tokens.borderRadius});\n    width: var(${tokens.width});\n    height: var(${tokens.height});\n\n    padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n        var(${tokens.paddingLeft});\n`;\n\n// issue #823\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ selectWidth?: number }>`\n    display: block;\n\n    .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n        width: ${({ usePortal, selectWidth }) => (usePortal ? `${selectWidth}px` : '100%')};\n    }\n`;\n\nexport const ComboboxItemNotFound = styled.div`\n    text-align: center;\n    padding: 0.5rem;\n\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeightBold});\n    letter-spacing: var(${tokens.itemFontLetterSpacing});\n    line-height: var(${tokens.itemFontLineHeight});\n`;\n\nexport const StyledNativeSelect = styled.select`\n    display: none;\n    appearance: none;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    background: transparent;\n    color: transparent;\n    border: none;\n    outline: none;\n    opacity: 0;\n    position: absolute;\n    inset: 0;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledCombobox","Popover","component","popoverConfig","_exp11","_exp14","_ref","usePortal","selectWidth","concat","StyledPopover","vars","ComboboxItemNotFound","StyledNativeSelect"],"mappings":";;;;;;;;;AAOO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYnC,EAAA;;AAED;AACA,IAAME,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,MAAA,GA9BvBA,SA8BuBA,MAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,MAAA,GAhCzBA,SAgCyBA,MAAAA,GAAA;AAAA,EAAA,OAI1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;MAAEC,WAAAA,GAAAA,IAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OAAmBD,SAAS,GAAAE,EAAAA,CAAAA,MAAA,CAAMD,WAAY,UAAM,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJnF,IAAME,aAAa,gBAAGd,YAAM,CAAAQ,MAAA,EAAA,CAAA,CAAA;AAAAP,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAY,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAIlBN,MAAyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzF,EAAA;AAEM,IAAMO,oBAAoB,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUzC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYvC;;;;;;;;"}

package/cjs/components/Combobox/ComboboxOld/Combobox.styles_3vmiz3.css

@@ -0,0 +1,5 @@
+.s155vzec{width:100%;position:relative;}.s155vzec .popover-wrapper{display:block;}
+.syubz70{box-sizing:border-box;background:var(--plasma-combobox-old-background);box-shadow:var(--plasma-combobox-old-box-shadow);border-radius:var(--plasma-combobox-old-border-radius);width:var(--plasma-combobox-old-width);height:var(--plasma-combobox-old-height);padding:var(--plasma-combobox-old-padding-top) var(--plasma-combobox-old-padding-right) var(--plasma-combobox-old-padding-bottom) var(--plasma-combobox-old-padding-left);}
+.s1xxca8x{display:block;}.s1xxca8x .popover-root,.s1xxca8x .popover-target{width:var(--s1xxca8x-0);}
+.cy0lf2m{text-align:center;padding:0.5rem;font-family:var(--plasma-combobox-old-item-font-family);font-size:var(--plasma-combobox-old-item-font-size);font-style:var(--plasma-combobox-old-item-font-style);font-weight:var(--plasma-combobox-old-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-old-item-line-height);-moz-letter-spacing:var(--plasma-combobox-old-item-line-height);-ms-letter-spacing:var(--plasma-combobox-old-item-line-height);letter-spacing:var(--plasma-combobox-old-item-line-height);line-height:var(--plasma-combobox-old-item-font-weight);}
+.s17mf58p{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:0;position:absolute;inset:0;}