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

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-60fe1e9b.js';
+import '../index.module-630159b4.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-6070f379.js';
+import '../index.module-5ab0b655.js';
 import '../components/tabs/Component.js';

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

@@ -1,25 +1,4 @@
-.card-image__cardImage_i6eij {
-    background: #e7e8ea;
-} .card-image__loaded_i6eij {
-    background: transparent
-}.backdrop__backdrop_1cdt1 {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1cdt1,
-.backdrop__enter_1cdt1 {
-    background-color: transparent;
-} .backdrop__appearActive_1cdt1,
-.backdrop__enterActive_1cdt1,
-.backdrop__appearDone_1cdt1,
-.backdrop__enterDone_1cdt1 {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_1cdt1 {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_1cdt1,
-.backdrop__exitDone_1cdt1 {
-    background-color: transparent;
-} .backdrop__transparent_1cdt1.backdrop__transparent_1cdt1 {
-    background-color: transparent;
-}.badge__component_1nphh.badge__background-accent_1nphh {
+.badge__component_1nphh.badge__background-accent_1nphh {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_1nphh.badge__background-specialbg-secondary-transparent_1nphh {
@@ -79,6 +58,27 @@
         background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_1nphh.badge__outlineCount_1nphh {
     border: 1px solid rgba(3, 3, 6, 0.88);
+}.backdrop__backdrop_1cdt1 {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_1cdt1,
+.backdrop__enter_1cdt1 {
+    background-color: transparent;
+} .backdrop__appearActive_1cdt1,
+.backdrop__enterActive_1cdt1,
+.backdrop__appearDone_1cdt1,
+.backdrop__enterDone_1cdt1 {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_1cdt1 {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_1cdt1,
+.backdrop__exitDone_1cdt1 {
+    background-color: transparent;
+} .backdrop__transparent_1cdt1.backdrop__transparent_1cdt1 {
+    background-color: transparent;
+}.card-image__cardImage_i6eij {
+    background: #e7e8ea;
+} .card-image__loaded_i6eij {
+    background: transparent
 }.divider__component_whwkb {
     border-bottom: 1px solid #353539;
 }.dropzone__component_18vwu {
@@ -170,14 +170,7 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_149tj {
         background: #f83a2a;
-    }.icon-view__component_rb6ah {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_rb6ah {
-    fill: #1c1c1e;
-} .icon-view__border_rb6ah {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}.indicator__component_19qzv {
+    }.indicator__component_19qzv {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_19qzv {
@@ -195,7 +188,14 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_19qzv.indicator__border_19qzv {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }@keyframes loader__blink_1atex {
+    }.icon-view__component_rb6ah {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_rb6ah {
+    fill: #1c1c1e;
+} .icon-view__border_rb6ah {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}@keyframes loader__blink_1atex {
 }.link__primary_10l9t {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -294,7 +294,41 @@
             background-color: rgba(9, 12, 37, 0.28);
         } .scrollbar__component_1e534.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.skeleton__component_1k1f0 {
+        }.segmented-control__wrapper_dxnsg {
+    background-color: rgba(225, 225, 248, 0.09);
+} .segmented-control__segment_dxnsg.segmented-control__selected_dxnsg {
+    color: rgba(255, 255, 255, 0.94);
+} .segmented-control__selectedBox_dxnsg {
+    border: 0.5px solid rgba(225, 225, 248, 0.09);
+    background-color: rgba(214, 214, 229, 0.07);
+}
+.segmented-control__selectedBox_q7n3e {
+    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);
+}
+.segmented-control__wrapper_kaaqt {
+    background-color: rgba(30, 43, 68, 0.08);
+} .segmented-control__segment_kaaqt.segmented-control__selected_kaaqt {
+    color: rgba(3, 3, 6, 0.88);
+} .segmented-control__selectedBox_kaaqt {
+    border: 0.5px solid rgba(30, 43, 68, 0.08);
+    background-color: #fff;
+}
+.segmented-control__segment_x8y9k {
+    color: rgba(255, 255, 255, 0.94)
+} .segmented-control__segment_x8y9k:not(:first-child):before {
+        background-color: rgba(222, 222, 238, 0.13);
+    }
+.segmented-control__segment_orx8x {
+    background-color: transparent
+} .segmented-control__focused_orx8x {
+    outline: 2px solid #3193fc;
+}
+.segmented-control__segment_1stce {
+    color: rgba(3, 3, 6, 0.88)
+} .segmented-control__segment_1stce:not(:first-child):before {
+        background-color: rgba(15, 25, 55, 0.1);
+    }.skeleton__component_1k1f0 {
     background: rgba(214, 214, 229, 0.07);
 } @keyframes skeleton__background_1k1f0 {
     0% {
@@ -336,40 +370,6 @@
         background: #f83a2a;
     } .slider__component_62ktp .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
-    }.segmented-control__wrapper_dxnsg {
-    background-color: rgba(225, 225, 248, 0.09);
-} .segmented-control__segment_dxnsg.segmented-control__selected_dxnsg {
-    color: rgba(255, 255, 255, 0.94);
-} .segmented-control__selectedBox_dxnsg {
-    border: 0.5px solid rgba(225, 225, 248, 0.09);
-    background-color: rgba(214, 214, 229, 0.07);
-}
-.segmented-control__selectedBox_q7n3e {
-    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);
-}
-.segmented-control__wrapper_kaaqt {
-    background-color: rgba(30, 43, 68, 0.08);
-} .segmented-control__segment_kaaqt.segmented-control__selected_kaaqt {
-    color: rgba(3, 3, 6, 0.88);
-} .segmented-control__selectedBox_kaaqt {
-    border: 0.5px solid rgba(30, 43, 68, 0.08);
-    background-color: #fff;
-}
-.segmented-control__segment_x8y9k {
-    color: rgba(255, 255, 255, 0.94)
-} .segmented-control__segment_x8y9k:not(:first-child):before {
-        background-color: rgba(222, 222, 238, 0.13);
-    }
-.segmented-control__segment_orx8x {
-    background-color: transparent
-} .segmented-control__focused_orx8x {
-    outline: 2px solid #3193fc;
-}
-.segmented-control__segment_1stce {
-    color: rgba(3, 3, 6, 0.88)
-} .segmented-control__segment_1stce:not(:first-child):before {
-        background-color: rgba(15, 25, 55, 0.1);
     }.status__soft_6ae6l.status__green_6ae6l, .status__muted-alt_6ae6l.status__green_6ae6l {
             background: #d1f1d7;
             color: #0d9336;
@@ -456,4 +456,143 @@
 .status-badge__neutral-operation_1nptc,
 .status-badge__neutral-cross_1nptc {
     background-color: #898991;
-}
+}.underlay__background-accent_3g2d3 {
+            background-color: #ef3124;
+        } .underlay__background-info_3g2d3 {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_3g2d3 {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_3g2d3 {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_3g2d3 {
+            background-color: #392523;
+        } .underlay__background-primary_3g2d3 {
+            background-color: #121213;
+        } .underlay__background-primary-inverted_3g2d3 {
+            background-color: #fff;
+        } .underlay__background-secondary_3g2d3 {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_3g2d3 {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_3g2d3 {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_3g2d3 {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_3g2d3 {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_3g2d3 {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_3g2d3 {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_3g2d3 {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_3g2d3 {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_3g2d3 {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_3g2d3 {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_3g2d3 {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_3g2d3 {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_3g2d3 {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_3g2d3 {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_3g2d3 {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_3g2d3 {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_3g2d3 {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_3g2d3 {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        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_3g2d3 {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_3g2d3 {
+        border-color: rgba(255, 255, 255, 0.94);
+    } .underlay__border-color-key-inverted_3g2d3 {
+        border-color: rgba(3, 3, 6, 0.88);
+    } .underlay__border-color-link_3g2d3 {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_3g2d3 {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_3g2d3 {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_3g2d3 {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_3g2d3 {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_3g2d3 {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_3g2d3 {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_3g2d3 {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_3g2d3 {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_3g2d3 {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_3g2d3 {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_3g2d3 {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_3g2d3 {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_3g2d3 {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_3g2d3 {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_3g2d3 {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_3g2d3 {
+        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-64889e95.js';
+import './colors.module-4b4de7ac.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-a95d2134.js';
+import './common.module-401c9291.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-64889e95.js';
+import './colors.module-4b4de7ac.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-a95d2134.js';
+import './common.module-401c9291.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-64889e95.js';
+import { c as colors } from '../colors.module-4b4de7ac.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-64889e95.js';
+import '../colors.module-4b4de7ac.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-64889e95.js';
+import { c as colors } from '../colors.module-4b4de7ac.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-a95d2134.js';
+import { c as commonStyles } from '../common.module-401c9291.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-64889e95.js';
+import '../colors.module-4b4de7ac.js';
 
 var styles = {"transparent":"typography__transparent_tapc8","styrene-xlarge":"typography__styrene-xlarge_tapc8","styrene-large":"typography__styrene-large_tapc8","styrene-medium":"typography__styrene-medium_tapc8","styrene-small":"typography__styrene-small_tapc8","styrene-xsmall":"typography__styrene-xsmall_tapc8","system-xlarge":"typography__system-xlarge_tapc8","system-large":"typography__system-large_tapc8","system-medium":"typography__system-medium_tapc8","system-small":"typography__system-small_tapc8","system-xsmall":"typography__system-xsmall_tapc8","margins-xlarge":"typography__margins-xlarge_tapc8","margins-large":"typography__margins-large_tapc8","margins-medium":"typography__margins-medium_tapc8","margins-small":"typography__margins-small_tapc8","margins-xsmall":"typography__margins-xsmall_tapc8"};
 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-a95d2134.js';
+import { c as commonStyles } from '../common.module-401c9291.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-64889e95.js';
+import '../colors.module-4b4de7ac.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_8wyhq","styrene-large":"typography__styrene-large_8wyhq","styrene-medium":"typography__styrene-medium_8wyhq","styrene-small":"typography__styrene-small_8wyhq","styrene-xsmall":"typography__styrene-xsmall_8wyhq","system-xlarge":"typography__system-xlarge_8wyhq","system-large":"typography__system-large_8wyhq","system-medium":"typography__system-medium_8wyhq","system-small":"typography__system-small_8wyhq","system-xsmall":"typography__system-xsmall_8wyhq","margins-xlarge":"typography__margins-xlarge_8wyhq","margins-large":"typography__margins-large_8wyhq","margins-medium":"typography__margins-medium_8wyhq","margins-small":"typography__margins-small_8wyhq","margins-xsmall":"typography__margins-xsmall_8wyhq"};
 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-64889e95.js';
-import '../common.module-a95d2134.js';
+import '../colors.module-4b4de7ac.js';
+import '../common.module-401c9291.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-64889e95.js';
-import '../common.module-a95d2134.js';
+import '../colors.module-4b4de7ac.js';
+import '../common.module-401c9291.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-64889e95.js';
-import '../common.module-a95d2134.js';
+import '../colors.module-4b4de7ac.js';
+import '../common.module-401c9291.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-4a6eca81.js';
+import './colors.module-4f7b4d4b.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-be649985.js';
+import './common.module-f8a7d420.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-4a6eca81.js';
+import './colors.module-4f7b4d4b.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-be649985.js';
+import './common.module-f8a7d420.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-4a6eca81.js';
+import { c as colors } from '../colors.module-4f7b4d4b.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 

package/typography/modern/text/index.js

@@ -5,4 +5,4 @@ import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
-import '../colors.module-4a6eca81.js';
+import '../colors.module-4f7b4d4b.js';

package/typography/modern/title/component.js

@@ -3,7 +3,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-4a6eca81.js';
+import { c as colors } from '../colors.module-4f7b4d4b.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 

package/typography/modern/title/index.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-be649985.js';
+import { c as commonStyles } from '../common.module-f8a7d420.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-4a6eca81.js';
+import '../colors.module-4f7b4d4b.js';
 
 const styles = {"transparent":"typography__transparent_tapc8","styrene-xlarge":"typography__styrene-xlarge_tapc8","styrene-large":"typography__styrene-large_tapc8","styrene-medium":"typography__styrene-medium_tapc8","styrene-small":"typography__styrene-small_tapc8","styrene-xsmall":"typography__styrene-xsmall_tapc8","system-xlarge":"typography__system-xlarge_tapc8","system-large":"typography__system-large_tapc8","system-medium":"typography__system-medium_tapc8","system-small":"typography__system-small_tapc8","system-xsmall":"typography__system-xsmall_tapc8","margins-xlarge":"typography__margins-xlarge_tapc8","margins-large":"typography__margins-large_tapc8","margins-medium":"typography__margins-medium_tapc8","margins-small":"typography__margins-small_tapc8","margins-xsmall":"typography__margins-xsmall_tapc8"};
 require('./index.css');

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

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-be649985.js';
+import { c as commonStyles } from '../common.module-f8a7d420.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-4a6eca81.js';
+import '../colors.module-4f7b4d4b.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_8wyhq","styrene-large":"typography__styrene-large_8wyhq","styrene-medium":"typography__styrene-medium_8wyhq","styrene-small":"typography__styrene-small_8wyhq","styrene-xsmall":"typography__styrene-xsmall_8wyhq","system-xlarge":"typography__system-xlarge_8wyhq","system-large":"typography__system-large_8wyhq","system-medium":"typography__system-medium_8wyhq","system-small":"typography__system-small_8wyhq","system-xsmall":"typography__system-xsmall_8wyhq","margins-xlarge":"typography__margins-xlarge_8wyhq","margins-large":"typography__margins-large_8wyhq","margins-medium":"typography__margins-medium_8wyhq","margins-small":"typography__margins-small_8wyhq","margins-xsmall":"typography__margins-xsmall_8wyhq"};
 require('./index.css');

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

@@ -7,5 +7,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-4a6eca81.js';
-import '../common.module-be649985.js';
+import '../colors.module-4f7b4d4b.js';
+import '../common.module-f8a7d420.js';

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

@@ -9,8 +9,8 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-4a6eca81.js';
-import '../common.module-be649985.js';
+import '../colors.module-4f7b4d4b.js';
+import '../common.module-f8a7d420.js';
 
 const TitleResponsive = forwardRef(({ breakpoint, client, ...restProps }, ref) => {
     const isDesktop = useIsDesktop(breakpoint, client === 'desktop');

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

@@ -9,6 +9,6 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-4a6eca81.js';
-import '../common.module-be649985.js';
+import '../colors.module-4f7b4d4b.js';
+import '../common.module-f8a7d420.js';
 import '../title-mobile/component.js';

package/typography/text/component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
-var colors_module = require('../colors.module-c59ea5bf.js');
+var colors_module = require('../colors.module-548615e9.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/component.js

@@ -6,7 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
 var title_utils = require('./utils.js');
-var colors_module = require('../colors.module-c59ea5bf.js');
+var colors_module = require('../colors.module-548615e9.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('./component.js');
-var common_module = require('../common.module-6dde62ad.js');
+var common_module = require('../common.module-cc7a2a9e.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-mobile/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-6dde62ad.js');
+var common_module = require('../common.module-cc7a2a9e.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/universal-modal/Component.responsive.d.ts

@@ -11,6 +11,5 @@ declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("
     Header: React.FC<import("./components/header/index").HeaderResponsiveProps>;
     Content: React.FC<import("./components/content/index").ContentResponsiveProps>;
     Footer: React.FC<import("./components/footer/index").FooterResponsiveProps>;
-    Controls: React.FC<import("./components/controls/index").ControlsResponsiveProps>;
 };
 export { UniversalModal, UniversalModalResponsive };

package/universal-modal/Component.responsive.js

@@ -5,8 +5,8 @@ var React = require('react');
 var coreComponentsMq = require('../mq');
 var components_content_responsive_Component_responsive = require('./components/content/responsive/Component.responsive.js');
 require('classnames');
+require('../shared');
 require('../base-modal');
-var components_controls_responsive_Component_responsive = require('./components/controls/responsive/Component.responsive.js');
 var components_footer_responsive_Component_responsive = require('./components/footer/responsive/Component.responsive.js');
 require('./ResponsiveContext.js');
 var components_header_responsive_Component_responsive = require('./components/header/responsive/Component.responsive.js');
@@ -35,7 +35,6 @@ var UniversalModalResponsive = Object.assign(UniversalModal, {
     Header: components_header_responsive_Component_responsive.HeaderResponsive,
     Content: components_content_responsive_Component_responsive.ContentResponsive,
     Footer: components_footer_responsive_Component_responsive.FooterResponsive,
-    Controls: components_controls_responsive_Component_responsive.ControlsResponsive,
 });
 UniversalModalResponsive.displayName = 'UniversalModalResponsive';