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

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../loader/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-59d45308.js';
+export { C as CountdownSection } from '../../../countdown-section-20e1dc4e.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -8,6 +8,6 @@ import '../../../../../typography/esm';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-59d45308.js';
+import '../../../countdown-section-20e1dc4e.js';
 import '../../../../../loader/esm';
 import '../../../utils.js';

package/confirmation/esm/desktop.js

@@ -10,7 +10,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-59d45308.js';
+import './countdown-section-20e1dc4e.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/index.js

@@ -19,5 +19,5 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-59d45308.js';
+import './countdown-section-20e1dc4e.js';
 import '../../loader/esm';

package/confirmation/esm/mobile.js

@@ -10,7 +10,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-59d45308.js';
+import './countdown-section-20e1dc4e.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/esm/responsive.js

@@ -10,7 +10,7 @@ import '../../code-input/esm';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-59d45308.js';
+import './countdown-section-20e1dc4e.js';
 import '../../loader/esm';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/index.js

@@ -21,7 +21,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-a79554b5.js');
+require('./countdown-section-c1187d61.js');
 require('../loader');
 
 

package/confirmation/mobile.js

@@ -15,7 +15,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-a79554b5.js');
+require('./countdown-section-c1187d61.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/confirmation/modern/component.desktop.js

@@ -8,7 +8,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-7af3aed1.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/component.mobile.js

@@ -8,7 +8,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-7af3aed1.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/component.responsive.js

@@ -10,7 +10,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-7af3aed1.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/components/base-confirmation/component.js

@@ -13,7 +13,7 @@ import '../../../../code-input/modern';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-9d0b43a1.js';
+import '../../countdown-section-7af3aed1.js';
 import '../../../../loader/modern';
 import '../countdown-loader/component.js';
 

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

@@ -8,7 +8,7 @@ import '../../../../code-input/modern';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-9d0b43a1.js';
+import '../../countdown-section-7af3aed1.js';
 import '../../../../loader/modern';
 import '../screens/hint/component.js';
 import '../screens/fatal-error/component.js';

package/confirmation/modern/components/header/index.css

@@ -36,13 +36,13 @@
     --confirmation-header-font-feature-settings: normal
 } .confirmation__header_1rmso.confirmation__header_1rmso {
     margin-bottom: var(--gap-xl);
-} .confirmation__typography_1rmso.confirmation__typography_1rmso {
+} .confirmation__typography_1rmso.confirmation__typography_1rmso.confirmation__typography_1rmso {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-desktop-font-size);
     line-height: var(--confirmation-header-desktop-line-height);
     font-weight: var(--confirmation-header-desktop-font-weight);
     font-family: var(--confirmation-header-desktop-font-family);
-} .confirmation__typographyMobile_1rmso.confirmation__typographyMobile_1rmso {
+} .confirmation__typographyMobile_1rmso.confirmation__typographyMobile_1rmso.confirmation__typographyMobile_1rmso {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-mobile-font-size);
     line-height: var(--confirmation-header-mobile-line-height);

package/confirmation/modern/components/index.js

@@ -12,6 +12,6 @@ import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../context.js';
 import './header/component.js';
-import '../countdown-section-9d0b43a1.js';
+import '../countdown-section-7af3aed1.js';
 import '../../../loader/modern';
 import '../utils.js';

package/confirmation/modern/components/screens/index.js

@@ -11,7 +11,7 @@ import '../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-9d0b43a1.js';
+import '../../countdown-section-7af3aed1.js';
 import '../../../../loader/modern';
 import '../countdown-loader/component.js';
 import '../../utils.js';

package/confirmation/modern/components/screens/initial/component.js

@@ -7,7 +7,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-9d0b43a1.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-7af3aed1.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';
 

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../loader/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-9d0b43a1.js';
+export { C as CountdownSection } from '../../../countdown-section-7af3aed1.js';
 import '../../../utils.js';

package/confirmation/modern/components/screens/initial/index.js

@@ -8,6 +8,6 @@ import '../../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-9d0b43a1.js';
+import '../../../countdown-section-7af3aed1.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';

package/confirmation/modern/desktop.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-7af3aed1.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/index.js

@@ -18,5 +18,5 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-7af3aed1.js';
 import '../../loader/modern';

package/confirmation/modern/mobile.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-7af3aed1.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/responsive.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-7af3aed1.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/responsive.js

