@alfalab/core-components 47.26.8-beta.9323 → 47.26.9-52bd94585023d817e098c7c90c7ee9a926580424

package/form-control/modern/desktop/inverted.desktop.css

@@ -1,4 +1,4 @@
-/* hash: wvhng */
+/* hash: w5e8j */
 :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 */ /* 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 */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
@@ -56,10 +56,10 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__inner_15157 {
+} .form-control__inner_d296k {
     background-color: var(--form-control-inverted-bg-color);
-} .form-control__inner_15157.form-control__hasError_15157 {
+} .form-control__inner_d296k.form-control__hasError_d296k {
     background-color: var(--form-control-inverted-error-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_15157.form-control__hasError_15157 {
+} /* DISABLED STATE */ .form-control__disabled_d296k.form-control__hasError_d296k {
     box-shadow: var(--form-control-inverted-error-disabled-shadow);
 }

package/form-control/modern/index.js

@@ -1,8 +1,8 @@
 export { FormControl } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-form-control/Component.js';
 import 'classnames';
-import '../../shared/modern';
 import './mobile/Component.mobile.js';

package/form-control/modern/mobile/Component.mobile.js

@@ -3,13 +3,13 @@ import { BaseFormControl } from '../components/base-form-control/Component.js';
 import 'classnames';
 import '../../../shared/modern';
 
-const defaultColors = {"inner":"form-control__inner_7fxjh","disabled":"form-control__disabled_7fxjh","hasError":"form-control__hasError_7fxjh"};
+const defaultColors = {"inner":"form-control__inner_q9ym4","disabled":"form-control__disabled_q9ym4","hasError":"form-control__hasError_q9ym4"};
 require('./default.mobile.css');
 
-const invertedColors = {"inner":"form-control__inner_u49wh","disabled":"form-control__disabled_u49wh","hasError":"form-control__hasError_u49wh"};
+const invertedColors = {"inner":"form-control__inner_g9hlq","disabled":"form-control__disabled_g9hlq","hasError":"form-control__hasError_g9hlq"};
 require('./inverted.mobile.css');
 
-const styles = {"above":"form-control__above_1mybn","sub":"form-control__sub_1mybn","error":"form-control__error_1mybn","size-40":"form-control__size-40_1mybn","inner":"form-control__inner_1mybn","size-48":"form-control__size-48_1mybn","size-56":"form-control__size-56_1mybn","size-64":"form-control__size-64_1mybn","size-72":"form-control__size-72_1mybn"};
+const styles = {"above":"form-control__above_1q8ci","sub":"form-control__sub_1q8ci","error":"form-control__error_1q8ci","size-48":"form-control__size-48_1q8ci","inner":"form-control__inner_1q8ci","size-56":"form-control__size-56_1q8ci","size-64":"form-control__size-64_1q8ci","size-72":"form-control__size-72_1q8ci"};
 require('./mobile.css');
 
 const colorStyles = {

package/form-control/modern/mobile/default.mobile.css

@@ -1,4 +1,4 @@
-/* hash: jkdza */
+/* hash: 1mi6b */
 :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 */ /* 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 */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -53,8 +53,8 @@
 
     /* error mobile */
     --form-control-error-mobile-disabled-shadow: var(--form-control-error-shadow);
-} .form-control__inner_7fxjh {
+} .form-control__inner_q9ym4 {
     background-color: var(--form-control-mobile-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_7fxjh.form-control__hasError_7fxjh {
+} /* DISABLED STATE */ .form-control__disabled_q9ym4.form-control__hasError_q9ym4 {
     box-shadow: var(--form-control-error-mobile-disabled-shadow);
 }

package/form-control/modern/mobile/inverted.mobile.css

@@ -1,4 +1,4 @@
-/* hash: h81vw */
+/* hash: 1966h */
 :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 */ /* 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 */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
@@ -54,8 +54,8 @@
 
     /* error mobile */
     --form-control-inverted-error-mobile-disabled-shadow: var(--form-control-inverted-error-shadow);
-} .form-control__inner_u49wh {
+} .form-control__inner_g9hlq {
     background-color: var(--form-control-inverted-mobile-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_u49wh.form-control__hasError_u49wh {
+} /* DISABLED STATE */ .form-control__disabled_g9hlq.form-control__hasError_g9hlq {
     box-shadow: var(--form-control-inverted-error-mobile-disabled-shadow);
 }

package/form-control/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 7opq3 */
+/* hash: jhu56 */
 :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 */ /* 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 */ /* deprecated */ /* deprecated */
 } /* deprecated */ :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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -49,7 +49,6 @@
     --form-control-mobile-sub-paddings: var(--gap-0) var(--gap-4);
 
     /* border-radius mobile */
-    --form-control-mobile-40-border-radius: var(--border-radius-10);
     --form-control-mobile-s-border-radius: var(--border-radius-10);
     --form-control-mobile-m-border-radius: var(--border-radius-10);
     --form-control-mobile-l-border-radius: var(--border-radius-10);
@@ -58,22 +57,18 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__above_1mybn {
+} .form-control__above_1q8ci {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__sub_1mybn {
+} .form-control__sub_1q8ci {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__error_1mybn {
+} .form-control__error_1q8ci {
     padding: var(--form-control-mobile-sub-paddings);
-} /* SIZES */ .form-control__size-40_1mybn .form-control__inner_1mybn {
-    border-radius: var(--form-control-mobile-40-border-radius)
-} .form-control__size-40_1mybn .form-control__inner_1mybn:before {
-        left: 0;
-    } .form-control__size-48_1mybn .form-control__inner_1mybn {
+} /* SIZES */ .form-control__size-48_1q8ci .form-control__inner_1q8ci {
     border-radius: var(--form-control-mobile-s-border-radius);
-} .form-control__size-56_1mybn .form-control__inner_1mybn {
+} .form-control__size-56_1q8ci .form-control__inner_1q8ci {
     border-radius: var(--form-control-mobile-m-border-radius);
-} .form-control__size-64_1mybn .form-control__inner_1mybn {
+} .form-control__size-64_1q8ci .form-control__inner_1q8ci {
     border-radius: var(--form-control-mobile-l-border-radius);
-} .form-control__size-72_1mybn .form-control__inner_1mybn {
+} .form-control__size-72_1q8ci .form-control__inner_1q8ci {
     border-radius: var(--form-control-mobile-xl-border-radius);
 }

package/form-control/moderncssm/Component.responsive.d.ts

@@ -7,13 +7,8 @@ type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
      * @default 1024
      */
     breakpoint?: number;
-    /**
-     * Версия, которая будет использоваться при серверном рендеринге
-     */
-    client?: 'desktop' | 'mobile';
     /**
      * Значение по-умолчанию для хука useMatchMedia
-     * @deprecated Используйте client
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
@@ -23,13 +18,8 @@ declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlP
      * @default 1024
      */
     breakpoint?: number | undefined;
-    /**
-     * Версия, которая будет использоваться при серверном рендеринге
-     */
-    client?: "desktop" | "mobile" | undefined;
     /**
      * Значение по-умолчанию для хука useMatchMedia
-     * @deprecated Используйте client
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/form-control/moderncssm/Component.responsive.js

@@ -1,10 +1,10 @@
 import React, { forwardRef } from 'react';
-import { useIsDesktop } from '../../mq/moderncssm';
+import { useMatchMedia } from '../../mq/moderncssm';
+import { getComponentBreakpoint } from '../../shared/moderncssm';
 import { FormControlDesktop } from './desktop/Component.desktop.js';
 import { FormControlMobile } from './mobile/Component.mobile.js';
 import './components/base-form-control/Component.js';
 import 'classnames';
-import '../../shared/moderncssm';
 import './components/base-form-control/default.module.css';
 import './components/base-form-control/index.module.css';
 import './components/base-form-control/inverted.module.css';
@@ -15,8 +15,9 @@ import './mobile/default.mobile.module.css';
 import './mobile/inverted.mobile.module.css';
 import './mobile/mobile.module.css';
 
-const FormControl = forwardRef(({ breakpoint, client, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', ...restProps }, ref) => {
-    const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
+const FormControl = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
+    const query = `(min-width: ${breakpoint}px)`;
+    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
     const Component = isDesktop ? FormControlDesktop : FormControlMobile;
     return React.createElement(Component, { ref: ref, ...restProps });
 });

package/form-control/moderncssm/components/base-form-control/Component.d.ts

@@ -18,7 +18,7 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Набор цветов для компонента
      */
@@ -125,7 +125,7 @@ declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttribu
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "m" | "l" | "xl" | 40 | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "m" | "l" | "xl" | 48 | 56 | 64 | 72 | undefined;
     /**
      * Набор цветов для компонента
      */

package/form-control/moderncssm/components/base-form-control/Component.js

@@ -14,7 +14,6 @@ const SIZE_TO_CLASSNAME_MAP = {
     m: 'size-56',
     l: 'size-64',
     xl: 'size-72',
-    40: 'size-40',
     48: 'size-48',
     56: 'size-56',
     64: 'size-64',
@@ -27,7 +26,7 @@ const BaseFormControl = React.forwardRef(({ block = false, size = 48, colors = '
             [commonStyles.hasLeftAddons]: leftAddons,
             [commonStyles.hasRightAddons]: rightAddons || error,
         }) },
-        label && labelView === 'outer' && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'label'), className: cn(commonStyles.above, commonStyles[`size-${size}`], styles.above, colorCommonStyles[colors].label) }, label)),
+        label && labelView === 'outer' && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'label'), className: cn(commonStyles.above, styles.above, colorCommonStyles[colors].label) }, label)),
         React.createElement("div", { "data-test-id": getDataTestId(dataTestId, 'inner'), ...restProps, className: cn(fieldClassName, commonStyles.inner, styles.inner, colorCommonStyles[colors].inner, colorStyles[colors].inner, {
                 [commonStyles.disabled]: disabled || readOnly,
                 [colorCommonStyles[colors].disabled]: disabled || readOnly,
@@ -47,11 +46,11 @@ const BaseFormControl = React.forwardRef(({ block = false, size = 48, colors = '
                     React.createElement("span", { className: commonStyles.hiddenLabel, "aria-hidden": true }, label),
                     React.createElement("div", { className: cn(commonStyles.label, colorCommonStyles[colors].label, labelClassName) },
                         React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'label'), className: commonStyles.labelInner }, label)))),
-                React.createElement("div", { className: cn(commonStyles.input, commonStyles[`size-${size}`]) }, children)),
+                React.createElement("div", { className: commonStyles.input }, children)),
             rightAddons && (React.createElement("div", { ...rightAddonsProps, "data-test-id": getDataTestId(dataTestId, 'right-addons'), className: cn(commonStyles.addons, commonStyles.rightAddons, addonsClassName, rightAddonsProps?.className) }, rightAddons))),
         bottomAddons,
