@alfalab/core-components 26.3.0-beta.9 → 26.3.1-beta.2

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

@@ -1,4 +1,11 @@
-.badge__component_p5xsh {
+.divider__component_1euk7 {
+    border-bottom: 1px solid #2b2b2e;
+}.card-image__cardImage_1amp0 {
+    background: #e7e8ea;
+}
+.card-image__loaded_1amp0 {
+    background: transparent
+}.badge__component_p5xsh {
     background-color: #ef3124;
     color: #000;
 }
@@ -29,13 +36,6 @@
     }
 .badge__icon_p5xsh:before {
     background-color: #121212;
-}.card-image__cardImage_1amp0 {
-    background: #e7e8ea;
-}
-.card-image__loaded_1amp0 {
-    background: transparent
-}.divider__component_1euk7 {
-    border-bottom: 1px solid #2b2b2e;
 }.backdrop__backdrop_1lg3v {
     -webkit-tap-highlight-color: transparent;
 }
@@ -72,17 +72,6 @@
 }
 .dropzone__text_1g4al {
     color: #fff;
-}.checkbox-group__error_p9c0q {
-    border-left: 1px solid #f15045;
-}
-.checkbox-group__label_p9c0q {
-    color: #fff;
-}
-.checkbox-group__errorMessage_p9c0q {
-    color: #f15045;
-}
-.checkbox-group__hint_p9c0q {
-    color: #8d8d93;
 }.checkbox__box_e67wi {
     color: #121212;
     background-color: #121212;
@@ -169,6 +158,17 @@
 }
 .checkbox__indeterminateLine_e67wi {
     background-color: #121212;
+}.checkbox-group__error_p9c0q {
+    border-left: 1px solid #f15045;
+}
+.checkbox-group__label_p9c0q {
+    color: #fff;
+}
+.checkbox-group__errorMessage_p9c0q {
+    color: #f15045;
+}
+.checkbox-group__hint_p9c0q {
+    color: #8d8d93;
 }.code-input__error_1o8eb {
     color: #f15045;
 }
@@ -275,12 +275,12 @@
 }
 .form-control__hasError_1izsi .form-control__label_1izsi {
     color: #ef3124;
+}@keyframes loader__blink_14p48 {
 }.list__list_1mx9s {
     color: #fff;
 }
 .list__slot_1mx9s {
     color: #fff;
-}@keyframes loader__blink_14p48 {
 }.icon-view__component_5ntvq {
     color: rgba(235, 235, 245, 0.6);
 }
@@ -1151,9 +1151,7 @@
     }
 .button__component_1mj7d:disabled.button__ghost_1mj7d.button__loading_1mj7d {
             color: #000;
-        }.base-modal__component_1rup9 {
-    background: #121212;
-}.textarea__input_ztty1 {
+        }.textarea__input_ztty1 {
     color: #fff;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -1263,6 +1261,8 @@
 }
 .textarea__textarea_1ujra:focus::placeholder {
     color: rgba(60, 60, 67, 0.3);
+}.base-modal__component_1rup9 {
+    background: #121212;
 }.popover__component_1uaec {
     background-color: transparent;
     color: #fff;
@@ -1394,6 +1394,10 @@
 .drawer__backdropExitActive_1rqu2,
 .drawer__backdropExitDone_1rqu2 {
     background-color: transparent;
+}.attach__component_3su2z {
+}
+.attach__focused_3su2z {
+    outline: 2px solid #007aff;
 }.custom-button__customButton_xcn5l.custom-button__white_xcn5l * {
         color: #fff;
     }
@@ -1414,10 +1418,32 @@
     }
 .custom-button__customButton_xcn5l:disabled.custom-button__black_xcn5l * {
         color: #000;
-    }.attach__component_3su2z {
+    }.chart__coreChart_p1dmp .recharts-text tspan {
+        fill: #fff;
+    }
+@keyframes chart__showDot_16iqv {
 }
