@alfalab/core-components 37.4.0-beta.0 → 37.5.0-beta.1

package/pure-input/modern/index.css

@@ -1,5 +1,6 @@
 /* hash: oun7z */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-primary: #0b1f35;
     --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
@@ -7,28 +8,28 @@
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
     --size-s-height: 48px;
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-}
-:root {
+} :root {
     --input-color: var(--color-light-text-primary);
     --input-placeholder-color: var(--color-light-text-secondary);
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
@@ -47,46 +48,31 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-}
-.pure-input__input_pl9iy {
+} .pure-input__input_fl97v {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.pure-input__input_pl9iy:-webkit-autofill {
+} .pure-input__input_fl97v:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-}
-.pure-input__input_pl9iy::placeholder {
+} .pure-input__input_fl97v::placeholder {
     color: var(--input-placeholder-color);
-}
-.pure-input__hasInnerLabel_pl9iy::placeholder {
+} .pure-input__hasInnerLabel_fl97v::placeholder {
     color: var(--input-with-label-placeholder-color);
-}
-.pure-input__clearIcon_pl9iy {
+} .pure-input__clearIcon_fl97v {
     color: var(--color-light-graphic-primary);
-}
-/* READ-ONLY STATE */
-.pure-input__input_pl9iy:read-only {
+} /* READ-ONLY STATE */ .pure-input__input_fl97v:read-only {
     color: var(--input-read-only-color)
-}
-.pure-input__input_pl9iy:read-only:focus::placeholder {
+} .pure-input__input_fl97v:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    }
-/* DISABLED STATE */
-.pure-input__input_pl9iy:disabled {
+    } /* DISABLED STATE */ .pure-input__input_fl97v:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-}
-/* FOCUS STATE */
-.pure-input__input_pl9iy:focus::placeholder {
+} /* FOCUS STATE */ .pure-input__input_fl97v:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-}
-/* ERROR STATE */
-.pure-input__error_pl9iy {
+} /* ERROR STATE */ .pure-input__error_fl97v {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
-}
-:root {
+} :root {
     --form-control-border-bottom: 0;
     --form-control-bg-color: var(--color-light-specialbg-tertiary-transparent);
 
@@ -118,8 +104,7 @@
     /* font */
 
     /* border-radius */
-}
-.pure-input__component_pl9iy {
+} .pure-input__component_fl97v {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -139,56 +124,39 @@
     text-overflow: ellipsis;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.pure-input__component_pl9iy::placeholder {
+} .pure-input__component_fl97v::placeholder {
     text-overflow: ellipsis;
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-}
-.pure-input__block_pl9iy {
+} .pure-input__block_fl97v {
     width: 100%;
-}
-/* SIZE */
-.pure-input__s_pl9iy {
+} /* SIZE */ .pure-input__s_fl97v {
     height: var(--form-control-s-min-height);
-}
-.pure-input__m_pl9iy {
+} .pure-input__m_fl97v {
     height: var(--form-control-m-min-height);
-}
-.pure-input__l_pl9iy {
+} .pure-input__l_fl97v {
     height: var(--form-control-l-min-height);
     padding: var(--form-control-paddings);
     padding-top: 1px;
-}
-.pure-input__xl_pl9iy {
+} .pure-input__xl_fl97v {
     height: var(--form-control-xl-min-height);
     padding: var(--form-control-xl-paddings);
     padding-top: 1px;
-}
-/* DISABLED STATE */
-.pure-input__component_pl9iy:disabled {
+} /* DISABLED STATE */ .pure-input__component_fl97v: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_pl9iy:not(:disabled):focus {
+} /* FOCUS STATE */ .pure-input__component_fl97v:not(:disabled):focus {
     border-bottom: var(--form-control-focus-border-bottom)
-}
-.pure-input__component_pl9iy:not(:disabled):focus::placeholder {
+} .pure-input__component_fl97v:not(:disabled):focus::placeholder {
         color: var(--input-focus-placeholder-color);
-    }
-.pure-input__focusVisible_pl9iy {
+    } .pure-input__focusVisible_fl97v {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}
-/* HOVER STATE */
-.pure-input__component_pl9iy:not(:disabled):hover {
+} /* HOVER STATE */ .pure-input__component_fl97v:not(:disabled):hover {
     background-color: var(--form-control-hover-bg-color);
-}
-/* IE hide clear */
-.pure-input__component_pl9iy::-ms-clear {
+} /* IE hide clear */ .pure-input__component_fl97v::-ms-clear {
     display: none;
     width: 0;
     height: 0;

package/radio/Component.js

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"container":"radio__container_8bgy4","checked":"radio__checked_8bgy4","disabled":"radio__disabled_8bgy4","inactive":"radio__inactive_8bgy4","circle":"radio__circle_8bgy4","label":"radio__label_8bgy4","hint":"radio__hint_8bgy4","focused":"radio__focused_8bgy4","s":"radio__s_8bgy4","content":"radio__content_8bgy4","start":"radio__start_8bgy4","center":"radio__center_8bgy4","addons":"radio__addons_8bgy4","block":"radio__block_8bgy4"};
+var styles = {"container":"radio__container_fbx8t","checked":"radio__checked_fbx8t","disabled":"radio__disabled_fbx8t","inactive":"radio__inactive_fbx8t","circle":"radio__circle_fbx8t","label":"radio__label_fbx8t","hint":"radio__hint_fbx8t","focused":"radio__focused_fbx8t","s":"radio__s_fbx8t","content":"radio__content_fbx8t","start":"radio__start_fbx8t","center":"radio__center_fbx8t","addons":"radio__addons_fbx8t","block":"radio__block_fbx8t"};
 require('./index.css');
 
 var Radio = React.forwardRef(function (_a, ref) {

package/radio/cssm/index.module.css

@@ -1,4 +1,5 @@
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-quaternary: #dbdee1;
     --color-light-border-key: #0b1f35;
@@ -13,30 +14,28 @@
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-circle: 50%;
+} :root {
     --gap-3xs: 2px;
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
-    --border-radius-circle: 50%;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-:root {
+} :root {
     --radio-hint-color: var(--color-light-text-secondary);
     --radio-label-color: var(--color-light-text-primary);
 
@@ -71,78 +70,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
-}
-.container {
+} .container {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-}
-.container:not(.checked):not(.disabled):not(.inactive) .circle {
+} .container:not(.checked):not(.disabled):not(.inactive) .circle {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        }
-.container:not(.checked):not(.disabled):not(.inactive):hover:not(:active) .circle {
+        } .container:not(.checked):not(.disabled):not(.inactive):hover:not(:active) .circle {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        }
-.container:not(.checked):not(.disabled):not(.inactive):active .circle {
+        } .container:not(.checked):not(.disabled):not(.inactive):active .circle {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        }
-.container.disabled {
+        } .container.disabled {
         cursor: var(--disabled-cursor)
-    }
-.container.disabled .circle {
+    } .container.disabled .circle {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        }
-.container.disabled .label {
+        } .container.disabled .label {
             color: var(--radio-disabled-color);
-        }
-.container.disabled .hint {
+        } .container.disabled .hint {
             color: var(--radio-disabled-color);
-        }
-.container.inactive {
+        } .container.inactive {
         cursor: var(--disabled-cursor)
-    }
-.container.inactive .circle {
+    } .container.inactive .circle {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        }
-.container.inactive.checked .circle:before {
+        } .container.inactive.checked .circle:before {
             background-color: var(--radio-checked-inactive-color);
-        }
-.container.checked:not(:active) .circle:before,
+        } .container.checked:not(:active) .circle:before,
     .container.checked.disabled:active .circle:before {
         opacity: 1;
-    }
-.container.checked .circle {
+    } .container.checked .circle {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        }
-.container.checked:hover .circle {
+        } .container.checked:hover .circle {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        }
-.container.checked:active .circle {
+        } .container.checked:active .circle {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        }
-.container.focused .circle {
+        } .container.focused .circle {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    }
-.container.disabled.checked .circle,
+    } .container.disabled.checked .circle,
     .container.inactive.checked .circle {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    }
-.container input {
+    } .container input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    }
-.circle {
+    } .circle {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -151,8 +131,7 @@
     position: relative;
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
-}
-.circle:before {
+} .circle:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -166,41 +145,32 @@
         bottom: 0;
         transition: opacity 0.2s ease;
         opacity: 0;