-        errorMessage && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'error-message'), className: cn(commonStyles.sub, commonStyles[`size-${size}`], styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'hint'), className: cn(commonStyles.sub, commonStyles[`size-${size}`], styles.sub, colorCommonStyles[colors].hint) }, hint))));
+        errorMessage && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'error-message'), className: cn(commonStyles.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
+        hint && !errorMessage && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'hint'), className: cn(commonStyles.sub, styles.sub, colorCommonStyles[colors].hint) }, hint))));
 });
 
 export { BaseFormControl };

package/form-control/moderncssm/components/base-form-control/index.module.css

@@ -11,7 +11,6 @@
     /* error */
 
     /* height */
-    --form-control-40-min-height: var(--size-xs-height);
     --form-control-s-min-height: var(--size-s-height);
     --form-control-m-min-height: var(--size-m-height);
     --form-control-l-min-height: var(--size-l-height);
@@ -21,7 +20,6 @@
     /* paddings */
     --form-control-paddings: var(--gap-0) var(--gap-12);
     --form-control-xl-paddings: var(--gap-0) var(--gap-16);
-    --form-control-labeled-40-paddings: 19px var(--gap-8) 3px;
     --form-control-labeled-s-paddings: var(--gap-24) var(--gap-12) var(--gap-4);
     --form-control-labeled-m-paddings: 28px var(--gap-12) var(--gap-8);
     --form-control-labeled-l-paddings: var(--gap-32) var(--gap-12) var(--gap-12);