-.attach__focused_3su2z {
-    outline: 2px solid #007aff;
+
+.chart__tickText_1ddgc {
+    fill: #fff;
+}
+.chart__circle_1ddgc {
+    fill: #121212;
+}
+.chart__circle_1ddgc {
+    fill: #121212;
+}
+.chart__tooltip_qtxuh {
+    background-color: #121212;
+    border: 1px solid #2b2b2e;
+    box-shadow: 0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24);
+}
+.chart__tooltipArrow_qtxuh {
+    border: 1px solid #2b2b2e;
+    background-color: #121212;
+}
+.chart__tooltipArrow_qtxuh:before {
+    border-color: transparent #121212 transparent transparent;
 }.confirmation__component_8xhiq {
     color: #8d8d93;
 }
@@ -1455,34 +1481,7 @@
 }
 .confirmation__description_ntyze {
     color: #8d8d93;
-}.chart__coreChart_p1dmp .recharts-label-list tspan,
-    .chart__coreChart_p1dmp .recharts-text tspan {
-        fill: #fff;
-    }
-@keyframes chart__showDot_14r9i {
-}
-
-
-.chart__tickText_1iu5l {
-    fill: #fff;
-}
-.chart__circle_1iu5l {
-    fill: #121212;
-}
-.chart__tooltip_9p5o8 {
-    background-color: #121212;
-    border: 1px solid #2b2b2e;
-    box-shadow: 0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24);
-}
-.chart__tooltipArrow_9p5o8 {
-    border: 1px solid #2b2b2e;
-    background-color: #121212;
-}
-.chart__tooltipArrow_9p5o8:before {
-    border-color: transparent #121212 transparent transparent;
-}
-
-.pagination__component_1tzni {
+}.pagination__component_1tzni {
     color: #fff;
 }
 .pagination__dots_dqj9c {
@@ -1508,7 +1507,28 @@
     }
 .pagination__tag_tzkth.pagination__tag_tzkth.pagination__checked_tzkth:active:not(:disabled) {
         color: #fff;
-    }.input__input_1fh8i {
+    }.plate__component_dn5gp {
+    color: #fff;
+}
+.plate__focused_dn5gp {
+    outline: 2px solid #007aff;
+}
+.plate__common_dn5gp {
+    background-color: #202022;
+    border-color: #6d7986;
+}
+.plate__negative_dn5gp {
+    background-color: #35110d;
+    border-color: #d91d0b;
+}
+.plate__positive_dn5gp {
+    background-color: #042117;
+    border-color: #13a463;
+}
+.plate__attention_dn5gp {
+    background-color: #332104;
+    border-color: #de6a00;
+}.input__input_1fh8i {
     color: #fff;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -1594,27 +1614,6 @@
 .input__error_13alw {
     color: #ef3124;
     caret-color: #ef3124;
-}.plate__component_dn5gp {
-    color: #fff;
-}
-.plate__focused_dn5gp {
-    outline: 2px solid #007aff;
-}
-.plate__common_dn5gp {
-    background-color: #202022;
-    border-color: #6d7986;
-}
-.plate__negative_dn5gp {
-    background-color: #35110d;
-    border-color: #d91d0b;
-}
-.plate__positive_dn5gp {
-    background-color: #042117;
-    border-color: #13a463;
-}
-.plate__attention_dn5gp {
-    background-color: #332104;
-    border-color: #de6a00;
 }.icon-button__primary_ix5go {
     color: #fff
 }
@@ -1703,12 +1702,94 @@
 }
 .slider-input__info_2qqoq {
     color: #8d8d93;
-}.toast__toastPlate_19si3 {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+}.filter-tag__component_u7f9m.filter-tag__disabled_u7f9m {
+        background-color: rgba(32, 32, 34, 0.3);
+    }
+.filter-tag__component_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__component_u7f9m.filter-tag__disabled_u7f9m) {
+            background-color: #f3f4f5;
+        }
+.filter-tag__component_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__component_u7f9m.filter-tag__disabled_u7f9m):hover {
+            background-color: #f3f4f5;
+        }
+.filter-tag__component_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__component_u7f9m.filter-tag__disabled_u7f9m):active {
+            background-color: rgb(194, 195, 196);
+        }
+.filter-tag__focused_u7f9m {
+    outline: 2px solid #007aff;
 }
