@alfalab/core-components 48.29.0-beta.0 → 48.29.0

package/plate/esm/Component.responsive.js

@@ -7,7 +7,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/esm';
-import './warning-ef9f1912.js';
+import './warning-f757bb32.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/components/base-plate/Component.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';
-import { g as getDataTestId } from '../../warning-ef9f1912.js';
+import { g as getDataTestId } from '../../warning-f757bb32.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

package/plate/esm/components/base-plate/index.js

@@ -4,7 +4,7 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/esm';
-import '../../warning-ef9f1912.js';
+import '../../warning-f757bb32.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/desktop/Component.desktop.js

@@ -4,7 +4,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../warning-ef9f1912.js';
+import '../warning-f757bb32.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/desktop/index.js

@@ -5,7 +5,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../warning-ef9f1912.js';
+import '../warning-f757bb32.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/index-785a2fbf.d.ts

@@ -126,7 +126,7 @@ type ColorValue = WithThemeColorValue | WithoutThemeColorValue;
 declare const translateColors: (colorName: string) => ColorValue;
 export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn, isMaskitoMask, getColorVar, modifyColor, WithThemeColorValue, WithoutThemeColorValue, ColorValue, translateColors };
 export { useIsMounted } from "./useIsMounted-edf8408d";
-export * from "./warning-ef9f1912";
-export { PortalContext } from "./warning-ef9f1912";
+export * from "./warning-f757bb32";
+export { PortalContext } from "./warning-f757bb32";
 export * from "./isClient-22e50762";
 export * from "./fnUtils-edf8408d";

package/plate/esm/index.js

@@ -7,7 +7,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/esm';
-import './warning-ef9f1912.js';
+import './warning-f757bb32.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/mobile/Component.mobile.js

@@ -4,7 +4,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../warning-ef9f1912.js';
+import '../warning-f757bb32.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/mobile/index.js

@@ -5,7 +5,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../warning-ef9f1912.js';
+import '../warning-f757bb32.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/shared/index.js

@@ -1,5 +1,5 @@
 export { getPlateTestIds } from '../utils.js';
-import '../warning-ef9f1912.js';
+import '../warning-f757bb32.js';
 import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/plate/esm/utils.js

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from './warning-ef9f1912.js';
+import { g as getDataTestId } from './warning-f757bb32.js';
 import 'react';
 import '@alfalab/hooks';
 import 'detect-browser';

package/plate/index-785a2fbf.d.ts

@@ -126,7 +126,7 @@ type ColorValue = WithThemeColorValue | WithoutThemeColorValue;
 declare const translateColors: (colorName: string) => ColorValue;
 export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn, isMaskitoMask, getColorVar, modifyColor, WithThemeColorValue, WithoutThemeColorValue, ColorValue, translateColors };
 export { useIsMounted } from "./useIsMounted-edf8408d";
-export * from "./warning-d2a94b54";
-export { PortalContext } from "./warning-d2a94b54";
+export * from "./warning-a8c23e98";
+export { PortalContext } from "./warning-a8c23e98";
 export * from "./isClient-22e50762";
 export * from "./fnUtils-edf8408d";

package/plate/modern/Component.responsive.js

@@ -6,7 +6,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/modern';
-import './warning-20ad2256.js';
+import './warning-6780b713.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/components/base-plate/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/modern';
-import { g as getDataTestId } from '../../warning-20ad2256.js';
+import { g as getDataTestId } from '../../warning-6780b713.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/components/base-plate/index.js

@@ -3,7 +3,7 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/modern';
-import '../../warning-20ad2256.js';
+import '../../warning-6780b713.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/desktop/Component.desktop.js

@@ -3,7 +3,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-20ad2256.js';
+import '../warning-6780b713.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/desktop/index.js

@@ -4,7 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-20ad2256.js';
+import '../warning-6780b713.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/index-785a2fbf.d.ts

@@ -126,7 +126,7 @@ type ColorValue = WithThemeColorValue | WithoutThemeColorValue;
 declare const translateColors: (colorName: string) => ColorValue;
 export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn, isMaskitoMask, getColorVar, modifyColor, WithThemeColorValue, WithoutThemeColorValue, ColorValue, translateColors };
 export { useIsMounted } from "./useIsMounted-edf8408d";
-export * from "./warning-20ad2256";
-export { PortalContext } from "./warning-20ad2256";
+export * from "./warning-6780b713";
+export { PortalContext } from "./warning-6780b713";
 export * from "./isClient-22e50762";
 export * from "./fnUtils-edf8408d";

package/plate/modern/index.js

@@ -6,7 +6,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/modern';
-import './warning-20ad2256.js';
+import './warning-6780b713.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/mobile/Component.mobile.js

@@ -3,7 +3,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-20ad2256.js';
+import '../warning-6780b713.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/mobile/index.js

@@ -4,7 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-20ad2256.js';
+import '../warning-6780b713.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/shared/index.js

@@ -1,5 +1,5 @@
 export { getPlateTestIds } from '../utils.js';
-import '../warning-20ad2256.js';
+import '../warning-6780b713.js';
 import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/plate/modern/utils.js

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from './warning-20ad2256.js';
+import { g as getDataTestId } from './warning-6780b713.js';
 import 'react';
 import '@alfalab/hooks';
 import 'detect-browser';

package/plate/utils.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var warning = require('./warning-d2a94b54.js');
+var warning = require('./warning-a8c23e98.js');
 require('react');
 require('@alfalab/hooks');
 

package/pure-cell/{component-6551f191.d.ts → component-11f88b93.d.ts}