@@ -16,7 +16,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-a79554b5.js');
+require('./countdown-section-c1187d61.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/custom-button/Component.d.ts

@@ -10,11 +10,11 @@ type ComponentProps = Omit<ButtonComponentProps, 'view' | 'colors'> & {
     /**
      * Цвет контента
      */
-    contentColor?: 'black' | 'white';
+    contentColor?: 'black' | 'white' | 'static-black' | 'static-white';
     /**
      * Затемнение или осветление кнопки при hover и active
      */
-    stateType?: 'darkening' | 'lightening';
+    stateType?: 'darkening' | 'lightening' | 'static-darkening' | 'static-lightening';
 };
 type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
 type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;

package/custom-button/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"customButton":"custom-button__customButton_s3lv0","white":"custom-button__white_s3lv0","black":"custom-button__black_s3lv0","darkening":"custom-button__darkening_s3lv0","lightening":"custom-button__lightening_s3lv0","customLoading":"custom-button__customLoading_s3lv0"};
+var styles = {"customButton":"custom-button__customButton_s3lv0","white":"custom-button__white_s3lv0","black":"custom-button__black_s3lv0","static-white":"custom-button__static-white_s3lv0","static-black":"custom-button__static-black_s3lv0","darkening":"custom-button__darkening_s3lv0","lightening":"custom-button__lightening_s3lv0","static-darkening":"custom-button__static-darkening_s3lv0","static-lightening":"custom-button__static-lightening_s3lv0","customLoading":"custom-button__customLoading_s3lv0"};
 require('./index.css');
 
 var DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/cssm/Component.d.ts

@@ -10,11 +10,11 @@ type ComponentProps = Omit<ButtonComponentProps, 'view' | 'colors'> & {
     /**
      * Цвет контента
      */
-    contentColor?: 'black' | 'white';
+    contentColor?: 'black' | 'white' | 'static-black' | 'static-white';
     /**
      * Затемнение или осветление кнопки при hover и active
      */
-    stateType?: 'darkening' | 'lightening';
+    stateType?: 'darkening' | 'lightening' | 'static-darkening' | 'static-lightening';
 };
 type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
 type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;

package/custom-button/cssm/index.module.css