-.toast__popoverInner_19si3 {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-    background-color: transparent;
+.filter-tag__valueButton_u7f9m {
+    color: #fff;
+    background-color: #202022;
+    border-color: transparent
+}
+.filter-tag__valueButton_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):hover {
+        background-color: #202022;
+        border-color: transparent;
+    }
+.filter-tag__valueButton_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):active {
+        background-color: rgb(65, 65, 67);
+        border-color: transparent;
+    }
+.filter-tag__valueButton_u7f9m:disabled {
+        background-color: rgba(32, 32, 34, 0.3);
+        border-color: transparent;
+        color: #464649;
+    }
+.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m {
+        background-color: #f3f4f5;
+        color: #000
+    }
+.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):hover {
+            background-color: #f3f4f5;
+        }
+.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):active {
+            background-color: rgb(194, 195, 196);
+        }
+.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):hover + .filter-tag__clear_u7f9m:before {
+            background-color: #6d7986;
+        }
+.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):active + .filter-tag__clear_u7f9m:before {
+            background-color: transparent;
+        }
+.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m:disabled {
+            background-color: rgba(243, 244, 245, 0.3);
+            color: #000;
+        }
+.filter-tag__clear_u7f9m {
+    background-color: #f3f4f5
+}
+.filter-tag__clear_u7f9m:before {
+        background-color: #6d7986;
+    }
+.filter-tag__clear_u7f9m:hover:before {
+        background-color: #6d7986;
+    }
+.filter-tag__clear_u7f9m:active:before {
+        background-color: transparent;
+    }
+.filter-tag__clear_u7f9m:hover {
+        background-color: #f3f4f5;
+    }
+.filter-tag__clear_u7f9m:active {
+        background-color: rgb(194, 195, 196);
+    }.file-upload-item__component_12417 {
+    color: #8d8d93;
+    box-shadow: 0 -1px 0 0 #2b2b2e inset
+}
+.file-upload-item__icon_12417 {
+    color: #fff;
+}
+.file-upload-item__errorIcon_12417 {
+    color: #d91d0b;
+}
+.file-upload-item__successIcon_12417 {
+    color: #2fc26e;
+}
+.file-upload-item__name_12417 {
+    color: #fff
+}
+.file-upload-item__errorWrapper_12417 {
+    color: #ef3124
 }.bottom-sheet__modal_1nq3o {
     background-color: transparent;
 }
@@ -1881,11 +1962,11 @@
     box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
 }
 
-@media (max-width: 374px) {
-    }
 .calendar__empty_azhii {
     color: #8d8d93;
 }
+@media (max-width: 374px) {
+    }
 .calendar__button_16eb5 {
     background-color: transparent
 }
