@alfalab/core-components 35.2.0 → 36.0.0

package/link/modern/inverted.css

@@ -28,33 +28,33 @@
     --link-inverted-default-hover-color: rgb(0, 98, 204);
     --link-inverted-default-active-color: rgb(0, 73, 153);
 }
-.link__primary_1rje0 {
+.link__primary_1g5n3 {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
 }
-.link__primary_1rje0:hover {
+.link__primary_1g5n3:hover {
         color: var(--link-inverted-primary-hover-color);
     }
-.link__primary_1rje0:active {
+.link__primary_1g5n3:active {
         color: var(--link-inverted-primary-active-color);
     }
-.link__secondary_1rje0 {
+.link__secondary_1g5n3 {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
 }
-.link__secondary_1rje0:hover {
+.link__secondary_1g5n3:hover {
         color: var(--link-inverted-secondary-hover-color);
     }
-.link__secondary_1rje0:active {
+.link__secondary_1g5n3:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__defaultView_1rje0 {
+.link__defaultView_1g5n3 {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__defaultView_1rje0:hover {
+.link__defaultView_1g5n3:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__defaultView_1rje0:active {
+.link__defaultView_1g5n3: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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"list":"list__list_n49xt","orderedList":"list__orderedList_n49xt","lowerAlpha":"list__lowerAlpha_n49xt","decimal":"list__decimal_n49xt","item":"list__item_n49xt","unorderedItem":"list__unorderedItem_n49xt","orderedItem":"list__orderedItem_n49xt","slot":"list__slot_n49xt"};
+var styles = {"list":"list__list_jy6ye","orderedList":"list__orderedList_jy6ye","lowerAlpha":"list__lowerAlpha_jy6ye","decimal":"list__decimal_jy6ye","item":"list__item_jy6ye","unorderedItem":"list__unorderedItem_jy6ye","orderedItem":"list__orderedItem_jy6ye","slot":"list__slot_jy6ye"};
 require('./index.css');
 
 var List = function (_a) {

package/list/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { Children } from 'react';
 import cn from 'classnames';
 
-var styles = {"list":"list__list_n49xt","orderedList":"list__orderedList_n49xt","lowerAlpha":"list__lowerAlpha_n49xt","decimal":"list__decimal_n49xt","item":"list__item_n49xt","unorderedItem":"list__unorderedItem_n49xt","orderedItem":"list__orderedItem_n49xt","slot":"list__slot_n49xt"};
+var styles = {"list":"list__list_jy6ye","orderedList":"list__orderedList_jy6ye","lowerAlpha":"list__lowerAlpha_jy6ye","decimal":"list__decimal_jy6ye","item":"list__item_jy6ye","unorderedItem":"list__unorderedItem_jy6ye","orderedItem":"list__orderedItem_jy6ye","slot":"list__slot_jy6ye"};
 require('./index.css');
 
 var List = function (_a) {

package/list/esm/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_n49xt {
+.list__list_jy6ye {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_n49xt {
+.list__orderedList_jy6ye {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_n49xt {
+.list__lowerAlpha_jy6ye {
     list-style-type: lower-alpha;
 }
-.list__decimal_n49xt {
+.list__decimal_jy6ye {
     list-style-type: decimal;
 }
-.list__item_n49xt {
+.list__item_jy6ye {
     margin-top: var(--list-item-margin)
 }
-.list__item_n49xt:first-child {
+.list__item_jy6ye:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_n49xt {
+.list__unorderedItem_jy6ye {
     display: flex;
 }
-.list__orderedItem_n49xt {
+.list__orderedItem_jy6ye {
     padding-left: var(--gap-2xs);
 }
-.list__slot_n49xt {
+.list__slot_jy6ye {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_n49xt {
+.list__list_jy6ye {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_n49xt {
+.list__orderedList_jy6ye {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_n49xt {
+.list__lowerAlpha_jy6ye {
     list-style-type: lower-alpha;
 }
-.list__decimal_n49xt {
+.list__decimal_jy6ye {
     list-style-type: decimal;
 }
-.list__item_n49xt {
+.list__item_jy6ye {
     margin-top: var(--list-item-margin)
 }
-.list__item_n49xt:first-child {
+.list__item_jy6ye:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_n49xt {
+.list__unorderedItem_jy6ye {
     display: flex;
 }
-.list__orderedItem_n49xt {
+.list__orderedItem_jy6ye {
     padding-left: var(--gap-2xs);
 }
-.list__slot_n49xt {
+.list__slot_jy6ye {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { Children } from 'react';
 import cn from 'classnames';
 
-var styles = {"list":"list__list_n49xt","orderedList":"list__orderedList_n49xt","lowerAlpha":"list__lowerAlpha_n49xt","decimal":"list__decimal_n49xt","item":"list__item_n49xt","unorderedItem":"list__unorderedItem_n49xt","orderedItem":"list__orderedItem_n49xt","slot":"list__slot_n49xt"};
+var styles = {"list":"list__list_jy6ye","orderedList":"list__orderedList_jy6ye","lowerAlpha":"list__lowerAlpha_jy6ye","decimal":"list__decimal_jy6ye","item":"list__item_jy6ye","unorderedItem":"list__unorderedItem_jy6ye","orderedItem":"list__orderedItem_jy6ye","slot":"list__slot_jy6ye"};
 require('./index.css');
 
 const List = ({ tag: Component = 'ul', marker, className, dataTestId, children, }) => {

package/list/modern/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_n49xt {
+.list__list_jy6ye {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_n49xt {
+.list__orderedList_jy6ye {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_n49xt {
+.list__lowerAlpha_jy6ye {
     list-style-type: lower-alpha;
 }
-.list__decimal_n49xt {
+.list__decimal_jy6ye {
     list-style-type: decimal;
 }
-.list__item_n49xt {
+.list__item_jy6ye {
     margin-top: var(--list-item-margin)
 }
-.list__item_n49xt:first-child {
+.list__item_jy6ye:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_n49xt {
+.list__unorderedItem_jy6ye {
     display: flex;
 }
-.list__orderedItem_n49xt {
+.list__orderedItem_jy6ye {
     padding-left: var(--gap-2xs);
 }
-.list__slot_n49xt {
+.list__slot_jy6ye {
     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_cqk4m","description":"list-header__description_cqk4m","filled":"list-header__filled_cqk4m"};
+var styles = {"component":"list-header__component_9tkba","description":"list-header__description_9tkba","filled":"list-header__filled_9tkba"};
 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_cqk4m","description":"list-header__description_cqk4m","filled":"list-header__filled_cqk4m"};
+var styles = {"component":"list-header__component_9tkba","description":"list-header__description_9tkba","filled":"list-header__filled_9tkba"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_cqk4m {
+.list-header__component_9tkba {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_cqk4m {
+.list-header__description_9tkba {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_cqk4m {
+.list-header__filled_9tkba {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/index.css

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_cqk4m {
+.list-header__component_9tkba {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_cqk4m {
+.list-header__description_9tkba {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_cqk4m {
+.list-header__filled_9tkba {
     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_cqk4m","description":"list-header__description_cqk4m","filled":"list-header__filled_cqk4m"};
+var styles = {"component":"list-header__component_9tkba","description":"list-header__description_9tkba","filled":"list-header__filled_9tkba"};
 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

@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_cqk4m {
+.list-header__component_9tkba {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_cqk4m {
+.list-header__description_9tkba {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_cqk4m {
+.list-header__filled_9tkba {
     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_tyagz","blink":"loader__blink_tyagz"};
+var styles = {"component":"loader__component_1baeg","blink":"loader__blink_1baeg"};
 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_tyagz","blink":"loader__blink_tyagz"};
+var styles = {"component":"loader__component_1baeg","blink":"loader__blink_1baeg"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1echn */
+/* hash: m2xbm */
 :root {
 
     /* Hard */
@@ -10,39 +10,39 @@
 :root {
     --gap-2xs: 4px;
 }
-.loader__component_tyagz {
+.loader__component_1baeg {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
 }
-.loader__component_tyagz div {
+.loader__component_1baeg div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_tyagz;
+        animation-name: loader__blink_1baeg;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
-.loader__component_tyagz div:nth-child(1) {
+.loader__component_1baeg div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
-.loader__component_tyagz div:nth-child(2) {
+.loader__component_1baeg div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
-.loader__component_tyagz div:nth-child(3) {
+.loader__component_1baeg div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
-@keyframes loader__blink_tyagz {
+@keyframes loader__blink_1baeg {
     21% {
         transform: scale(1);
     }

package/loader/index.css

@@ -1,4 +1,4 @@
-/* hash: 1echn */
+/* hash: m2xbm */
 :root {
 
     /* Hard */
@@ -10,39 +10,39 @@
 :root {
     --gap-2xs: 4px;
 }
-.loader__component_tyagz {
+.loader__component_1baeg {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
 }
-.loader__component_tyagz div {
+.loader__component_1baeg div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_tyagz;
+        animation-name: loader__blink_1baeg;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
-.loader__component_tyagz div:nth-child(1) {
+.loader__component_1baeg div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
-.loader__component_tyagz div:nth-child(2) {
+.loader__component_1baeg div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
-.loader__component_tyagz div:nth-child(3) {
+.loader__component_1baeg div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
-@keyframes loader__blink_tyagz {
+@keyframes loader__blink_1baeg {
     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_tyagz","blink":"loader__blink_tyagz"};
+var styles = {"component":"loader__component_1baeg","blink":"loader__blink_1baeg"};
 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,4 +1,4 @@
-/* hash: 1echn */
+/* hash: m2xbm */
 :root {
 
     /* Hard */
@@ -10,39 +10,39 @@
 :root {
     --gap-2xs: 4px;
 }
-.loader__component_tyagz {
+.loader__component_1baeg {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
 }
-.loader__component_tyagz div {
+.loader__component_1baeg div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_tyagz;
+        animation-name: loader__blink_1baeg;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
-.loader__component_tyagz div:nth-child(1) {
+.loader__component_1baeg div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
-.loader__component_tyagz div:nth-child(2) {
+.loader__component_1baeg div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
-.loader__component_tyagz div:nth-child(3) {
+.loader__component_1baeg div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
-@keyframes loader__blink_tyagz {
+@keyframes loader__blink_1baeg {
     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_13g0p"};
+var styles = {"textHidden":"masked-input__textHidden_ytjcr"};
 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_13g0p"};
+var styles = {"textHidden":"masked-input__textHidden_ytjcr"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
 /* hash: 11339 */
-.masked-input__textHidden_13g0p input {
+.masked-input__textHidden_ytjcr input {
     opacity: 0;
 }

package/masked-input/index.css

@@ -1,4 +1,4 @@
 /* hash: 11339 */
-.masked-input__textHidden_13g0p input {
+.masked-input__textHidden_ytjcr input {
     opacity: 0;
 }

package/masked-input/modern/Component.js

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

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
 /* hash: 11339 */
-.masked-input__textHidden_13g0p input {
+.masked-input__textHidden_ytjcr input {
     opacity: 0;
 }

package/modal/Component.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { View } from "./typings";
+declare const Modal: React.ForwardRefExoticComponent<import("../base-modal").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/modal/Component.desktop.d.ts

@@ -1,53 +1,14 @@
 /// <reference types="react" />
 import React from 'react';
-import { BaseModalProps } from "../base-modal";
-type ModalDesktopProps = BaseModalProps & {
-    /**
-     * Ширина модального окна
-     * @default "m"
-     */
-    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
-    /**
-     * Растягивает модальное окно на весь экран
-     * @deprecated Используйте размер fullscreen
-     */
-    fullscreen?: boolean;
-    /**
-     * Фиксирует позицию модального окна после открытия,
-     * предотвращая скачки, если контент внутри будет меняться
-     */
-    fixedPosition?: boolean;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-};
-declare const ModalDesktop: React.ForwardRefExoticComponent<BaseModalProps & {
-    /**
-     * Ширина модального окна
-     * @default "m"
-     */
+declare const ModalDesktop: React.ForwardRefExoticComponent<import("packages/base-modal/src").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
-    /**
-     * Растягивает модальное окно на весь экран
-     * @deprecated Используйте размер fullscreen
-     */
     fullscreen?: boolean | undefined;
-    /**
-     * Фиксирует позицию модального окна после открытия,
-     * предотвращая скачки, если контент внутри будет меняться
-     */
     fixedPosition?: boolean | undefined;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
     hasCloser?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
-    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
-    Footer: React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
+    Content: React.FC<import("./typings").ContentProps>;
+    Header: React.FC<import("./components/header/Component").HeaderProps>;
+    Footer: React.FC<import("./components/footer/Component").FooterProps>;
     Closer: React.FC<import("./components/closer/Component").CloserProps>;
 };
-export { ModalDesktopProps, ModalDesktop };
+export { ModalDesktop };