@alfalab/core-components 41.6.0 → 41.7.0-beta.1

package/pure-cell/modern/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-2a6fc079.js';
+export { P as PureCell } from './component-aa016612.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -14,5 +14,5 @@ import './components/footer/component.js';
 import './components/footer-button/component.js';
 import '../../button/modern';
 import './components/graphics/component.js';
-import './getDataTestId-ad890085.js';
+import './getDataTestId-53ec805e.js';
 import './components/footer-text/component.js';

package/pure-input/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"input":"pure-input__input_1h22o","hasInnerLabel":"pure-input__hasInnerLabel_1h22o","clearIcon":"pure-input__clearIcon_1h22o","error":"pure-input__error_1h22o","component":"pure-input__component_1h22o","block":"pure-input__block_1h22o","s":"pure-input__s_1h22o","m":"pure-input__m_1h22o","l":"pure-input__l_1h22o","xl":"pure-input__xl_1h22o","focusVisible":"pure-input__focusVisible_1h22o"};
+var styles = {"input":"pure-input__input_98pyc","hasInnerLabel":"pure-input__hasInnerLabel_98pyc","clearIcon":"pure-input__clearIcon_98pyc","error":"pure-input__error_98pyc","component":"pure-input__component_98pyc","block":"pure-input__block_98pyc","s":"pure-input__s_98pyc","m":"pure-input__m_98pyc","l":"pure-input__l_98pyc","xl":"pure-input__xl_98pyc","focusVisible":"pure-input__focusVisible_98pyc"};
 require('./index.css');
 
 var PureInput = React__default.default.forwardRef(function (_a, ref) {

package/pure-input/esm/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"input":"pure-input__input_1h22o","hasInnerLabel":"pure-input__hasInnerLabel_1h22o","clearIcon":"pure-input__clearIcon_1h22o","error":"pure-input__error_1h22o","component":"pure-input__component_1h22o","block":"pure-input__block_1h22o","s":"pure-input__s_1h22o","m":"pure-input__m_1h22o","l":"pure-input__l_1h22o","xl":"pure-input__xl_1h22o","focusVisible":"pure-input__focusVisible_1h22o"};
+var styles = {"input":"pure-input__input_98pyc","hasInnerLabel":"pure-input__hasInnerLabel_98pyc","clearIcon":"pure-input__clearIcon_98pyc","error":"pure-input__error_98pyc","component":"pure-input__component_98pyc","block":"pure-input__block_98pyc","s":"pure-input__s_98pyc","m":"pure-input__m_98pyc","l":"pure-input__l_98pyc","xl":"pure-input__xl_98pyc","focusVisible":"pure-input__focusVisible_98pyc"};
 require('./index.css');
 
 var PureInput = React.forwardRef(function (_a, ref) {

package/pure-input/esm/index.css

@@ -48,28 +48,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .pure-input__input_1h22o {
+} .pure-input__input_98pyc {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__input_1h22o:-webkit-autofill {
+} .pure-input__input_98pyc:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .pure-input__input_1h22o::placeholder {
+} .pure-input__input_98pyc::placeholder {
     color: var(--input-placeholder-color);
-} .pure-input__hasInnerLabel_1h22o::placeholder {
+} .pure-input__hasInnerLabel_98pyc::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .pure-input__clearIcon_1h22o {
+} .pure-input__clearIcon_98pyc {
     color: var(--color-light-graphic-primary);
-} /* READ-ONLY STATE */ .pure-input__input_1h22o:read-only {
+} /* READ-ONLY STATE */ .pure-input__input_98pyc:read-only {
     color: var(--input-read-only-color)
-} .pure-input__input_1h22o:read-only:focus::placeholder {
+} .pure-input__input_98pyc:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .pure-input__input_1h22o:disabled {
+    } /* DISABLED STATE */ .pure-input__input_98pyc:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .pure-input__input_1h22o:focus::placeholder {
+} /* FOCUS STATE */ .pure-input__input_98pyc:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .pure-input__error_1h22o {
+} /* ERROR STATE */ .pure-input__error_98pyc {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 } :root {
@@ -104,7 +104,7 @@
     /* font */
 
     /* border-radius */
-} .pure-input__component_1h22o {
+} .pure-input__component_98pyc {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -124,39 +124,39 @@
     text-overflow: ellipsis;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__component_1h22o::placeholder {
+} .pure-input__component_98pyc::placeholder {
     text-overflow: ellipsis;
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-} .pure-input__block_1h22o {
+} .pure-input__block_98pyc {
     width: 100%;
-} /* SIZE */ .pure-input__s_1h22o {
+} /* SIZE */ .pure-input__s_98pyc {
     height: var(--form-control-s-min-height);
-} .pure-input__m_1h22o {
+} .pure-input__m_98pyc {
     height: var(--form-control-m-min-height);
-} .pure-input__l_1h22o {
+} .pure-input__l_98pyc {
     height: var(--form-control-l-min-height);
     padding: var(--form-control-paddings);
     padding-top: 1px;
-} .pure-input__xl_1h22o {
+} .pure-input__xl_98pyc {
     height: var(--form-control-xl-min-height);
     padding: var(--form-control-xl-paddings);
     padding-top: 1px;
-} /* DISABLED STATE */ .pure-input__component_1h22o:disabled {
+} /* DISABLED STATE */ .pure-input__component_98pyc:disabled {
     cursor: var(--disabled-cursor);
     color: var(--input-disabled-color);
     border-bottom: var(--form-control-disabled-border-bottom);
     background-color: var(--form-control-disabled-bg-color);
-} /* FOCUS STATE */ .pure-input__component_1h22o:not(:disabled):focus {
+} /* FOCUS STATE */ .pure-input__component_98pyc:not(:disabled):focus {
     border-bottom: var(--form-control-focus-border-bottom)
-} .pure-input__component_1h22o:not(:disabled):focus::placeholder {
+} .pure-input__component_98pyc:not(:disabled):focus::placeholder {
         color: var(--input-focus-placeholder-color);
-    } .pure-input__focusVisible_1h22o {
+    } .pure-input__focusVisible_98pyc {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* HOVER STATE */ .pure-input__component_1h22o:not(:disabled):hover {
+} /* HOVER STATE */ .pure-input__component_98pyc:not(:disabled):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* IE hide clear */ .pure-input__component_1h22o::-ms-clear {
+} /* IE hide clear */ .pure-input__component_98pyc::-ms-clear {
     display: none;
     width: 0;
     height: 0;

package/pure-input/index.css

@@ -48,28 +48,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .pure-input__input_1h22o {
+} .pure-input__input_98pyc {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__input_1h22o:-webkit-autofill {
+} .pure-input__input_98pyc:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .pure-input__input_1h22o::placeholder {
+} .pure-input__input_98pyc::placeholder {
     color: var(--input-placeholder-color);
-} .pure-input__hasInnerLabel_1h22o::placeholder {
+} .pure-input__hasInnerLabel_98pyc::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .pure-input__clearIcon_1h22o {
+} .pure-input__clearIcon_98pyc {
     color: var(--color-light-graphic-primary);
-} /* READ-ONLY STATE */ .pure-input__input_1h22o:read-only {
+} /* READ-ONLY STATE */ .pure-input__input_98pyc:read-only {
     color: var(--input-read-only-color)
-} .pure-input__input_1h22o:read-only:focus::placeholder {
+} .pure-input__input_98pyc:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .pure-input__input_1h22o:disabled {
+    } /* DISABLED STATE */ .pure-input__input_98pyc:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .pure-input__input_1h22o:focus::placeholder {
+} /* FOCUS STATE */ .pure-input__input_98pyc:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .pure-input__error_1h22o {
+} /* ERROR STATE */ .pure-input__error_98pyc {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 } :root {
@@ -104,7 +104,7 @@
     /* font */
 
     /* border-radius */
-} .pure-input__component_1h22o {
+} .pure-input__component_98pyc {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -124,39 +124,39 @@
     text-overflow: ellipsis;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__component_1h22o::placeholder {
+} .pure-input__component_98pyc::placeholder {
     text-overflow: ellipsis;
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-} .pure-input__block_1h22o {
+} .pure-input__block_98pyc {
     width: 100%;
-} /* SIZE */ .pure-input__s_1h22o {
+} /* SIZE */ .pure-input__s_98pyc {
     height: var(--form-control-s-min-height);
-} .pure-input__m_1h22o {
+} .pure-input__m_98pyc {
     height: var(--form-control-m-min-height);
-} .pure-input__l_1h22o {
+} .pure-input__l_98pyc {
     height: var(--form-control-l-min-height);
     padding: var(--form-control-paddings);
     padding-top: 1px;
-} .pure-input__xl_1h22o {
+} .pure-input__xl_98pyc {
     height: var(--form-control-xl-min-height);
     padding: var(--form-control-xl-paddings);
     padding-top: 1px;
-} /* DISABLED STATE */ .pure-input__component_1h22o:disabled {
+} /* DISABLED STATE */ .pure-input__component_98pyc:disabled {
     cursor: var(--disabled-cursor);
     color: var(--input-disabled-color);
     border-bottom: var(--form-control-disabled-border-bottom);
     background-color: var(--form-control-disabled-bg-color);
-} /* FOCUS STATE */ .pure-input__component_1h22o:not(:disabled):focus {
+} /* FOCUS STATE */ .pure-input__component_98pyc:not(:disabled):focus {
     border-bottom: var(--form-control-focus-border-bottom)
-} .pure-input__component_1h22o:not(:disabled):focus::placeholder {
+} .pure-input__component_98pyc:not(:disabled):focus::placeholder {
         color: var(--input-focus-placeholder-color);
-    } .pure-input__focusVisible_1h22o {
+    } .pure-input__focusVisible_98pyc {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* HOVER STATE */ .pure-input__component_1h22o:not(:disabled):hover {
+} /* HOVER STATE */ .pure-input__component_98pyc:not(:disabled):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* IE hide clear */ .pure-input__component_1h22o::-ms-clear {
+} /* IE hide clear */ .pure-input__component_98pyc::-ms-clear {
     display: none;
     width: 0;
     height: 0;

package/pure-input/modern/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"input":"pure-input__input_1h22o","hasInnerLabel":"pure-input__hasInnerLabel_1h22o","clearIcon":"pure-input__clearIcon_1h22o","error":"pure-input__error_1h22o","component":"pure-input__component_1h22o","block":"pure-input__block_1h22o","s":"pure-input__s_1h22o","m":"pure-input__m_1h22o","l":"pure-input__l_1h22o","xl":"pure-input__xl_1h22o","focusVisible":"pure-input__focusVisible_1h22o"};
+const styles = {"input":"pure-input__input_98pyc","hasInnerLabel":"pure-input__hasInnerLabel_98pyc","clearIcon":"pure-input__clearIcon_98pyc","error":"pure-input__error_98pyc","component":"pure-input__component_98pyc","block":"pure-input__block_98pyc","s":"pure-input__s_98pyc","m":"pure-input__m_98pyc","l":"pure-input__l_98pyc","xl":"pure-input__xl_98pyc","focusVisible":"pure-input__focusVisible_98pyc"};
 require('./index.css');
 
 const PureInput = React.forwardRef(({ size = 's', type = 'text', block = false, className, dataTestId, ...restProps }, ref) => {

package/pure-input/modern/index.css

@@ -48,28 +48,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .pure-input__input_1h22o {
+} .pure-input__input_98pyc {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__input_1h22o:-webkit-autofill {
+} .pure-input__input_98pyc:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .pure-input__input_1h22o::placeholder {
+} .pure-input__input_98pyc::placeholder {
     color: var(--input-placeholder-color);
-} .pure-input__hasInnerLabel_1h22o::placeholder {
+} .pure-input__hasInnerLabel_98pyc::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .pure-input__clearIcon_1h22o {
+} .pure-input__clearIcon_98pyc {
     color: var(--color-light-graphic-primary);
-} /* READ-ONLY STATE */ .pure-input__input_1h22o:read-only {
+} /* READ-ONLY STATE */ .pure-input__input_98pyc:read-only {
     color: var(--input-read-only-color)
-} .pure-input__input_1h22o:read-only:focus::placeholder {
+} .pure-input__input_98pyc:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .pure-input__input_1h22o:disabled {
+    } /* DISABLED STATE */ .pure-input__input_98pyc:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .pure-input__input_1h22o:focus::placeholder {
+} /* FOCUS STATE */ .pure-input__input_98pyc:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .pure-input__error_1h22o {
+} /* ERROR STATE */ .pure-input__error_98pyc {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 } :root {
@@ -104,7 +104,7 @@
     /* font */
 
     /* border-radius */
-} .pure-input__component_1h22o {
+} .pure-input__component_98pyc {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -124,39 +124,39 @@
     text-overflow: ellipsis;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .pure-input__component_1h22o::placeholder {
+} .pure-input__component_98pyc::placeholder {
     text-overflow: ellipsis;
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-} .pure-input__block_1h22o {
+} .pure-input__block_98pyc {
     width: 100%;
-} /* SIZE */ .pure-input__s_1h22o {
+} /* SIZE */ .pure-input__s_98pyc {
     height: var(--form-control-s-min-height);
-} .pure-input__m_1h22o {
+} .pure-input__m_98pyc {
     height: var(--form-control-m-min-height);
-} .pure-input__l_1h22o {
+} .pure-input__l_98pyc {
     height: var(--form-control-l-min-height);
     padding: var(--form-control-paddings);
     padding-top: 1px;
-} .pure-input__xl_1h22o {
+} .pure-input__xl_98pyc {
     height: var(--form-control-xl-min-height);
     padding: var(--form-control-xl-paddings);
     padding-top: 1px;
-} /* DISABLED STATE */ .pure-input__component_1h22o:disabled {
+} /* DISABLED STATE */ .pure-input__component_98pyc:disabled {
     cursor: var(--disabled-cursor);
     color: var(--input-disabled-color);
     border-bottom: var(--form-control-disabled-border-bottom);
     background-color: var(--form-control-disabled-bg-color);
-} /* FOCUS STATE */ .pure-input__component_1h22o:not(:disabled):focus {
+} /* FOCUS STATE */ .pure-input__component_98pyc:not(:disabled):focus {
     border-bottom: var(--form-control-focus-border-bottom)
-} .pure-input__component_1h22o:not(:disabled):focus::placeholder {
+} .pure-input__component_98pyc:not(:disabled):focus::placeholder {
         color: var(--input-focus-placeholder-color);
-    } .pure-input__focusVisible_1h22o {
+    } .pure-input__focusVisible_98pyc {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* HOVER STATE */ .pure-input__component_1h22o:not(:disabled):hover {
+} /* HOVER STATE */ .pure-input__component_98pyc:not(:disabled):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* IE hide clear */ .pure-input__component_1h22o::-ms-clear {
+} /* IE hide clear */ .pure-input__component_98pyc::-ms-clear {
     display: none;
     width: 0;
     height: 0;

package/radio/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"radio__container_19v8s","checked":"radio__checked_19v8s","disabled":"radio__disabled_19v8s","inactive":"radio__inactive_19v8s","circle":"radio__circle_19v8s","label":"radio__label_19v8s","hint":"radio__hint_19v8s","focused":"radio__focused_19v8s","s":"radio__s_19v8s","content":"radio__content_19v8s","start":"radio__start_19v8s","center":"radio__center_19v8s","addons":"radio__addons_19v8s","block":"radio__block_19v8s"};
+var styles = {"container":"radio__container_p2hki","checked":"radio__checked_p2hki","disabled":"radio__disabled_p2hki","inactive":"radio__inactive_p2hki","circle":"radio__circle_p2hki","label":"radio__label_p2hki","hint":"radio__hint_p2hki","focused":"radio__focused_p2hki","s":"radio__s_p2hki","content":"radio__content_p2hki","start":"radio__start_p2hki","center":"radio__center_p2hki","addons":"radio__addons_p2hki","block":"radio__block_p2hki"};
 require('./index.css');
 
 var Radio = React.forwardRef(function (_a, ref) {

package/radio/cssm/index.module.css

@@ -1,6 +1,5 @@
 :root {
 } /* deprecated */ :root {
-    --color-light-bg-primary: #fff;
     --color-light-bg-quaternary: #dcdcdd;
     --color-light-border-key: #000;
     --color-light-border-link: #0072ef;
@@ -11,7 +10,8 @@
     --color-light-graphic-quaternary: #dcdcdd;
     --color-light-graphic-tertiary: #c1c1c3;
     --color-light-text-primary: #0e0e0e;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-text-secondary: rgba(60, 60, 67, 0.66);
+    --color-static-graphic-light: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -69,7 +69,7 @@
     --radio-checked-disabled-border-color: transparent;
 
     /* icon */
-    --radio-icon-color: var(--color-light-bg-primary);
+    --radio-icon-color: var(--color-static-graphic-light);
 } .container {
     display: inline-flex;
     align-items: flex-start;

package/radio/esm/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"container":"radio__container_19v8s","checked":"radio__checked_19v8s","disabled":"radio__disabled_19v8s","inactive":"radio__inactive_19v8s","circle":"radio__circle_19v8s","label":"radio__label_19v8s","hint":"radio__hint_19v8s","focused":"radio__focused_19v8s","s":"radio__s_19v8s","content":"radio__content_19v8s","start":"radio__start_19v8s","center":"radio__center_19v8s","addons":"radio__addons_19v8s","block":"radio__block_19v8s"};
+var styles = {"container":"radio__container_p2hki","checked":"radio__checked_p2hki","disabled":"radio__disabled_p2hki","inactive":"radio__inactive_p2hki","circle":"radio__circle_p2hki","label":"radio__label_p2hki","hint":"radio__hint_p2hki","focused":"radio__focused_p2hki","s":"radio__s_p2hki","content":"radio__content_p2hki","start":"radio__start_p2hki","center":"radio__center_p2hki","addons":"radio__addons_p2hki","block":"radio__block_p2hki"};
 require('./index.css');
 
 var Radio = forwardRef(function (_a, ref) {

package/radio/esm/index.css

@@ -1,7 +1,6 @@
 /* hash: pvtn3 */
 :root {
 } /* deprecated */ :root {
-    --color-light-bg-primary: #fff;
     --color-light-bg-quaternary: #dcdcdd;
     --color-light-border-key: #000;
     --color-light-border-link: #0072ef;
@@ -12,7 +11,8 @@
     --color-light-graphic-quaternary: #dcdcdd;
     --color-light-graphic-tertiary: #c1c1c3;
     --color-light-text-primary: #0e0e0e;
-    --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-text-secondary: rgba(60, 60, 67, 0.66);
+    --color-static-graphic-light: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -70,60 +70,60 @@
     --radio-checked-disabled-border-color: transparent;
 
     /* icon */
-    --radio-icon-color: var(--color-light-bg-primary);
-} .radio__container_19v8s {
+    --radio-icon-color: var(--color-static-graphic-light);
+} .radio__container_p2hki {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_19v8s:not(.radio__checked_19v8s):not(.radio__disabled_19v8s):not(.radio__inactive_19v8s) .radio__circle_19v8s {
+} .radio__container_p2hki:not(.radio__checked_p2hki):not(.radio__disabled_p2hki):not(.radio__inactive_p2hki) .radio__circle_p2hki {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_19v8s:not(.radio__checked_19v8s):not(.radio__disabled_19v8s):not(.radio__inactive_19v8s):hover:not(:active) .radio__circle_19v8s {
+        } .radio__container_p2hki:not(.radio__checked_p2hki):not(.radio__disabled_p2hki):not(.radio__inactive_p2hki):hover:not(:active) .radio__circle_p2hki {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_19v8s:not(.radio__checked_19v8s):not(.radio__disabled_19v8s):not(.radio__inactive_19v8s):active .radio__circle_19v8s {
+        } .radio__container_p2hki:not(.radio__checked_p2hki):not(.radio__disabled_p2hki):not(.radio__inactive_p2hki):active .radio__circle_p2hki {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_19v8s.radio__disabled_19v8s {
+        } .radio__container_p2hki.radio__disabled_p2hki {
         cursor: var(--disabled-cursor)
-    } .radio__container_19v8s.radio__disabled_19v8s .radio__circle_19v8s {
+    } .radio__container_p2hki.radio__disabled_p2hki .radio__circle_p2hki {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_19v8s.radio__disabled_19v8s .radio__label_19v8s {
+        } .radio__container_p2hki.radio__disabled_p2hki .radio__label_p2hki {
             color: var(--radio-disabled-color);
-        } .radio__container_19v8s.radio__disabled_19v8s .radio__hint_19v8s {
+        } .radio__container_p2hki.radio__disabled_p2hki .radio__hint_p2hki {
             color: var(--radio-disabled-color);
-        } .radio__container_19v8s.radio__inactive_19v8s {
+        } .radio__container_p2hki.radio__inactive_p2hki {
         cursor: var(--disabled-cursor)
-    } .radio__container_19v8s.radio__inactive_19v8s .radio__circle_19v8s {
+    } .radio__container_p2hki.radio__inactive_p2hki .radio__circle_p2hki {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_19v8s.radio__inactive_19v8s.radio__checked_19v8s .radio__circle_19v8s:before {
+        } .radio__container_p2hki.radio__inactive_p2hki.radio__checked_p2hki .radio__circle_p2hki:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_19v8s.radio__checked_19v8s:not(:active) .radio__circle_19v8s:before,
-    .radio__container_19v8s.radio__checked_19v8s.radio__disabled_19v8s:active .radio__circle_19v8s:before {
+        } .radio__container_p2hki.radio__checked_p2hki:not(:active) .radio__circle_p2hki:before,
+    .radio__container_p2hki.radio__checked_p2hki.radio__disabled_p2hki:active .radio__circle_p2hki:before {
         opacity: 1;
-    } .radio__container_19v8s.radio__checked_19v8s .radio__circle_19v8s {
+    } .radio__container_p2hki.radio__checked_p2hki .radio__circle_p2hki {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_19v8s.radio__checked_19v8s:hover .radio__circle_19v8s {
+        } .radio__container_p2hki.radio__checked_p2hki:hover .radio__circle_p2hki {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_19v8s.radio__checked_19v8s:active .radio__circle_19v8s {
+        } .radio__container_p2hki.radio__checked_p2hki:active .radio__circle_p2hki {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_19v8s.radio__focused_19v8s .radio__circle_19v8s {
+        } .radio__container_p2hki.radio__focused_p2hki .radio__circle_p2hki {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_19v8s.radio__disabled_19v8s.radio__checked_19v8s .radio__circle_19v8s,
-    .radio__container_19v8s.radio__inactive_19v8s.radio__checked_19v8s .radio__circle_19v8s {
+    } .radio__container_p2hki.radio__disabled_p2hki.radio__checked_p2hki .radio__circle_p2hki,
+    .radio__container_p2hki.radio__inactive_p2hki.radio__checked_p2hki .radio__circle_p2hki {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_19v8s input {
+    } .radio__container_p2hki input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_19v8s {
+    } .radio__circle_p2hki {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -132,7 +132,7 @@
     position: relative;
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
-} .radio__circle_19v8s:before {
+} .radio__circle_p2hki:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -146,32 +146,32 @@
         bottom: 0;
         transition: opacity 0.2s ease;
         opacity: 0;
-    } .radio__s_19v8s .radio__circle_19v8s {
+    } .radio__s_p2hki .radio__circle_p2hki {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_19v8s {
+} .radio__content_p2hki {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_19v8s .radio__content_19v8s {
+} .radio__s_p2hki .radio__content_p2hki {
     margin-left: var(--gap-xs);
-} .radio__start_19v8s {
+} .radio__start_p2hki {
     align-items: flex-start;
-} .radio__center_19v8s {
+} .radio__center_p2hki {
     align-items: center;
-} .radio__addons_19v8s {
+} .radio__addons_p2hki {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_19v8s {
+} .radio__block_p2hki {
     width: 100%;
-} .radio__label_19v8s {
+} .radio__label_p2hki {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_19v8s {
+} .radio__hint_p2hki {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;