@@ -1912,95 +1993,13 @@
             color: #000;
         }
 @media (max-width: 374px) {
-    }.file-upload-item__component_12417 {
-    color: #8d8d93;
-    box-shadow: 0 -1px 0 0 #2b2b2e inset
-}
-.file-upload-item__icon_12417 {
-    color: #fff;
-}
-.file-upload-item__errorIcon_12417 {
-    color: #d91d0b;
-}
-.file-upload-item__successIcon_12417 {
-    color: #2fc26e;
-}
-.file-upload-item__name_12417 {
-    color: #fff
-}
-.file-upload-item__errorWrapper_12417 {
-    color: #ef3124
-}.filter-tag__component_u7f9m.filter-tag__disabled_u7f9m {
-        background-color: rgba(32, 32, 34, 0.3);
-    }
-.filter-tag__component_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__component_u7f9m.filter-tag__disabled_u7f9m) {
-            background-color: #f3f4f5;
-        }
-.filter-tag__component_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__component_u7f9m.filter-tag__disabled_u7f9m):hover {
-            background-color: #f3f4f5;
-        }
-.filter-tag__component_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__component_u7f9m.filter-tag__disabled_u7f9m):active {
-            background-color: rgb(194, 195, 196);
-        }
-.filter-tag__focused_u7f9m {
-    outline: 2px solid #007aff;
-}
-.filter-tag__valueButton_u7f9m {
-    color: #fff;
-    background-color: #202022;
-    border-color: transparent
-}
-.filter-tag__valueButton_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):hover {
-        background-color: #202022;
-        border-color: transparent;
-    }
-.filter-tag__valueButton_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):active {
-        background-color: rgb(65, 65, 67);
-        border-color: transparent;
-    }
-.filter-tag__valueButton_u7f9m:disabled {
-        background-color: rgba(32, 32, 34, 0.3);
-        border-color: transparent;
-        color: #464649;
-    }
-.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m {
-        background-color: #f3f4f5;
-        color: #000
-    }
-.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):hover {
-            background-color: #f3f4f5;
-        }
-.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):active {
-            background-color: rgb(194, 195, 196);
-        }
-.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):hover + .filter-tag__clear_u7f9m:before {
-            background-color: #6d7986;
-        }
-.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m:not(.filter-tag__valueButton_u7f9m:disabled):active + .filter-tag__clear_u7f9m:before {
-            background-color: transparent;
-        }
-.filter-tag__valueButton_u7f9m.filter-tag__checked_u7f9m:disabled {
-            background-color: rgba(243, 244, 245, 0.3);
-            color: #000;
-        }
-.filter-tag__clear_u7f9m {
-    background-color: #f3f4f5
+    }.toast__toastPlate_19si3 {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 }
-.filter-tag__clear_u7f9m:before {
-        background-color: #6d7986;
-    }
-.filter-tag__clear_u7f9m:hover:before {
-        background-color: #6d7986;
-    }
-.filter-tag__clear_u7f9m:active:before {
-        background-color: transparent;
-    }
-.filter-tag__clear_u7f9m:hover {
-        background-color: #f3f4f5;
-    }
-.filter-tag__clear_u7f9m:active {
-        background-color: rgb(194, 195, 196);
-    }.bank-card__component_nvf16 {
+.toast__popoverInner_19si3 {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+    background-color: transparent;
+}.bank-card__component_nvf16 {
     --form-control-bg-color: transparent;
     --form-control-hover-bg-color: transparent;
     --form-control-focus-bg-color: transparent;
@@ -2027,16 +2026,7 @@
 }
 .bank-card__usePhoto_nvf16 svg {
         fill: #000;
-    }.amount-input__minorPartAndCurrency_ua6e6 {
-    color: #8d8d93;
-}
-.amount-input__filled_dsqbr .amount-input__input_dsqbr,
-.amount-input__input_dsqbr:focus {
-    -webkit-text-fill-color: transparent;
-}
-.amount-input__minorPartAndCurrency_1otgj {
-    color: #8a8a8e;
-}
+    }
 
 
 .modal__button_1f1xv {
@@ -2062,7 +2052,15 @@
 .modal__sticky_q8z0t.modal__hasContent_q8z0t {
         background: #121212;
     }
-@media (min-width: 600px) {
+.amount-input__minorPartAndCurrency_ua6e6 {
+    color: #8d8d93;
+}
+.amount-input__filled_dsqbr .amount-input__input_dsqbr,
+.amount-input__input_dsqbr:focus {
+    -webkit-text-fill-color: transparent;
+}
+.amount-input__minorPartAndCurrency_1otgj {
+    color: #8a8a8e;
 }.tooltip__hint_15tuj {
     background-color: #121212;
 }
@@ -2073,10 +2071,11 @@
     background-color: #121212;
     border-color: #121212;
 }
-.calendar-with-skeleton__skeleton_f669z {
-    background-color: #121212;
-}.calendar-input__calendarIcon_1i7jg {
+.calendar-input__calendarIcon_1i7jg {
     color: #fff
+}@media (min-width: 600px) {
+}.calendar-with-skeleton__skeleton_f669z {
+    background-color: #121212;
 }
 .intl-phone-input__flagIcon_un8i2 {
     box-shadow: 0 0 2px 0 rgba(11, 31, 53, 0.25)

package/tooltip/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-80c6fc8e.js');
+var Component = require('./Component-a7ab3056.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/tooltip/component.responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-80c6fc8e.js');
+var Component = require('./Component-a7ab3056.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');

package/tooltip/esm/Component.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-export { T as Tooltip } from './Component-753b7035.js';
+export { T as Tooltip } from './Component-e3a93d39.js';

package/tooltip/esm/component.responsive.js

@@ -2,7 +2,7 @@ import React, { Fragment } from 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-import { _ as __rest, a as __assign, T as Tooltip } from './Component-753b7035.js';
+import { _ as __rest, a as __assign, T as Tooltip } from './Component-e3a93d39.js';
 import { useMedia } from '@alfalab/hooks';
 import { BottomSheet } from '../../bottom-sheet/esm';
 import { Button } from '../../button/esm';

package/tooltip/esm/index.d.ts

@@ -1 +1 @@
-export * from "./Component-753b7035";
+export * from "./Component-e3a93d39";

package/tooltip/esm/index.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-export { T as Tooltip } from './Component-753b7035.js';
+export { T as Tooltip } from './Component-e3a93d39.js';

package/tooltip/esm/responsive.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-import './Component-753b7035.js';
+import './Component-e3a93d39.js';
 import '@alfalab/hooks';
 import '../../bottom-sheet/esm';
 import '../../button/esm';

package/tooltip/index.d.ts

@@ -1 +1 @@
-export * from "./Component-80c6fc8e";
+export * from "./Component-a7ab3056";

package/tooltip/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-80c6fc8e.js');
+var Component = require('./Component-a7ab3056.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/tooltip/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-80c6fc8e.js');
+require('./Component-a7ab3056.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/typography/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-ba02968a.js');
+require('./colors.module-9d5f402c.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-4464bf21.js');
+require('./common.module-2e68bd5b.js');
 var title_index = require('./title/index.js');
 var text_component = require('./text/component.js');
 var titleResponsive_component = require('./title-responsive/component.js');

package/typography/esm/component.js

@@ -1,5 +1,5 @@
-import './colors.module-9ba91023.js';
-import './common.module-bd6818fc.js';
+import './colors.module-2ad2f2e0.js';
+import './common.module-34c930ea.js';
 import 'react';
 import 'classnames';
 import './title/component.js';

package/typography/esm/index.js

@@ -1,5 +1,5 @@
-import './colors.module-9ba91023.js';
-import './common.module-bd6818fc.js';
+import './colors.module-2ad2f2e0.js';
+import './common.module-34c930ea.js';
 import 'react';
 import 'classnames';
 import './title/component.js';

package/typography/esm/text/component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign, c as colors } from '../colors.module-9ba91023.js';
+import { a as __rest, _ as __assign, c as colors } from '../colors.module-2ad2f2e0.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 

package/typography/esm/text/index.js

@@ -1,4 +1,4 @@
-import '../colors.module-9ba91023.js';
+import '../colors.module-2ad2f2e0.js';
 import 'react';
 import 'classnames';
 export { Text } from './component.js';

package/typography/esm/title/component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign, c as colors } from '../colors.module-9ba91023.js';
+import { a as __rest, _ as __assign, c as colors } from '../colors.module-2ad2f2e0.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 

package/typography/esm/title/index.js

@@ -1,5 +1,5 @@
-import { _ as __assign } from '../colors.module-9ba91023.js';
-import { c as commonStyles } from '../common.module-bd6818fc.js';
+import { _ as __assign } from '../colors.module-2ad2f2e0.js';
+import { c as commonStyles } from '../common.module-34c930ea.js';
 import React from 'react';
 import 'classnames';
 import { Title as Title$1 } from './component.js';

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

@@ -1,5 +1,5 @@
-import { _ as __assign } from '../colors.module-9ba91023.js';
-import { c as commonStyles } from '../common.module-bd6818fc.js';
+import { _ as __assign } from '../colors.module-2ad2f2e0.js';
+import { c as commonStyles } from '../common.module-34c930ea.js';
 import React from 'react';
 import 'classnames';
 import { Title } from '../title/component.js';

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

@@ -1,5 +1,5 @@
-import '../colors.module-9ba91023.js';
-import '../common.module-bd6818fc.js';
+import '../colors.module-2ad2f2e0.js';
+import '../common.module-34c930ea.js';
 import 'react';
 import 'classnames';
 import '../title/component.js';