@alfalab/core-components 30.8.0-beta.0 → 31.0.0-beta.0

package/link/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: znho3 */
+/* hash: ub8v9 */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -19,48 +19,56 @@
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
 }
-.link__component_d8gdu {
+.link__component_1wwsa {
     box-sizing: border-box;
     text-decoration: none;
     font-family: var(--font-family);
     cursor: pointer;
     outline: none
 }
-.link__component_d8gdu:hover .link__text_d8gdu,
-    .link__component_d8gdu:active .link__text_d8gdu {
+.link__component_1wwsa:hover .link__text_1wwsa,
+    .link__component_1wwsa:active .link__text_1wwsa {
         border-bottom-color: rgba(0, 0, 0, 0);
     }
-.link__withAddons_d8gdu {
+.link__withAddons_1wwsa {
     display: inline-flex;
     flex-direction: row;
     flex-wrap: nowrap;
 }
-.link__text_d8gdu {
+.link__text_1wwsa {
     border-bottom: 1px solid;
     transition: border 0.2s ease, color 0.2s ease;
 }
-.link__focused_d8gdu {
+.link__focused_1wwsa {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.link__pseudo_d8gdu .link__text_d8gdu {
+.link__pseudo_1wwsa {
+    margin: 0;
+    padding: 0;
+    background-color: transparent;
+    border: none;
+    box-shadow: none;
+    font: inherit;
+}
+.link__pseudo_1wwsa .link__text_1wwsa {
     border-bottom-style: dashed;
 }
-.link__withoutUnderline_d8gdu .link__text_d8gdu {
+.link__withoutUnderline_1wwsa .link__text_1wwsa {
     border-bottom: none;
 }
-.link__addons_d8gdu {
+.link__addons_1wwsa {
     display: flex;
     align-items: center;
     transition: color 0.2s ease;
 }
-.link__addons_d8gdu:first-child {
+.link__addons_1wwsa:first-child {
     margin-right: var(--gap-xs);
 }
-.link__addons_d8gdu:last-child {
+.link__addons_1wwsa:last-child {
     margin-left: var(--gap-2xs);
 }
-.link__addons_d8gdu:only-child {
+.link__addons_1wwsa:only-child {
     margin-right: 0;
     margin-left: 0;
 }

package/link/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 53d17 */
+/* hash: wsskb */
 :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_mzlt6 {
+.link__primary_1klzv {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
 }
-.link__primary_mzlt6:hover {
+.link__primary_1klzv:hover {
         color: var(--link-inverted-primary-hover-color);
     }
-.link__primary_mzlt6:active {
+.link__primary_1klzv:active {
         color: var(--link-inverted-primary-active-color);
     }
-.link__secondary_mzlt6 {
+.link__secondary_1klzv {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
 }
-.link__secondary_mzlt6:hover {
+.link__secondary_1klzv:hover {
         color: var(--link-inverted-secondary-hover-color);
     }
-.link__secondary_mzlt6:active {
+.link__secondary_1klzv:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__defaultView_mzlt6 {
+.link__defaultView_1klzv {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__defaultView_mzlt6:hover {
+.link__defaultView_1klzv:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__defaultView_mzlt6:active {
+.link__defaultView_1klzv: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_1ypq5","orderedList":"list__orderedList_1ypq5","lowerAlpha":"list__lowerAlpha_1ypq5","decimal":"list__decimal_1ypq5","item":"list__item_1ypq5","unorderedItem":"list__unorderedItem_1ypq5","orderedItem":"list__orderedItem_1ypq5","slot":"list__slot_1ypq5"};
+var styles = {"list":"list__list_1ig8r","orderedList":"list__orderedList_1ig8r","lowerAlpha":"list__lowerAlpha_1ig8r","decimal":"list__decimal_1ig8r","item":"list__item_1ig8r","unorderedItem":"list__unorderedItem_1ig8r","orderedItem":"list__orderedItem_1ig8r","slot":"list__slot_1ig8r"};
 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_1ypq5","orderedList":"list__orderedList_1ypq5","lowerAlpha":"list__lowerAlpha_1ypq5","decimal":"list__decimal_1ypq5","item":"list__item_1ypq5","unorderedItem":"list__unorderedItem_1ypq5","orderedItem":"list__orderedItem_1ypq5","slot":"list__slot_1ypq5"};
+var styles = {"list":"list__list_1ig8r","orderedList":"list__orderedList_1ig8r","lowerAlpha":"list__lowerAlpha_1ig8r","decimal":"list__decimal_1ig8r","item":"list__item_1ig8r","unorderedItem":"list__unorderedItem_1ig8r","orderedItem":"list__orderedItem_1ig8r","slot":"list__slot_1ig8r"};
 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_1ypq5 {
+.list__list_1ig8r {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1ypq5 {
+.list__orderedList_1ig8r {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1ypq5 {
+.list__lowerAlpha_1ig8r {
     list-style-type: lower-alpha;
 }
-.list__decimal_1ypq5 {
+.list__decimal_1ig8r {
     list-style-type: decimal;
 }
-.list__item_1ypq5 {
+.list__item_1ig8r {
     margin-top: var(--list-item-margin)
 }
-.list__item_1ypq5:first-child {
+.list__item_1ig8r:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1ypq5 {
+.list__unorderedItem_1ig8r {
     display: flex;
 }
-.list__orderedItem_1ypq5 {
+.list__orderedItem_1ig8r {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1ypq5 {
+.list__slot_1ig8r {
     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_1ypq5 {
+.list__list_1ig8r {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1ypq5 {
+.list__orderedList_1ig8r {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1ypq5 {
+.list__lowerAlpha_1ig8r {
     list-style-type: lower-alpha;
 }
-.list__decimal_1ypq5 {
+.list__decimal_1ig8r {
     list-style-type: decimal;
 }
-.list__item_1ypq5 {
+.list__item_1ig8r {
     margin-top: var(--list-item-margin)
 }
-.list__item_1ypq5:first-child {
+.list__item_1ig8r:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1ypq5 {
+.list__unorderedItem_1ig8r {
     display: flex;
 }
-.list__orderedItem_1ypq5 {
+.list__orderedItem_1ig8r {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1ypq5 {
+.list__slot_1ig8r {
     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_1ypq5","orderedList":"list__orderedList_1ypq5","lowerAlpha":"list__lowerAlpha_1ypq5","decimal":"list__decimal_1ypq5","item":"list__item_1ypq5","unorderedItem":"list__unorderedItem_1ypq5","orderedItem":"list__orderedItem_1ypq5","slot":"list__slot_1ypq5"};
+var styles = {"list":"list__list_1ig8r","orderedList":"list__orderedList_1ig8r","lowerAlpha":"list__lowerAlpha_1ig8r","decimal":"list__decimal_1ig8r","item":"list__item_1ig8r","unorderedItem":"list__unorderedItem_1ig8r","orderedItem":"list__orderedItem_1ig8r","slot":"list__slot_1ig8r"};
 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_1ypq5 {
+.list__list_1ig8r {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1ypq5 {
+.list__orderedList_1ig8r {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1ypq5 {
+.list__lowerAlpha_1ig8r {
     list-style-type: lower-alpha;
 }
-.list__decimal_1ypq5 {
+.list__decimal_1ig8r {
     list-style-type: decimal;
 }
-.list__item_1ypq5 {
+.list__item_1ig8r {
     margin-top: var(--list-item-margin)
 }
-.list__item_1ypq5:first-child {
+.list__item_1ig8r:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1ypq5 {
+.list__unorderedItem_1ig8r {
     display: flex;
 }
-.list__orderedItem_1ypq5 {
+.list__orderedItem_1ig8r {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1ypq5 {
+.list__slot_1ig8r {
     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_1yvxu","description":"list-header__description_1yvxu","filled":"list-header__filled_1yvxu"};
+var styles = {"component":"list-header__component_12efn","description":"list-header__description_12efn","filled":"list-header__filled_12efn"};
 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_1yvxu","description":"list-header__description_1yvxu","filled":"list-header__filled_1yvxu"};
+var styles = {"component":"list-header__component_12efn","description":"list-header__description_12efn","filled":"list-header__filled_12efn"};
 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_1yvxu {
+.list-header__component_12efn {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1yvxu {
+.list-header__description_12efn {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1yvxu {
+.list-header__filled_12efn {
     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_1yvxu {
+.list-header__component_12efn {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1yvxu {
+.list-header__description_12efn {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1yvxu {
+.list-header__filled_12efn {
     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_1yvxu","description":"list-header__description_1yvxu","filled":"list-header__filled_1yvxu"};
+var styles = {"component":"list-header__component_12efn","description":"list-header__description_12efn","filled":"list-header__filled_12efn"};
 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_1yvxu {
+.list-header__component_12efn {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_1yvxu {
+.list-header__description_12efn {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_1yvxu {
+.list-header__filled_12efn {
     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_1fard","blink":"loader__blink_1fard"};
+var styles = {"component":"loader__component_yz4tq","blink":"loader__blink_yz4tq"};
 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_1fard","blink":"loader__blink_1fard"};
+var styles = {"component":"loader__component_yz4tq","blink":"loader__blink_yz4tq"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/index.css

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

package/loader/index.css

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

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
 /* hash: 8yhic */
-.masked-input__textHidden_11o9n input {
+.masked-input__textHidden_h21n3 input {
     opacity: 0;
 }

package/masked-input/index.css

@@ -1,4 +1,4 @@
 /* hash: 8yhic */
-.masked-input__textHidden_11o9n input {
+.masked-input__textHidden_h21n3 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_11o9n"};
+var styles = {"textHidden":"masked-input__textHidden_h21n3"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
 /* hash: 8yhic */
-.masked-input__textHidden_11o9n input {
+.masked-input__textHidden_h21n3 input {
     opacity: 0;
 }

package/modal/{Component-063c9005.js → Component-2ea18cd1.js}

@@ -12,7 +12,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "" + dataTestId + elementPart : undefined;
 };
 
-var styles = {"header":"modal__header_1cnnm","hasContent":"modal__hasContent_1cnnm","highlighted":"modal__highlighted_1cnnm","sticky":"modal__sticky_1cnnm","content":"modal__content_1cnnm","title":"modal__title_1cnnm","addon":"modal__addon_1cnnm","closer":"modal__closer_1cnnm","left":"modal__left_1cnnm","center":"modal__center_1cnnm","right":"modal__right_1cnnm","trim":"modal__trim_1cnnm"};
+var styles = {"header":"modal__header_115ia","hasContent":"modal__hasContent_115ia","highlighted":"modal__highlighted_115ia","sticky":"modal__sticky_115ia","content":"modal__content_115ia","title":"modal__title_115ia","addon":"modal__addon_115ia","closer":"modal__closer_115ia","left":"modal__left_115ia","center":"modal__center_115ia","right":"modal__right_115ia","trim":"modal__trim_115ia"};
 require('./components/header/index.css');
 
 var Header = function (_a) {