@@ -46,7 +46,7 @@ type Props$0 = {
     /**
      * Отступ от графики
      */
-    graphicPadding?: "airy" | "default" | "compact" | "tiny" | "none";
+    graphicPadding?: "max" | "airy" | "default" | "compact" | "tiny" | "none";
     /**
      * Клик по контенту графики.
      */

package/pure-cell/{component-6551f191.js → component-11f88b93.js}

@@ -144,7 +144,7 @@ var FooterText = function (_a) {
     return (React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: color, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
 };
 
-var styles$3 = {"component":"pure-cell__component_1msi3","top":"pure-cell__top_1msi3","center":"pure-cell__center_1msi3","bottom":"pure-cell__bottom_1msi3","horizontal":"pure-cell__horizontal_1msi3","none":"pure-cell__none_1msi3","airy":"pure-cell__airy_1msi3","default":"pure-cell__default_1msi3","compact":"pure-cell__compact_1msi3","tiny":"pure-cell__tiny_1msi3","vertical":"pure-cell__vertical_1msi3","button":"pure-cell__button_1msi3"};
+var styles$3 = {"component":"pure-cell__component_1msi3","top":"pure-cell__top_1msi3","center":"pure-cell__center_1msi3","bottom":"pure-cell__bottom_1msi3","horizontal":"pure-cell__horizontal_1msi3","none":"pure-cell__none_1msi3","max":"pure-cell__max_1msi3","airy":"pure-cell__airy_1msi3","default":"pure-cell__default_1msi3","compact":"pure-cell__compact_1msi3","tiny":"pure-cell__tiny_1msi3","vertical":"pure-cell__vertical_1msi3","button":"pure-cell__button_1msi3"};
 require('./components/graphics/index.css');
 
 var GRAPHICS_COMPONENT = {

package/pure-cell/component.js

@@ -6,7 +6,7 @@ require('react-merge-refs');
 require('classnames');
 var coreComponentsComment = require('../comment');
 require('@alfalab/hooks');
-var components_addon_component = require('./component-6551f191.js');
+var components_addon_component = require('./component-11f88b93.js');
 
 
 

package/pure-cell/components/addon/component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/addon/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/amount/component.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/amount/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/amount-title/component.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/amount-title/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/category/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/category/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/content/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/content/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/footer/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/footer/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/footer-button/component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../button');
 require('../../../shared');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/footer-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/footer-text/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/footer-text/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/graphics/component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/graphics/index.css

@@ -17,7 +17,8 @@
     --gap-2xs: 4px; /* deprecated */
     --gap-xs: 8px; /* deprecated */
     --gap-s: 12px; /* deprecated */ /* deprecated */
-    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */ /* deprecated */
+    --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
 
@@ -28,6 +29,7 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -44,6 +46,8 @@
     align-self: flex-end;
 } .pure-cell__horizontal_1msi3:not(:last-child).pure-cell__none_1msi3 {
         margin-right: var(--gap-0);
+    } .pure-cell__horizontal_1msi3:not(:last-child).pure-cell__max_1msi3 {
+        margin-right: var(--gap-24);
     } .pure-cell__horizontal_1msi3:not(:last-child).pure-cell__airy_1msi3 {
         margin-right: var(--gap-16);
     } .pure-cell__horizontal_1msi3:not(:last-child).pure-cell__default_1msi3 {
@@ -54,6 +58,8 @@
         margin-right: var(--gap-4);
     } .pure-cell__vertical_1msi3:not(:last-child).pure-cell__none_1msi3 {
         margin-bottom: var(--gap-0);
+    } .pure-cell__vertical_1msi3:not(:last-child).pure-cell__max_1msi3 {
+        margin-bottom: var(--gap-24);
     } .pure-cell__vertical_1msi3:not(:last-child).pure-cell__airy_1msi3 {
         margin-bottom: var(--gap-16);
     } .pure-cell__vertical_1msi3:not(:last-child).pure-cell__default_1msi3 {

package/pure-cell/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/graphics/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/main/component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/main/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/text/component.js

@@ -4,7 +4,7 @@ require('react');
 require('classnames');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6551f191";
+export * from "../../component-11f88b93";

package/pure-cell/components/text/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-6551f191.js');
+var components_addon_component = require('../../component-11f88b93.js');
 
 
 

package/pure-cell/cssm/component-4d3a2190.d.ts

@@ -46,7 +46,7 @@ type Props$0 = {
     /**
      * Отступ от графики
      */
-    graphicPadding?: "airy" | "default" | "compact" | "tiny" | "none";
+    graphicPadding?: "max" | "airy" | "default" | "compact" | "tiny" | "none";
     /**
      * Клик по контенту графики.
      */

package/pure-cell/cssm/components/graphics/index.module.css

@@ -16,7 +16,8 @@
     --gap-2xs: 4px; /* deprecated */
     --gap-xs: 8px; /* deprecated */
     --gap-s: 12px; /* deprecated */ /* deprecated */
-    --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */ /* deprecated */
+    --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
 
@@ -27,6 +28,7 @@
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
+    --gap-24: var(--gap-xl);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -43,6 +45,8 @@
     align-self: flex-end;
 } .horizontal:not(:last-child).none {
         margin-right: var(--gap-0);
+    } .horizontal:not(:last-child).max {
+        margin-right: var(--gap-24);
     } .horizontal:not(:last-child).airy {
         margin-right: var(--gap-16);
     } .horizontal:not(:last-child).default {
@@ -53,6 +57,8 @@
         margin-right: var(--gap-4);
     } .vertical:not(:last-child).none {
         margin-bottom: var(--gap-0);
+    } .vertical:not(:last-child).max {
+        margin-bottom: var(--gap-24);
     } .vertical:not(:last-child).airy {
         margin-bottom: var(--gap-16);
     } .vertical:not(:last-child).default {