-    }
-.s .circle {
+    } .s .circle {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-}
-.content {
+} .content {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-}
-.s .content {
+} .s .content {
     margin-left: var(--gap-xs);
-}
-.start {
+} .start {
     align-items: flex-start;
-}
-.center {
+} .center {
     align-items: center;
-}
-.addons {
+} .addons {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-}
-.block {
+} .block {
     width: 100%;
-}
-.label {
+} .label {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-}
-.hint {
+} .hint {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio/esm/Component.js

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"container":"radio__container_8bgy4","checked":"radio__checked_8bgy4","disabled":"radio__disabled_8bgy4","inactive":"radio__inactive_8bgy4","circle":"radio__circle_8bgy4","label":"radio__label_8bgy4","hint":"radio__hint_8bgy4","focused":"radio__focused_8bgy4","s":"radio__s_8bgy4","content":"radio__content_8bgy4","start":"radio__start_8bgy4","center":"radio__center_8bgy4","addons":"radio__addons_8bgy4","block":"radio__block_8bgy4"};
+var styles = {"container":"radio__container_fbx8t","checked":"radio__checked_fbx8t","disabled":"radio__disabled_fbx8t","inactive":"radio__inactive_fbx8t","circle":"radio__circle_fbx8t","label":"radio__label_fbx8t","hint":"radio__hint_fbx8t","focused":"radio__focused_fbx8t","s":"radio__s_fbx8t","content":"radio__content_fbx8t","start":"radio__start_fbx8t","center":"radio__center_fbx8t","addons":"radio__addons_fbx8t","block":"radio__block_fbx8t"};
 require('./index.css');
 
 var Radio = forwardRef(function (_a, ref) {

package/radio/esm/index.css

@@ -1,5 +1,6 @@
 /* hash: eyiov */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-quaternary: #dbdee1;
     --color-light-border-key: #0b1f35;
@@ -14,30 +15,28 @@
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
     --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-circle: 50%;
+} :root {
     --gap-3xs: 2px;
     --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
-    --border-radius-circle: 50%;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-:root {
+} :root {
     --radio-hint-color: var(--color-light-text-secondary);
     --radio-label-color: var(--color-light-text-primary);
 
@@ -72,78 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-bg-primary);
-}
-.radio__container_8bgy4 {
+} .radio__container_fbx8t {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-}
-.radio__container_8bgy4:not(.radio__checked_8bgy4):not(.radio__disabled_8bgy4):not(.radio__inactive_8bgy4) .radio__circle_8bgy4 {
+} .radio__container_fbx8t:not(.radio__checked_fbx8t):not(.radio__disabled_fbx8t):not(.radio__inactive_fbx8t) .radio__circle_fbx8t {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        }
-.radio__container_8bgy4:not(.radio__checked_8bgy4):not(.radio__disabled_8bgy4):not(.radio__inactive_8bgy4):hover:not(:active) .radio__circle_8bgy4 {
+        } .radio__container_fbx8t:not(.radio__checked_fbx8t):not(.radio__disabled_fbx8t):not(.radio__inactive_fbx8t):hover:not(:active) .radio__circle_fbx8t {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        }
-.radio__container_8bgy4:not(.radio__checked_8bgy4):not(.radio__disabled_8bgy4):not(.radio__inactive_8bgy4):active .radio__circle_8bgy4 {
+        } .radio__container_fbx8t:not(.radio__checked_fbx8t):not(.radio__disabled_fbx8t):not(.radio__inactive_fbx8t):active .radio__circle_fbx8t {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        }
-.radio__container_8bgy4.radio__disabled_8bgy4 {
+        } .radio__container_fbx8t.radio__disabled_fbx8t {
         cursor: var(--disabled-cursor)
-    }
-.radio__container_8bgy4.radio__disabled_8bgy4 .radio__circle_8bgy4 {
+    } .radio__container_fbx8t.radio__disabled_fbx8t .radio__circle_fbx8t {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        }
-.radio__container_8bgy4.radio__disabled_8bgy4 .radio__label_8bgy4 {
+        } .radio__container_fbx8t.radio__disabled_fbx8t .radio__label_fbx8t {
             color: var(--radio-disabled-color);
-        }
-.radio__container_8bgy4.radio__disabled_8bgy4 .radio__hint_8bgy4 {
+        } .radio__container_fbx8t.radio__disabled_fbx8t .radio__hint_fbx8t {
             color: var(--radio-disabled-color);
-        }
-.radio__container_8bgy4.radio__inactive_8bgy4 {
+        } .radio__container_fbx8t.radio__inactive_fbx8t {
         cursor: var(--disabled-cursor)
-    }
-.radio__container_8bgy4.radio__inactive_8bgy4 .radio__circle_8bgy4 {
+    } .radio__container_fbx8t.radio__inactive_fbx8t .radio__circle_fbx8t {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        }
-.radio__container_8bgy4.radio__inactive_8bgy4.radio__checked_8bgy4 .radio__circle_8bgy4:before {
+        } .radio__container_fbx8t.radio__inactive_fbx8t.radio__checked_fbx8t .radio__circle_fbx8t:before {
             background-color: var(--radio-checked-inactive-color);
-        }
-.radio__container_8bgy4.radio__checked_8bgy4:not(:active) .radio__circle_8bgy4:before,
-    .radio__container_8bgy4.radio__checked_8bgy4.radio__disabled_8bgy4:active .radio__circle_8bgy4:before {
+        } .radio__container_fbx8t.radio__checked_fbx8t:not(:active) .radio__circle_fbx8t:before,
+    .radio__container_fbx8t.radio__checked_fbx8t.radio__disabled_fbx8t:active .radio__circle_fbx8t:before {
         opacity: 1;
-    }
-.radio__container_8bgy4.radio__checked_8bgy4 .radio__circle_8bgy4 {
+    } .radio__container_fbx8t.radio__checked_fbx8t .radio__circle_fbx8t {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        }
-.radio__container_8bgy4.radio__checked_8bgy4:hover .radio__circle_8bgy4 {
+        } .radio__container_fbx8t.radio__checked_fbx8t:hover .radio__circle_fbx8t {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        }
-.radio__container_8bgy4.radio__checked_8bgy4:active .radio__circle_8bgy4 {
+        } .radio__container_fbx8t.radio__checked_fbx8t:active .radio__circle_fbx8t {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        }
-.radio__container_8bgy4.radio__focused_8bgy4 .radio__circle_8bgy4 {
+        } .radio__container_fbx8t.radio__focused_fbx8t .radio__circle_fbx8t {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    }
-.radio__container_8bgy4.radio__disabled_8bgy4.radio__checked_8bgy4 .radio__circle_8bgy4,
-    .radio__container_8bgy4.radio__inactive_8bgy4.radio__checked_8bgy4 .radio__circle_8bgy4 {
+    } .radio__container_fbx8t.radio__disabled_fbx8t.radio__checked_fbx8t .radio__circle_fbx8t,
+    .radio__container_fbx8t.radio__inactive_fbx8t.radio__checked_fbx8t .radio__circle_fbx8t {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    }
-.radio__container_8bgy4 input {
+    } .radio__container_fbx8t input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    }
-.radio__circle_8bgy4 {
+    } .radio__circle_fbx8t {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -152,8 +132,7 @@
     position: relative;
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
-}
-.radio__circle_8bgy4:before {
+} .radio__circle_fbx8t:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -167,41 +146,32 @@
         bottom: 0;
         transition: opacity 0.2s ease;
         opacity: 0;
-    }
-.radio__s_8bgy4 .radio__circle_8bgy4 {
+    } .radio__s_fbx8t .radio__circle_fbx8t {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-}
-.radio__content_8bgy4 {
+} .radio__content_fbx8t {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-}
-.radio__s_8bgy4 .radio__content_8bgy4 {
+} .radio__s_fbx8t .radio__content_fbx8t {
     margin-left: var(--gap-xs);
-}
-.radio__start_8bgy4 {
+} .radio__start_fbx8t {
     align-items: flex-start;
-}
-.radio__center_8bgy4 {
+} .radio__center_fbx8t {
     align-items: center;
-}
-.radio__addons_8bgy4 {
+} .radio__addons_fbx8t {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-}
-.radio__block_8bgy4 {
+} .radio__block_fbx8t {
     width: 100%;
-}
-.radio__label_8bgy4 {
+} .radio__label_fbx8t {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-}
-.radio__hint_8bgy4 {
+} .radio__hint_fbx8t {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;