@salutejs/plasma-new-hope 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2397.20456842500.0

package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css

@@ -58,27 +58,28 @@
 
 .base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
 
-.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::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.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
-.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{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:var(--plasma-link-button-additional-content-margin);}
-.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
-.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
-.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
-.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
-.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
-.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
-
-.Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
-.Table_styles_1jqvkrz_t15d4jbz__0454af64{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
-.Table_styles_1jqvkrz_t1ri3no5__0454af64{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
-.Table_styles_1jqvkrz_t1uk535o__0454af64{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1jqvkrz_t1uk535o__0454af64 .Table_styles_1jqvkrz_t1ri3no5__0454af64{background:transparent;}
-
-.Table_styles_1jqvkrz_r18b5m0z__0454af64{display:var(--r18b5m0z-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
-.Table_styles_1jqvkrz_tedz16__0454af64{padding:var(--tedz16-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--tedz16-1);}.Table_styles_1jqvkrz_tedz16__0454af64:hover .Table_styles_1jqvkrz_r18b5m0z__0454af64{display:block;}
-.Table_styles_1jqvkrz_s3mgb7q__0454af64{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
-.Table_styles_1jqvkrz_s177cehz__0454af64{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
-.Table_styles_1jqvkrz_beus4rw__0454af64{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
-.Table_styles_1jqvkrz_bfybxxj__0454af64.Table_styles_1jqvkrz_beus4rw__0454af64{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Table_styles_1jqvkrz_l1ql6jvb__0454af64{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
+.LinkButton_styles_ztirgn_b15p59s9__cf178b60{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::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.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
+.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{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:var(--plasma-link-button-additional-content-margin);}
+.LinkButton_styles_ztirgn_lwmk0e5__cf178b60{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
+.LinkButton_styles_ztirgn_l7ptchj__cf178b60{position:absolute;}
+.LinkButton_styles_ztirgn_s12rghuz__cf178b60{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
+.LinkButton_styles_ztirgn_l1uogc3z__cf178b60{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:active{color:var(--plasma-link-button-text-color-active);}
+.LinkButton_styles_ztirgn_s176p3a0__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.LinkButton_styles_ztirgn_slixkvc__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}
+
+.Table_styles_a4393s_b1lxisuf__8ccc8c18{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
+.Table_styles_a4393s_t1ri3no5__8ccc8c18{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
+.Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
+.Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
+
+.Table_styles_a4393s_redz16__8ccc8c18{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
+.Table_styles_a4393s_t3mgb7q__8ccc8c18{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
+.Table_styles_a4393s_s177cehz__8ccc8c18{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
+.Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
+.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
+.Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Table_styles_a4393s_lq32ky6__8ccc8c18{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
 
 .Button_styles_lsgupt_sfn0xs0__09262837{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-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:var(--plasma-select-font-weight);--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);text-align:left;}
 .Button_styles_lsgupt_i1akdel6__09262837{line-height:0;color:var(--plasma-select-button-arrow-color);}.Button_styles_lsgupt_i1akdel6__09262837:hover{color:var(--plasma-select-button-arrow-color-hover);}.Button_styles_lsgupt_i1akdel6__09262837:active{color:var(--plasma-select-button-arrow-color-active);}
@@ -88,11 +89,11 @@
 
 .base_m1uv7m_b13ve66i__d5703749{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_io4bpie__d5703749{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_i13qvwoy__d5703749{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasChips__d5703749{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentLeft__d5703749{padding-left:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentRight__d5703749{padding-right:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l1gjsnfi__d5703749,.base_m1uv7m_b13ve66i__d5703749:not(.base_m1uv7m_labelPlacementInner__d5703749) .base_m1uv7m_s16itze4__d5703749{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s1skqnhr__d5703749{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_hgy0im1__d5703749{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_t600610__d5703749{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l7hnwwb__d5703749{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749,.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749{margin:var(--plasma-textfield__before-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{margin:var(--plasma-textfield__after-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749 .base_m1uv7m_sb3k3v1__d5703749{margin:var(--plasma-textfield__right-content-with-hint-margin);}
 
-.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_io4bpie__a8f9d947{color:var(--plasma-textfield-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__placeholder-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:focus-within .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__placeholder-color-focus);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_t600610__a8f9d947{color:var(--plasma-textfield__title-caption-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_l7hnwwb__a8f9d947{color:var(--plasma-textfield__left-helper-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_smqgwd8__a8f9d947{color:var(--plasma-textfield__before-text-color);}.base_1twy16p_bptx5xt__a8f9d947 .base_1twy16p_s14qvple__a8f9d947{color:var(--plasma-textfield__after-text-color);}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947 .base_1twy16p_iq39zt5__a8f9d947:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1twy16p_bptx5xt__a8f9d947.base_1twy16p_textfieldHasDivider__a8f9d947:not([readonly]) .base_1twy16p_iq39zt5__a8f9d947:focus-within .base_1twy16p_i19ry60d__a8f9d947{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_io4bpie__1c9f79b8{color:var(--plasma-textfield-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__placeholder-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_io4bpie__1c9f79b8{color:var(--plasma-textfield-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__placeholder-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_ssv2kwg__1c9f79b8{color:var(--plasma-textfield-content-slot-color-focus);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_t600610__1c9f79b8{color:var(--plasma-textfield__title-caption-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_smqgwd8__1c9f79b8{color:var(--plasma-textfield__before-text-color);}.base_19qf9jc_bptx5xt__1c9f79b8 .base_19qf9jc_s14qvple__1c9f79b8{color:var(--plasma-textfield__after-text-color);}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);--plasma_private-textfield-divider-width:var(--plasma-textfield-divider-width);}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8 .base_19qf9jc_iq39zt5__1c9f79b8:before{content:'';position:absolute;height:var(--plasma_private-textfield-divider-width,0.063rem);width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_19qf9jc_bptx5xt__1c9f79b8.base_19qf9jc_textfieldHasDivider__1c9f79b8:not([readonly]) .base_19qf9jc_iq39zt5__1c9f79b8:focus-within .base_19qf9jc_i19ry60d__1c9f79b8{color:var(--plasma-textfield__clear-placeholder-color-focus);}
 
 .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
 
-.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:hover{background-color:transparent;}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_textfieldHasDivider__6ded9a23 .base_2lss3j_iq39zt5__6ded9a23:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_iq39zt5__6ded9a23:focus-within .base_2lss3j_i19ry60d__6ded9a23,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_i19ry60d__6ded9a23{color:var(--plasma-textfield__placeholder-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_io4bpie__6ded9a23{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_t600610__6ded9a23{color:var(--plasma-textfield__title-caption-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_l7hnwwb__6ded9a23{color:var(--plasma-textfield__left-helper-color-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_ssv2kwg__6ded9a23:hover{color:var(--private_content-slot-color);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:hover,.base_2lss3j_b1w985rt__6ded9a23[readonly] .base_2lss3j_sb3k3v1__6ded9a23:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_2lss3j_b1w985rt__6ded9a23[readonly].base_2lss3j_labelPlacementOuter__6ded9a23 .base_2lss3j_l1gjsnfi__6ded9a23{color:var(--plasma-textfield__label-color-readonly);}
+.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa{position:relative;color:var(--plasma-textfield-color-readonly);background:transparent;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:hover{background-color:transparent;}.base_1ys6zet_b1w985rt__ecf699aa[readonly].base_1ys6zet_textfieldHasDivider__ecf699aa .base_1ys6zet_iq39zt5__ecf699aa:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_iq39zt5__ecf699aa:focus-within .base_1ys6zet_i19ry60d__ecf699aa,.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_i19ry60d__ecf699aa{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_io4bpie__ecf699aa{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_t600610__ecf699aa{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_l7hnwwb__ecf699aa{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_ssv2kwg__ecf699aa:hover{color:var(--private_content-slot-color);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa:hover,.base_1ys6zet_b1w985rt__ecf699aa[readonly] .base_1ys6zet_sb3k3v1__ecf699aa:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_1ys6zet_b1w985rt__ecf699aa[readonly].base_1ys6zet_labelPlacementOuter__ecf699aa .base_1ys6zet_l1gjsnfi__ecf699aa{color:var(--plasma-textfield__label-color-readonly);}
 
 .base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementOuter__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_i13qvwoy__ff61de1c{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c:not(.base_1m5chvs_textfieldReadonlyInput__ff61de1c):focus ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_hasValue__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c,.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_io4bpie__ff61de1c.base_1m5chvs_keepPlaceholder__ff61de1c ~ .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c .base_1m5chvs_l1gjsnfi__ff61de1c{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1m5chvs_b15d3bnf__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_textfieldHasHint__ff61de1c.base_1m5chvs_textfieldClear__ff61de1c .base_1m5chvs_s9w7nf8__ff61de1c.base_1m5chvs_labelPlacementInner__ff61de1c.base_1m5chvs_requiredAlignRight__ff61de1c{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
 
@@ -112,29 +113,29 @@
 
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
-.TextField_styles_1pu4eym_iq39zt5__18abad84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_1pu4eym_i1j28rg8__18abad84{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1pu4eym_i1j28rg8__18abad84::-webkit-scrollbar{display:none;}.TextField_styles_1pu4eym_i1j28rg8__18abad84.TextField_styles_1pu4eym_hasChips__18abad84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_1pu4eym_s13zudoe__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_1pu4eym_io4bpie__18abad84{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1pu4eym_io4bpie__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_1pu4eym_io4bpie__18abad84::-webkit-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::-moz-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84:-ms-input-placeholder{opacity:0;}.TextField_styles_1pu4eym_io4bpie__18abad84::placeholder{opacity:0;}
-.TextField_styles_1pu4eym_i13qvwoy__18abad84{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1pu4eym_i13qvwoy__18abad84 .TextField_styles_1pu4eym_io4bpie__18abad84{max-width:var(--i13qvwoy-1);}
-.TextField_styles_1pu4eym_i19ry60d__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
-.TextField_styles_1pu4eym_ibt1ohz__18abad84.TextField_styles_1pu4eym_textfieldInputTextEllipsis__18abad84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.TextField_styles_1pu4eym_olv9av6__18abad84{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;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
-.TextField_styles_1pu4eym_t600610__18abad84{display:inline-block;margin-left:auto;}
-.TextField_styles_1pu4eym_suk2zst__18abad84{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;}
-.TextField_styles_1pu4eym_l1gjsnfi__18abad84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_1pu4eym_ssv2kwg__18abad84{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_1pu4eym_ssv2kwg__18abad84:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_ssv2kwg__18abad84:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
-.TextField_styles_1pu4eym_s190z894__18abad84{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;}
-.TextField_styles_1pu4eym_sb3k3v1__18abad84{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1pu4eym_sb3k3v1__18abad84:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1pu4eym_sb3k3v1__18abad84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-.TextField_styles_1pu4eym_smqgwd8__18abad84{visibility:var(--smqgwd8-0);}
-
-.TextField_styles_1pu4eym_s16itze4__18abad84{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_1pu4eym_s1skqnhr__18abad84{display:inline-block;line-height:0;}.TextField_styles_1pu4eym_s1skqnhr__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
-.TextField_styles_1pu4eym_hgy0im1__18abad84{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.TextField_styles_1pu4eym_h8yezh4__18abad84 .TextField_styles_1pu4eym_hgy0im1__18abad84 .TextField_styles_1pu4eym_popoverRoot__18abad84{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.TextField_styles_1pu4eym_hzsveq4__18abad84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.TextField_styles_1pu4eym_s9w7nf8__18abad84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementOuter__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84.TextField_styles_1pu4eym_textfieldHasHint__18abad84{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1pu4eym_s9w7nf8__18abad84.TextField_styles_1pu4eym_labelPlacementInner__18abad84.TextField_styles_1pu4eym_requiredAlignRight__18abad84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_s18fd2_iq39zt5__21d3c155{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_s18fd2_i1j28rg8__21d3c155{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_s18fd2_i1j28rg8__21d3c155::-webkit-scrollbar{display:none;}.TextField_styles_s18fd2_i1j28rg8__21d3c155.TextField_styles_s18fd2_hasChips__21d3c155{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_s18fd2_s13zudoe__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_s18fd2_io4bpie__21d3c155{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_s18fd2_io4bpie__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_s18fd2_io4bpie__21d3c155::-webkit-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::-moz-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155:-ms-input-placeholder{opacity:0;}.TextField_styles_s18fd2_io4bpie__21d3c155::placeholder{opacity:0;}
+.TextField_styles_s18fd2_i13qvwoy__21d3c155{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_s18fd2_i13qvwoy__21d3c155 .TextField_styles_s18fd2_io4bpie__21d3c155{max-width:var(--i13qvwoy-1);}
+.TextField_styles_s18fd2_i19ry60d__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_s18fd2_ibt1ohz__21d3c155.TextField_styles_s18fd2_textfieldInputTextEllipsis__21d3c155{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.TextField_styles_s18fd2_olv9av6__21d3c155{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;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
+.TextField_styles_s18fd2_t600610__21d3c155{display:inline-block;margin-left:auto;}
+.TextField_styles_s18fd2_suk2zst__21d3c155{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;}
+.TextField_styles_s18fd2_l1gjsnfi__21d3c155{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_s18fd2_ssv2kwg__21d3c155{margin:var(--plasma-textfield__left-content-margin);color:var(--plasma-textfield-content-slot-color);line-height:0;}.TextField_styles_s18fd2_ssv2kwg__21d3c155:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_ssv2kwg__21d3c155:active{color:var(--plasma-textfield-content-slot-color-active,var(--plasma-textfield-content-slot-color));}
+.TextField_styles_s18fd2_s190z894__21d3c155{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;}
+.TextField_styles_s18fd2_sb3k3v1__21d3c155{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_s18fd2_sb3k3v1__21d3c155:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_s18fd2_sb3k3v1__21d3c155:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+.TextField_styles_s18fd2_l7hnwwb__21d3c155{color:var(--plasma-textfield__left-helper-color);}.TextField_styles_s18fd2_l7hnwwb__21d3c155.TextField_styles_s18fd2_hasFocus__21d3c155{color:var(--plasma-textfield__left-helper-color-focus);}
+.TextField_styles_s18fd2_smqgwd8__21d3c155{visibility:var(--smqgwd8-0);}
+
+.TextField_styles_s18fd2_s16itze4__21d3c155{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_s18fd2_s1skqnhr__21d3c155{display:inline-block;line-height:0;}.TextField_styles_s18fd2_s1skqnhr__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_s18fd2_hgy0im1__21d3c155{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_s18fd2_h8yezh4__21d3c155 .TextField_styles_s18fd2_hgy0im1__21d3c155 .TextField_styles_s18fd2_popoverRoot__21d3c155{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_s18fd2_hzsveq4__21d3c155{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_s18fd2_s9w7nf8__21d3c155{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementOuter__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155.TextField_styles_s18fd2_textfieldHasHint__21d3c155{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_s18fd2_s9w7nf8__21d3c155.TextField_styles_s18fd2_labelPlacementInner__21d3c155.TextField_styles_s18fd2_requiredAlignRight__21d3c155{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
 
@@ -162,10 +163,10 @@
 
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
 
-.Textfield_styles_19e9015_s1yhwv5r__ee511ade{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-select-textfield-chip-close-icons-color-readonly);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade div.Textfield_styles_19e9015_inputWrapper__ee511ade:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_19e9015_s1yhwv5r__ee511ade.Textfield_styles_19e9015_readonly__ee511ade{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
-.Textfield_styles_19e9015_i7x5udn__ee511ade{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_19e9015_i7x5udn__ee511ade .Textfield_styles_19e9015_arrowInverse__ee511ade{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_19e9015_i7x5udn__ee511ade:hover,.Textfield_styles_19e9015_i7x5udn__ee511ade:active{color:var(--i7x5udn-1);}
-.Textfield_styles_19e9015_s2oocb4__ee511ade{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
-.Textfield_styles_19e9015_s1kxyc50__ee511ade{margin:0;padding:0;}
+.Textfield_styles_q5q8aa_s1yhwv5r__83cecc48{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-close-icon-color-readonly:var(--plasma-select-textfield-chip-close-icons-color-readonly);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_q5q8aa_s1yhwv5r__83cecc48 div.Textfield_styles_q5q8aa_inputWrapper__83cecc48:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_q5q8aa_s1yhwv5r__83cecc48.Textfield_styles_q5q8aa_readonly__83cecc48{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);}
+.Textfield_styles_q5q8aa_i7x5udn__83cecc48{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_q5q8aa_i7x5udn__83cecc48 .Textfield_styles_q5q8aa_arrowInverse__83cecc48{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_q5q8aa_i7x5udn__83cecc48:hover,.Textfield_styles_q5q8aa_i7x5udn__83cecc48:active{color:var(--i7x5udn-1);}
+.Textfield_styles_q5q8aa_s2oocb4__83cecc48{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
+.Textfield_styles_q5q8aa_s1kxyc50__83cecc48{margin:0;padding:0;}
 
 .CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
 

package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.js

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { getIconSize } from '../../HeadCell.js';
 import { LinkButton, ButtonAccent } from '../../../../Table.styles.js';
 import { classes } from '../../../../Table.tokens.js';
@@ -59,7 +59,7 @@ var Filter = function Filter(_ref) {
   useDidMountEffect(function () {
     setLocalFiltered(filtered);
   }, [outerFiltered]);
-  return /*#__PURE__*/React.createElement(Select
+  return /*#__PURE__*/React__default.createElement(Select
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   , {
@@ -68,10 +68,10 @@ var Filter = function Filter(_ref) {
     value: localFiltered,
     onChange: setLocalFiltered,
     renderTarget: function renderTarget() {
-      return /*#__PURE__*/React.createElement(IconFilterWrapper, null, /*#__PURE__*/React.createElement(IconFilterFunnel, {
+      return /*#__PURE__*/React__default.createElement(IconFilterWrapper, null, /*#__PURE__*/React__default.createElement(IconFilterFunnel, {
         size: getIconSize(size),
         className: classes.filterIcon
-      }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
+      }), filtered.length ? _StyledIndicator || (_StyledIndicator = /*#__PURE__*/React__default.createElement(StyledIndicator, {
         size: "s",
         view: "accent"
       })) : undefined);
@@ -80,12 +80,12 @@ var Filter = function Filter(_ref) {
     portal: tableContainerRef,
     listWidth: getSelectWidth(size),
     onToggle: handleToggle,
-    afterList: /*#__PURE__*/React.createElement(React.Fragment, null, _StyledDivider || (_StyledDivider = /*#__PURE__*/React.createElement(StyledDivider, {
+    afterList: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _StyledDivider || (_StyledDivider = /*#__PURE__*/React__default.createElement(StyledDivider, {
       orientation: "horizontal",
       length: "auto"
-    })), /*#__PURE__*/React.createElement(ControlPanel, null, /*#__PURE__*/React.createElement(LinkButton, {
+    })), /*#__PURE__*/React__default.createElement(ControlPanel, null, /*#__PURE__*/React__default.createElement(LinkButton, {
       onClick: handleReset
-    }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440"), /*#__PURE__*/React.createElement(ButtonAccent, {
+    }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440"), /*#__PURE__*/React__default.createElement(ButtonAccent, {
       disabled: isDisabled,
       onClick: handleFilterSubmit
     }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C")))

package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Header } from '@tanstack/react-table';\n\nimport { useDidMountEffect } from '../../../../../../hooks';\nimport { IconFilterFunnel } from '../../../../../_Icon';\nimport { getIconSize } from '../../HeadCell';\nimport { ButtonAccent, LinkButton } from '../../../../Table.styles';\nimport { TableProps, TableRowData } from '../../../../Table.types';\nimport { classes } from '../../../../Table.tokens';\n\nimport { IconFilterWrapper, StyledIndicator, Select, StyledDivider, ControlPanel } from './Filter.styles';\n\nconst getSelectWidth = (size?: string) => {\n    switch (size) {\n        case 'l': {\n            return '18.75rem';\n        }\n        case 'm': {\n            return '16rem';\n        }\n        case 's': {\n            return '14rem';\n        }\n        default: {\n            return '14rem';\n        }\n    }\n};\n\nconst isFilterChanged = (outerFiltered: string[], localFiltered: string[]) => {\n    return (\n        outerFiltered.length !== localFiltered.length ||\n        new Set([...outerFiltered, ...localFiltered]).size !== outerFiltered.length\n    );\n};\n\ntype Props = {\n    header: Header<TableRowData, unknown>;\n    size: TableProps['size'];\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Filter: React.FC<Props> = ({ header, size, outerFiltered, tableContainerRef }) => {\n    const filtered = (header.column.getFilterValue() as string[]) || [];\n\n    const [localFiltered, setLocalFiltered] = useState<string[]>(filtered || []);\n\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    const isDisabled = !isFilterChanged(filtered, localFiltered);\n\n    const handleFilterSubmit = () => {\n        header.column.setFilterValue(localFiltered);\n    };\n\n    const handleReset = () => {\n        setLocalFiltered([]);\n    };\n\n    const handleToggle = (opened: boolean) => {\n        if (!opened) {\n            setLocalFiltered((header.column.getFilterValue() as string[]) || []);\n        }\n    };\n\n    useDidMountEffect(() => {\n        setLocalFiltered(filtered);\n    }, [outerFiltered]);\n\n    return (\n        <Select\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            placement=\"bottom-end\"\n            multiselect\n            value={localFiltered}\n            onChange={setLocalFiltered}\n            renderTarget={() => (\n                <IconFilterWrapper>\n                    <IconFilterFunnel size={getIconSize(size)} className={classes.filterIcon} />\n\n                    {filtered.length ? <StyledIndicator size=\"s\" view=\"accent\" /> : undefined}\n                </IconFilterWrapper>\n            )}\n            items={filters}\n            portal={tableContainerRef}\n            listWidth={getSelectWidth(size)}\n            onToggle={handleToggle}\n            afterList={\n                <>\n                    <StyledDivider orientation=\"horizontal\" length=\"auto\" />\n\n                    <ControlPanel>\n                        <LinkButton onClick={handleReset}>Сбросить фильтр</LinkButton>\n                        <ButtonAccent disabled={isDisabled} onClick={handleFilterSubmit}>\n                            Применить\n                        </ButtonAccent>\n                    </ControlPanel>\n                </>\n            }\n        />\n    );\n};\n"],"names":["getSelectWidth","size","isFilterChanged","outerFiltered","localFiltered","length","Set","concat","_toConsumableArray","Filter","_ref","_header$column","header","tableContainerRef","filtered","column","getFilterValue","_useState","useState","_useState2","_slicedToArray","setLocalFiltered","_ref2","columnDef","meta","filters","isDisabled","handleFilterSubmit","setFilterValue","handleReset","handleToggle","opened","useDidMountEffect","React","createElement","Select","placement","multiselect","value","onChange","renderTarget","IconFilterWrapper","IconFilterFunnel","getIconSize","className","classes","filterIcon","_StyledIndicator","StyledIndicator","view","undefined","items","portal","listWidth","onToggle","afterList","Fragment","_StyledDivider","StyledDivider","orientation","ControlPanel","LinkButton","onClick","ButtonAccent","disabled"],"mappings":";;;;;;;;;;AAYA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;AACtC,EAAA,QAAQA,IAAI;AACR,IAAA,KAAK,GAAG;AAAE,MAAA;AACN,QAAA,OAAO,UAAU,CAAA;AACrB,OAAA;AACA,IAAA,KAAK,GAAG;AAAE,MAAA;AACN,QAAA,OAAO,OAAO,CAAA;AAClB,OAAA;AACA,IAAA,KAAK,GAAG;AAAE,MAAA;AACN,QAAA,OAAO,OAAO,CAAA;AAClB,OAAA;AACA,IAAA;AAAS,MAAA;AACL,QAAA,OAAO,OAAO,CAAA;AAClB,OAAA;AACJ,GAAA;AACJ,CAAC,CAAA;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,aAAuB,EAAEC,aAAuB,EAAK;EAC1E,OACID,aAAa,CAACE,MAAM,KAAKD,aAAa,CAACC,MAAM,IAC7C,IAAIC,GAAG,CAAA,EAAA,CAAAC,MAAA,CAAAC,kBAAA,CAAKL,aAAa,CAAA,EAAAK,kBAAA,CAAKJ,aAAa,CAAA,CAAC,CAAC,CAACH,IAAI,KAAKE,aAAa,CAACE,MAAM,CAAA;AAEnF,CAAC,CAAA;IASYI,MAAuB,GAAG,SAA1BA,MAAuBA,CAAAC,IAAA,EAA2D;AAAA,EAAA,IAAAC,cAAA,CAAA;AAAA,EAAA,IAArDC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEX,IAAI,GAAAS,IAAA,CAAJT,IAAI;IAAEE,aAAa,GAAAO,IAAA,CAAbP,aAAa;IAAEU,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB,CAAA;EACpF,IAAMC,QAAQ,GAAIF,MAAM,CAACG,MAAM,CAACC,cAAc,EAAE,IAAiB,EAAE,CAAA;AAEnE,EAAA,IAAAC,SAAA,GAA0CC,QAAQ,CAAWJ,QAAQ,IAAI,EAAE,CAAC;IAAAK,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAArEb,IAAAA,aAAa,GAAAe,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEtC,EAAA,IAAAG,KAAA,GAAoB,CAAAV,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAAAD,KAAAA,CAAAA,IAAAA,CAAAA,cAAA,GAANC,MAAM,CAAEG,MAAM,MAAAJ,IAAAA,IAAAA,cAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,cAAA,GAAdA,cAAA,CAAgBY,SAAS,MAAAZ,IAAAA,IAAAA,cAAA,KAAzBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,cAAA,CAA2Ba,IAAI,KAAI,EAAE;IAAjDC,OAAO,GAAAH,KAAA,CAAPG,OAAO,CAAA;EAEf,IAAMC,UAAU,GAAG,CAACxB,eAAe,CAACY,QAAQ,EAAEV,aAAa,CAAC,CAAA;AAE5D,EAAA,IAAMuB,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAS;AAC7Bf,IAAAA,MAAM,CAACG,MAAM,CAACa,cAAc,CAACxB,aAAa,CAAC,CAAA;GAC9C,CAAA;AAED,EAAA,IAAMyB,WAAW,GAAG,SAAdA,WAAWA,GAAS;IACtBR,gBAAgB,CAAC,EAAE,CAAC,CAAA;GACvB,CAAA;AAED,EAAA,IAAMS,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAe,EAAK;IACtC,IAAI,CAACA,MAAM,EAAE;MACTV,gBAAgB,CAAET,MAAM,CAACG,MAAM,CAACC,cAAc,EAAE,IAAiB,EAAE,CAAC,CAAA;AACxE,KAAA;GACH,CAAA;AAEDgB,EAAAA,iBAAiB,CAAC,YAAM;IACpBX,gBAAgB,CAACP,QAAQ,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACX,aAAa,CAAC,CAAC,CAAA;EAEnB,oBACI8B,KAAA,CAAAC,aAAA,CAACC,MAAAA;AACG;AACA;AAAA,IAAA;AACAC,IAAAA,SAAS,EAAC,YAAY;IACtBC,WAAW,EAAA,IAAA;AACXC,IAAAA,KAAK,EAAElC,aAAc;AACrBmC,IAAAA,QAAQ,EAAElB,gBAAiB;IAC3BmB,YAAY,EAAE,SAAAA,YAAA,GAAA;MAAA,oBACVP,KAAA,CAAAC,aAAA,CAACO,iBAAiB,qBACdR,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAAA;AAACzC,QAAAA,IAAI,EAAE0C,WAAW,CAAC1C,IAAI,CAAE;QAAC2C,SAAS,EAAEC,OAAO,CAACC,UAAAA;AAAW,OAAE,CAAC,EAE3EhC,QAAQ,CAACT,MAAM,GAAA0C,gBAAA,KAAAA,gBAAA,gBAAGd,KAAA,CAAAC,aAAA,CAACc,eAAe,EAAA;AAAC/C,QAAAA,IAAI,EAAC,GAAG;AAACgD,QAAAA,IAAI,EAAC,QAAA;OAAU,CAAC,CAAGC,GAAAA,SACjD,CAAC,CAAA;KACtB;AACFC,IAAAA,KAAK,EAAE1B,OAAQ;AACf2B,IAAAA,MAAM,EAAEvC,iBAAkB;AAC1BwC,IAAAA,SAAS,EAAErD,cAAc,CAACC,IAAI,CAAE;AAChCqD,IAAAA,QAAQ,EAAExB,YAAa;AACvByB,IAAAA,SAAS,eACLtB,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAuB,QAAA,EAAAC,IAAAA,EAAAA,cAAA,KAAAA,cAAA,gBACIxB,KAAA,CAAAC,aAAA,CAACwB,aAAa,EAAA;AAACC,MAAAA,WAAW,EAAC,YAAY;AAACtD,MAAAA,MAAM,EAAC,MAAA;AAAM,KAAE,CAAC,CAAA,eAExD4B,KAAA,CAAAC,aAAA,CAAC0B,YAAY,EAAA,IAAA,eACT3B,KAAA,CAAAC,aAAA,CAAC2B,UAAU,EAAA;AAACC,MAAAA,OAAO,EAAEjC,WAAAA;AAAY,KAAA,EAAC,uFAA2B,CAAC,eAC9DI,KAAA,CAAAC,aAAA,CAAC6B,YAAY,EAAA;AAACC,MAAAA,QAAQ,EAAEtC,UAAW;AAACoC,MAAAA,OAAO,EAAEnC,kBAAAA;KAAoB,EAAA,wDAEnD,CACJ,CAChB,CAAA;AACL,GACJ,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../../../../src/components/Table/ui/HeadCell/ui/Filter/Filter.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Header } from '@tanstack/react-table';\n\nimport { useDidMountEffect } from '../../../../../../hooks';\nimport { IconFilterFunnel } from '../../../../../_Icon';\nimport { getIconSize } from '../../HeadCell';\nimport { ButtonAccent, LinkButton } from '../../../../Table.styles';\nimport { TableProps, TableRowData } from '../../../../Table.types';\nimport { classes } from '../../../../Table.tokens';\n\nimport { IconFilterWrapper, StyledIndicator, Select, StyledDivider, ControlPanel } from './Filter.styles';\n\nconst getSelectWidth = (size?: string) => {\n    switch (size) {\n        case 'l': {\n            return '18.75rem';\n        }\n        case 'm': {\n            return '16rem';\n        }\n        case 's': {\n            return '14rem';\n        }\n        default: {\n            return '14rem';\n        }\n    }\n};\n\nconst isFilterChanged = (outerFiltered: string[], localFiltered: string[]) => {\n    return (\n        outerFiltered.length !== localFiltered.length ||\n        new Set([...outerFiltered, ...localFiltered]).size !== outerFiltered.length\n    );\n};\n\ntype Props = {\n    header: Header<TableRowData, unknown>;\n    size: TableProps['size'];\n    outerFiltered: TableProps['filtered'];\n    tableContainerRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Filter: React.FC<Props> = ({ header, size, outerFiltered, tableContainerRef }) => {\n    const filtered = (header.column.getFilterValue() as string[]) || [];\n\n    const [localFiltered, setLocalFiltered] = useState<string[]>(filtered || []);\n\n    const { filters } = header?.column?.columnDef?.meta || {};\n\n    const isDisabled = !isFilterChanged(filtered, localFiltered);\n\n    const handleFilterSubmit = () => {\n        header.column.setFilterValue(localFiltered);\n    };\n\n    const handleReset = () => {\n        setLocalFiltered([]);\n    };\n\n    const handleToggle = (opened: boolean) => {\n        if (!opened) {\n            setLocalFiltered((header.column.getFilterValue() as string[]) || []);\n        }\n    };\n\n    useDidMountEffect(() => {\n        setLocalFiltered(filtered);\n    }, [outerFiltered]);\n\n    return (\n        <Select\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            placement=\"bottom-end\"\n            multiselect\n            value={localFiltered}\n            onChange={setLocalFiltered}\n            renderTarget={() => (\n                <IconFilterWrapper>\n                    <IconFilterFunnel size={getIconSize(size)} className={classes.filterIcon} />\n\n                    {filtered.length ? <StyledIndicator size=\"s\" view=\"accent\" /> : undefined}\n                </IconFilterWrapper>\n            )}\n            items={filters}\n            portal={tableContainerRef}\n            listWidth={getSelectWidth(size)}\n            onToggle={handleToggle}\n            afterList={\n                <>\n                    <StyledDivider orientation=\"horizontal\" length=\"auto\" />\n\n                    <ControlPanel>\n                        <LinkButton onClick={handleReset}>Сбросить фильтр</LinkButton>\n                        <ButtonAccent disabled={isDisabled} onClick={handleFilterSubmit}>\n                            Применить\n                        </ButtonAccent>\n                    </ControlPanel>\n                </>\n            }\n        />\n    );\n};\n"],"names":["getSelectWidth","size","isFilterChanged","outerFiltered","localFiltered","length","Set","concat","_toConsumableArray","Filter","_ref","_header$column","header","tableContainerRef","filtered","column","getFilterValue","_useState","useState","_useState2","_slicedToArray","setLocalFiltered","_ref2","columnDef","meta","filters","isDisabled","handleFilterSubmit","setFilterValue","handleReset","handleToggle","opened","useDidMountEffect","React","createElement","Select","placement","multiselect","value","onChange","renderTarget","IconFilterWrapper","IconFilterFunnel","getIconSize","className","classes","filterIcon","_StyledIndicator","StyledIndicator","view","undefined","items","portal","listWidth","onToggle","afterList","Fragment","_StyledDivider","StyledDivider","orientation","ControlPanel","LinkButton","onClick","ButtonAccent","disabled"],"mappings":"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"}

package/dist/css/es/components/Tabs/createTabsController.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 
 var _excluded = ["items", "index", "autoscroll", "onIndexChange"],
   _excluded2 = ["label"];
@@ -18,13 +18,13 @@ function createTabsController(ListComponent, ItemComponent) {
       onIndexChange = _ref.onIndexChange,
       rest = _objectWithoutProperties(_ref, _excluded);
     var disabled = rest.disabled;
-    return /*#__PURE__*/React.createElement(ListComponent, _extends({
+    return /*#__PURE__*/React__default.createElement(ListComponent, _extends({
       ref: ref,
       index: index
     }, rest), items.map(function (_ref2, i) {
       var label = _ref2.label,
         restItem = _objectWithoutProperties(_ref2, _excluded2);
-      return /*#__PURE__*/React.createElement(ItemComponent, _extends({
+      return /*#__PURE__*/React__default.createElement(ItemComponent, _extends({
         key: i,
         selected: i === index,
         itemIndex: i,

package/dist/css/es/components/Tabs/createTabsController.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTabsController.js","sources":["../../../../../src/components/Tabs/createTabsController.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { HorizontalTabItemProps } from './TabItem.types';\nimport { HorizontalCommonTabsProps, HorizontalTabsProps } from './Tabs.types';\n\nexport interface TabsControllerProps extends HorizontalCommonTabsProps {\n    items: Array<{ label: string } & HorizontalTabItemProps>;\n    index: number;\n    onIndexChange: (index: number) => void;\n    children?: never;\n    autoscroll?: boolean;\n}\n\n/**\n * @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n *\n * Функция для создания `TabController`, которая дает возможность\n * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.\n */\nexport function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(\n    ListComponent: ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n    ItemComponent: ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n) {\n    // eslint-disable-next-line prefer-arrow-callback\n    return forwardRef<T, P>(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, ref) {\n        const { disabled } = rest;\n\n        return (\n            <ListComponent ref={ref} index={index} {...rest}>\n                {items.map(({ label, ...restItem }, i) => (\n                    <ItemComponent\n                        key={i}\n                        selected={i === index}\n                        itemIndex={i}\n                        onIndexChange={onIndexChange}\n                        tabIndex={!disabled && i === index ? 0 : -1}\n                        disabled={disabled}\n                        {...restItem}\n                    >\n                        {label}\n                    </ItemComponent>\n                ))}\n            </ListComponent>\n        );\n    });\n}\n"],"names":["createTabsController","ListComponent","ItemComponent","forwardRef","TabsController","_ref","ref","items","index","onIndexChange","rest","_objectWithoutProperties","_excluded","disabled","React","createElement","_extends","map","_ref2","i","label","restItem","_excluded2","key","selected","itemIndex","tabIndex"],"mappings":";;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CAChCC,aAA6F,EAC7FC,aAAgG,EAClG;AACE;EACA,oBAAOC,UAAU,CAAO,SAASC,cAAcA,CAAAC,IAAA,EAAuDC,GAAG,EAAE;AAAA,IAAA,IAAzDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;MAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;MAAcC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,EAAA;AAC9F,IAAA,IAAQC,QAAQ,GAAKH,IAAI,CAAjBG,QAAQ,CAAA;AAEhB,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACd,aAAa,EAAAe,QAAA,CAAA;AAACV,MAAAA,GAAG,EAAEA,GAAI;AAACE,MAAAA,KAAK,EAAEA,KAAAA;KAAWE,EAAAA,IAAI,GAC1CH,KAAK,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAyBC,CAAC,EAAA;AAAA,MAAA,IAAvBC,KAAK,GAAAF,KAAA,CAALE,KAAK;AAAKC,QAAAA,QAAQ,GAAAV,wBAAA,CAAAO,KAAA,EAAAI,UAAA,CAAA,CAAA;AAAA,MAAA,oBAC5BR,KAAA,CAAAC,aAAA,CAACb,aAAa,EAAAc,QAAA,CAAA;AACVO,QAAAA,GAAG,EAAEJ,CAAE;QACPK,QAAQ,EAAEL,CAAC,KAAKX,KAAM;AACtBiB,QAAAA,SAAS,EAAEN,CAAE;AACbV,QAAAA,aAAa,EAAEA,aAAc;QAC7BiB,QAAQ,EAAE,CAACb,QAAQ,IAAIM,CAAC,KAAKX,KAAK,GAAG,CAAC,GAAG,CAAC,CAAE;AAC5CK,QAAAA,QAAQ,EAAEA,QAAAA;OACNQ,EAAAA,QAAQ,CAEXD,EAAAA,KACU,CAAC,CAAA;AAAA,KACnB,CACU,CAAC,CAAA;AAExB,GAAC,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"createTabsController.js","sources":["../../../../../src/components/Tabs/createTabsController.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { HorizontalTabItemProps } from './TabItem.types';\nimport { HorizontalCommonTabsProps, HorizontalTabsProps } from './Tabs.types';\n\nexport interface TabsControllerProps extends HorizontalCommonTabsProps {\n    items: Array<{ label: string } & HorizontalTabItemProps>;\n    index: number;\n    onIndexChange: (index: number) => void;\n    children?: never;\n    autoscroll?: boolean;\n}\n\n/**\n * @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n *\n * Функция для создания `TabController`, которая дает возможность\n * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.\n */\nexport function createTabsController<T extends HTMLDivElement, P extends TabsControllerProps>(\n    ListComponent: ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n    ItemComponent: ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n) {\n    // eslint-disable-next-line prefer-arrow-callback\n    return forwardRef<T, P>(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, ref) {\n        const { disabled } = rest;\n\n        return (\n            <ListComponent ref={ref} index={index} {...rest}>\n                {items.map(({ label, ...restItem }, i) => (\n                    <ItemComponent\n                        key={i}\n                        selected={i === index}\n                        itemIndex={i}\n                        onIndexChange={onIndexChange}\n                        tabIndex={!disabled && i === index ? 0 : -1}\n                        disabled={disabled}\n                        {...restItem}\n                    >\n                        {label}\n                    </ItemComponent>\n                ))}\n            </ListComponent>\n        );\n    });\n}\n"],"names":["createTabsController","ListComponent","ItemComponent","forwardRef","TabsController","_ref","ref","items","index","onIndexChange","rest","_objectWithoutProperties","_excluded","disabled","React","createElement","_extends","map","_ref2","i","label","restItem","_excluded2","key","selected","itemIndex","tabIndex"],"mappings":";;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CAChCC,aAA6F,EAC7FC,aAAgG,EAClG;AACE;EACA,oBAAOC,UAAU,CAAO,SAASC,cAAcA,CAAAC,IAAA,EAAuDC,GAAG,EAAE;AAAA,IAAA,IAAzDC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;MAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAA;MAAcC,aAAa,GAAAJ,IAAA,CAAbI,aAAa,CAAA;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,EAAA;AAC9F,IAAA,IAAQC,QAAQ,GAAKH,IAAI,CAAjBG,QAAQ,CAAA;AAEhB,IAAA,oBACIC,cAAA,CAAAC,aAAA,CAACd,aAAa,EAAAe,QAAA,CAAA;AAACV,MAAAA,GAAG,EAAEA,GAAI;AAACE,MAAAA,KAAK,EAAEA,KAAAA;KAAWE,EAAAA,IAAI,GAC1CH,KAAK,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAyBC,CAAC,EAAA;AAAA,MAAA,IAAvBC,KAAK,GAAAF,KAAA,CAALE,KAAK;AAAKC,QAAAA,QAAQ,GAAAV,wBAAA,CAAAO,KAAA,EAAAI,UAAA,CAAA,CAAA;AAAA,MAAA,oBAC5BR,cAAA,CAAAC,aAAA,CAACb,aAAa,EAAAc,QAAA,CAAA;AACVO,QAAAA,GAAG,EAAEJ,CAAE;QACPK,QAAQ,EAAEL,CAAC,KAAKX,KAAM;AACtBiB,QAAAA,SAAS,EAAEN,CAAE;AACbV,QAAAA,aAAa,EAAEA,aAAc;QAC7BiB,QAAQ,EAAE,CAACb,QAAQ,IAAIM,CAAC,KAAKX,KAAK,GAAG,CAAC,GAAG,CAAC,CAAE;AAC5CK,QAAAA,QAAQ,EAAEA,QAAAA;OACNQ,EAAAA,QAAQ,CAEXD,EAAAA,KACU,CAAC,CAAA;AAAA,KACnB,CACU,CAAC,CAAA;AAExB,GAAC,CAAC,CAAA;AACN;;;;"}

package/dist/css/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useContext } from 'react';
+import React__default, { forwardRef, useRef, useContext } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { cx } from '../../../../../utils/index.js';
 import { classes } from '../../../tokens.js';
@@ -49,7 +49,7 @@ var horizontalIconTabItemRoot = function horizontalIconTabItemRoot(Root) {
       navigationTabIndex = _useTabItem.navigationTabIndex,
       onItemFocus = _useTabItem.onItemFocus,
       handleClick = _useTabItem.handleClick;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       className: cx(selectedClass, animatedClass, className),
       disabled: disabled,
@@ -59,9 +59,9 @@ var horizontalIconTabItemRoot = function horizontalIconTabItemRoot(Root) {
       tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
       onFocus: onItemFocus,
       onClick: handleClick
-    }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContent, {
+    }, rest), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledContent, {
       className: classes.tabContent
-    }, children), actionContent && /*#__PURE__*/React.createElement(ActionContent, null, actionContent)));
+    }, children), actionContent && /*#__PURE__*/React__default.createElement(ActionContent, null, actionContent)));
   });
 };
 var horizontalIconTabItemConfig = {

package/dist/css/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalIconTabItem.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { classes } from '../../../tokens';\nimport { TabsContext } from '../../../TabsContext';\nimport { HorizontalIconTabItemProps } from '../../../TabItem.types';\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { ActionContent, StyledContent, base } from './HorizontalIconTabItem.styles';\n\nexport const horizontalIconTabItemRoot = (Root: RootProps<HTMLButtonElement, HorizontalIconTabItemProps>) =>\n    forwardRef<HTMLButtonElement, HorizontalIconTabItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            children,\n            selected,\n            disabled = false,\n            actionContent,\n            itemIndex,\n            tabIndex,\n            className,\n            onIndexChange,\n            onClick,\n            isActive,\n            animated = true,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLButtonElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n        const refs = useContext(TabsContext);\n\n        const role = 'tab';\n\n        const animatedClass = animated ? classes.tabItemAnimated : undefined;\n        const selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;\n\n        const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n            refs,\n            innerRef,\n            itemIndex,\n            selected,\n            disabled,\n            onIndexChange,\n            onClick,\n\n            orientation: rest.orientation as UseTabItemProps['orientation'],\n        });\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(selectedClass, animatedClass, className)}\n                disabled={disabled}\n                role={role}\n                view={view}\n                size={size}\n                tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n                onFocus={onItemFocus}\n                onClick={handleClick}\n                {...rest}\n            >\n                <>\n                    <StyledContent className={classes.tabContent}>{children}</StyledContent>\n                    {actionContent && <ActionContent>{actionContent}</ActionContent>}\n                </>\n            </Root>\n        );\n    });\n\nexport const horizontalIconTabItemConfig = {\n    name: 'HorizontalIconTabItem',\n    tag: 'button',\n    layout: horizontalIconTabItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["horizontalIconTabItemRoot","Root","forwardRef","props","outerRef","size","view","children","selected","_props$disabled","disabled","actionContent","itemIndex","tabIndex","className","onIndexChange","onClick","isActive","_props$animated","animated","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","animatedClass","classes","tabItemAnimated","undefined","selectedClass","selectedTabsItem","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","cx","onFocus","Fragment","StyledContent","tabContent","ActionContent","horizontalIconTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"HorizontalIconTabItem.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { classes } from '../../../tokens';\nimport { TabsContext } from '../../../TabsContext';\nimport { HorizontalIconTabItemProps } from '../../../TabItem.types';\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { ActionContent, StyledContent, base } from './HorizontalIconTabItem.styles';\n\nexport const horizontalIconTabItemRoot = (Root: RootProps<HTMLButtonElement, HorizontalIconTabItemProps>) =>\n    forwardRef<HTMLButtonElement, HorizontalIconTabItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            children,\n            selected,\n            disabled = false,\n            actionContent,\n            itemIndex,\n            tabIndex,\n            className,\n            onIndexChange,\n            onClick,\n            isActive,\n            animated = true,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLButtonElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n        const refs = useContext(TabsContext);\n\n        const role = 'tab';\n\n        const animatedClass = animated ? classes.tabItemAnimated : undefined;\n        const selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;\n\n        const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n            refs,\n            innerRef,\n            itemIndex,\n            selected,\n            disabled,\n            onIndexChange,\n            onClick,\n\n            orientation: rest.orientation as UseTabItemProps['orientation'],\n        });\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(selectedClass, animatedClass, className)}\n                disabled={disabled}\n                role={role}\n                view={view}\n                size={size}\n                tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n                onFocus={onItemFocus}\n                onClick={handleClick}\n                {...rest}\n            >\n                <>\n                    <StyledContent className={classes.tabContent}>{children}</StyledContent>\n                    {actionContent && <ActionContent>{actionContent}</ActionContent>}\n                </>\n            </Root>\n        );\n    });\n\nexport const horizontalIconTabItemConfig = {\n    name: 'HorizontalIconTabItem',\n    tag: 'button',\n    layout: horizontalIconTabItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["horizontalIconTabItemRoot","Root","forwardRef","props","outerRef","size","view","children","selected","_props$disabled","disabled","actionContent","itemIndex","tabIndex","className","onIndexChange","onClick","isActive","_props$animated","animated","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","animatedClass","classes","tabItemAnimated","undefined","selectedClass","selectedTabsItem","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","cx","onFocus","Fragment","StyledContent","tabContent","ActionContent","horizontalIconTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useContext } from 'react';
+import React__default, { forwardRef, useRef, useContext } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { classes } from '../../../tokens.js';
 import { cx } from '../../../../../utils/index.js';
@@ -60,7 +60,7 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
       navigationTabIndex = _useTabItem.navigationTabIndex,
       onItemFocus = _useTabItem.onItemFocus,
       handleClick = _useTabItem.handleClick;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       disabled: disabled,
       pilled: pilled,
@@ -77,13 +77,13 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
       style: _objectSpread2(_objectSpread2({}, rest.style), {}, {
         maxWidth: maxWidth
       })
-    }), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(LeftContent, {
+    }), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, contentLeft && /*#__PURE__*/React__default.createElement(LeftContent, {
       className: classes.tabLeftContent
-    }, contentLeft), /*#__PURE__*/React.createElement(StyledContent, {
+    }, contentLeft), /*#__PURE__*/React__default.createElement(StyledContent, {
       className: classes.tabContent
-    }, children), !contentRight && value && /*#__PURE__*/React.createElement(TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React.createElement(RightContent, {
+    }, children), !contentRight && value && /*#__PURE__*/React__default.createElement(TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React__default.createElement(RightContent, {
       className: classes.tabRightContent
-    }, contentRight), actionContent && /*#__PURE__*/React.createElement(ActionContent, null, actionContent)));
+    }, contentRight), actionContent && /*#__PURE__*/React__default.createElement(ActionContent, null, actionContent)));
   });
 };
 var horizontalTabItemConfig = {