npm - @alfalab/core-components - Versions diffs - 38.1.0 → 38.2.0 - Mend

@alfalab/core-components 38.1.0 → 38.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2136) hide show

package/radio/esm/index.css CHANGED Viewed

@@ -71,59 +71,59 @@
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
-} .radio__container_1qz47 {
+} .radio__container_1ugub {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47) .radio__circle_1qz47 {
+} .radio__container_1ugub:not(.radio__checked_1ugub):not(.radio__disabled_1ugub):not(.radio__inactive_1ugub) .radio__circle_1ugub {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47):hover:not(:active) .radio__circle_1qz47 {
+        } .radio__container_1ugub:not(.radio__checked_1ugub):not(.radio__disabled_1ugub):not(.radio__inactive_1ugub):hover:not(:active) .radio__circle_1ugub {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47):active .radio__circle_1qz47 {
+        } .radio__container_1ugub:not(.radio__checked_1ugub):not(.radio__disabled_1ugub):not(.radio__inactive_1ugub):active .radio__circle_1ugub {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1qz47.radio__disabled_1qz47 {
+        } .radio__container_1ugub.radio__disabled_1ugub {
         cursor: var(--disabled-cursor)
-    } .radio__container_1qz47.radio__disabled_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__disabled_1ugub .radio__circle_1ugub {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1qz47.radio__disabled_1qz47 .radio__label_1qz47 {
+        } .radio__container_1ugub.radio__disabled_1ugub .radio__label_1ugub {
             color: var(--radio-disabled-color);
-        } .radio__container_1qz47.radio__disabled_1qz47 .radio__hint_1qz47 {
+        } .radio__container_1ugub.radio__disabled_1ugub .radio__hint_1ugub {
             color: var(--radio-disabled-color);
-        } .radio__container_1qz47.radio__inactive_1qz47 {
+        } .radio__container_1ugub.radio__inactive_1ugub {
         cursor: var(--disabled-cursor)
-    } .radio__container_1qz47.radio__inactive_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__inactive_1ugub .radio__circle_1ugub {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1qz47.radio__inactive_1qz47.radio__checked_1qz47 .radio__circle_1qz47:before {
+        } .radio__container_1ugub.radio__inactive_1ugub.radio__checked_1ugub .radio__circle_1ugub:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1qz47.radio__checked_1qz47:not(:active) .radio__circle_1qz47:before,
-    .radio__container_1qz47.radio__checked_1qz47.radio__disabled_1qz47:active .radio__circle_1qz47:before {
+        } .radio__container_1ugub.radio__checked_1ugub:not(:active) .radio__circle_1ugub:before,
+    .radio__container_1ugub.radio__checked_1ugub.radio__disabled_1ugub:active .radio__circle_1ugub:before {
         opacity: 1;
-    } .radio__container_1qz47.radio__checked_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__checked_1ugub .radio__circle_1ugub {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1qz47.radio__checked_1qz47:hover .radio__circle_1qz47 {
+        } .radio__container_1ugub.radio__checked_1ugub:hover .radio__circle_1ugub {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1qz47.radio__checked_1qz47:active .radio__circle_1qz47 {
+        } .radio__container_1ugub.radio__checked_1ugub:active .radio__circle_1ugub {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1qz47.radio__focused_1qz47 .radio__circle_1qz47 {
+        } .radio__container_1ugub.radio__focused_1ugub .radio__circle_1ugub {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1qz47.radio__disabled_1qz47.radio__checked_1qz47 .radio__circle_1qz47,
-    .radio__container_1qz47.radio__inactive_1qz47.radio__checked_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__disabled_1ugub.radio__checked_1ugub .radio__circle_1ugub,
+    .radio__container_1ugub.radio__inactive_1ugub.radio__checked_1ugub .radio__circle_1ugub {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1qz47 input {
+    } .radio__container_1ugub input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1qz47 {
+    } .radio__circle_1ugub {
     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_1qz47:before {
+} .radio__circle_1ugub: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_1qz47 .radio__circle_1qz47 {
+    } .radio__s_1ugub .radio__circle_1ugub {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1qz47 {
+} .radio__content_1ugub {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1qz47 .radio__content_1qz47 {
+} .radio__s_1ugub .radio__content_1ugub {
     margin-left: var(--gap-xs);
-} .radio__start_1qz47 {
+} .radio__start_1ugub {
     align-items: flex-start;
-} .radio__center_1qz47 {
+} .radio__center_1ugub {
     align-items: center;
-} .radio__addons_1qz47 {
+} .radio__addons_1ugub {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1qz47 {
+} .radio__block_1ugub {
     width: 100%;
-} .radio__label_1qz47 {
+} .radio__label_1ugub {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1qz47 {
+} .radio__hint_1ugub {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/index.css CHANGED Viewed

@@ -71,59 +71,59 @@
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
-} .radio__container_1qz47 {
+} .radio__container_1ugub {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47) .radio__circle_1qz47 {
+} .radio__container_1ugub:not(.radio__checked_1ugub):not(.radio__disabled_1ugub):not(.radio__inactive_1ugub) .radio__circle_1ugub {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47):hover:not(:active) .radio__circle_1qz47 {
+        } .radio__container_1ugub:not(.radio__checked_1ugub):not(.radio__disabled_1ugub):not(.radio__inactive_1ugub):hover:not(:active) .radio__circle_1ugub {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47):active .radio__circle_1qz47 {
+        } .radio__container_1ugub:not(.radio__checked_1ugub):not(.radio__disabled_1ugub):not(.radio__inactive_1ugub):active .radio__circle_1ugub {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1qz47.radio__disabled_1qz47 {
+        } .radio__container_1ugub.radio__disabled_1ugub {
         cursor: var(--disabled-cursor)
-    } .radio__container_1qz47.radio__disabled_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__disabled_1ugub .radio__circle_1ugub {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1qz47.radio__disabled_1qz47 .radio__label_1qz47 {
+        } .radio__container_1ugub.radio__disabled_1ugub .radio__label_1ugub {
             color: var(--radio-disabled-color);
-        } .radio__container_1qz47.radio__disabled_1qz47 .radio__hint_1qz47 {
+        } .radio__container_1ugub.radio__disabled_1ugub .radio__hint_1ugub {
             color: var(--radio-disabled-color);
-        } .radio__container_1qz47.radio__inactive_1qz47 {
+        } .radio__container_1ugub.radio__inactive_1ugub {
         cursor: var(--disabled-cursor)
-    } .radio__container_1qz47.radio__inactive_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__inactive_1ugub .radio__circle_1ugub {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1qz47.radio__inactive_1qz47.radio__checked_1qz47 .radio__circle_1qz47:before {
+        } .radio__container_1ugub.radio__inactive_1ugub.radio__checked_1ugub .radio__circle_1ugub:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1qz47.radio__checked_1qz47:not(:active) .radio__circle_1qz47:before,
-    .radio__container_1qz47.radio__checked_1qz47.radio__disabled_1qz47:active .radio__circle_1qz47:before {
+        } .radio__container_1ugub.radio__checked_1ugub:not(:active) .radio__circle_1ugub:before,
+    .radio__container_1ugub.radio__checked_1ugub.radio__disabled_1ugub:active .radio__circle_1ugub:before {
         opacity: 1;
-    } .radio__container_1qz47.radio__checked_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__checked_1ugub .radio__circle_1ugub {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1qz47.radio__checked_1qz47:hover .radio__circle_1qz47 {
+        } .radio__container_1ugub.radio__checked_1ugub:hover .radio__circle_1ugub {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1qz47.radio__checked_1qz47:active .radio__circle_1qz47 {
+        } .radio__container_1ugub.radio__checked_1ugub:active .radio__circle_1ugub {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1qz47.radio__focused_1qz47 .radio__circle_1qz47 {
+        } .radio__container_1ugub.radio__focused_1ugub .radio__circle_1ugub {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1qz47.radio__disabled_1qz47.radio__checked_1qz47 .radio__circle_1qz47,
-    .radio__container_1qz47.radio__inactive_1qz47.radio__checked_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__disabled_1ugub.radio__checked_1ugub .radio__circle_1ugub,
+    .radio__container_1ugub.radio__inactive_1ugub.radio__checked_1ugub .radio__circle_1ugub {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1qz47 input {
+    } .radio__container_1ugub input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1qz47 {
+    } .radio__circle_1ugub {
     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_1qz47:before {
+} .radio__circle_1ugub: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_1qz47 .radio__circle_1qz47 {
+    } .radio__s_1ugub .radio__circle_1ugub {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1qz47 {
+} .radio__content_1ugub {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1qz47 .radio__content_1qz47 {
+} .radio__s_1ugub .radio__content_1ugub {
     margin-left: var(--gap-xs);
-} .radio__start_1qz47 {
+} .radio__start_1ugub {
     align-items: flex-start;
-} .radio__center_1qz47 {
+} .radio__center_1ugub {
     align-items: center;
-} .radio__addons_1qz47 {
+} .radio__addons_1ugub {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1qz47 {
+} .radio__block_1ugub {
     width: 100%;
-} .radio__label_1qz47 {
+} .radio__label_1ugub {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1qz47 {
+} .radio__hint_1ugub {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/modern/Component.js CHANGED Viewed

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
-const styles = {"container":"radio__container_1qz47","checked":"radio__checked_1qz47","disabled":"radio__disabled_1qz47","inactive":"radio__inactive_1qz47","circle":"radio__circle_1qz47","label":"radio__label_1qz47","hint":"radio__hint_1qz47","focused":"radio__focused_1qz47","s":"radio__s_1qz47","content":"radio__content_1qz47","start":"radio__start_1qz47","center":"radio__center_1qz47","addons":"radio__addons_1qz47","block":"radio__block_1qz47"};
+const styles = {"container":"radio__container_1ugub","checked":"radio__checked_1ugub","disabled":"radio__disabled_1ugub","inactive":"radio__inactive_1ugub","circle":"radio__circle_1ugub","label":"radio__label_1ugub","hint":"radio__hint_1ugub","focused":"radio__focused_1ugub","s":"radio__s_1ugub","content":"radio__content_1ugub","start":"radio__start_1ugub","center":"radio__center_1ugub","addons":"radio__addons_1ugub","block":"radio__block_1ugub"};
 require('./index.css');
 const Radio = forwardRef(({ onChange, className, circleClassName, contentClassName, name, disabled, inactive, dataTestId, label, checked, hint, size = 's', align = 'start', addons, block, ...restProps }, ref) => {

package/radio/modern/index.css CHANGED Viewed

@@ -71,59 +71,59 @@
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
-} .radio__container_1qz47 {
+} .radio__container_1ugub {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47) .radio__circle_1qz47 {
+} .radio__container_1ugub:not(.radio__checked_1ugub):not(.radio__disabled_1ugub):not(.radio__inactive_1ugub) .radio__circle_1ugub {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47):hover:not(:active) .radio__circle_1qz47 {
+        } .radio__container_1ugub:not(.radio__checked_1ugub):not(.radio__disabled_1ugub):not(.radio__inactive_1ugub):hover:not(:active) .radio__circle_1ugub {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47):active .radio__circle_1qz47 {
+        } .radio__container_1ugub:not(.radio__checked_1ugub):not(.radio__disabled_1ugub):not(.radio__inactive_1ugub):active .radio__circle_1ugub {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1qz47.radio__disabled_1qz47 {
+        } .radio__container_1ugub.radio__disabled_1ugub {
         cursor: var(--disabled-cursor)
-    } .radio__container_1qz47.radio__disabled_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__disabled_1ugub .radio__circle_1ugub {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1qz47.radio__disabled_1qz47 .radio__label_1qz47 {
+        } .radio__container_1ugub.radio__disabled_1ugub .radio__label_1ugub {
             color: var(--radio-disabled-color);
-        } .radio__container_1qz47.radio__disabled_1qz47 .radio__hint_1qz47 {
+        } .radio__container_1ugub.radio__disabled_1ugub .radio__hint_1ugub {
             color: var(--radio-disabled-color);
-        } .radio__container_1qz47.radio__inactive_1qz47 {
+        } .radio__container_1ugub.radio__inactive_1ugub {
         cursor: var(--disabled-cursor)
-    } .radio__container_1qz47.radio__inactive_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__inactive_1ugub .radio__circle_1ugub {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1qz47.radio__inactive_1qz47.radio__checked_1qz47 .radio__circle_1qz47:before {
+        } .radio__container_1ugub.radio__inactive_1ugub.radio__checked_1ugub .radio__circle_1ugub:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1qz47.radio__checked_1qz47:not(:active) .radio__circle_1qz47:before,
-    .radio__container_1qz47.radio__checked_1qz47.radio__disabled_1qz47:active .radio__circle_1qz47:before {
+        } .radio__container_1ugub.radio__checked_1ugub:not(:active) .radio__circle_1ugub:before,
+    .radio__container_1ugub.radio__checked_1ugub.radio__disabled_1ugub:active .radio__circle_1ugub:before {
         opacity: 1;
-    } .radio__container_1qz47.radio__checked_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__checked_1ugub .radio__circle_1ugub {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1qz47.radio__checked_1qz47:hover .radio__circle_1qz47 {
+        } .radio__container_1ugub.radio__checked_1ugub:hover .radio__circle_1ugub {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1qz47.radio__checked_1qz47:active .radio__circle_1qz47 {
+        } .radio__container_1ugub.radio__checked_1ugub:active .radio__circle_1ugub {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1qz47.radio__focused_1qz47 .radio__circle_1qz47 {
+        } .radio__container_1ugub.radio__focused_1ugub .radio__circle_1ugub {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1qz47.radio__disabled_1qz47.radio__checked_1qz47 .radio__circle_1qz47,
-    .radio__container_1qz47.radio__inactive_1qz47.radio__checked_1qz47 .radio__circle_1qz47 {
+    } .radio__container_1ugub.radio__disabled_1ugub.radio__checked_1ugub .radio__circle_1ugub,
+    .radio__container_1ugub.radio__inactive_1ugub.radio__checked_1ugub .radio__circle_1ugub {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1qz47 input {
+    } .radio__container_1ugub input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1qz47 {
+    } .radio__circle_1ugub {
     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_1qz47:before {
+} .radio__circle_1ugub: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_1qz47 .radio__circle_1qz47 {
+    } .radio__s_1ugub .radio__circle_1ugub {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1qz47 {
+} .radio__content_1ugub {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1qz47 .radio__content_1qz47 {
+} .radio__s_1ugub .radio__content_1ugub {
     margin-left: var(--gap-xs);
-} .radio__start_1qz47 {
+} .radio__start_1ugub {
     align-items: flex-start;
-} .radio__center_1qz47 {
+} .radio__center_1ugub {
     align-items: center;
-} .radio__addons_1qz47 {
+} .radio__addons_1ugub {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1qz47 {
+} .radio__block_1ugub {
     width: 100%;
-} .radio__label_1qz47 {
+} .radio__label_1ugub {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1qz47 {
+} .radio__hint_1ugub {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio-group/Component.js CHANGED Viewed

@@ -34,7 +34,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
-var styles = {"component":"radio-group__component_7vpqq","error":"radio-group__error_7vpqq","radioList":"radio-group__radioList_7vpqq","vertical":"radio-group__vertical_7vpqq","radio":"radio-group__radio_7vpqq","horizontal":"radio-group__horizontal_7vpqq","tag":"radio-group__tag_7vpqq","tagLabel":"radio-group__tagLabel_7vpqq","label":"radio-group__label_7vpqq","sub":"radio-group__sub_7vpqq","errorMessage":"radio-group__errorMessage_7vpqq","hint":"radio-group__hint_7vpqq","hiddenInput":"radio-group__hiddenInput_7vpqq"};
+var styles = {"component":"radio-group__component_odkna","error":"radio-group__error_odkna","radioList":"radio-group__radioList_odkna","vertical":"radio-group__vertical_odkna","radio":"radio-group__radio_odkna","horizontal":"radio-group__horizontal_odkna","tag":"radio-group__tag_odkna","tagLabel":"radio-group__tagLabel_odkna","label":"radio-group__label_odkna","sub":"radio-group__sub_odkna","errorMessage":"radio-group__errorMessage_odkna","hint":"radio-group__hint_odkna","hiddenInput":"radio-group__hiddenInput_odkna"};
 require('./index.css');
 var RadioGroup = React.forwardRef(function (_a, ref) {

package/radio-group/esm/Component.js CHANGED Viewed

@@ -29,7 +29,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
-var styles = {"component":"radio-group__component_7vpqq","error":"radio-group__error_7vpqq","radioList":"radio-group__radioList_7vpqq","vertical":"radio-group__vertical_7vpqq","radio":"radio-group__radio_7vpqq","horizontal":"radio-group__horizontal_7vpqq","tag":"radio-group__tag_7vpqq","tagLabel":"radio-group__tagLabel_7vpqq","label":"radio-group__label_7vpqq","sub":"radio-group__sub_7vpqq","errorMessage":"radio-group__errorMessage_7vpqq","hint":"radio-group__hint_7vpqq","hiddenInput":"radio-group__hiddenInput_7vpqq"};
+var styles = {"component":"radio-group__component_odkna","error":"radio-group__error_odkna","radioList":"radio-group__radioList_odkna","vertical":"radio-group__vertical_odkna","radio":"radio-group__radio_odkna","horizontal":"radio-group__horizontal_odkna","tag":"radio-group__tag_odkna","tagLabel":"radio-group__tagLabel_odkna","label":"radio-group__label_odkna","sub":"radio-group__sub_odkna","errorMessage":"radio-group__errorMessage_odkna","hint":"radio-group__hint_odkna","hiddenInput":"radio-group__hiddenInput_odkna"};
 require('./index.css');
 var RadioGroup = forwardRef(function (_a, ref) {

package/radio-group/esm/index.css CHANGED Viewed

@@ -27,53 +27,53 @@
     --radio-group-error-color: var(--color-light-text-negative);
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
-} .radio-group__component_7vpqq {
+} .radio-group__component_odkna {
     display: flex;
     flex-direction: column;
-} .radio-group__error_7vpqq {
+} .radio-group__error_odkna {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
-} .radio-group__radioList_7vpqq {
+} .radio-group__radioList_odkna {
     display: flex;
-} .radio-group__vertical_7vpqq .radio-group__radioList_7vpqq {
+} .radio-group__vertical_odkna .radio-group__radioList_odkna {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__vertical_7vpqq .radio-group__radio_7vpqq {
+} .radio-group__vertical_odkna .radio-group__radio_odkna {
     margin-bottom: var(--gap-m)
-} .radio-group__vertical_7vpqq .radio-group__radio_7vpqq:last-child {
+} .radio-group__vertical_odkna .radio-group__radio_odkna:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontal_7vpqq .radio-group__radioList_7vpqq {
+    } .radio-group__horizontal_odkna .radio-group__radioList_odkna {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__tag_7vpqq.radio-group__horizontal_7vpqq .radio-group__radioList_7vpqq {
+} .radio-group__tag_odkna.radio-group__horizontal_odkna .radio-group__radioList_odkna {
     margin-right: var(--gap-xs-neg);
-} .radio-group__horizontal_7vpqq .radio-group__radio_7vpqq {
+} .radio-group__horizontal_odkna .radio-group__radio_odkna {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontal_7vpqq .radio-group__tagLabel_7vpqq {
+} .radio-group__horizontal_odkna .radio-group__tagLabel_odkna {
     margin-right: var(--gap-xs);
-} .radio-group__label_7vpqq {
+} .radio-group__label_odkna {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
-} .radio-group__sub_7vpqq {
+} .radio-group__sub_odkna {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_7vpqq {
+} .radio-group__errorMessage_odkna {
     color: var(--radio-group-error-color);
-} .radio-group__hint_7vpqq {
+} .radio-group__hint_odkna {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_7vpqq {
+} .radio-group__hiddenInput_odkna {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
-} .radio-group__tagLabel_7vpqq {
+} .radio-group__tagLabel_odkna {
     position: relative;
 }

package/radio-group/index.css CHANGED Viewed

@@ -27,53 +27,53 @@
     --radio-group-error-color: var(--color-light-text-negative);
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
-} .radio-group__component_7vpqq {
+} .radio-group__component_odkna {
     display: flex;
     flex-direction: column;
-} .radio-group__error_7vpqq {
+} .radio-group__error_odkna {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
-} .radio-group__radioList_7vpqq {
+} .radio-group__radioList_odkna {
     display: flex;
-} .radio-group__vertical_7vpqq .radio-group__radioList_7vpqq {
+} .radio-group__vertical_odkna .radio-group__radioList_odkna {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__vertical_7vpqq .radio-group__radio_7vpqq {
+} .radio-group__vertical_odkna .radio-group__radio_odkna {
     margin-bottom: var(--gap-m)
-} .radio-group__vertical_7vpqq .radio-group__radio_7vpqq:last-child {
+} .radio-group__vertical_odkna .radio-group__radio_odkna:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontal_7vpqq .radio-group__radioList_7vpqq {
+    } .radio-group__horizontal_odkna .radio-group__radioList_odkna {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__tag_7vpqq.radio-group__horizontal_7vpqq .radio-group__radioList_7vpqq {
+} .radio-group__tag_odkna.radio-group__horizontal_odkna .radio-group__radioList_odkna {
     margin-right: var(--gap-xs-neg);
-} .radio-group__horizontal_7vpqq .radio-group__radio_7vpqq {
+} .radio-group__horizontal_odkna .radio-group__radio_odkna {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontal_7vpqq .radio-group__tagLabel_7vpqq {
+} .radio-group__horizontal_odkna .radio-group__tagLabel_odkna {
     margin-right: var(--gap-xs);
-} .radio-group__label_7vpqq {
+} .radio-group__label_odkna {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
-} .radio-group__sub_7vpqq {
+} .radio-group__sub_odkna {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_7vpqq {
+} .radio-group__errorMessage_odkna {
     color: var(--radio-group-error-color);
-} .radio-group__hint_7vpqq {
+} .radio-group__hint_odkna {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_7vpqq {
+} .radio-group__hiddenInput_odkna {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
-} .radio-group__tagLabel_7vpqq {
+} .radio-group__tagLabel_odkna {
     position: relative;
 }

package/radio-group/modern/Component.js CHANGED Viewed

@@ -2,7 +2,7 @@ import React, { forwardRef, useState, Children, isValidElement, cloneElement } f
 import cn from 'classnames';
 import { useDidUpdateEffect } from '@alfalab/hooks';
-const styles = {"component":"radio-group__component_7vpqq","error":"radio-group__error_7vpqq","radioList":"radio-group__radioList_7vpqq","vertical":"radio-group__vertical_7vpqq","radio":"radio-group__radio_7vpqq","horizontal":"radio-group__horizontal_7vpqq","tag":"radio-group__tag_7vpqq","tagLabel":"radio-group__tagLabel_7vpqq","label":"radio-group__label_7vpqq","sub":"radio-group__sub_7vpqq","errorMessage":"radio-group__errorMessage_7vpqq","hint":"radio-group__hint_7vpqq","hiddenInput":"radio-group__hiddenInput_7vpqq"};
+const styles = {"component":"radio-group__component_odkna","error":"radio-group__error_odkna","radioList":"radio-group__radioList_odkna","vertical":"radio-group__vertical_odkna","radio":"radio-group__radio_odkna","horizontal":"radio-group__horizontal_odkna","tag":"radio-group__tag_odkna","tagLabel":"radio-group__tagLabel_odkna","label":"radio-group__label_odkna","sub":"radio-group__sub_odkna","errorMessage":"radio-group__errorMessage_odkna","hint":"radio-group__hint_odkna","hiddenInput":"radio-group__hiddenInput_odkna"};
 require('./index.css');
 const RadioGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'radio', dataTestId, disabled = false, name, value, }, ref) => {