@salutejs/plasma-new-hope 0.343.0-canary.2358.19815233540.0 → 0.343.0-canary.2365.19816292443.0

package/es/index.css

@@ -184,41 +184,43 @@
 
 .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_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_iq39zt5__aeb5ebda{--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_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_iq39zt5__aeb5ebda: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_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_io4bpie__aeb5ebda{color:var(--plasma-textfield-color);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_i19ry60d__aeb5ebda{color:var(--plasma-textfield__placeholder-color);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_iq39zt5__aeb5ebda: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_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_iq39zt5__aeb5ebda:focus-within .base_1diyp23_i19ry60d__aeb5ebda{color:var(--plasma-textfield__placeholder-color-focus);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_t600610__aeb5ebda{color:var(--plasma-textfield__title-caption-color);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_l7hnwwb__aeb5ebda{color:var(--plasma-textfield__left-helper-color);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_smqgwd8__aeb5ebda{color:var(--plasma-textfield__before-text-color);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_s14qvple__aeb5ebda{color:var(--plasma-textfield__after-text-color);}
+
+.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774[readonly] .base_ukg8yq_iq39zt5__e6815774,.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_iq39zt5__e6815774{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774[readonly] .base_ukg8yq_iq39zt5__e6815774:hover,.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_iq39zt5__e6815774:hover{background-color:unset;}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_ssv2kwg__e6815774{margin-left:0;}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_sb3k3v1__e6815774{margin-right:0;}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_labelPlacementOuter__e6815774 .base_ukg8yq_olv9av6__e6815774{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_io4bpie__e6815774{color:var(--plasma-textfield-clear-color);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_i19ry60d__e6815774{color:var(--plasma-textfield__clear-placeholder-color);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_s9w7nf8__e6815774.base_ukg8yq_labelPlacementInner__e6815774{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_s9w7nf8__e6815774.base_ukg8yq_labelPlacementInner__e6815774.base_ukg8yq_requiredAlignRight__e6815774{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasHint__e6815774 .base_ukg8yq_s1skqnhr__e6815774.base_ukg8yq_labelPlacementInner__e6815774{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasHint__e6815774 .base_ukg8yq_s9w7nf8__e6815774.base_ukg8yq_labelPlacementInner__e6815774.base_ukg8yq_requiredAlignRight__e6815774{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasDivider__e6815774 .base_ukg8yq_iq39zt5__e6815774{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasDivider__e6815774 .base_ukg8yq_iq39zt5__e6815774: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_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasDivider__e6815774:not([readonly]) .base_ukg8yq_iq39zt5__e6815774:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasDivider__e6815774:not([readonly]) .base_ukg8yq_iq39zt5__e6815774:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasDivider__e6815774:not([readonly]) .base_ukg8yq_iq39zt5__e6815774:focus-within .base_ukg8yq_i19ry60d__e6815774{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_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb: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_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
 
-.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementOuter__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_i13qvwoy__bf782b1b{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b:not(.base_o4xjq1_textfieldReadonlyInput__bf782b1b):focus ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_hasValue__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b,.base_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_io4bpie__bf782b1b.base_o4xjq1_keepPlaceholder__bf782b1b ~ .base_o4xjq1_l1gjsnfi__bf782b1b{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_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b .base_o4xjq1_l1gjsnfi__bf782b1b{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_o4xjq1_b15d3bnf__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_textfieldHasHint__bf782b1b .base_o4xjq1_s9w7nf8__bf782b1b.base_o4xjq1_labelPlacementInner__bf782b1b.base_o4xjq1_requiredAlignRight__bf782b1b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}
+.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{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_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{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_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
 
 .base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
 
 .base_scrhfa_b10o15xy__f8742d17 .base_scrhfa_h8yezh4__f8742d17{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
 
-.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_146520i_iq39zt5__72f40e80{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_146520i_i1j28rg8__72f40e80{-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_146520i_i1j28rg8__72f40e80::-webkit-scrollbar{display:none;}.TextField_styles_146520i_i1j28rg8__72f40e80.TextField_styles_146520i_hasChips__72f40e80{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_146520i_s13zudoe__72f40e80{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_146520i_io4bpie__72f40e80{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_146520i_io4bpie__72f40e80.TextField_styles_146520i_textfieldInputTextEllipsis__72f40e80{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_146520i_io4bpie__72f40e80::-webkit-input-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80::-moz-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80:-ms-input-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80::placeholder{opacity:0;}
+.TextField_styles_146520i_i13qvwoy__72f40e80{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_146520i_i13qvwoy__72f40e80 .TextField_styles_146520i_io4bpie__72f40e80{max-width:var(--i13qvwoy-1);}
+.TextField_styles_146520i_i19ry60d__72f40e80{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_146520i_ibt1ohz__72f40e80.TextField_styles_146520i_textfieldInputTextEllipsis__72f40e80{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.TextField_styles_146520i_olv9av6__72f40e80{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_146520i_t600610__72f40e80{display:inline-block;margin-left:auto;}
+.TextField_styles_146520i_suk2zst__72f40e80{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_146520i_l1gjsnfi__72f40e80{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_146520i_ssv2kwg__72f40e80{--private_content-slot-color:var(--ssv2kwg-0);margin:var(--plasma-textfield__left-content-margin);color:var(--private_content-slot-color);line-height:0;}.TextField_styles_146520i_ssv2kwg__72f40e80:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--private_content-slot-color));}.TextField_styles_146520i_ssv2kwg__72f40e80:active{color:var(--plasma-textfield-content-slot-color-active,var(--private_content-slot-color));}
+.TextField_styles_146520i_s190z894__72f40e80{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_146520i_sb3k3v1__72f40e80{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_146520i_sb3k3v1__72f40e80:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_146520i_sb3k3v1__72f40e80:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_146520i_smqgwd8__72f40e80{visibility:var(--smqgwd8-0);}
+
+.TextField_styles_146520i_s16itze4__72f40e80{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_146520i_s1skqnhr__72f40e80{display:inline-block;line-height:0;}.TextField_styles_146520i_s1skqnhr__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_146520i_hgy0im1__72f40e80{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_146520i_h8yezh4__72f40e80 .TextField_styles_146520i_hgy0im1__72f40e80 .TextField_styles_146520i_popoverRoot__72f40e80{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_146520i_hzsveq4__72f40e80{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_146520i_s9w7nf8__72f40e80{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80.TextField_styles_146520i_textfieldHasHint__72f40e80{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80{inset:var(--plasma-textfield__indicator-placement-inner-right);}
 
 .TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
 .TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;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);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:after{content:',';}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:last-child:after{content:'';}
@@ -560,15 +562,15 @@
 
 .AvatarGroup_styles_rsmybl_bxtue4e__126d9711{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711{margin-left:calc(var(--plasma-avatar-size) * -0.2);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:first-child{margin-left:0;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:last-child{-webkit-mask-image:none;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:hover,.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:focus-visible{position:relative;-webkit-mask:none;mask:none;cursor:pointer;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:hover + .AvatarGroup_styles_rsmybl_avatarItem__126d9711,.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:focus-visible + .AvatarGroup_styles_rsmybl_avatarItem__126d9711{-webkit-mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 ), radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * 1.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 ), radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );-webkit-mask-composite:intersect;mask-composite:intersect;}.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:hover + .AvatarGroup_styles_rsmybl_avatarItem__126d9711:last-child,.AvatarGroup_styles_rsmybl_bxtue4e__126d9711 .AvatarGroup_styles_rsmybl_avatarItem__126d9711:focus-visible + .AvatarGroup_styles_rsmybl_avatarItem__126d9711:last-child{-webkit-mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );mask:radial-gradient( circle at calc(var(--plasma-avatar-size) * -0.3) center, #0000 calc(var(--plasma-avatar-size) * 0.58), #000 0 );}
 
-.Pagination_styles_qhyqps_p1m4gnut__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_qhyqps_p1m4gnut__5c2c4865.Pagination_styles_qhyqps_paginationTypeCompact__5c2c4865{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Pagination_styles_qhyqps_p1m4gnut__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
-.Pagination_styles_qhyqps_p195n7xj__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
-.Pagination_styles_qhyqps_p19axp12__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationTypeCompact__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationHasPerpageSelect__5c2c4865{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_qhyqps_p19axp12__5c2c4865.Pagination_styles_qhyqps_paginationHasQuickJump__5c2c4865{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
-.Pagination_styles_qhyqps_p1rlzvhv__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
-.Pagination_styles_qhyqps_pivhg1z__5c2c4865{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
-.Pagination_styles_qhyqps_pshury3__5c2c4865{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_paginationPageButtonActive__5c2c4865{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_paginationButtonDisabled__5c2c4865{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_qhyqps_pshury3__5c2c4865:focus{outline:none;}.Pagination_styles_qhyqps_pshury3__5c2c4865::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_qhyqps_pshury3__5c2c4865.Pagination_styles_qhyqps_focusVisible__5c2c4865:focus::before,.Pagination_styles_qhyqps_pshury3__5c2c4865[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
-.Pagination_styles_qhyqps_pwlctp1__5c2c4865.Pagination_styles_qhyqps_pshury3__5c2c4865{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
-.Pagination_styles_qhyqps_p1tvr3oq__5c2c4865{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-pagination-helper-text-gap);}.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865 .Pagination_styles_qhyqps_p1tvr3oq__5c2c4865{min-width:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
-.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865.Pagination_styles_qhyqps_paginationTypeDefault__5c2c4865{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_qhyqps_p1ea7rbb__5c2c4865.Pagination_styles_qhyqps_paginationEllipsisText__5c2c4865{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Pagination_styles_11gdtmg_p1m4gnut__338ff0ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_11gdtmg_p1m4gnut__338ff0ab.Pagination_styles_11gdtmg_paginationTypeCompact__338ff0ab{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Pagination_styles_11gdtmg_p1m4gnut__338ff0ab.Pagination_styles_11gdtmg_paginationTypeDefault__338ff0ab{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
+.Pagination_styles_11gdtmg_p195n7xj__338ff0ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
+.Pagination_styles_11gdtmg_p19axp12__338ff0ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-pagination-helper-text-gap);-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_11gdtmg_p19axp12__338ff0ab.Pagination_styles_11gdtmg_paginationTypeCompact__338ff0ab{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Pagination_styles_11gdtmg_p19axp12__338ff0ab.Pagination_styles_11gdtmg_paginationTypeCompact__338ff0ab.Pagination_styles_11gdtmg_paginationHasPerpageSelect__338ff0ab{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
+.Pagination_styles_11gdtmg_p1rlzvhv__338ff0ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
+.Pagination_styles_11gdtmg_pivhg1z__338ff0ab{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
+.Pagination_styles_11gdtmg_pshury3__338ff0ab{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_11gdtmg_pshury3__338ff0ab.Pagination_styles_11gdtmg_paginationPageButtonActive__338ff0ab{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-active:var(--plasma-pagination-button-current-color);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color);cursor:default;}.Pagination_styles_11gdtmg_pshury3__338ff0ab.Pagination_styles_11gdtmg_paginationButtonDisabled__338ff0ab{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_11gdtmg_pshury3__338ff0ab:focus{outline:none;}.Pagination_styles_11gdtmg_pshury3__338ff0ab::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_11gdtmg_pshury3__338ff0ab.Pagination_styles_11gdtmg_focusVisible__338ff0ab:focus::before,.Pagination_styles_11gdtmg_pshury3__338ff0ab[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
+.Pagination_styles_11gdtmg_pwlctp1__338ff0ab.Pagination_styles_11gdtmg_pshury3__338ff0ab{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_11gdtmg_p1tvr3oq__338ff0ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-pagination-helper-text-gap);}.Pagination_styles_11gdtmg_paginationTypeDefault__338ff0ab .Pagination_styles_11gdtmg_p1tvr3oq__338ff0ab{min-width:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}
+.Pagination_styles_11gdtmg_p1ea7rbb__338ff0ab{color:var(--plasma-pagination-helper-text-color);}.Pagination_styles_11gdtmg_p1ea7rbb__338ff0ab.Pagination_styles_11gdtmg_paginationTypeDefault__338ff0ab{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}.Pagination_styles_11gdtmg_p1ea7rbb__338ff0ab.Pagination_styles_11gdtmg_paginationEllipsisText__338ff0ab{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
 .base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 

package/es/utils/createConditionalComponent.js

@@ -1,9 +1,9 @@
-import { createForOfIteratorHelper as _createForOfIteratorHelper, extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import { createForOfIteratorHelper as _createForOfIteratorHelper } from '../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
 
 // TODO: Поправить типы, если внутри услвовия типы не совпадают
 function createConditionalComponent(defaultComponent, mappings) {
-  return /*#__PURE__*/forwardRef(function (props, ref) {
+  return function (props) {
     var _iterator = _createForOfIteratorHelper(mappings),
       _step;
     try {
@@ -19,9 +19,7 @@ function createConditionalComponent(defaultComponent, mappings) {
         });
         if (allConditionsMatch) {
           var Component = component;
-          return /*#__PURE__*/React.createElement(Component, _extends({
-            ref: ref
-          }, props));
+          return /*#__PURE__*/React.createElement(Component, props);
         }
       }
     } catch (err) {
@@ -30,10 +28,8 @@ function createConditionalComponent(defaultComponent, mappings) {
       _iterator.f();
     }
     var DefaultComponent = defaultComponent;
-    return /*#__PURE__*/React.createElement(DefaultComponent, _extends({
-      ref: ref
-    }, props));
-  });
+    return /*#__PURE__*/React.createElement(DefaultComponent, props);
+  };
 }
 
 export { createConditionalComponent };

package/es/utils/createConditionalComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"createConditionalComponent.js","sources":["../../src/utils/createConditionalComponent.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\ntype PropCondition<T> = {\n    prop: keyof T;\n    value: any;\n};\n\ntype ComponentMapping<T> = {\n    conditions: PropCondition<T> | PropCondition<T>[];\n    component: React.ComponentType<T>;\n};\n\n// TODO: Поправить типы, если внутри услвовия типы не совпадают\nexport function createConditionalComponent<T extends object, K extends HTMLElement>(\n    defaultComponent: React.ComponentType<T>,\n    mappings: ComponentMapping<T>[],\n) {\n    return forwardRef<K, T>((props: T, ref) => {\n        for (const mapping of mappings) {\n            const { conditions, component } = mapping;\n\n            const conditionsArray = Array.isArray(conditions) ? conditions : [conditions];\n\n            const allConditionsMatch = conditionsArray.every(({ prop, value }) => props[prop] === value);\n\n            if (allConditionsMatch) {\n                const Component = component;\n                return <Component ref={ref} {...props} />;\n            }\n        }\n\n        const DefaultComponent = defaultComponent;\n        return <DefaultComponent ref={ref} {...props} />;\n    });\n}\n"],"names":["createConditionalComponent","defaultComponent","mappings","forwardRef","props","ref","_iterator","_createForOfIteratorHelper","_step","s","n","done","mapping","value","conditions","component","conditionsArray","Array","isArray","allConditionsMatch","every","_ref","prop","Component","React","createElement","_extends","err","e","f","DefaultComponent"],"mappings":";;;AAYA;AACO,SAASA,0BAA0BA,CACtCC,gBAAwC,EACxCC,QAA+B,EACjC;AACE,EAAA,oBAAOC,UAAU,CAAO,UAACC,KAAQ,EAAEC,GAAG,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAC,0BAAA,CACjBL,QAAQ,CAAA;MAAAM,KAAA,CAAA;AAAA,IAAA,IAAA;MAA9B,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAAgC;AAAA,QAAA,IAArBC,OAAO,GAAAJ,KAAA,CAAAK,KAAA,CAAA;AACd,QAAA,IAAQC,UAAU,GAAgBF,OAAO,CAAjCE,UAAU;UAAEC,SAAS,GAAKH,OAAO,CAArBG,SAAS,CAAA;AAE7B,QAAA,IAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACJ,UAAU,CAAC,GAAGA,UAAU,GAAG,CAACA,UAAU,CAAC,CAAA;AAE7E,QAAA,IAAMK,kBAAkB,GAAGH,eAAe,CAACI,KAAK,CAAC,UAAAC,IAAA,EAAA;AAAA,UAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;YAAET,KAAK,GAAAQ,IAAA,CAALR,KAAK,CAAA;AAAA,UAAA,OAAOT,KAAK,CAACkB,IAAI,CAAC,KAAKT,KAAK,CAAA;SAAC,CAAA,CAAA;AAE5F,QAAA,IAAIM,kBAAkB,EAAE;UACpB,IAAMI,SAAS,GAAGR,SAAS,CAAA;AAC3B,UAAA,oBAAOS,KAAA,CAAAC,aAAA,CAACF,SAAS,EAAAG,QAAA,CAAA;AAACrB,YAAAA,GAAG,EAAEA,GAAAA;WAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC7C,SAAA;AACJ,OAAA;AAAC,KAAA,CAAA,OAAAuB,GAAA,EAAA;MAAArB,SAAA,CAAAsB,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,KAAA,SAAA;AAAArB,MAAAA,SAAA,CAAAuB,CAAA,EAAA,CAAA;AAAA,KAAA;IAED,IAAMC,gBAAgB,GAAG7B,gBAAgB,CAAA;AACzC,IAAA,oBAAOuB,KAAA,CAAAC,aAAA,CAACK,gBAAgB,EAAAJ,QAAA,CAAA;AAACrB,MAAAA,GAAG,EAAEA,GAAAA;KAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AACpD,GAAC,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"createConditionalComponent.js","sources":["../../src/utils/createConditionalComponent.tsx"],"sourcesContent":["import React from 'react';\n\ntype PropCondition<T> = {\n    prop: keyof T;\n    value: any;\n};\n\ntype ComponentMapping<T> = {\n    conditions: PropCondition<T> | PropCondition<T>[];\n    component: React.ComponentType<T>;\n};\n\n// TODO: Поправить типы, если внутри услвовия типы не совпадают\nexport function createConditionalComponent<T extends object>(\n    defaultComponent: React.ComponentType<T>,\n    mappings: ComponentMapping<T>[],\n): React.FC<T> {\n    return (props: T) => {\n        for (const mapping of mappings) {\n            const { conditions, component } = mapping;\n\n            const conditionsArray = Array.isArray(conditions) ? conditions : [conditions];\n\n            const allConditionsMatch = conditionsArray.every(({ prop, value }) => props[prop] === value);\n\n            if (allConditionsMatch) {\n                const Component = component;\n                return <Component {...props} />;\n            }\n        }\n\n        const DefaultComponent = defaultComponent;\n        return <DefaultComponent {...props} />;\n    };\n}\n"],"names":["createConditionalComponent","defaultComponent","mappings","props","_iterator","_createForOfIteratorHelper","_step","s","n","done","mapping","value","conditions","component","conditionsArray","Array","isArray","allConditionsMatch","every","_ref","prop","Component","React","createElement","err","e","f","DefaultComponent"],"mappings":";;;AAYA;AACO,SAASA,0BAA0BA,CACtCC,gBAAwC,EACxCC,QAA+B,EACpB;EACX,OAAO,UAACC,KAAQ,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAC,0BAAA,CACKH,QAAQ,CAAA;MAAAI,KAAA,CAAA;AAAA,IAAA,IAAA;MAA9B,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAAgC;AAAA,QAAA,IAArBC,OAAO,GAAAJ,KAAA,CAAAK,KAAA,CAAA;AACd,QAAA,IAAQC,UAAU,GAAgBF,OAAO,CAAjCE,UAAU;UAAEC,SAAS,GAAKH,OAAO,CAArBG,SAAS,CAAA;AAE7B,QAAA,IAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACJ,UAAU,CAAC,GAAGA,UAAU,GAAG,CAACA,UAAU,CAAC,CAAA;AAE7E,QAAA,IAAMK,kBAAkB,GAAGH,eAAe,CAACI,KAAK,CAAC,UAAAC,IAAA,EAAA;AAAA,UAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;YAAET,KAAK,GAAAQ,IAAA,CAALR,KAAK,CAAA;AAAA,UAAA,OAAOR,KAAK,CAACiB,IAAI,CAAC,KAAKT,KAAK,CAAA;SAAC,CAAA,CAAA;AAE5F,QAAA,IAAIM,kBAAkB,EAAE;UACpB,IAAMI,SAAS,GAAGR,SAAS,CAAA;AAC3B,UAAA,oBAAOS,KAAA,CAAAC,aAAA,CAACF,SAAS,EAAKlB,KAAQ,CAAC,CAAA;AACnC,SAAA;AACJ,OAAA;AAAC,KAAA,CAAA,OAAAqB,GAAA,EAAA;MAAApB,SAAA,CAAAqB,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,KAAA,SAAA;AAAApB,MAAAA,SAAA,CAAAsB,CAAA,EAAA,CAAA;AAAA,KAAA;IAED,IAAMC,gBAAgB,GAAG1B,gBAAgB,CAAA;AACzC,IAAA,oBAAOqB,KAAA,CAAAC,aAAA,CAACI,gBAAgB,EAAKxB,KAAQ,CAAC,CAAA;GACzC,CAAA;AACL;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.343.0-canary.2358.19815233540.0",
+  "version": "0.343.0-canary.2365.19816292443.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -79,7 +79,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.211.0-canary.2358.19815233540.0",
+    "@salutejs/plasma-sb-utils": "0.210.0",
     "@salutejs/plasma-themes": "0.38.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b640ad35f8df1bc5536e5829f7346a22911539fb"
+  "gitHead": "d74ce1f02dda4d490a83c41088cee1bd65515d52"
 }

package/styled-components/cjs/components/Pagination/Pagination.styles.js

@@ -54,7 +54,7 @@ var mergedButtonGroupConfig = (0, _engines.mergeConfig)(_ButtonGroup.buttonGroup
 var ButtonGroup = (0, _engines.component)(mergedButtonGroupConfig);
 var PaginationRoot = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationRoot",
-    componentId: "sc-ec0762a3-0"
+    componentId: "sc-a9f2b5ca-0"
 })([
     "display:flex;color:var(",
     ");&.",
@@ -63,30 +63,28 @@ var PaginationRoot = _styledcomponents.default.div.withConfig({
 ], _Paginationtokens.tokens.paginationColor, _Paginationtokens.classes.compactType, _Paginationtokens.classes.defaultType);
 var PaginationPages = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationPages",
-    componentId: "sc-ec0762a3-1"
+    componentId: "sc-a9f2b5ca-1"
 })([
     "display:flex;align-items:center;gap:0.25rem;flex-shrink:0;"
 ]);
 var PaginationActions = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationActions",
-    componentId: "sc-ec0762a3-2"
+    componentId: "sc-a9f2b5ca-2"
 })([
     "display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(",
     ");flex-shrink:1;&.",
-    "{flex-direction:row;width:100%;flex-wrap:wrap;}&.",
-    "{flex-direction:row;}&.",
-    "{flex-direction:row-reverse;}&.",
-    "{flex-direction:row;}"
-], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.compactType, _Paginationtokens.classes.defaultType, _Paginationtokens.classes.withHasPerPageSelect, _Paginationtokens.classes.withHasQuickJump);
+    "{flex-direction:row;width:100%;flex-wrap:wrap;&.",
+    "{flex-direction:row-reverse;}}flex-direction:row;"
+], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.compactType, _Paginationtokens.classes.withHasPerPageSelect);
 var PaginationSection = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationSection",
-    componentId: "sc-ec0762a3-3"
+    componentId: "sc-a9f2b5ca-3"
 })([
     "display:flex;gap:0.125rem;"
 ]);
 var PaginationButtonGroup = (0, _styledcomponents.default)(ButtonGroup).withConfig({
     displayName: "Pagination.styles__PaginationButtonGroup",
-    componentId: "sc-ec0762a3-4"
+    componentId: "sc-a9f2b5ca-4"
 })([
     "",
     ":var(",
@@ -128,7 +126,7 @@ var PaginationButtonGroup = (0, _styledcomponents.default)(ButtonGroup).withConf
 ], _ButtonGroup.buttonGroupTokens.buttonColor, _Paginationtokens.tokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _Paginationtokens.tokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _Paginationtokens.tokens.buttonHoverColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _Paginationtokens.tokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _Paginationtokens.tokens.buttonActiveColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive, _Paginationtokens.tokens.buttonBackgroundColorActive, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _Paginationtokens.tokens.paginationFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _Paginationtokens.tokens.paginationFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _Paginationtokens.tokens.paginationFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _Paginationtokens.tokens.paginationFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _Paginationtokens.tokens.paginationLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight, _Paginationtokens.tokens.paginationLineHeight, _ButtonGroup.buttonGroupTokens.buttonWidth, _Paginationtokens.tokens.buttonWidth, _ButtonGroup.buttonGroupTokens.buttonHeight, _Paginationtokens.tokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _Paginationtokens.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonRadiusCircle, _Paginationtokens.tokens.buttonRadius);
 var PaginationButton = (0, _styledcomponents.default)(Button).withConfig({
     displayName: "Pagination.styles__PaginationButton",
-    componentId: "sc-ec0762a3-5"
+    componentId: "sc-a9f2b5ca-5"
 })([
     "",
     ":var(",
@@ -194,7 +192,7 @@ var PaginationButton = (0, _styledcomponents.default)(Button).withConfig({
 }));
 var PaginationShorter = (0, _styledcomponents.default)(PaginationButton).withConfig({
     displayName: "Pagination.styles__PaginationShorter",
-    componentId: "sc-ec0762a3-6"
+    componentId: "sc-a9f2b5ca-6"
 })([
     "",
     ":var(",
@@ -203,7 +201,7 @@ var PaginationShorter = (0, _styledcomponents.default)(PaginationButton).withCon
 ], _Button.buttonTokens.buttonWidth, _Paginationtokens.tokens.buttonWidthShorter, _Button.buttonTokens.buttonPadding);
 var PaginationActionsLeft = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationActionsLeft",
-    componentId: "sc-ec0762a3-7"
+    componentId: "sc-a9f2b5ca-7"
 })([
     "display:flex;align-items:center;flex-wrap:wrap;gap:var(",
     ");.",
@@ -211,7 +209,7 @@ var PaginationActionsLeft = _styledcomponents.default.div.withConfig({
 ], _Paginationtokens.tokens.paginationHelperTextGap, _Paginationtokens.classes.defaultType);
 var PaginationHelperText = _styledcomponents.default.div.withConfig({
     displayName: "Pagination.styles__PaginationHelperText",
-    componentId: "sc-ec0762a3-8"
+    componentId: "sc-a9f2b5ca-8"
 })([
     "color:var(",
     ");&.",

package/styled-components/cjs/components/TextField/TextField.js

@@ -26,12 +26,13 @@ var _utils = require("../../utils");
 var _hooks = require("../../hooks");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
-var _base2 = require("./variations/_disabled/base");
-var _base3 = require("./variations/_read-only/base");
-var _base4 = require("./variations/_label-placement/base");
-var _base5 = require("./variations/_hint-view/base");
-var _base6 = require("./variations/_hint-size/base");
-var _base7 = require("./variations/_chip-view/base");
+var _base2 = require("./variations/_clear/base");
+var _base3 = require("./variations/_disabled/base");
+var _base4 = require("./variations/_read-only/base");
+var _base5 = require("./variations/_label-placement/base");
+var _base6 = require("./variations/_hint-view/base");
+var _base7 = require("./variations/_hint-size/base");
+var _base8 = require("./variations/_chip-view/base");
 var _TextFieldstyles = require("./TextField.styles");
 var _TextFieldtokens = require("./TextField.tokens");
 var _ui = require("./ui");
@@ -192,7 +193,7 @@ var textFieldRoot = function(Root) {
         var id = _param.id, className = _param.className, style = _param.style, // layout
         contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
         hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
-        appearance = _param.appearance, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, _param_optionalText = _param.optionalText, optionalText = _param_optionalText === void 0 ? 'optional' : _param_optionalText, hasDivider = _param.hasDivider, // controlled
+        view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, _param_optionalText = _param.optionalText, optionalText = _param_optionalText === void 0 ? 'optional' : _param_optionalText, hasDivider = _param.hasDivider, // controlled
         outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
         _chips = _param._chips, // @ts-ignore
         _chipClickArea = _param._chipClickArea, // @ts-ignore
@@ -230,7 +231,6 @@ var textFieldRoot = function(Root) {
             "hintOffset",
             "hintWidth",
             "hintContentLeft",
-            "appearance",
             "view",
             "size",
             "readOnly",
@@ -276,6 +276,7 @@ var textFieldRoot = function(Root) {
         var innerId = id || uniqId;
         var labelId = (0, _utils.safeUseId)();
         var helperTextId = (0, _utils.safeUseId)();
+        var isDefaultView = view === 'default' || readOnly || disabled;
         var isChipEnumeration = enumerationType === 'chip';
         var isChipsVisible = isChipEnumeration && Boolean((chips === null || chips === void 0 ? void 0 : chips.length) || (_chips === null || _chips === void 0 ? void 0 : _chips.length));
         var withHasChips = isChipsVisible ? _TextFieldtokens.classes.hasChips : undefined;
@@ -297,7 +298,7 @@ var textFieldRoot = function(Root) {
         var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
         var innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;
         var placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;
-        var clearClass = clear || appearance === 'clear' ? _TextFieldtokens.classes.clear : undefined;
+        var clearClass = clear ? _TextFieldtokens.classes.clear : undefined;
         var hasDividerClass = hasDivider ? _TextFieldtokens.classes.hasDivider : undefined;
         var hasInnerHintClass = hintText && hintTargetPlacement === 'outer' ? _TextFieldtokens.classes.hasHint : undefined;
         var hasHintClass = hintText ? _TextFieldtokens.classes.hasHint : undefined;
@@ -528,7 +529,9 @@ var textFieldRoot = function(Root) {
             handleHintClick: handleHintClick,
             isInnerLabel: true
         }))), contentLeft && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledContentLeft, {
-            "data-root": true
+            "data-root": true,
+            isClear: clear,
+            isDefaultView: isDefaultView
         }, contentLeft), /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.InputLabelWrapper, {
             tabIndex: -1,
             ref: contentRef,
@@ -648,25 +651,29 @@ var textFieldConfig = {
         size: {
             css: _base.base
         },
-        disabled: {
+        clear: {
             css: _base2.base,
             attrs: true
         },
-        readOnly: {
+        disabled: {
             css: _base3.base,
             attrs: true
         },
+        readOnly: {
+            css: _base4.base,
+            attrs: true
+        },
         labelPlacement: {
-            css: _base4.base
+            css: _base5.base
         },
         hintView: {
-            css: _base5.base
+            css: _base6.base
         },
         hintSize: {
-            css: _base6.base
+            css: _base7.base
         },
         chipView: {
-            css: _base7.base
+            css: _base8.base
         }
     },
     defaults: {