npm - @alfalab/core-components - Versions diffs - 41.7.0-beta.2 → 41.7.0-beta.3 - Mend

@alfalab/core-components 41.7.0-beta.2 → 41.7.0-beta.3

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

Files changed (712) hide show

package/confirmation/modern/component.responsive.js CHANGED Viewed

@@ -10,7 +10,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-8405043f.js';
+import './countdown-section-7aec8d96.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 CHANGED Viewed

@@ -13,7 +13,7 @@ import '../../../../code-input/modern';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-8405043f.js';
+import '../../countdown-section-7aec8d96.js';
 import '../../../../loader/modern';
 import '../countdown-loader/component.js';

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

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

package/confirmation/modern/components/index.js CHANGED Viewed

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

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

@@ -11,7 +11,7 @@ import '../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-8405043f.js';
+import '../../countdown-section-7aec8d96.js';
 import '../../../../loader/modern';
 import '../countdown-loader/component.js';
 import '../../utils.js';

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

@@ -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-8405043f.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-7aec8d96.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';

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

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

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

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

package/confirmation/modern/desktop.js CHANGED Viewed

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

package/confirmation/modern/index.js CHANGED Viewed

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

package/confirmation/modern/mobile.js CHANGED Viewed

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

package/confirmation/modern/responsive.js CHANGED Viewed

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

package/confirmation/responsive.js CHANGED Viewed

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

package/custom-button/Component.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 {
@@ -17,11 +25,16 @@
 } :root {
 } .customButton {
     overflow: hidden;
-    position: relative
+    position: relative;
+    border: 0
 } .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 +50,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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 {
@@ -18,11 +26,16 @@
 } :root {
 } .custom-button__customButton_s3lv0 {
     overflow: hidden;
-    position: relative
+    position: relative;
+    border: 0
 } .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 +51,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 CHANGED Viewed

@@ -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 {
@@ -18,11 +26,16 @@
 } :root {
 } .custom-button__customButton_s3lv0 {
     overflow: hidden;
-    position: relative
+    position: relative;
+    border: 0
 } .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 +51,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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 {
@@ -18,11 +26,16 @@
 } :root {
 } .custom-button__customButton_s3lv0 {
     overflow: hidden;
-    position: relative
+    position: relative;
+    border: 0
 } .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 +51,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 CHANGED Viewed

@@ -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-516707a6.js');
+require('./buttons-b1fd39e2.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-d851de9a.js');
+require('./slide-4a75fe6b.js');
 require('./components/image-viewer/paths.js');
 require('swiper/swiper.min.css');

package/gallery/components/header/Component.js CHANGED Viewed

@@ -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-516707a6.js');
+var components_header_buttons = require('../../buttons-b1fd39e2.js');
 require('../../../typography');
 require('../../utils/split-filename.js');
 require('tslib');

package/gallery/components/header/buttons.js CHANGED Viewed

@@ -8,7 +8,7 @@ require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-var components_header_buttons = require('../../buttons-516707a6.js');
+var components_header_buttons = require('../../buttons-b1fd39e2.js');

package/gallery/components/header/index.js CHANGED Viewed

@@ -8,7 +8,7 @@ require('../../utils/constants.js');
 require('../header-info-block/Component.js');
 require('../../../typography');
 require('../../utils/split-filename.js');
-require('../../buttons-516707a6.js');
+require('../../buttons-b1fd39e2.js');
 require('tslib');
 require('../../../icon-button');
 require('../../../tooltip');

package/gallery/components/image-viewer/component.js CHANGED Viewed

@@ -12,7 +12,7 @@ var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavy
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_slide = require('../../slide-d851de9a.js');
+var components_imageViewer_slide = require('../../slide-4a75fe6b.js');
 require('swiper/swiper.min.css');
 require('../../../typography');
 require('./paths.js');

package/gallery/components/image-viewer/index.js CHANGED Viewed

@@ -13,7 +13,7 @@ require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
 require('../../context.js');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
-require('../../slide-d851de9a.js');
+require('../../slide-4a75fe6b.js');
 require('../../../typography');
 require('./paths.js');
 require('swiper/swiper.min.css');

package/gallery/components/image-viewer/slide.js CHANGED Viewed

@@ -6,7 +6,7 @@ require('../../../typography');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
 require('./paths.js');
-var components_imageViewer_slide = require('../../slide-d851de9a.js');
+var components_imageViewer_slide = require('../../slide-4a75fe6b.js');

package/gallery/components/index.js CHANGED Viewed

@@ -11,7 +11,7 @@ require('../utils/constants.js');
 require('./header-info-block/Component.js');
 require('../../typography');
 require('../utils/split-filename.js');
-require('../buttons-516707a6.js');
+require('../buttons-b1fd39e2.js');
 require('tslib');
 require('../../icon-button');
 require('../../tooltip');
@@ -27,7 +27,7 @@ require('swiper');
 require('swiper/react');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('../slide-d851de9a.js');
+require('../slide-4a75fe6b.js');
 require('./image-viewer/paths.js');
 require('swiper/swiper.min.css');

package/gallery/esm/Component.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { ImageViewer } from './components/image-viewer/component.js';
 import './components/image-preview/Component.js';
 import './components/header-info-block/Component.js';
 import '../../typography/esm';
-import './buttons-1fe9b539.js';
+import './buttons-49a2643a.js';
 import 'tslib';
 import '../../icon-button/esm';
 import '../../tooltip/esm';
@@ -22,7 +22,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-728434da.js';
+import './slide-d9c6c363.js';
 import 'swiper/swiper.min.css';
 import './utils/utils.js';
 import './utils/constants.js';

package/gallery/esm/components/header/Component.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { GalleryContext } from '../../context.js';
 import { isSmallImage } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-1fe9b539.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-49a2643a.js';
 import '../../../../typography/esm';
 import 'tslib';
 import '../../../../icon-button/esm';

package/gallery/esm/components/header/buttons.js CHANGED Viewed

@@ -6,4 +6,4 @@ import '@alfalab/icons-glyph/ArrowsInwardMIcon';
 import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/PointerDownMIcon';
-export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-1fe9b539.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-49a2643a.js';