@alfalab/core-components 48.22.1-beta.1 → 48.22.1-beta.3

package/tabs/modern/components/primary-tablist/Component.responsive.js

@@ -19,7 +19,7 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-e6f80b3b.js';
+import '../../index.module-e8b3b734.js';
 
 const PrimaryTabListResponsive = ({ size, breakpoint, client, fullWidthScroll, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', ...restProps }) => {
     const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);

package/tabs/modern/components/secondary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-8c901e89.js';
+import { c as commonStyles } from '../../index.module-98af5c45.js';
 import 'classnames';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';

package/tabs/modern/components/secondary-tablist/Component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/modern/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-8c901e89.js';
+import { c as commonStyles } from '../../index.module-98af5c45.js';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -17,7 +17,7 @@ import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-8c901e89.js';
+import '../../index.module-98af5c45.js';
 import '../../../../tag/modern/mobile';
 
 const SecondaryTabListResponsive = ({ fullWidthScroll, breakpoint, client, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', ...restProps }) => {

package/tabs/modern/components/tabs/Component.collapsible.js

@@ -16,7 +16,7 @@ import '../../../../shared/modern';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-e6f80b3b.js';
+import '../../index.module-e8b3b734.js';
 
 const TabsCollapsible = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabList, ...restProps }));
 

package/tabs/modern/components/tabs/Component.desktop.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-e6f80b3b.js';
+import '../../index.module-e8b3b734.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-8c901e89.js';
+import '../../index.module-98af5c45.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