@@ -1,7 +1,15 @@
 :root {
 } /* deprecated */ :root {
+    --color-light-graphic-primary: #0e0e0e;
+    --color-light-graphic-primary-inverted: #fff;
+    --color-static-graphic-dark: #0e0e0e;
+    --color-static-graphic-light: #fff;
     --color-static-text-primary-dark: #0e0e0e;
     --color-static-text-primary-light: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
+    --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
+    --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
+    --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
 } :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 */
 } :root {
 } :root {
@@ -19,9 +27,13 @@
     overflow: hidden;
     position: relative
 } .customButton.white * {
-        color: var(--color-static-text-primary-light);
+        color: var(--color-light-graphic-primary-inverted);
     } .customButton.black * {
-        color: var(--color-static-text-primary-dark);
+        color: var(--color-light-graphic-primary);
+    } .customButton.static-white * {
+        color: var(--color-static-graphic-light);
+    } .customButton.static-black * {
+        color: var(--color-static-graphic-dark);
     } .customButton span {
         position: relative;
         z-index: 3;
@@ -37,13 +49,21 @@
         opacity: 1;
         pointer-events: none;
     } .customButton.darkening:hover:before {
-            background-color: rgba(0, 0, 0, 0.07);
+            background-color: var(--color-light-border-key-alpha-7);
         } .customButton.darkening:active:before {
-            background-color: rgba(0, 0, 0, 0.15);
+            background-color: var(--color-light-border-key-alpha-15);
         } .customButton.lightening:hover:before {
-            background-color: rgba(255, 255, 255, 0.15);
+            background-color: var(--color-light-border-key-inverted-alpha-7);
         } .customButton.lightening:active:before {
-            background-color: rgba(255, 255, 255, 0.2);
+            background-color: var(--color-light-border-key-inverted-alpha-15);
+        } .customButton.static-darkening:hover:before {
+            background-color: rgba(0, 0, 0, 0.07);
+        } .customButton.static-darkening:active:before {
+            background-color: rgba(0, 0, 0, 0.15);
+        } .customButton.static-lightening:hover:before {
+            background-color: rgba(255, 255, 255, 0.07);
+        } .customButton.static-lightening:active:before {
+            background-color: rgba(255, 255, 255, 0.15);
         } /* Disabled */ .customButton:disabled {
     opacity: 0.3
 } .customButton:disabled.customLoading {

package/custom-button/esm/Component.d.ts

@@ -10,11 +10,11 @@ type ComponentProps = Omit<ButtonComponentProps, 'view' | 'colors'> & {
     /**
      * Цвет контента
      */
-    contentColor?: 'black' | 'white';
+    contentColor?: 'black' | 'white' | 'static-black' | 'static-white';
     /**
      * Затемнение или осветление кнопки при hover и active
      */
-    stateType?: 'darkening' | 'lightening';
+    stateType?: 'darkening' | 'lightening' | 'static-darkening' | 'static-lightening';
 };
 type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
 type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;

package/custom-button/esm/Component.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../button/esm';
 
-var styles = {"customButton":"custom-button__customButton_s3lv0","white":"custom-button__white_s3lv0","black":"custom-button__black_s3lv0","darkening":"custom-button__darkening_s3lv0","lightening":"custom-button__lightening_s3lv0","customLoading":"custom-button__customLoading_s3lv0"};
+var styles = {"customButton":"custom-button__customButton_s3lv0","white":"custom-button__white_s3lv0","black":"custom-button__black_s3lv0","static-white":"custom-button__static-white_s3lv0","static-black":"custom-button__static-black_s3lv0","darkening":"custom-button__darkening_s3lv0","lightening":"custom-button__lightening_s3lv0","static-darkening":"custom-button__static-darkening_s3lv0","static-lightening":"custom-button__static-lightening_s3lv0","customLoading":"custom-button__customLoading_s3lv0"};
 require('./index.css');
 
 var DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/esm/index.css

@@ -1,8 +1,16 @@
 /* hash: 1q8r2 */
 :root {
 } /* deprecated */ :root {
+    --color-light-graphic-primary: #0e0e0e;
+    --color-light-graphic-primary-inverted: #fff;
+    --color-static-graphic-dark: #0e0e0e;
+    --color-static-graphic-light: #fff;
     --color-static-text-primary-dark: #0e0e0e;
     --color-static-text-primary-light: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
+    --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
+    --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
+    --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
 } :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 */
 } :root {
 } :root {
@@ -20,9 +28,13 @@
     overflow: hidden;
     position: relative
 } .custom-button__customButton_s3lv0.custom-button__white_s3lv0 * {
-        color: var(--color-static-text-primary-light);
+        color: var(--color-light-graphic-primary-inverted);
     } .custom-button__customButton_s3lv0.custom-button__black_s3lv0 * {
-        color: var(--color-static-text-primary-dark);
+        color: var(--color-light-graphic-primary);
+    } .custom-button__customButton_s3lv0.custom-button__static-white_s3lv0 * {
+        color: var(--color-static-graphic-light);
+    } .custom-button__customButton_s3lv0.custom-button__static-black_s3lv0 * {
+        color: var(--color-static-graphic-dark);
     } .custom-button__customButton_s3lv0 span {
         position: relative;
         z-index: 3;
@@ -38,13 +50,21 @@
         opacity: 1;
         pointer-events: none;
     } .custom-button__customButton_s3lv0.custom-button__darkening_s3lv0:hover:before {
-            background-color: rgba(0, 0, 0, 0.07);
+            background-color: var(--color-light-border-key-alpha-7);
         } .custom-button__customButton_s3lv0.custom-button__darkening_s3lv0:active:before {
-            background-color: rgba(0, 0, 0, 0.15);
+            background-color: var(--color-light-border-key-alpha-15);
         } .custom-button__customButton_s3lv0.custom-button__lightening_s3lv0:hover:before {
-            background-color: rgba(255, 255, 255, 0.15);
+            background-color: var(--color-light-border-key-inverted-alpha-7);
         } .custom-button__customButton_s3lv0.custom-button__lightening_s3lv0:active:before {
-            background-color: rgba(255, 255, 255, 0.2);
+            background-color: var(--color-light-border-key-inverted-alpha-15);
+        } .custom-button__customButton_s3lv0.custom-button__static-darkening_s3lv0:hover:before {
+            background-color: rgba(0, 0, 0, 0.07);
+        } .custom-button__customButton_s3lv0.custom-button__static-darkening_s3lv0:active:before {
+            background-color: rgba(0, 0, 0, 0.15);
+        } .custom-button__customButton_s3lv0.custom-button__static-lightening_s3lv0:hover:before {
+            background-color: rgba(255, 255, 255, 0.07);
+        } .custom-button__customButton_s3lv0.custom-button__static-lightening_s3lv0:active:before {
+            background-color: rgba(255, 255, 255, 0.15);
         } /* Disabled */ .custom-button__customButton_s3lv0:disabled {
     opacity: 0.3
 } .custom-button__customButton_s3lv0:disabled.custom-button__customLoading_s3lv0 {

package/custom-button/index.css

@@ -1,8 +1,16 @@
 /* hash: 1q8r2 */
 :root {
 } /* deprecated */ :root {
+    --color-light-graphic-primary: #0e0e0e;
+    --color-light-graphic-primary-inverted: #fff;
+    --color-static-graphic-dark: #0e0e0e;
+    --color-static-graphic-light: #fff;
     --color-static-text-primary-dark: #0e0e0e;
     --color-static-text-primary-light: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
+    --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
+    --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
+    --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
 } :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 */
 } :root {
 } :root {
@@ -20,9 +28,13 @@
     overflow: hidden;
     position: relative
 } .custom-button__customButton_s3lv0.custom-button__white_s3lv0 * {
-        color: var(--color-static-text-primary-light);
+        color: var(--color-light-graphic-primary-inverted);
     } .custom-button__customButton_s3lv0.custom-button__black_s3lv0 * {
-        color: var(--color-static-text-primary-dark);
+        color: var(--color-light-graphic-primary);
+    } .custom-button__customButton_s3lv0.custom-button__static-white_s3lv0 * {
+        color: var(--color-static-graphic-light);
+    } .custom-button__customButton_s3lv0.custom-button__static-black_s3lv0 * {
+        color: var(--color-static-graphic-dark);
     } .custom-button__customButton_s3lv0 span {
         position: relative;
         z-index: 3;
@@ -38,13 +50,21 @@
         opacity: 1;
         pointer-events: none;
     } .custom-button__customButton_s3lv0.custom-button__darkening_s3lv0:hover:before {
-            background-color: rgba(0, 0, 0, 0.07);
+            background-color: var(--color-light-border-key-alpha-7);
         } .custom-button__customButton_s3lv0.custom-button__darkening_s3lv0:active:before {
-            background-color: rgba(0, 0, 0, 0.15);
+            background-color: var(--color-light-border-key-alpha-15);
         } .custom-button__customButton_s3lv0.custom-button__lightening_s3lv0:hover:before {
-            background-color: rgba(255, 255, 255, 0.15);
+            background-color: var(--color-light-border-key-inverted-alpha-7);
         } .custom-button__customButton_s3lv0.custom-button__lightening_s3lv0:active:before {
-            background-color: rgba(255, 255, 255, 0.2);
+            background-color: var(--color-light-border-key-inverted-alpha-15);
+        } .custom-button__customButton_s3lv0.custom-button__static-darkening_s3lv0:hover:before {
+            background-color: rgba(0, 0, 0, 0.07);
+        } .custom-button__customButton_s3lv0.custom-button__static-darkening_s3lv0:active:before {
+            background-color: rgba(0, 0, 0, 0.15);
+        } .custom-button__customButton_s3lv0.custom-button__static-lightening_s3lv0:hover:before {
+            background-color: rgba(255, 255, 255, 0.07);
+        } .custom-button__customButton_s3lv0.custom-button__static-lightening_s3lv0:active:before {
+            background-color: rgba(255, 255, 255, 0.15);
         } /* Disabled */ .custom-button__customButton_s3lv0:disabled {
     opacity: 0.3
 } .custom-button__customButton_s3lv0:disabled.custom-button__customLoading_s3lv0 {

package/custom-button/modern/Component.d.ts

@@ -10,11 +10,11 @@ type ComponentProps = Omit<ButtonComponentProps, 'view' | 'colors'> & {
     /**
      * Цвет контента
      */
-    contentColor?: 'black' | 'white';
+    contentColor?: 'black' | 'white' | 'static-black' | 'static-white';
     /**
      * Затемнение или осветление кнопки при hover и active
      */
-    stateType?: 'darkening' | 'lightening';
+    stateType?: 'darkening' | 'lightening' | 'static-darkening' | 'static-lightening';
 };
 type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
 type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;

package/custom-button/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../button/modern';
 
-const styles = {"customButton":"custom-button__customButton_s3lv0","white":"custom-button__white_s3lv0","black":"custom-button__black_s3lv0","darkening":"custom-button__darkening_s3lv0","lightening":"custom-button__lightening_s3lv0","customLoading":"custom-button__customLoading_s3lv0"};
+const styles = {"customButton":"custom-button__customButton_s3lv0","white":"custom-button__white_s3lv0","black":"custom-button__black_s3lv0","static-white":"custom-button__static-white_s3lv0","static-black":"custom-button__static-black_s3lv0","darkening":"custom-button__darkening_s3lv0","lightening":"custom-button__lightening_s3lv0","static-darkening":"custom-button__static-darkening_s3lv0","static-lightening":"custom-button__static-lightening_s3lv0","customLoading":"custom-button__customLoading_s3lv0"};
 require('./index.css');
 
 const DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/modern/index.css

@@ -1,8 +1,16 @@
 /* hash: 1q8r2 */
 :root {
 } /* deprecated */ :root {
+    --color-light-graphic-primary: #0e0e0e;
+    --color-light-graphic-primary-inverted: #fff;
+    --color-static-graphic-dark: #0e0e0e;
+    --color-static-graphic-light: #fff;
     --color-static-text-primary-dark: #0e0e0e;
     --color-static-text-primary-light: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
+    --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
+    --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
+    --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
 } :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 */
 } :root {
 } :root {
@@ -20,9 +28,13 @@
     overflow: hidden;
     position: relative
 } .custom-button__customButton_s3lv0.custom-button__white_s3lv0 * {
-        color: var(--color-static-text-primary-light);
+        color: var(--color-light-graphic-primary-inverted);
     } .custom-button__customButton_s3lv0.custom-button__black_s3lv0 * {
-        color: var(--color-static-text-primary-dark);
+        color: var(--color-light-graphic-primary);
+    } .custom-button__customButton_s3lv0.custom-button__static-white_s3lv0 * {
+        color: var(--color-static-graphic-light);
+    } .custom-button__customButton_s3lv0.custom-button__static-black_s3lv0 * {
+        color: var(--color-static-graphic-dark);
     } .custom-button__customButton_s3lv0 span {
         position: relative;
         z-index: 3;
@@ -38,13 +50,21 @@
         opacity: 1;
         pointer-events: none;
     } .custom-button__customButton_s3lv0.custom-button__darkening_s3lv0:hover:before {
-            background-color: rgba(0, 0, 0, 0.07);
+            background-color: var(--color-light-border-key-alpha-7);
         } .custom-button__customButton_s3lv0.custom-button__darkening_s3lv0:active:before {
-            background-color: rgba(0, 0, 0, 0.15);
+            background-color: var(--color-light-border-key-alpha-15);
         } .custom-button__customButton_s3lv0.custom-button__lightening_s3lv0:hover:before {
-            background-color: rgba(255, 255, 255, 0.15);
+            background-color: var(--color-light-border-key-inverted-alpha-7);
         } .custom-button__customButton_s3lv0.custom-button__lightening_s3lv0:active:before {
-            background-color: rgba(255, 255, 255, 0.2);
+            background-color: var(--color-light-border-key-inverted-alpha-15);
+        } .custom-button__customButton_s3lv0.custom-button__static-darkening_s3lv0:hover:before {
+            background-color: rgba(0, 0, 0, 0.07);
+        } .custom-button__customButton_s3lv0.custom-button__static-darkening_s3lv0:active:before {
+            background-color: rgba(0, 0, 0, 0.15);
+        } .custom-button__customButton_s3lv0.custom-button__static-lightening_s3lv0:hover:before {
+            background-color: rgba(255, 255, 255, 0.07);
+        } .custom-button__customButton_s3lv0.custom-button__static-lightening_s3lv0:active:before {
+            background-color: rgba(255, 255, 255, 0.15);
         } /* Disabled */ .custom-button__customButton_s3lv0:disabled {
     opacity: 0.3
 } .custom-button__customButton_s3lv0:disabled.custom-button__customLoading_s3lv0 {

package/gallery/Component.js

@@ -15,7 +15,7 @@ require('./components/image-preview/paths.js');
 require('./components/header-info-block/Component.js');
 require('../typography');
 require('./utils/split-filename.js');
-require('./buttons-1503c7be.js');
+require('./buttons-594c588b.js');
 require('tslib');
 require('../icon-button');
 require('../tooltip');
@@ -28,7 +28,7 @@ require('swiper');
 require('swiper/react');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('./slide-84d75c58.js');
+require('./slide-93b4106f.js');
 require('./components/image-viewer/paths.js');
 require('swiper/swiper.min.css');
 

package/gallery/components/header/Component.js

@@ -5,7 +5,7 @@ var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
 var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
-var components_header_buttons = require('../../buttons-1503c7be.js');
+var components_header_buttons = require('../../buttons-594c588b.js');
 require('../../../typography');
 require('../../utils/split-filename.js');
 require('tslib');