@@ -93,10 +91,6 @@
     font-family: var(--form-control-font-family);
 }
 
-.input.size-40 > * {
-    padding: 0 var(--gap-8);
-}
-
 .label {
     font-size: 16px;
     line-height: 20px;
@@ -141,16 +135,9 @@
     font-weight: 400;
     display: block;
     /* adjusting overall height 👌 */
-    margin-top: 6px
+    margin-top: 6px;
 }
 
-.sub.size-40 {
-        font-size: 12px;
-        line-height: 16px;
-        font-weight: 400;
-        margin-top: var(--gap-4);
-    }
-
 .above {
     font-size: 14px;
     line-height: 18px;
@@ -160,47 +147,15 @@
     margin-bottom: calc(var(--gap-12) / 2);
     white-space: nowrap;
     overflow: hidden;
-    text-overflow: ellipsis
+    text-overflow: ellipsis;
 }
 
-.above.size-40 {
-        font-size: 12px;
-        line-height: 16px;
-        font-weight: 400;
-        margin-bottom: var(--gap-4);
-    }
-
 .block {
     width: 100%;
 }
 
 /* SIZES */
 
-.size-40 .inner {
-        min-height: var(--form-control-40-min-height);
-        padding: var(--gap-0) var(--gap-4);
-    }
-
-.size-40 .hasInnerLabel .input > * {
-        padding: var(--form-control-labeled-40-paddings);
-    }
-
-.size-40 .label {
-        font-size: 14px;
-        line-height: 18px;
-        font-weight: 400;
-        top: calc(var(--form-control-40-min-height) / 2);
-        left: var(--gap-8);
-    }
-
-.size-40 .addons.rightAddons {
-            padding-right: var(--gap-8);
-        }
-
-.size-40 .addons.leftAddons {
-            padding-left: var(--gap-8);
-        }
-
 .size-48 .inner {
     min-height: var(--form-control-s-min-height);
 }

package/form-control/moderncssm/desktop/desktop.module.css

@@ -20,7 +20,6 @@
     /* font */
 
     /* border-radius */
-    --form-control-40-border-radius: var(--border-radius-8);
     --form-control-s-border-radius: var(--border-radius-8);
     --form-control-m-border-radius: var(--border-radius-8);
     --form-control-l-border-radius: var(--border-radius-8);
@@ -49,14 +48,6 @@
 
 /* SIZES */
 
-.size-40 .inner {
-    border-radius: var(--form-control-40-border-radius)
-}
-
-.size-40 .inner:before {
-        left: 0;
-    }
-
 .size-48 .inner {
     border-radius: var(--form-control-s-border-radius);
 }

package/form-control/moderncssm/index.js

@@ -1,10 +1,10 @@
 export { FormControl } from './Component.responsive.js';
 import 'react';
 import '../../mq/moderncssm';
+import '../../shared/moderncssm';
 import './desktop/Component.desktop.js';
 import './components/base-form-control/Component.js';
 import 'classnames';
-import '../../shared/moderncssm';
 import './components/base-form-control/default.module.css';
 import './components/base-form-control/index.module.css';
 import './components/base-form-control/inverted.module.css';

package/form-control/moderncssm/mobile/mobile.module.css

@@ -24,7 +24,6 @@
     --form-control-mobile-sub-paddings: var(--gap-0) var(--gap-4);
 
     /* border-radius mobile */
-    --form-control-mobile-40-border-radius: var(--border-radius-10);
     --form-control-mobile-s-border-radius: var(--border-radius-10);
     --form-control-mobile-m-border-radius: var(--border-radius-10);
     --form-control-mobile-l-border-radius: var(--border-radius-10);
@@ -49,14 +48,6 @@
 
 /* SIZES */
 
-.size-40 .inner {
-    border-radius: var(--form-control-mobile-40-border-radius)
-}
-
-.size-40 .inner:before {
-        left: 0;
-    }
-
 .size-48 .inner {
     border-radius: var(--form-control-mobile-s-border-radius);
 }

package/gallery/Component.js

@@ -3,22 +3,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
-var coreComponentsMq = require('../mq');
-var components_imageViewer_single = require('./components/image-viewer/single.js');
+var hooks = require('@alfalab/hooks');
 var components_navigationBar_Component = require('./components/navigation-bar/Component.js');
 var components_header_Component = require('./components/header/Component.js');
-require('@alfalab/hooks');
 var context = require('./context.js');
 var components_imageViewer_component = require('./components/image-viewer/component.js');
 var components_infoBar_Component = require('./components/info-bar/Component.js');
 var components_headerMobile_Component = require('./components/header-mobile/Component.js');
