@salutejs/plasma-new-hope 0.272.0-canary.1770.13398571521.0 → 0.272.0-canary.1781.13399946146.0

package/es/index.css

@@ -103,19 +103,20 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
+.base_1xk2qu8_b17hdes8__122b4c2e input[type='checkbox']:indeterminate + .base_1xk2qu8_shwv1in__122b4c2e .base_1xk2qu8_s1u3nd7e__122b4c2e{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_1xk2qu8_b17hdes8__122b4c2e input:checked + .base_1xk2qu8_shwv1in__122b4c2e .base_1xk2qu8_s1u3nd7e__122b4c2e{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
 
-.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
+.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{cursor:not-allowed;}
 
 .base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::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(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
 
-.Checkbox_styles_16ay1rj_b1udywkg__57f51758{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_16ay1rj_b1udywkg__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Checkbox_styles_16ay1rj_s165w87d__57f51758{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_16ay1rj_s165w87d__57f51758:focus{outline:0 none;}
-.Checkbox_styles_16ay1rj_sft3zxv__57f51758{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
-.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{width:100%;}
-.Checkbox_styles_16ay1rj_shwv1in__57f51758{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
-.Checkbox_styles_16ay1rj_s1my1ay__57f51758{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
-.Checkbox_styles_16ay1rj_s14u8fnn__57f51758{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_16ay1rj_s14u8fnn__57f51758.Checkbox_styles_16ay1rj_onlyDescription__57f51758{margin-top:0;}
+.Checkbox_styles_tc2l94_b1udywkg__882a2762{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_tc2l94_b1udywkg__882a2762 .Checkbox_styles_tc2l94_singleLine__882a2762{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Checkbox_styles_tc2l94_s165w87d__882a2762{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_tc2l94_s165w87d__882a2762:focus{outline:0 none;}
+.Checkbox_styles_tc2l94_sft3zxv__882a2762{padding:var(--plasma-checkbox-trigger-padding);}
+.Checkbox_styles_tc2l94_s1u3nd7e__882a2762{width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_tc2l94_s1u3nd7e__882a2762 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_tc2l94_s1u3nd7e__882a2762 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Checkbox_styles_tc2l94_shwv1in__882a2762{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_tc2l94_shwv1in__882a2762 .Checkbox_styles_tc2l94_singleLine__882a2762{width:100%;}
+.Checkbox_styles_tc2l94_s1my1ay__882a2762{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
+.Checkbox_styles_tc2l94_s14u8fnn__882a2762{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
+.Checkbox_styles_tc2l94_s10clj68__882a2762{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_tc2l94_s10clj68__882a2762.Checkbox_styles_tc2l94_onlyDescription__882a2762{margin-top:0;}
 
 .base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
 
@@ -123,8 +124,8 @@
 
 .base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae.base_1d7o4za_focusVisible__19288bae:focus::before,.base_1d7o4za_buxu4te__19288bae .base_1d7o4za_radioboxTrigger__19288bae[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae{border-color:transparent;position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added] + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae{position:relative;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::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(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1d7o4za_buxu4te__19288bae input[data-focus-visible-added]:checked + label .base_1d7o4za_radioboxTrigger__19288bae::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
 
-.Radiobox_styles_vikocp_s14xglkp__f2b84016{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_vikocp_s14xglkp__f2b84016{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
-.Radiobox_styles_vikocp_bdte4ex__f2b84016{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Radiobox_styles_vikocp_bdte4ex__f2b84016 .Radiobox_styles_vikocp_singleLine__f2b84016{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Radiobox_styles_8cwqg9_s14xglkp__cd3a6202{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_8cwqg9_s14xglkp__cd3a6202{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Radiobox_styles_8cwqg9_bdte4ex__cd3a6202{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-padding:var(--plasma-radiobox-trigger-padding);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Radiobox_styles_8cwqg9_bdte4ex__cd3a6202 .Radiobox_styles_8cwqg9_singleLine__cd3a6202{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 
 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
 .Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
@@ -156,8 +157,6 @@
 
 .base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59{border:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_o1r1fvk8__f2a5cb59{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_stc5t23__f2a5cb59{right:0;bottom:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59,.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_snf439a__f2a5cb59{padding-left:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_snf439a__f2a5cb59{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59.base_kgm261_textareaHasRightContent__f2a5cb59{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59:not(.base_kgm261_innerPlaceholderUp__f2a5cb59) .base_kgm261_s14zw9ik__f2a5cb59{color:var(--plasma-textarea-clear-placeholder-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59:not(.base_kgm261_innerPlaceholderUp__f2a5cb59).base_kgm261_focusedOuterPlaceholderColor__f2a5cb59 .base_kgm261_s14zw9ik__f2a5cb59{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59.base_kgm261_innerPlaceholderUp__f2a5cb59{color:var(--plasma-textarea-placeholder-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s14zw9ik__f2a5cb59{padding-left:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59.base_kgm261_requiredAlignRight__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasHint__f2a5cb59 .base_kgm261_s18tpn65__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasHint__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59.base_kgm261_requiredAlignRight__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_textareaContainer__f2a5cb59{border:unset;border-radius:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaWrapper__f2a5cb59{background-color:unset;box-shadow:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaContainer__f2a5cb59{border:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaHelpers__f2a5cb59{background-color:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59:not([readonly]) .base_kgm261_s3wsw3p__f2a5cb59:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59:not([readonly]) .base_kgm261_s3wsw3p__f2a5cb59:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
 
-.base_2remzk_b1xxdrt2__e0a247bd[readonly] .base_2remzk_s18lndvq__e0a247bd{color:var(--plasma-textarea-input-color-read-only);}.base_2remzk_b1xxdrt2__e0a247bd[readonly]:not(.base_2remzk_b1xxdrt2__e0a247bd[readonly].base_2remzk_textareaClear__e0a247bd) .base_2remzk_salwx57__e0a247bd{background:transparent;position:relative;}.base_2remzk_b1xxdrt2__e0a247bd[readonly]:not(.base_2remzk_b1xxdrt2__e0a247bd[readonly].base_2remzk_textareaClear__e0a247bd) .base_2remzk_salwx57__e0a247bd:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);border-radius:var(--plasma-textarea-border-radius);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.base_2remzk_b1xxdrt2__e0a247bd[readonly]:not(.base_2remzk_b1xxdrt2__e0a247bd[readonly].base_2remzk_textareaClear__e0a247bd) .base_2remzk_salwx57__e0a247bd:hover{background:transparent;}
-
 .base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_1bn0zc9_b1w9g1pa__29fe1634 .base_1bn0zc9_textarea__29fe1634:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
 
 .base_111a0qe_b193dn9j__86c7166a .base_111a0qe_h1luq7vd__86c7166a{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}
@@ -174,7 +173,7 @@
 
 .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_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171: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);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
+.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{color:var(--plasma-textfield__label-color-readonly);}
 
 .base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{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_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{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%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
 
@@ -720,7 +719,7 @@
 
 .base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
 
-.base_1jlqwtc_b1l9fpln__86a36108[readonly]{cursor:default;}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_cfxtxl2__86a36108{background:var(--plasma-range-background-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s14q3826__86a36108{display:block;color:var(--plasma-range__label-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_l1e6rwfy__86a36108{color:var(--plasma-range__left-helper-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s1hiyoiq__86a36108{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s15y5ylz__86a36108,.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{color:var(--plasma-range-textfield-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{opacity:var(--plasma-range__right-content-opacity-readonly);}
+.base_8q1gx8_b1l9fpln__a910018b[readonly]{cursor:default;}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_cfxtxl2__a910018b{background:var(--plasma-range-background-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s14q3826__a910018b{display:block;color:var(--plasma-range__label-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_l1e6rwfy__a910018b{color:var(--plasma-range__left-helper-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s1hiyoiq__a910018b{color:var(--plasma-range__divider-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s15y5ylz__a910018b,.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_suha98b__a910018b{color:var(--plasma-range-textfield-color-readonly);}
 
 .Range_styles_pk9346_s1k2erwt__4887fc13{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_pk9346_s1k2erwt__4887fc13.Range_styles_pk9346_rangeValueError__4887fc13{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_pk9346_s1k2erwt__4887fc13.Range_styles_pk9346_rangeValueSuccess__4887fc13{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
 .Range_styles_pk9346_b16kyj37__4887fc13{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.272.0-canary.1770.13398571521.0",
+  "version": "0.272.0-canary.1781.13399946146.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -132,5 +132,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "d3500aa677c8e3b5a0129a04de8cbc94344743e7"
+  "gitHead": "d1ae48eec3e00c83477927d74eb795d84a03902e"
 }

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

@@ -76,9 +76,9 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
     })), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
       htmlFor: checkboxId,
       className: singleLineClass
-    }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
+    }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTriggerWrapper, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
       className: _Checkbox2.classes.checkboxTrigger
-    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
+    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null)))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
       className: singleLineClass,

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

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
+exports.base = exports.StyledTriggerWrapper = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _mixins = /*#__PURE__*/require("../../mixins");
 var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
@@ -16,18 +16,21 @@ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObjec
 var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
   componentId: "plasma-new-hope__sc-tydhc1-0"
 })(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
-var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var StyledTriggerWrapper = exports.StyledTriggerWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-tydhc1-1"
-})(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:var(", ");border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerMargin, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBackgroundColor, _Checkbox.tokens.triggerBorderColor);
-var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
+})(["padding:var(", ");"], _Checkbox.tokens.triggerPadding);
+var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-tydhc1-2"
+})(["width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:var(", ");border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"], _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBackgroundColor, _Checkbox.tokens.triggerBorderColor);
+var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
+  componentId: "plasma-new-hope__sc-tydhc1-3"
 })(["position:relative;align-items:flex-start;display:flex;width:inherit;cursor:pointer;.", "{width:100%;}"], _Checkbox.classes.singleLine);
 var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-tydhc1-3"
+  componentId: "plasma-new-hope__sc-tydhc1-4"
 })(["display:flex;flex-direction:column;margin-top:var(", ");margin-left:var(", ");"], _Checkbox.tokens.contentTopOffset, _Checkbox.tokens.contentLeftOffset);
 var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
-  componentId: "plasma-new-hope__sc-tydhc1-4"
+  componentId: "plasma-new-hope__sc-tydhc1-5"
 })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Checkbox.tokens.labelFontFamily, _Checkbox.tokens.labelFontSize, _Checkbox.tokens.labelFontStyle, _Checkbox.tokens.labelFontWeight, _Checkbox.tokens.labelLetterSpacing, _Checkbox.tokens.labelLineHeight);
 var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-tydhc1-5"
+  componentId: "plasma-new-hope__sc-tydhc1-6"
 })(["margin-top:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&.", "{margin-top:0;}"], _Checkbox.tokens.descriptionMarginTop, _Checkbox.tokens.descriptionColor, _Checkbox.tokens.descriptionFontFamily, _Checkbox.tokens.descriptionFontSize, _Checkbox.tokens.descriptionFontStyle, _Checkbox.tokens.descriptionFontWeight, _Checkbox.tokens.descriptionLetterSpacing, _Checkbox.tokens.descriptionLineHeight, _Checkbox.classes.onlyDescription);

package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js

@@ -11,7 +11,7 @@ var classes = exports.classes = {
 };
 var tokens = exports.tokens = {
   margin: '--plasma-checkbox-margin',
-  triggerMargin: '--plasma-checkbox-trigger-margin',
+  triggerPadding: '--plasma-checkbox-trigger-padding',
   triggerSize: '--plasma-checkbox-trigger-size',
   triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',
   contentTopOffset: '--plasma-checkbox-content-top-offset',

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

@@ -68,9 +68,9 @@ var radioboxRoot = exports.radioboxRoot = function radioboxRoot(Root) {
     })), /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContentWrapper, {
       htmlFor: radioboxId,
       className: singleLineClass
-    }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
+    }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTriggerWrapper, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
       className: _Radiobox2.classes.radioboxTrigger
-    }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/_react["default"].createElement(_Radiobox.StyledEllipse, null))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
+    }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/_react["default"].createElement(_Radiobox.StyledEllipse, null)))), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
       className: (0, _utils.cx)(singleLineClass, onlyDescriptionClass),

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

@@ -12,7 +12,7 @@ var _Radiobox = /*#__PURE__*/require("./Radiobox.tokens");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 // NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
-var mappingOverride = /*#__PURE__*/"\n    ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radiobox.tokens.labelFontFamily, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radiobox.tokens.labelFontSize, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radiobox.tokens.labelFontStyle, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radiobox.tokens.labelFontWeight, ");\n    ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radiobox.tokens.labelLetterSpacing, ");\n    ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radiobox.tokens.labelLineHeight, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radiobox.tokens.descriptionMarginTop, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radiobox.tokens.descriptionFontFamily, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radiobox.tokens.descriptionFontSize, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radiobox.tokens.descriptionFontStyle, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radiobox.tokens.descriptionFontWeight, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radiobox.tokens.descriptionLetterSpacing, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radiobox.tokens.descriptionLineHeight, ");\n\n    ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radiobox.tokens.fillColor, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radiobox.tokens.descriptionColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radiobox.tokens.triggerBorderColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBackgroundColor, ": var(").concat(_Radiobox.tokens.triggerBackgroundColor, ");\n\n    ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radiobox.tokens.contentTopOffset, ");\n    ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radiobox.tokens.contentLeftOffset, ");\n    ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radiobox.tokens.triggerSize, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radiobox.tokens.triggerBorderRadius, ");\n    ").concat(_Checkbox.checkboxTokens.triggerMargin, ": var(").concat(_Radiobox.tokens.triggerMargin, ");\n");
+var mappingOverride = /*#__PURE__*/"\n    ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radiobox.tokens.labelFontFamily, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radiobox.tokens.labelFontSize, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radiobox.tokens.labelFontStyle, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radiobox.tokens.labelFontWeight, ");\n    ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radiobox.tokens.labelLetterSpacing, ");\n    ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radiobox.tokens.labelLineHeight, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radiobox.tokens.descriptionMarginTop, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radiobox.tokens.descriptionFontFamily, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radiobox.tokens.descriptionFontSize, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radiobox.tokens.descriptionFontStyle, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radiobox.tokens.descriptionFontWeight, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radiobox.tokens.descriptionLetterSpacing, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radiobox.tokens.descriptionLineHeight, ");\n\n    ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radiobox.tokens.fillColor, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radiobox.tokens.descriptionColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radiobox.tokens.triggerBorderColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBackgroundColor, ": var(").concat(_Radiobox.tokens.triggerBackgroundColor, ");\n\n    ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radiobox.tokens.contentTopOffset, ");\n    ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radiobox.tokens.contentLeftOffset, ");\n    ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radiobox.tokens.triggerSize, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radiobox.tokens.triggerBorderRadius, ");\n    ").concat(_Checkbox.checkboxTokens.triggerPadding, ": var(").concat(_Radiobox.tokens.triggerPadding, ");\n");
 var StyledEllipse = exports.StyledEllipse = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-rqiilp-0"
 })(["width:var(", ");height:var(", ");border-radius:var(", ");background-color:var(", ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"], _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseColor);

package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js

@@ -31,7 +31,7 @@ var tokens = exports.tokens = {
   contentLeftOffset: '--plasma-radiobox-content-left-offset',
   triggerSize: '--plasma-radiobox-trigger-size',
   triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
-  triggerMargin: '--plasma-radiobox-trigger-margin',
+  triggerPadding: '--plasma-radiobox-trigger-padding',
   margin: '--plasma-radiobox-margin',
   ellipseSize: '--plasma-radiobox-ellipse-size',
   ellipseColor: '--plasma-radiobox-ellipse-color',

package/styled-components/cjs/components/Range/Range.tokens.js

@@ -26,7 +26,6 @@ var tokens = exports.tokens = {
   /** Токены разделителя */
   dividerColor: '--plasma-range__divider-color',
   dividerColorReadOnly: '--plasma-range__divider-color-readonly',
-  dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',
   dividerPadding: '--plasma-range__divider-padding',
   dividerFontFamily: '--plasma-range__divider-font-family',
   dividerFontStyle: '--plasma-range__divider-font-style',
@@ -37,7 +36,6 @@ var tokens = exports.tokens = {
   /** Токены слотов для контента */
   leftContentMargin: '--plasma-range__left-content-margin',
   rightContentMargin: '--plasma-range__right-content-margin',
-  rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
   /** Токены лейбла */
   labelColor: '--plasma-range__label-color',
   labelColorReadOnly: '--plasma-range__label-color-readonly',

package/styled-components/cjs/components/Range/variations/_readonly/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Range = /*#__PURE__*/require("../../Range.tokens");
 var _Range2 = /*#__PURE__*/require("../../Range.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", "{background:var(", ");}", "{display:block;color:var(", ");}", "{color:var(", ");}", "{color:var(", ");opacity:var(", ");}", ",", "{color:var(", ");}", "{opacity:var(", ");}}"], _Range2.ContentWrapper, _Range.tokens.backgroundReadOnly, _Range2.StyledLabel, _Range.tokens.labelColorReadOnly, _Range2.LeftHelper, _Range.tokens.leftHelperColorReadOnly, _Range2.StyledDivider, _Range.tokens.dividerColorReadOnly, _Range.tokens.dividerOpacityReadOnly, _Range2.StyledContentLeft, _Range2.StyledContentRight, _Range.tokens.textFieldColorReadOnly, _Range2.StyledContentRight, _Range.tokens.rightContentOpacityReadOnly);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", "{background:var(", ");}", "{display:block;color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", ",", "{color:var(", ");}}"], _Range2.ContentWrapper, _Range.tokens.backgroundReadOnly, _Range2.StyledLabel, _Range.tokens.labelColorReadOnly, _Range2.LeftHelper, _Range.tokens.leftHelperColorReadOnly, _Range2.StyledDivider, _Range.tokens.dividerColorReadOnly, _Range2.StyledContentLeft, _Range2.StyledContentRight, _Range.tokens.textFieldColorReadOnly);

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

@@ -17,10 +17,9 @@ var _TextArea2 = /*#__PURE__*/require("./TextArea.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_clear/base");
-var _base4 = /*#__PURE__*/require("./variations/_read-only/base");
-var _base5 = /*#__PURE__*/require("./variations/_disabled/base");
-var _base6 = /*#__PURE__*/require("./variations/_hint-view/base");
-var _base7 = /*#__PURE__*/require("./variations/_hint-size/base");
+var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
+var _base5 = /*#__PURE__*/require("./variations/_hint-view/base");
+var _base6 = /*#__PURE__*/require("./variations/_hint-size/base");
 var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
 var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "leftHelperPlacement", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -359,19 +358,18 @@ var textAreaConfig = exports.textAreaConfig = {
       css: _base3.base,
       attrs: true
     },
-    readOnly: {
+    disabled: {
       css: _base4.base,
       attrs: true
     },
-    disabled: {
-      css: _base5.base,
+    readOnly: {
       attrs: true
     },
     hintView: {
-      css: _base6.base
+      css: _base5.base
     },
     hintSize: {
-      css: _base7.base
+      css: _base6.base
     }
   },
   defaults: {

package/styled-components/cjs/components/TextArea/TextArea.tokens.js

@@ -66,9 +66,6 @@ var tokens = exports.tokens = {
   /** Цвет текста для элемента textarea */
   inputColor: '--plasma-textarea-input-color',
   clearInputColor: '--plasma-textarea-input-clear-color',
-  inputColorReadOnly: '--plasma-textarea-input-color-read-only',
-  backgroundColorReadOnly: '--plasma-textarea-background-color-read-only',
-  readOnlyOpacity: '--plasma-textarea-read-only-opacity',
   /** Цвет текста для элемента textarea в состоянии focus */
   inputColorFocus: '--plasma-textarea-input-color-focus',
   /** Цвет каретки для элемента textarea */

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

@@ -118,7 +118,6 @@ var tokens = exports.tokens = {
   textAfterMargin: '--plasma-textfield__after-text-margin',
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-textfield-disabled-opacity',
-  readOnlyOpacity: '--plasma-textfield-readonly-opacity',
   /** Токены для tooltip */
   hintMargin: '--plasma-textfield__hint-margin',
   hintTargetSize: '--plasma-textfield__hint-target-size',

package/styled-components/cjs/components/TextField/variations/_read-only/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _TextField = /*#__PURE__*/require("../../TextField.tokens");
 var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{:not(&.", "){", "{position:relative;color:var(", ");background-color:transparent;box-shadow:inset 0 0 0 var(", ") var(", ");:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(", ");background-color:var(", ");opacity:var(", ");z-index:-1;}:hover{background-color:transparent;}}}&.", " ", "{&:before{background-color:var(", ");}}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}", ":hover,", ":active{cursor:default;color:var(", ",var(", "));}&.", " ", "{color:var(", ");}}"], _TextField.classes.clear, _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.tokens.borderRadius, _TextField.tokens.backgroundColorReadOnly, _TextField.tokens.readOnlyOpacity, _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField2.StyledContentRight, _TextField2.StyledContentRight, _TextField.tokens.contentSlotRightColor, _TextField.tokens.contentSlotColor, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);

package/styled-components/cjs/components/_Icon/Icons/IconChevronLeft.js

@@ -7,23 +7,18 @@ exports.IconChevronLeft = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _ChevronLeft = /*#__PURE__*/require("../Icon.assets/ChevronLeft");
 var _IconRoot = /*#__PURE__*/require("../IconRoot");
-var _excluded = ["size", "color", "className", "sizeCustomProperty"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var IconChevronLeft = exports.IconChevronLeft = function IconChevronLeft(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
     className = _ref.className,
-    sizeCustomProperty = _ref.sizeCustomProperty,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, _extends({
+    sizeCustomProperty = _ref.sizeCustomProperty;
+  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
     className: className,
     size: size,
     color: color,
     icon: _ChevronLeft.ChevronLeft,
     sizeCustomProperty: sizeCustomProperty
-  }, rest));
+  });
 };

package/styled-components/cjs/components/_Icon/index.js

@@ -159,12 +159,6 @@ Object.defineProperty(exports, "IconInfoCircleOutline", {
     return _IconInfoCircleOutline.IconInfoCircleOutline;
   }
 });
-Object.defineProperty(exports, "IconLock", {
-  enumerable: true,
-  get: function get() {
-    return _IconLock.IconLock;
-  }
-});
 Object.defineProperty(exports, "IconMic", {
   enumerable: true,
   get: function get() {
@@ -250,7 +244,6 @@ var _IconDisclosureRightWithOffset = /*#__PURE__*/require("./Icons/IconDisclosur
 var _IconDisclosureDownFill = /*#__PURE__*/require("./Icons/IconDisclosureDownFill");
 var _IconDisclosureDownWithOffset = /*#__PURE__*/require("./Icons/IconDisclosureDownWithOffset");
 var _IconDisclosureUpWithOffset = /*#__PURE__*/require("./Icons/IconDisclosureUpWithOffset");
-var _IconLock = /*#__PURE__*/require("./Icons/IconLock");
 var _IconMic = /*#__PURE__*/require("./Icons/IconMic");
 var _IconChevronLeft = /*#__PURE__*/require("./Icons/IconChevronLeft");
 var _IconChevronDoubleLeft = /*#__PURE__*/require("./Icons/IconChevronDoubleLeft");

package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js

@@ -15,8 +15,8 @@ var config = exports.config = {
      * Размер контрола.
      */
     size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.063rem;", ":0.875rem;", ":0.25rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerMargin, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerMargin, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.063rem;", ":0.875rem;", ":0.25rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -1,7 +1,7 @@
 import React, { ComponentProps, useEffect, useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 import { IconButton } from '../IconButton/IconButton';

package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js

@@ -16,8 +16,8 @@ var config = exports.config = {
      * Размер контрола.
      */
     size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0;", ":1rem;", ":1.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerMargin, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.063rem;", ":1.375rem;", ":1.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerMargin, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0;", ":1rem;", ":1.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.063rem;", ":1.375rem;", ":1.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js

@@ -25,7 +25,7 @@ var config = exports.config = {
       "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Range.rangeTokens.disabledOpacity)
     },
     readOnly: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":0.4;", ":0.4;", ":var(--text-primary);", ":transparent;", ":var(--text-secondary);"], _Range.rangeTokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _Range.rangeTokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Range.rangeTokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly)
     }
   }
 };

package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, ComponentProps, Dispatch, SetStateAction, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 import { IconChevronLeft } from '../../../../components/_Icon';
@@ -45,10 +45,7 @@ const meta: Meta<typeof Range> = {
             control: {
                 type: 'select',
             },
-            if: {
-                arg: 'required',
-                truthy: true,
-            },
+            if: { arg: 'required', truthy: true },
         },
         ...disableProps(['view']),
     },
@@ -79,14 +76,10 @@ const getSizeForIcon = (size) => {
     return size;
 };
 
-const ActionButton = ({ size, readOnly }) => {
+const ActionButton = ({ size }) => {
     return (
-        <IconButton view="clear" size={size} disabled={readOnly}>
-            <IconChevronLeft
-                color={readOnly ? 'var(--text-secondary)' : 'inherit'}
-                size={getSizeForIcon(size)}
-                style={{ transform: 'rotate(180deg)' }}
-            />
+        <IconButton view="clear" size={size}>
+            <IconChevronLeft color="inherit" size={getSizeForIcon(size)} />
         </IconButton>
     );
 };
@@ -122,7 +115,7 @@ const StoryDefault = ({
             firstValue={firstValue}
             secondValue={secondValue}
             contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
-            contentRight={enableContentRight ? <ActionButton size={size} readOnly={rest.readOnly} /> : undefined}
+            contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
             firstTextfieldContentLeft={
                 enableFirstTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined
             }
@@ -273,7 +266,7 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, size, ...rest }: Sto
             firstValueSuccess={firstValueSuccess}
             secondValueSuccess={secondValueSuccess}
             contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
-            contentRight={enableContentRight ? <ActionButton size={size} readOnly={rest.readOnly} /> : undefined}
+            contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
             onChangeFirstValue={(e) => {
                 handleChangeValue(
                     e,

package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js

@@ -35,9 +35,6 @@ var config = exports.config = {
     clear: {
       "true": /*#__PURE__*/(0, _styledComponents.css)([""])
     },
-    readOnly: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-transparent-primary);", ":var(--text-primary);"], _TextArea.textAreaTokens.readOnlyOpacity, _TextArea.textAreaTokens.backgroundColorReadOnly, _TextArea.textAreaTokens.inputColorReadOnly)
-    },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.disabledOpacity, _TextArea.textAreaTokens.inputColorDisabled, _TextArea.textAreaTokens.dividerColorReadOnly, _TextArea.textAreaTokens.titleCaptionColorReadOnly)
     }