@alfalab/core-components 29.1.0 → 29.2.0

package/link/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: ky1iz */
+/* hash: 1ryu2 */
 :root {
     --color-light-text-link: #007aff;
     --color-light-text-primary-inverted: #fff;
@@ -28,33 +28,33 @@
     --link-inverted-default-hover-color: rgb(0, 98, 204);
     --link-inverted-default-active-color: rgb(0, 73, 153);
 }
-.link__primary_1sblj {
+.link__primary_3mxzl {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
 }
-.link__primary_1sblj:hover {
+.link__primary_3mxzl:hover {
         color: var(--link-inverted-primary-hover-color);
     }
-.link__primary_1sblj:active {
+.link__primary_3mxzl:active {
         color: var(--link-inverted-primary-active-color);
     }
-.link__secondary_1sblj {
+.link__secondary_3mxzl {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
 }
-.link__secondary_1sblj:hover {
+.link__secondary_3mxzl:hover {
         color: var(--link-inverted-secondary-hover-color);
     }
-.link__secondary_1sblj:active {
+.link__secondary_3mxzl:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__defaultView_1sblj {
+.link__defaultView_3mxzl {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__defaultView_1sblj:hover {
+.link__defaultView_3mxzl:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__defaultView_1sblj:active {
+.link__defaultView_3mxzl:active {
         color: var(--link-inverted-default-active-color);
     }

package/list/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"list":"list__list_1pf06","orderedList":"list__orderedList_1pf06","lowerAlpha":"list__lowerAlpha_1pf06","decimal":"list__decimal_1pf06","item":"list__item_1pf06","unorderedItem":"list__unorderedItem_1pf06","orderedItem":"list__orderedItem_1pf06","slot":"list__slot_1pf06"};
+var styles = {"list":"list__list_19gy4","orderedList":"list__orderedList_19gy4","lowerAlpha":"list__lowerAlpha_19gy4","decimal":"list__decimal_19gy4","item":"list__item_19gy4","unorderedItem":"list__unorderedItem_19gy4","orderedItem":"list__orderedItem_19gy4","slot":"list__slot_19gy4"};
 require('./index.css');
 
 var List = function (_a) {

package/list/esm/Component.js

@@ -1,7 +1,7 @@
 import cn from 'classnames';
 import React, { Children } from 'react';
 
-var styles = {"list":"list__list_1pf06","orderedList":"list__orderedList_1pf06","lowerAlpha":"list__lowerAlpha_1pf06","decimal":"list__decimal_1pf06","item":"list__item_1pf06","unorderedItem":"list__unorderedItem_1pf06","orderedItem":"list__orderedItem_1pf06","slot":"list__slot_1pf06"};
+var styles = {"list":"list__list_19gy4","orderedList":"list__orderedList_19gy4","lowerAlpha":"list__lowerAlpha_19gy4","decimal":"list__decimal_19gy4","item":"list__item_19gy4","unorderedItem":"list__unorderedItem_19gy4","orderedItem":"list__orderedItem_19gy4","slot":"list__slot_19gy4"};
 require('./index.css');
 
 var List = function (_a) {

package/list/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: t5d9s */
+/* hash: 1kx4b */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_1pf06 {
+.list__list_19gy4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1pf06 {
+.list__orderedList_19gy4 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1pf06 {
+.list__lowerAlpha_19gy4 {
     list-style-type: lower-alpha;
 }
-.list__decimal_1pf06 {
+.list__decimal_19gy4 {
     list-style-type: decimal;
 }
-.list__item_1pf06 {
+.list__item_19gy4 {
     margin-top: var(--list-item-margin)
 }
-.list__item_1pf06:first-child {
+.list__item_19gy4:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1pf06 {
+.list__unorderedItem_19gy4 {
     display: flex;
 }
-.list__orderedItem_1pf06 {
+.list__orderedItem_19gy4 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1pf06 {
+.list__slot_19gy4 {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/index.css

@@ -1,4 +1,4 @@
-/* hash: t5d9s */
+/* hash: 1kx4b */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_1pf06 {
+.list__list_19gy4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1pf06 {
+.list__orderedList_19gy4 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1pf06 {
+.list__lowerAlpha_19gy4 {
     list-style-type: lower-alpha;
 }
-.list__decimal_1pf06 {
+.list__decimal_19gy4 {
     list-style-type: decimal;
 }
-.list__item_1pf06 {
+.list__item_19gy4 {
     margin-top: var(--list-item-margin)
 }
-.list__item_1pf06:first-child {
+.list__item_19gy4:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1pf06 {
+.list__unorderedItem_19gy4 {
     display: flex;
 }
-.list__orderedItem_1pf06 {
+.list__orderedItem_19gy4 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1pf06 {
+.list__slot_19gy4 {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/modern/Component.js

@@ -1,7 +1,7 @@
 import cn from 'classnames';
 import React, { Children } from 'react';
 
-var styles = {"list":"list__list_1pf06","orderedList":"list__orderedList_1pf06","lowerAlpha":"list__lowerAlpha_1pf06","decimal":"list__decimal_1pf06","item":"list__item_1pf06","unorderedItem":"list__unorderedItem_1pf06","orderedItem":"list__orderedItem_1pf06","slot":"list__slot_1pf06"};
+var styles = {"list":"list__list_19gy4","orderedList":"list__orderedList_19gy4","lowerAlpha":"list__lowerAlpha_19gy4","decimal":"list__decimal_19gy4","item":"list__item_19gy4","unorderedItem":"list__unorderedItem_19gy4","orderedItem":"list__orderedItem_19gy4","slot":"list__slot_19gy4"};
 require('./index.css');
 
 const List = ({ tag: Component = 'ul', marker, className, dataTestId, children, }) => {

package/list/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: t5d9s */
+/* hash: 1kx4b */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_1pf06 {
+.list__list_19gy4 {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1pf06 {
+.list__orderedList_19gy4 {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1pf06 {
+.list__lowerAlpha_19gy4 {
     list-style-type: lower-alpha;
 }
-.list__decimal_1pf06 {
+.list__decimal_19gy4 {
     list-style-type: decimal;
 }
-.list__item_1pf06 {
+.list__item_19gy4 {
     margin-top: var(--list-item-margin)
 }
-.list__item_1pf06:first-child {
+.list__item_19gy4:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1pf06 {
+.list__unorderedItem_19gy4 {
     display: flex;
 }
-.list__orderedItem_1pf06 {
+.list__orderedItem_19gy4 {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1pf06 {
+.list__slot_19gy4 {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list-header/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"list-header__component_1or0o","description":"list-header__description_1or0o","filled":"list-header__filled_1or0o"};
+var styles = {"component":"list-header__component_1a9qi","description":"list-header__description_1a9qi","filled":"list-header__filled_1a9qi"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/esm';
 
-var styles = {"component":"list-header__component_1or0o","description":"list-header__description_1or0o","filled":"list-header__filled_1or0o"};
+var styles = {"component":"list-header__component_1a9qi","description":"list-header__description_1a9qi","filled":"list-header__filled_1a9qi"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: dp43k */
+/* hash: 1ib36 */
 :root {
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
 }
@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_1or0o {
+.list-header__component_1a9qi {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1or0o {
+.list-header__description_1a9qi {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1or0o {
+.list-header__filled_1a9qi {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/index.css

@@ -1,4 +1,4 @@
-/* hash: dp43k */
+/* hash: 1ib36 */
 :root {
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
 }
@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_1or0o {
+.list-header__component_1a9qi {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1or0o {
+.list-header__description_1a9qi {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1or0o {
+.list-header__filled_1a9qi {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 
-var styles = {"component":"list-header__component_1or0o","description":"list-header__description_1or0o","filled":"list-header__filled_1or0o"};
+var styles = {"component":"list-header__component_1a9qi","description":"list-header__description_1a9qi","filled":"list-header__filled_1a9qi"};
 require('./index.css');
 
 const ListHeader = ({ title, description, filled = true, className, dataTestId, }) => (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, { [styles.filled]: filled }, className) },

package/list-header/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: dp43k */
+/* hash: 1ib36 */
 :root {
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
 }
@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_1or0o {
+.list-header__component_1a9qi {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1or0o {
+.list-header__description_1a9qi {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1or0o {
+.list-header__filled_1a9qi {
     background-color: var(--color-light-specialbg-component);
 }

package/loader/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"loader__component_x7ysg","blink":"loader__blink_x7ysg"};
+var styles = {"component":"loader__component_1rkx6","blink":"loader__blink_1rkx6"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"loader__component_x7ysg","blink":"loader__blink_x7ysg"};
+var styles = {"component":"loader__component_1rkx6","blink":"loader__blink_1rkx6"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/index.css

@@ -1,5 +1,5 @@
-/* hash: v7xfd */
-.loader__component_x7ysg {
+/* hash: n7jkt */
+.loader__component_1rkx6 {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,35 +7,35 @@
     justify-content: center
 }
 
-.loader__component_x7ysg div {
+.loader__component_1rkx6 div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_x7ysg;
+        animation-name: loader__blink_1rkx6;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_x7ysg div:nth-child(1) {
+.loader__component_1rkx6 div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_x7ysg div:nth-child(2) {
+.loader__component_1rkx6 div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_x7ysg div:nth-child(3) {
+.loader__component_1rkx6 div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_x7ysg {
+@keyframes loader__blink_1rkx6 {
     21% {
         transform: scale(1);
     }

package/loader/index.css

@@ -1,5 +1,5 @@
-/* hash: v7xfd */
-.loader__component_x7ysg {
+/* hash: n7jkt */
+.loader__component_1rkx6 {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,35 +7,35 @@
     justify-content: center
 }
 
-.loader__component_x7ysg div {
+.loader__component_1rkx6 div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_x7ysg;
+        animation-name: loader__blink_1rkx6;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_x7ysg div:nth-child(1) {
+.loader__component_1rkx6 div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_x7ysg div:nth-child(2) {
+.loader__component_1rkx6 div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_x7ysg div:nth-child(3) {
+.loader__component_1rkx6 div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_x7ysg {
+@keyframes loader__blink_1rkx6 {
     21% {
         transform: scale(1);
     }

package/loader/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"loader__component_x7ysg","blink":"loader__blink_x7ysg"};
+var styles = {"component":"loader__component_1rkx6","blink":"loader__blink_1rkx6"};
 require('./index.css');
 
 const Loader = ({ className, dataTestId }) => (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },

package/loader/modern/index.css

@@ -1,5 +1,5 @@
-/* hash: v7xfd */
-.loader__component_x7ysg {
+/* hash: n7jkt */
+.loader__component_1rkx6 {
     width: 24px;
     height: 24px;
     display: flex;
@@ -7,35 +7,35 @@
     justify-content: center
 }
 
-.loader__component_x7ysg div {
+.loader__component_1rkx6 div {
         height: 4px;
         width: 4px;
         margin-right: 4px;
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_x7ysg;
+        animation-name: loader__blink_1rkx6;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
 
-.loader__component_x7ysg div:nth-child(1) {
+.loader__component_1rkx6 div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
 
-.loader__component_x7ysg div:nth-child(2) {
+.loader__component_1rkx6 div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
 
-.loader__component_x7ysg div:nth-child(3) {
+.loader__component_1rkx6 div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
     }
 
-@keyframes loader__blink_x7ysg {
+@keyframes loader__blink_1rkx6 {
     21% {
         transform: scale(1);
     }

package/masked-input/Component.js

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_7afcd"};
+var styles = {"textHidden":"masked-input__textHidden_60svl"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/Component.js

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_7afcd"};
+var styles = {"textHidden":"masked-input__textHidden_60svl"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 16022 */
-.masked-input__textHidden_7afcd input {
+/* hash: x6qvq */
+.masked-input__textHidden_60svl input {
     opacity: 0;
 }

package/masked-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 16022 */
-.masked-input__textHidden_7afcd input {
+/* hash: x6qvq */
+.masked-input__textHidden_60svl input {
     opacity: 0;
 }

package/masked-input/modern/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { createTextMaskInputElement } from 'text-mask-core';
 import { Input } from '../../input/modern';
 
-var styles = {"textHidden":"masked-input__textHidden_7afcd"};
+var styles = {"textHidden":"masked-input__textHidden_60svl"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 16022 */
-.masked-input__textHidden_7afcd input {
+/* hash: x6qvq */
+.masked-input__textHidden_60svl input {
     opacity: 0;
 }

package/modal/Component-12cb5541.d.ts

@@ -0,0 +1,50 @@
+import { FC, ReactNode } from 'react';
+type HeaderProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Компонент крестика
+     */
+    closer?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: 'left' | 'center';
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Header: FC<HeaderProps>;
+export * from "./getDataTestId-3fe0d3e6";
+export { HeaderProps, Header };