+var components_imageViewer_single = require('./components/image-viewer/single.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"gallery__container_1oktk","mobile":"gallery__mobile_1oktk","modal":"gallery__modal_1oktk","navigationVideo":"gallery__navigationVideo_1oktk","hideNavigation":"gallery__hideNavigation_1oktk"};
+var styles = {"container":"gallery__container_1tcs7","mobile":"gallery__mobile_1tcs7","modal":"gallery__modal_1tcs7","navigationVideo":"gallery__navigationVideo_1tcs7","hideNavigation":"gallery__hideNavigation_1tcs7"};
 require('./index.css');
 
 var DEFAULT_FULL_SCREEN = false;
@@ -41,7 +40,11 @@ var Gallery = function (_a) {
     var _m = React.useState(DEFAULT_MUTED_VIDEO), mutedVideo = _m[0], setMutedVideo = _m[1];
     var _o = React.useState(DEFAULT_PLAYING_VIDEO), playingVideo = _o[0], setPlayingVideo = _o[1];
     var _p = React.useState(DEFAULT_HIDE_NAVIGATION), hideNavigation = _p[0], setHideNavigation = _p[1];
-    var isDesktop = coreComponentsMq.useIsDesktop();
+    var view = hooks.useMedia([
+        ['mobile', '(max-width: 1023px)'],
+        ['desktop', '(min-width: 1024px)'],
+    ], 'desktop')[0];
+    var isMobile = view === 'mobile';
     var isCurrentVideo = !!((_e = (_d = imagesMeta[currentSlideIndex]) === null || _d === void 0 ? void 0 : _d.player) === null || _e === void 0 ? void 0 : _e.current);
     var slideTo = React.useCallback(function (index) {
         if (images[index]) {
@@ -119,7 +122,7 @@ var Gallery = function (_a) {
     var showNavigationBar = !singleSlide && !fullScreen;
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     var galleryContext = {
-        view: isDesktop ? 'desktop' : 'mobile',
+        view: view,
         singleSlide: singleSlide,
         currentSlideIndex: currentSlideIndex,
         images: images,
@@ -147,16 +150,16 @@ var Gallery = function (_a) {
     return (React__default.default.createElement(context.GalleryContext.Provider, { value: galleryContext },
         React__default.default.createElement(coreComponentsBaseModal.BaseModal, { open: open, className: cn__default.default(styles.modal, popupClassName), onEscapeKeyDown: handleEscapeKeyDown, Backdrop: Backdrop, onUnmount: onUnmount },
             React__default.default.createElement("div", { className: cn__default.default(styles.container, (_b = {},
-                    _b[styles.mobile] = !isDesktop,
+                    _b[styles.mobile] = view !== 'desktop',
                     _b)) },
-                isDesktop ? React__default.default.createElement(components_header_Component.Header, null) : React__default.default.createElement(components_headerMobile_Component.HeaderMobile, null),
+                view === 'desktop' ? React__default.default.createElement(components_header_Component.Header, null) : React__default.default.createElement(components_headerMobile_Component.HeaderMobile, null),
                 images.length === 1 ? React__default.default.createElement(components_imageViewer_single.Single, null) : React__default.default.createElement(components_imageViewer_component.ImageViewer, null),
                 React__default.default.createElement("nav", { className: cn__default.default((_c = {},
-                        _c[styles.navigationVideo] = isCurrentVideo && !isDesktop,
-                        _c[styles.hideNavigation] = hideNavigation && !isDesktop,
+                        _c[styles.navigationVideo] = isCurrentVideo && isMobile,
+                        _c[styles.hideNavigation] = hideNavigation && isMobile,
                         _c)) },
                     showNavigationBar && React__default.default.createElement(components_navigationBar_Component.NavigationBar, null),
-                    !isDesktop && React__default.default.createElement(components_infoBar_Component.InfoBar, null))))));
+                    view === 'mobile' && React__default.default.createElement(components_infoBar_Component.InfoBar, null))))));
 };
 
 exports.Gallery = Gallery;

package/gallery/components/buttons/index.css

@@ -1,7 +1,6 @@
-/* hash: 1qetx */
+/* hash: z1sgv */
 :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 */ /* 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 */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-static-neutral-100: #f2f3f5;
     --color-static-neutral-100-hover: #e7e8eb;
     --color-static-neutral-100-press: #dcdde1;
     --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94); /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */
@@ -27,15 +26,13 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__buttons_rvia0 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__buttons_1gvj7 {
     display: flex;
     padding-left: var(--gap-32)
-} .gallery__buttons_rvia0 path {
+} .gallery__buttons_1gvj7 path {
         color: var(--color-static-neutral-translucent-1300-inverted);
-    } .gallery__iconButton_rvia0 path {
-        color: var(--color-static-neutral-100);
-    } .gallery__iconButton_rvia0:hover path {
+    } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_1gvj7:hover path {
         color: var(--color-static-neutral-100-hover);
-    } .gallery__iconButton_rvia0:active path {
+    } .gallery__iconButton_1gvj7:active path {
         color: var(--color-static-neutral-100-press);
     }