package/tabs/modern/components/tabs/Component.mobile.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-e6f80b3b.js';
+import '../../index.module-e8b3b734.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-8c901e89.js';
+import '../../index.module-98af5c45.js';
 
 const views = {
     primary: PrimaryTabListMobile,

package/tabs/modern/components/tabs/Component.responsive.js

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-e6f80b3b.js';
+import '../../index.module-e8b3b734.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-8c901e89.js';
+import '../../index.module-98af5c45.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 

package/tabs/modern/desktop/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-e6f80b3b.js';
+import '../index.module-e8b3b734.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-8c901e89.js';
+import '../index.module-98af5c45.js';
 import '../components/tabs/Component.js';

package/tabs/modern/index.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/modern';
-import './index.module-e6f80b3b.js';
+import './index.module-e8b3b734.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/modern/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-8c901e89.js';
+import './index.module-98af5c45.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-e6f80b3b.js';
+import '../index.module-e8b3b734.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-8c901e89.js';
+import '../index.module-98af5c45.js';
 import '../components/tabs/Component.js';

package/tag/moderncssm/components/base-tag/Component.d.ts

@@ -94,7 +94,7 @@ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClic
      * Размер компонента
      * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
+    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Дочерние элементы.
      */

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,4 +1,8 @@
-.backdrop__backdrop_7f1fg {
+.card-image__cardImage_auzvm {
+    background: #e7e8ea;
+} .card-image__loaded_auzvm {
+    background: transparent
+}.backdrop__backdrop_7f1fg {
     -webkit-tap-highlight-color: transparent;
 } .backdrop__appear_7f1fg,
 .backdrop__enter_7f1fg {
@@ -15,6 +19,8 @@
     background-color: transparent;
 } .backdrop__transparent_7f1fg.backdrop__transparent_7f1fg {
     background-color: transparent;
+}.divider__component_1des1 {
+    border-bottom: 1px solid #353539;
 }.badge__component_19yly.badge__background-accent_19yly {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
@@ -75,25 +81,6 @@
         background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_19yly.badge__outlineCount_19yly {
     border: 1px solid rgba(3, 3, 6, 0.88);
-}.divider__component_1des1 {
-    border-bottom: 1px solid #353539;
-}.card-image__cardImage_auzvm {
-    background: #e7e8ea;
-} .card-image__loaded_auzvm {
-    background: transparent
-}.dropzone__component_fhcxh {
-    border: 1px dashed rgba(255, 255, 255, 0.94);
-} .dropzone__component_fhcxh:not(.dropzone__disabled_fhcxh):hover {
-    background-color: transparent;
-} .dropzone__dragOver_fhcxh {
-    background-color: transparent;
-} .dropzone__error_fhcxh {
-    border-color: #ff4837;
-}
-.dropzone__overlay_1y9ww {
-    background: rgba(214, 214, 229, 0.07);
-} .dropzone__text_1y9ww {
-    color: rgba(255, 255, 255, 0.94);
 }.hatching-progress-bar__container_xpwrn {
     background: rgba(222, 222, 238, 0.13);
 } .hatching-progress-bar__hatch_xpwrn {
@@ -118,7 +105,20 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_xpwrn {
         background: #f83a2a;
-    }@media (max-width: 599px) {
+    }.dropzone__component_fhcxh {
+    border: 1px dashed rgba(255, 255, 255, 0.94);
+} .dropzone__component_fhcxh:not(.dropzone__disabled_fhcxh):hover {
+    background-color: transparent;
+} .dropzone__dragOver_fhcxh {
+    background-color: transparent;
+} .dropzone__error_fhcxh {
+    border-color: #ff4837;
+}
+.dropzone__overlay_1y9ww {
+    background: rgba(214, 214, 229, 0.07);
+} .dropzone__text_1y9ww {
+    color: rgba(255, 255, 255, 0.94);
+}@media (max-width: 599px) {
     }
 @media (min-width: 320px) {
     }
@@ -294,7 +294,31 @@
             background-color: rgba(9, 12, 37, 0.28);
         } .scrollbar__component_1f0qw.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.segmented-control__wrapper_z049q {
+        }.skeleton__component_tal1m {
+    background: rgba(214, 214, 229, 0.07);
+} @keyframes skeleton__background_tal1m {
+    0% {
+        background: rgba(214, 214, 229, 0.07);
+    }
+    100% {
+        background: rgba(222, 222, 238, 0.13);
+    }
+}
+.skeleton__component_1lpd4 {
+    color: transparent
+} .skeleton__component_1lpd4:before {
+    background: transparent;
+}
+.skeleton__component_1jmk0 {
+    background: rgba(38, 55, 88, 0.06);
+} @keyframes skeleton__background-inverted_1jmk0 {
+    0% {
+        background: rgba(38, 55, 88, 0.06);
+    }
+    100% {
+        background: rgba(15, 25, 55, 0.1);
+    }
+}.segmented-control__wrapper_z049q {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_z049q.segmented-control__selected_z049q {
     color: rgba(255, 255, 255, 0.94);
@@ -328,31 +352,7 @@
     color: rgba(3, 3, 6, 0.88)
 } .segmented-control__segment_11bsh:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.skeleton__component_tal1m {
-    background: rgba(214, 214, 229, 0.07);
-} @keyframes skeleton__background_tal1m {
-    0% {
-        background: rgba(214, 214, 229, 0.07);
-    }
-    100% {
-        background: rgba(222, 222, 238, 0.13);
-    }
-}
-.skeleton__component_1lpd4 {
-    color: transparent
-} .skeleton__component_1lpd4:before {
-    background: transparent;
-}
-.skeleton__component_1jmk0 {
-    background: rgba(38, 55, 88, 0.06);
-} @keyframes skeleton__background-inverted_1jmk0 {
-    0% {
-        background: rgba(38, 55, 88, 0.06);
-    }
-    100% {
-        background: rgba(15, 25, 55, 0.1);
-    }
-}.slider__component_165oy .noUi-base:hover .noUi-connects {
+    }.slider__component_165oy .noUi-base:hover .noUi-connects {
             background: rgba(222, 222, 238, 0.13);
         } .slider__component_165oy .noUi-base:hover .noUi-connect {
             background: #f83a2a;
@@ -370,7 +370,35 @@
         background: #f83a2a;
     } .slider__component_165oy .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
-    }.status__soft_dpxje.status__green_dpxje, .status__muted-alt_dpxje.status__green_dpxje {
+    }.status-badge__positive-checkmark_fbnnd {
+    background-color: #17d055;
+} .status-badge__negative-cross_fbnnd,
+.status-badge__negative-alert_fbnnd,
+.status-badge__negative-block_fbnnd {
+    background-color: #ff4837;
+} .status-badge__attention-alert_fbnnd {
+    background-color: #fda136;
+} .status-badge__neutral-information_fbnnd,
+.status-badge__neutral-operation_fbnnd,
+.status-badge__neutral-cross_fbnnd {
+    background-color: #898991;
+}
+.status-badge__component_x03uu {
+    color: rgba(255, 255, 255, 0.94);
+}
+.status-badge__positive-checkmark_kqr3w {
+    background-color: #0cc44d;
+} .status-badge__negative-cross_kqr3w,
+.status-badge__negative-alert_kqr3w,
+.status-badge__negative-block_kqr3w {
+    background-color: #ff4837;
+} .status-badge__attention-alert_kqr3w {
+    background-color: #fa9313;
+} .status-badge__neutral-information_kqr3w,
+.status-badge__neutral-operation_kqr3w,
+.status-badge__neutral-cross_kqr3w {
+    background-color: #898991;
+}.status__soft_dpxje.status__green_dpxje, .status__muted-alt_dpxje.status__green_dpxje {
             background: #d1f1d7;
             color: #0d9336;
         } .status__soft_dpxje.status__orange_dpxje, .status__muted-alt_dpxje.status__orange_dpxje {
@@ -428,32 +456,143 @@
     } .status__muted_dpxje.status__purple_dpxje {
         background: #eeedff;
         color: #7a63f1;
-    }.status-badge__positive-checkmark_fbnnd {
-    background-color: #17d055;
-} .status-badge__negative-cross_fbnnd,
-.status-badge__negative-alert_fbnnd,
-.status-badge__negative-block_fbnnd {
-    background-color: #ff4837;
-} .status-badge__attention-alert_fbnnd {
-    background-color: #fda136;
-} .status-badge__neutral-information_fbnnd,
-.status-badge__neutral-operation_fbnnd,
-.status-badge__neutral-cross_fbnnd {
-    background-color: #898991;
-}
-.status-badge__component_x03uu {
-    color: rgba(255, 255, 255, 0.94);
-}
-.status-badge__positive-checkmark_kqr3w {
-    background-color: #0cc44d;
-} .status-badge__negative-cross_kqr3w,
-.status-badge__negative-alert_kqr3w,
-.status-badge__negative-block_kqr3w {
-    background-color: #ff4837;
-} .status-badge__attention-alert_kqr3w {
-    background-color: #fa9313;
-} .status-badge__neutral-information_kqr3w,
-.status-badge__neutral-operation_kqr3w,
-.status-badge__neutral-cross_kqr3w {
-    background-color: #898991;
-}
+    }.underlay__background-accent_12aq2 {
+            background-color: #ef3124;
+        } .underlay__background-info_12aq2 {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_12aq2 {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_12aq2 {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_12aq2 {
+            background-color: #392523;
+        } .underlay__background-primary_12aq2 {
+            background-color: #121213;
+        } .underlay__background-primary-inverted_12aq2 {
+            background-color: #fff;
+        } .underlay__background-secondary_12aq2 {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_12aq2 {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_12aq2 {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_12aq2 {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_12aq2 {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_12aq2 {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_12aq2 {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_12aq2 {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_12aq2 {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_12aq2 {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_12aq2 {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_12aq2 {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_12aq2 {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_12aq2 {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_12aq2 {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_12aq2 {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_12aq2 {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
+        0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-m_12aq2 {
+        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-l_12aq2 {
+        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
+        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-xl_12aq2 {
+        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
+        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-xs-hard_12aq2 {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_12aq2 {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
+        0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-m-hard_12aq2 {
+        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-hard_12aq2 {
+        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
+        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xl-hard_12aq2 {
+        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
+        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xs-up_12aq2 {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_12aq2 {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_12aq2 {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_12aq2 {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_12aq2 {
+        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
+    } .underlay__shadow-xs-hard-up_12aq2 {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
+        0 -2px 4px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard-up_12aq2 {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
+        0 -4px 8px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-m-hard-up_12aq2 {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
+        0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-hard-up_12aq2 {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
+        0 -12px 24px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xl-hard-up_12aq2 {
+        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
+        0 -16px 32px rgba(0, 0, 0, 0.16);
+    } .underlay__border-color-accent_12aq2 {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_12aq2 {
+        border-color: rgba(255, 255, 255, 0.94);
+    } .underlay__border-color-key-inverted_12aq2 {
+        border-color: rgba(3, 3, 6, 0.88);
+    } .underlay__border-color-link_12aq2 {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_12aq2 {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_12aq2 {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_12aq2 {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_12aq2 {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_12aq2 {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_12aq2 {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_12aq2 {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_12aq2 {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_12aq2 {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_12aq2 {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_12aq2 {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_12aq2 {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_12aq2 {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_12aq2 {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_12aq2 {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_12aq2 {
+        border-color: rgba(15, 25, 55, 0.1);
+    }

package/typography/esm/component.js

@@ -9,10 +9,10 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-0c526259.js';
+import './colors.module-8125185a.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-f2017613.js';
+import './common.module-8ebc92e3.js';
 import '../../mq/esm';
 
 var Typography = {

package/typography/esm/index.js

@@ -11,8 +11,8 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-0c526259.js';
+import './colors.module-8125185a.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-f2017613.js';
+import './common.module-8ebc92e3.js';
 import '../../mq/esm';

package/typography/esm/text/component.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
-import { c as colors } from '../colors.module-0c526259.js';
+import { c as colors } from '../colors.module-8125185a.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 

package/typography/esm/text/index.js

@@ -6,4 +6,4 @@ import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
-import '../colors.module-0c526259.js';
+import '../colors.module-8125185a.js';

package/typography/esm/title/component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-0c526259.js';
+import { c as colors } from '../colors.module-8125185a.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 

package/typography/esm/title/index.js

@@ -1,14 +1,14 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-f2017613.js';
+import { c as commonStyles } from '../common.module-8ebc92e3.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-0c526259.js';
+import '../colors.module-8125185a.js';
 
 var styles = {"transparent":"typography__transparent_mmk5v","styrene-xlarge":"typography__styrene-xlarge_mmk5v","styrene-large":"typography__styrene-large_mmk5v","styrene-medium":"typography__styrene-medium_mmk5v","styrene-small":"typography__styrene-small_mmk5v","styrene-xsmall":"typography__styrene-xsmall_mmk5v","system-xlarge":"typography__system-xlarge_mmk5v","system-large":"typography__system-large_mmk5v","system-medium":"typography__system-medium_mmk5v","system-small":"typography__system-small_mmk5v","system-xsmall":"typography__system-xsmall_mmk5v","margins-xlarge":"typography__margins-xlarge_mmk5v","margins-large":"typography__margins-large_mmk5v","margins-medium":"typography__margins-medium_mmk5v","margins-small":"typography__margins-small_mmk5v","margins-xsmall":"typography__margins-xsmall_mmk5v"};
 require('./index.css');

package/typography/esm/title-mobile/component.js

@@ -1,14 +1,14 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-f2017613.js';
+import { c as commonStyles } from '../common.module-8ebc92e3.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-0c526259.js';
+import '../colors.module-8125185a.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_vsp9y","styrene-large":"typography__styrene-large_vsp9y","styrene-medium":"typography__styrene-medium_vsp9y","styrene-small":"typography__styrene-small_vsp9y","styrene-xsmall":"typography__styrene-xsmall_vsp9y","system-xlarge":"typography__system-xlarge_vsp9y","system-large":"typography__system-large_vsp9y","system-medium":"typography__system-medium_vsp9y","system-small":"typography__system-small_vsp9y","system-xsmall":"typography__system-xsmall_vsp9y","margins-xlarge":"typography__margins-xlarge_vsp9y","margins-large":"typography__margins-large_vsp9y","margins-medium":"typography__margins-medium_vsp9y","margins-small":"typography__margins-small_vsp9y","margins-xsmall":"typography__margins-xsmall_vsp9y"};
 require('./index.css');

package/typography/esm/title-mobile/index.js

@@ -8,5 +8,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-0c526259.js';
-import '../common.module-f2017613.js';
+import '../colors.module-8125185a.js';
+import '../common.module-8ebc92e3.js';

package/typography/esm/title-responsive/component.js

@@ -10,8 +10,8 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-0c526259.js';
-import '../common.module-f2017613.js';
+import '../colors.module-8125185a.js';
+import '../common.module-8ebc92e3.js';
 
 var TitleResponsive = forwardRef(function (_a, ref) {
     var breakpoint = _a.breakpoint, client = _a.client, restProps = __rest(_a, ["breakpoint", "client"]);

package/typography/esm/title-responsive/index.js

@@ -10,6 +10,6 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-0c526259.js';
-import '../common.module-f2017613.js';
+import '../colors.module-8125185a.js';
+import '../common.module-8ebc92e3.js';
 import '../title-mobile/component.js';

package/typography/modern/component.js

@@ -8,10 +8,10 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/modern';
 import '@alfalab/hooks';
-import './colors.module-70c80581.js';
+import './colors.module-299e3cdd.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-12f63476.js';
+import './common.module-98236469.js';
 import '../../mq/modern';
 
 const Typography = {

package/typography/modern/index.js

@@ -10,8 +10,8 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/modern';
 import '@alfalab/hooks';
-import './colors.module-70c80581.js';
+import './colors.module-299e3cdd.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-12f63476.js';
+import './common.module-98236469.js';
 import '../../mq/modern';

package/typography/modern/text/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
-import { c as colors } from '../colors.module-70c80581.js';
+import { c as colors } from '../colors.module-299e3cdd.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';