@alfalab/core-components 42.2.1 → 42.2.2

package/button/cssm/desktop.js

@@ -6,11 +6,11 @@ require('react');
 require('./components/base-button/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('../../shared/cssm');
 require('../../spinner/cssm');
 require('@alfalab/hooks');
-require('./components/base-button/default.module.css');
+require('../../shared/cssm');
 require('./components/base-button/index.module.css');
+require('./components/base-button/default.module.css');
 require('./components/base-button/inverted.module.css');
 require('./default.desktop.module.css');
 require('./desktop.module.css');

package/button/cssm/index.js

@@ -8,11 +8,11 @@ require('./Component.desktop.js');
 require('./components/base-button/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('../../shared/cssm');
 require('../../spinner/cssm');
 require('@alfalab/hooks');
-require('./components/base-button/default.module.css');
+require('../../shared/cssm');
 require('./components/base-button/index.module.css');
+require('./components/base-button/default.module.css');
 require('./components/base-button/inverted.module.css');
 require('./default.desktop.module.css');
 require('./desktop.module.css');

package/button/cssm/mobile.js

@@ -6,11 +6,11 @@ require('react');
 require('./components/base-button/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('../../shared/cssm');
 require('../../spinner/cssm');
 require('@alfalab/hooks');
-require('./components/base-button/default.module.css');
+require('../../shared/cssm');
 require('./components/base-button/index.module.css');
+require('./components/base-button/default.module.css');
 require('./components/base-button/inverted.module.css');
 require('./default.mobile.module.css');
 require('./inverted.mobile.module.css');

package/button/default.desktop.css

@@ -1,4 +1,4 @@
-/* hash: svzrp */
+/* hash: uf256 */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-tertiary: #c1c1c3;

package/button/default.mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1dxa1 */
+/* hash: 1sadj */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);

package/button/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 9fs72 */
+/* hash: 7wptk */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */

package/button/desktop.js

@@ -6,9 +6,9 @@ require('react');
 require('./components/base-button/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('../shared');
 require('../spinner');
 require('@alfalab/hooks');
+require('../shared');
 
 
 

package/button/esm/Component.desktop.js

@@ -3,9 +3,9 @@ import React, { forwardRef } from 'react';
 import { BaseButton } from './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/esm';
 import '../../spinner/esm';
 import '@alfalab/hooks';
+import '../../shared/esm';
 
 var defaultColors = {"secondary":"button__secondary_rmj5l","ghost":"button__ghost_rmj5l","component":"button__component_rmj5l","primary":"button__primary_rmj5l","tertiary":"button__tertiary_rmj5l","link":"button__link_rmj5l"};
 require('./default.desktop.css');

package/button/esm/Component.mobile.js

@@ -3,9 +3,9 @@ import React, { forwardRef } from 'react';
 import { BaseButton } from './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/esm';
 import '../../spinner/esm';
 import '@alfalab/hooks';
+import '../../shared/esm';
 
 var defaultColors = {"secondary":"button__secondary_1yhan","ghost":"button__ghost_1yhan","component":"button__component_1yhan","primary":"button__primary_1yhan","tertiary":"button__tertiary_1yhan","link":"button__link_1yhan"};
 require('./default.mobile.css');

package/button/esm/Component.responsive.js

@@ -6,9 +6,9 @@ import { ButtonMobile } from './Component.mobile.js';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/esm';
 import '../../spinner/esm';
 import '@alfalab/hooks';
+import '../../shared/esm';
 
 var Button = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);

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

@@ -2,16 +2,16 @@ import { __rest, __assign } from 'tslib';
 import React, { useRef, useState, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
-import { getDataTestId } from '../../../../shared/esm';
 import { Spinner } from '../../../../spinner/esm';
 import { useFocus } from '@alfalab/hooks';
-
-var defaultColors = {"accent":"button__accent_1t0kl","loader":"button__loader_1t0kl","primary":"button__primary_1t0kl","secondary":"button__secondary_1t0kl","outlined":"button__outlined_1t0kl","tertiary":"button__tertiary_1t0kl","filled":"button__filled_1t0kl","transparent":"button__transparent_1t0kl","link":"button__link_1t0kl","ghost":"button__ghost_1t0kl","component":"button__component_1t0kl","loading":"button__loading_1t0kl"};
-require('./default.css');
+import { getDataTestId } from '../../../../shared/esm';
 
 var commonStyles = {"component":"button__component_qhr35","focused":"button__focused_qhr35","loading":"button__loading_qhr35","text":"button__text_qhr35","addons":"button__addons_qhr35","stretchText":"button__stretchText_qhr35","loader":"button__loader_qhr35","xxs":"button__xxs_qhr35","iconOnly":"button__iconOnly_qhr35","xs":"button__xs_qhr35","s":"button__s_qhr35","m":"button__m_qhr35","l":"button__l_qhr35","xl":"button__xl_qhr35","withRightAddons":"button__withRightAddons_qhr35","ghost":"button__ghost_qhr35","withLeftAddons":"button__withLeftAddons_qhr35","link":"button__link_qhr35","block":"button__block_qhr35","nowrap":"button__nowrap_qhr35"};
 require('./index.css');
 
+var defaultColors = {"accent":"button__accent_1t0kl","loader":"button__loader_1t0kl","primary":"button__primary_1t0kl","secondary":"button__secondary_1t0kl","outlined":"button__outlined_1t0kl","tertiary":"button__tertiary_1t0kl","filled":"button__filled_1t0kl","transparent":"button__transparent_1t0kl","link":"button__link_1t0kl","ghost":"button__ghost_1t0kl","component":"button__component_1t0kl","loading":"button__loading_1t0kl"};
+require('./default.css');
+
 var invertedColors = {"accent":"button__accent_cdz2l","loader":"button__loader_cdz2l","primary":"button__primary_cdz2l","secondary":"button__secondary_cdz2l","outlined":"button__outlined_cdz2l","tertiary":"button__tertiary_cdz2l","filled":"button__filled_cdz2l","transparent":"button__transparent_cdz2l","link":"button__link_cdz2l","ghost":"button__ghost_cdz2l","component":"button__component_cdz2l","loading":"button__loading_cdz2l"};
 require('./inverted.css');
 

package/button/esm/components/base-button/default.css

@@ -1,4 +1,4 @@
-/* hash: 1gue4 */
+/* hash: rklyx */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -223,7 +223,6 @@
     } .button__link_1t0kl > .button__loader_1t0kl {
         color: var(--button-spinner-default-color);
     } .button__ghost_1t0kl {
-    background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
         .button__ghost_1t0kl:hover {

package/button/esm/components/base-button/index.css

@@ -1,4 +1,4 @@
-/* hash: taknz */
+/* hash: rriah */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -104,6 +104,8 @@
     font-family: var(--font-family);
     text-align: center;
     text-decoration: none;
+    background-color: transparent;
+    border: 0;
     outline: none;
     box-shadow: none;
     -webkit-user-select: none;

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

@@ -3,6 +3,6 @@ import 'tslib';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
-import '../../../../shared/esm';
 import '../../../../spinner/esm';
 import '@alfalab/hooks';
+import '../../../../shared/esm';

package/button/esm/components/base-button/inverted.css

@@ -1,4 +1,4 @@
-/* hash: t34s7 */
+/* hash: 3tcn0 */
 :root {
 } /* deprecated */ :root {
     --color-dark-bg-quaternary: #3a3a3c;
@@ -219,7 +219,6 @@
     } .button__link_cdz2l > .button__loader_cdz2l {
         color: var(--button-spinner-inverted-color);
     } .button__ghost_cdz2l {
-    background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
         .button__ghost_cdz2l:hover {

package/button/esm/default.desktop.css

@@ -1,4 +1,4 @@
-/* hash: svzrp */
+/* hash: uf256 */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-tertiary: #c1c1c3;

package/button/esm/default.mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1dxa1 */
+/* hash: 1sadj */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);

package/button/esm/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 9fs72 */
+/* hash: 7wptk */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */

package/button/esm/desktop.js

@@ -4,6 +4,6 @@ import 'react';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/esm';
 import '../../spinner/esm';
 import '@alfalab/hooks';
+import '../../shared/esm';

package/button/esm/index.js

@@ -6,7 +6,7 @@ import './Component.desktop.js';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/esm';
 import '../../spinner/esm';
 import '@alfalab/hooks';
+import '../../shared/esm';
 import './Component.mobile.js';

package/button/esm/inverted.desktop.css

@@ -1,4 +1,4 @@
-/* hash: xmo40 */
+/* hash: 8cvyu */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-tertiary-inverted: #4f4f52;

package/button/esm/inverted.mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1v07i */
+/* hash: 749jz */
 :root {
 } /* deprecated */ :root {
     --color-light-text-tertiary-inverted: rgba(235, 235, 245, 0.32); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/button/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: w0zwh */
+/* hash: hnwdp */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */

package/button/esm/mobile.js

@@ -4,6 +4,6 @@ import 'react';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/esm';
 import '../../spinner/esm';
 import '@alfalab/hooks';
+import '../../shared/esm';

package/button/index.js

@@ -8,9 +8,9 @@ require('./Component.desktop.js');
 require('./components/base-button/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('../shared');
 require('../spinner');
 require('@alfalab/hooks');
+require('../shared');
 require('./Component.mobile.js');
 
 

package/button/inverted.desktop.css

@@ -1,4 +1,4 @@
-/* hash: xmo40 */
+/* hash: 8cvyu */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-tertiary-inverted: #4f4f52;

package/button/inverted.mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1v07i */
+/* hash: 749jz */
 :root {
 } /* deprecated */ :root {
     --color-light-text-tertiary-inverted: rgba(235, 235, 245, 0.32); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/button/mobile.css

@@ -1,4 +1,4 @@
-/* hash: w0zwh */
+/* hash: hnwdp */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */

package/button/mobile.js

@@ -6,9 +6,9 @@ require('react');
 require('./components/base-button/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('../shared');
 require('../spinner');
 require('@alfalab/hooks');
+require('../shared');
 
 
 

package/button/modern/Component.desktop.js

@@ -2,9 +2,9 @@ import React, { forwardRef } from 'react';
 import { BaseButton } from './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/modern';
 import '../../spinner/modern';
 import '@alfalab/hooks';
+import '../../shared/modern';
 
 const defaultColors = {"secondary":"button__secondary_rmj5l","ghost":"button__ghost_rmj5l","component":"button__component_rmj5l","primary":"button__primary_rmj5l","tertiary":"button__tertiary_rmj5l","link":"button__link_rmj5l"};
 require('./default.desktop.css');

package/button/modern/Component.mobile.js

@@ -2,9 +2,9 @@ import React, { forwardRef } from 'react';
 import { BaseButton } from './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/modern';
 import '../../spinner/modern';
 import '@alfalab/hooks';
+import '../../shared/modern';
 
 const defaultColors = {"secondary":"button__secondary_1yhan","ghost":"button__ghost_1yhan","component":"button__component_1yhan","primary":"button__primary_1yhan","tertiary":"button__tertiary_1yhan","link":"button__link_1yhan"};
 require('./default.mobile.css');

package/button/modern/Component.responsive.js

@@ -5,9 +5,9 @@ import { ButtonMobile } from './Component.mobile.js';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/modern';
 import '../../spinner/modern';
 import '@alfalab/hooks';
+import '../../shared/modern';
 
 const Button = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;

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

@@ -1,19 +1,20 @@
 import React, { useRef, useState, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
-import { getDataTestId } from '../../../../shared/modern';
 import { Spinner } from '../../../../spinner/modern';
 import { useFocus } from '@alfalab/hooks';
-
-const defaultColors = {"accent":"button__accent_1t0kl","loader":"button__loader_1t0kl","primary":"button__primary_1t0kl","secondary":"button__secondary_1t0kl","outlined":"button__outlined_1t0kl","tertiary":"button__tertiary_1t0kl","filled":"button__filled_1t0kl","transparent":"button__transparent_1t0kl","link":"button__link_1t0kl","ghost":"button__ghost_1t0kl","component":"button__component_1t0kl","loading":"button__loading_1t0kl"};
-require('./default.css');
+import { getDataTestId } from '../../../../shared/modern';
 
 const commonStyles = {"component":"button__component_qhr35","focused":"button__focused_qhr35","loading":"button__loading_qhr35","text":"button__text_qhr35","addons":"button__addons_qhr35","stretchText":"button__stretchText_qhr35","loader":"button__loader_qhr35","xxs":"button__xxs_qhr35","iconOnly":"button__iconOnly_qhr35","xs":"button__xs_qhr35","s":"button__s_qhr35","m":"button__m_qhr35","l":"button__l_qhr35","xl":"button__xl_qhr35","withRightAddons":"button__withRightAddons_qhr35","ghost":"button__ghost_qhr35","withLeftAddons":"button__withLeftAddons_qhr35","link":"button__link_qhr35","block":"button__block_qhr35","nowrap":"button__nowrap_qhr35"};
 require('./index.css');
 
+const defaultColors = {"accent":"button__accent_1t0kl","loader":"button__loader_1t0kl","primary":"button__primary_1t0kl","secondary":"button__secondary_1t0kl","outlined":"button__outlined_1t0kl","tertiary":"button__tertiary_1t0kl","filled":"button__filled_1t0kl","transparent":"button__transparent_1t0kl","link":"button__link_1t0kl","ghost":"button__ghost_1t0kl","component":"button__component_1t0kl","loading":"button__loading_1t0kl"};
+require('./default.css');
+
 const invertedColors = {"accent":"button__accent_cdz2l","loader":"button__loader_cdz2l","primary":"button__primary_cdz2l","secondary":"button__secondary_cdz2l","outlined":"button__outlined_cdz2l","tertiary":"button__tertiary_cdz2l","filled":"button__filled_cdz2l","transparent":"button__transparent_cdz2l","link":"button__link_cdz2l","ghost":"button__ghost_cdz2l","component":"button__component_cdz2l","loading":"button__loading_cdz2l"};
 require('./inverted.css');
 
+// TODO Вид кнопок зависит от порядка импорта стилей.
 const colorStyles = {
     default: defaultColors,
     inverted: invertedColors,

package/button/modern/components/base-button/default.css

@@ -1,4 +1,4 @@
-/* hash: 1gue4 */
+/* hash: rklyx */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -223,7 +223,6 @@
     } .button__link_1t0kl > .button__loader_1t0kl {
         color: var(--button-spinner-default-color);
     } .button__ghost_1t0kl {
-    background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
         .button__ghost_1t0kl:hover {

package/button/modern/components/base-button/index.css

@@ -1,4 +1,4 @@
-/* hash: taknz */
+/* hash: rriah */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -104,6 +104,8 @@
     font-family: var(--font-family);
     text-align: center;
     text-decoration: none;
+    background-color: transparent;
+    border: 0;
     outline: none;
     box-shadow: none;
     -webkit-user-select: none;

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

@@ -2,6 +2,6 @@ export { BaseButton, LOADER_MIN_DISPLAY_INTERVAL } from './Component.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
-import '../../../../shared/modern';
 import '../../../../spinner/modern';
 import '@alfalab/hooks';
+import '../../../../shared/modern';

package/button/modern/components/base-button/inverted.css

@@ -1,4 +1,4 @@
-/* hash: t34s7 */
+/* hash: 3tcn0 */
 :root {
 } /* deprecated */ :root {
     --color-dark-bg-quaternary: #3a3a3c;
@@ -219,7 +219,6 @@
     } .button__link_cdz2l > .button__loader_cdz2l {
         color: var(--button-spinner-inverted-color);
     } .button__ghost_cdz2l {
-    background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
         .button__ghost_cdz2l:hover {

package/button/modern/default.desktop.css

@@ -1,4 +1,4 @@
-/* hash: svzrp */
+/* hash: uf256 */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-tertiary: #c1c1c3;

package/button/modern/default.mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1dxa1 */
+/* hash: 1sadj */
 :root {
 } /* deprecated */ :root {
     --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);

package/button/modern/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 9fs72 */
+/* hash: 7wptk */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */

package/button/modern/desktop.js

@@ -3,6 +3,6 @@ import 'react';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/modern';
 import '../../spinner/modern';
 import '@alfalab/hooks';
+import '../../shared/modern';

package/button/modern/index.js

@@ -5,7 +5,7 @@ import './Component.desktop.js';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/modern';
 import '../../spinner/modern';
 import '@alfalab/hooks';
+import '../../shared/modern';
 import './Component.mobile.js';

package/button/modern/inverted.desktop.css

@@ -1,4 +1,4 @@
-/* hash: xmo40 */
+/* hash: 8cvyu */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-tertiary-inverted: #4f4f52;

package/button/modern/inverted.mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1v07i */
+/* hash: 749jz */
 :root {
 } /* deprecated */ :root {
     --color-light-text-tertiary-inverted: rgba(235, 235, 245, 0.32); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/button/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: w0zwh */
+/* hash: hnwdp */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */

package/button/modern/mobile.js

@@ -3,6 +3,6 @@ import 'react';
 import './components/base-button/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../shared/modern';
 import '../../spinner/modern';
 import '@alfalab/hooks';
+import '../../shared/modern';

package/calendar/components/calendar-mobile/index.css

@@ -1,4 +1,4 @@
-/* hash: 19mlq */
+/* hash: 1oarb */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;

package/calendar/components/days-table/index.css

@@ -1,4 +1,4 @@
-/* hash: 14u03 */
+/* hash: 19h7p */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e;

package/calendar/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 2bzc3 */
+/* hash: 948lt */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */

package/calendar/components/month-year-header/index.css

@@ -1,4 +1,4 @@
-/* hash: 8uuiu */
+/* hash: 19djj */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */

package/calendar/components/months-table/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ly3m */
+/* hash: 1qlb8 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */

package/calendar/components/period-slider/index.css

@@ -1,4 +1,4 @@
-/* hash: 1uzqu */
+/* hash: 1dsf0 */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */

package/calendar/components/select-button/index.css

@@ -1,4 +1,4 @@
-/* hash: tvzog */
+/* hash: 10o8y */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #121212;

package/calendar/components/years-table/index.css

@@ -1,4 +1,4 @@
-/* hash: 274gi */
+/* hash: 8zdq8 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */