@alfalab/core-components 26.11.0 → 26.12.0

package/icon-view/modern/components/base-shape/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { getPath } from './utils.js';
 
-var styles = {"componentWrapper":"icon-view__componentWrapper_unoeq","component":"icon-view__component_unoeq","bg":"icon-view__bg_unoeq","border":"icon-view__border_unoeq","children":"icon-view__children_unoeq","addons":"icon-view__addons_unoeq","size_40":"icon-view__size_40_unoeq","topAddons":"icon-view__topAddons_unoeq","bottomAddons":"icon-view__bottomAddons_unoeq","size_48":"icon-view__size_48_unoeq","size_64":"icon-view__size_64_unoeq","size_80":"icon-view__size_80_unoeq","size_128":"icon-view__size_128_unoeq"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_3280v","component":"icon-view__component_3280v","bg":"icon-view__bg_3280v","border":"icon-view__border_3280v","children":"icon-view__children_3280v","addons":"icon-view__addons_3280v","size_40":"icon-view__size_40_3280v","topAddons":"icon-view__topAddons_3280v","bottomAddons":"icon-view__bottomAddons_3280v","size_48":"icon-view__size_48_3280v","size_64":"icon-view__size_64_3280v","size_80":"icon-view__size_80_3280v","size_128":"icon-view__size_128_3280v"};
 require('./index.css');
 
 const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor = 'var(--color-light-bg-secondary)', imageUrl, className, children, topAddons, bottomAddons, pathsMap, dataTestId, }, ref) => {

package/icon-view/modern/components/base-shape/index.css

@@ -11,24 +11,24 @@
 
     /* Hard up */
 }
-.icon-view__componentWrapper_unoeq {
+.icon-view__componentWrapper_3280v {
     position: relative;
     display: inline-flex;
 }
-.icon-view__component_unoeq {
+.icon-view__component_3280v {
     display: flex;
     position: relative;
     color: var(--color-light-text-secondary-transparent);
 }
-.icon-view__bg_unoeq {
+.icon-view__bg_3280v {
     fill: #f3f4f5;
 }
-.icon-view__border_unoeq {
+.icon-view__border_3280v {
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;
     fill: transparent;
 }
-.icon-view__children_unoeq {
+.icon-view__children_3280v {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -38,98 +38,98 @@
     left: 50%;
     transform: translate(-50%, -50%)
 }
-.icon-view__children_unoeq svg {
+.icon-view__children_3280v svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__addons_unoeq {
+.icon-view__addons_3280v {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-shrink: 0;
     position: absolute
 }
-.icon-view__addons_unoeq svg {
+.icon-view__addons_3280v svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__size_40_unoeq .icon-view__children_unoeq {
+.icon-view__size_40_3280v .icon-view__children_3280v {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_40_unoeq .icon-view__addons_unoeq {
+.icon-view__size_40_3280v .icon-view__addons_3280v {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_40_unoeq .icon-view__topAddons_unoeq {
+.icon-view__size_40_3280v .icon-view__topAddons_3280v {
         top: -8px;
         right: -8px;
     }
-.icon-view__size_40_unoeq .icon-view__bottomAddons_unoeq {
+.icon-view__size_40_3280v .icon-view__bottomAddons_3280v {
         bottom: -8px;
         right: -8px;
     }
-.icon-view__size_48_unoeq .icon-view__children_unoeq {
+.icon-view__size_48_3280v .icon-view__children_3280v {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_48_unoeq .icon-view__addons_unoeq {
+.icon-view__size_48_3280v .icon-view__addons_3280v {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_48_unoeq .icon-view__topAddons_unoeq {
+.icon-view__size_48_3280v .icon-view__topAddons_3280v {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_48_unoeq .icon-view__bottomAddons_unoeq {
+.icon-view__size_48_3280v .icon-view__bottomAddons_3280v {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_64_unoeq .icon-view__children_unoeq {
+.icon-view__size_64_3280v .icon-view__children_3280v {
         width: 32px;
         height: 32px;
     }
-.icon-view__size_64_unoeq .icon-view__addons_unoeq {
+.icon-view__size_64_3280v .icon-view__addons_3280v {
         width: 18px;
         height: 18px;
     }
-.icon-view__size_64_unoeq .icon-view__topAddons_unoeq {
+.icon-view__size_64_3280v .icon-view__topAddons_3280v {
         top: -2px;
         right: -2px;
     }
-.icon-view__size_64_unoeq .icon-view__bottomAddons_unoeq {
+.icon-view__size_64_3280v .icon-view__bottomAddons_3280v {
         bottom: -2px;
         right: -2px;
     }
-.icon-view__size_80_unoeq .icon-view__children_unoeq {
+.icon-view__size_80_3280v .icon-view__children_3280v {
         width: 48px;
         height: 48px;
     }
-.icon-view__size_80_unoeq .icon-view__addons_unoeq {
+.icon-view__size_80_3280v .icon-view__addons_3280v {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_80_unoeq .icon-view__topAddons_unoeq {
+.icon-view__size_80_3280v .icon-view__topAddons_3280v {
         top: -4px;
         right: -4px;
     }
-.icon-view__size_80_unoeq .icon-view__bottomAddons_unoeq {
+.icon-view__size_80_3280v .icon-view__bottomAddons_3280v {
         bottom: -4px;
         right: -4px;
     }
-.icon-view__size_128_unoeq .icon-view__children_unoeq {
+.icon-view__size_128_3280v .icon-view__children_3280v {
         width: 60px;
         height: 60px;
     }
-.icon-view__size_128_unoeq .icon-view__addons_unoeq {
+.icon-view__size_128_3280v .icon-view__addons_3280v {
         width: 40px;
         height: 40px;
     }
-.icon-view__size_128_unoeq .icon-view__topAddons_unoeq {
+.icon-view__size_128_3280v .icon-view__topAddons_3280v {
         top: -8px;
         right: -8px;
     }
-.icon-view__size_128_unoeq .icon-view__bottomAddons_unoeq {
+.icon-view__size_128_3280v .icon-view__bottomAddons_3280v {
         bottom: -8px;
         right: -8px;
     }

package/icon-view/super-ellipse.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-9dc85dd7.js');
+require('./tslib.es6-713fbafd.js');
 require('react');
 require('classnames');
 require('./components/base-shape/utils.js');

package/input/Component.js

@@ -53,13 +53,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"input":"input__input_tl77e","hasLabel":"input__hasLabel_tl77e","block":"input__block_tl77e","clearIcon":"input__clearIcon_tl77e","errorIcon":"input__errorIcon_tl77e","clearButton":"input__clearButton_tl77e","successIcon":"input__successIcon_tl77e","focusVisible":"input__focusVisible_tl77e","onautofillstart":"input__onautofillstart_tl77e","onautofillcancel":"input__onautofillcancel_tl77e"};
+var styles = {"input":"input__input_1p0gl","hasLabel":"input__hasLabel_1p0gl","block":"input__block_1p0gl","clearIcon":"input__clearIcon_1p0gl","errorIcon":"input__errorIcon_1p0gl","clearButton":"input__clearButton_1p0gl","successIcon":"input__successIcon_1p0gl","focusVisible":"input__focusVisible_1p0gl","onautofillstart":"input__onautofillstart_1p0gl","onautofillcancel":"input__onautofillcancel_1p0gl"};
 require('./index.css');
 
-var defaultColors = {"input":"input__input_23exq","hasLabel":"input__hasLabel_23exq","clearIcon":"input__clearIcon_23exq","errorIcon":"input__errorIcon_23exq","successIcon":"input__successIcon_23exq","error":"input__error_23exq"};
+var defaultColors = {"input":"input__input_i9smg","hasLabel":"input__hasLabel_i9smg","clearIcon":"input__clearIcon_i9smg","errorIcon":"input__errorIcon_i9smg","successIcon":"input__successIcon_i9smg","error":"input__error_i9smg"};
 require('./default.css');
 
-var invertedColors = {"input":"input__input_53jjr","hasLabel":"input__hasLabel_53jjr","clearIcon":"input__clearIcon_53jjr","errorIcon":"input__errorIcon_53jjr","successIcon":"input__successIcon_53jjr","error":"input__error_53jjr"};
+var invertedColors = {"input":"input__input_l9x8h","hasLabel":"input__hasLabel_l9x8h","clearIcon":"input__clearIcon_l9x8h","errorIcon":"input__errorIcon_l9x8h","successIcon":"input__successIcon_l9x8h","error":"input__error_l9x8h"};
 require('./inverted.css');
 
 var colorStyles = {

package/input/default.css

@@ -31,47 +31,47 @@
     /* error */
     --input-error-color: var(--color-light-text-primary);
 }
-.input__input_23exq {
+.input__input_i9smg {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.input__input_23exq:-webkit-autofill {
+.input__input_i9smg:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.input__input_23exq::placeholder {
+.input__input_i9smg::placeholder {
     color: var(--input-placeholder-color);
 }
-.input__hasLabel_23exq::placeholder {
+.input__hasLabel_i9smg::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.input__clearIcon_23exq {
+.input__clearIcon_i9smg {
     color: var(--color-light-graphic-primary);
 }
-.input__errorIcon_23exq {
+.input__errorIcon_i9smg {
     background-image: var(--input-error-icon);
 }
-.input__successIcon_23exq {
+.input__successIcon_i9smg {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.input__input_23exq:read-only {
+.input__input_i9smg:read-only {
     color: var(--input-read-only-color)
 }
-.input__input_23exq:read-only:focus::placeholder {
+.input__input_i9smg:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.input__input_23exq:disabled {
+.input__input_i9smg:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.input__input_23exq:focus::placeholder {
+.input__input_i9smg:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.input__error_23exq {
+.input__error_i9smg {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

package/input/esm/Component.js

@@ -45,13 +45,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"input":"input__input_tl77e","hasLabel":"input__hasLabel_tl77e","block":"input__block_tl77e","clearIcon":"input__clearIcon_tl77e","errorIcon":"input__errorIcon_tl77e","clearButton":"input__clearButton_tl77e","successIcon":"input__successIcon_tl77e","focusVisible":"input__focusVisible_tl77e","onautofillstart":"input__onautofillstart_tl77e","onautofillcancel":"input__onautofillcancel_tl77e"};
+var styles = {"input":"input__input_1p0gl","hasLabel":"input__hasLabel_1p0gl","block":"input__block_1p0gl","clearIcon":"input__clearIcon_1p0gl","errorIcon":"input__errorIcon_1p0gl","clearButton":"input__clearButton_1p0gl","successIcon":"input__successIcon_1p0gl","focusVisible":"input__focusVisible_1p0gl","onautofillstart":"input__onautofillstart_1p0gl","onautofillcancel":"input__onautofillcancel_1p0gl"};
 require('./index.css');
 
-var defaultColors = {"input":"input__input_23exq","hasLabel":"input__hasLabel_23exq","clearIcon":"input__clearIcon_23exq","errorIcon":"input__errorIcon_23exq","successIcon":"input__successIcon_23exq","error":"input__error_23exq"};
+var defaultColors = {"input":"input__input_i9smg","hasLabel":"input__hasLabel_i9smg","clearIcon":"input__clearIcon_i9smg","errorIcon":"input__errorIcon_i9smg","successIcon":"input__successIcon_i9smg","error":"input__error_i9smg"};
 require('./default.css');
 
-var invertedColors = {"input":"input__input_53jjr","hasLabel":"input__hasLabel_53jjr","clearIcon":"input__clearIcon_53jjr","errorIcon":"input__errorIcon_53jjr","successIcon":"input__successIcon_53jjr","error":"input__error_53jjr"};
+var invertedColors = {"input":"input__input_l9x8h","hasLabel":"input__hasLabel_l9x8h","clearIcon":"input__clearIcon_l9x8h","errorIcon":"input__errorIcon_l9x8h","successIcon":"input__successIcon_l9x8h","error":"input__error_l9x8h"};
 require('./inverted.css');
 
 var colorStyles = {

package/input/esm/default.css

@@ -31,47 +31,47 @@
     /* error */
     --input-error-color: var(--color-light-text-primary);
 }
-.input__input_23exq {
+.input__input_i9smg {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.input__input_23exq:-webkit-autofill {
+.input__input_i9smg:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.input__input_23exq::placeholder {
+.input__input_i9smg::placeholder {
     color: var(--input-placeholder-color);
 }
-.input__hasLabel_23exq::placeholder {
+.input__hasLabel_i9smg::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.input__clearIcon_23exq {
+.input__clearIcon_i9smg {
     color: var(--color-light-graphic-primary);
 }
-.input__errorIcon_23exq {
+.input__errorIcon_i9smg {
     background-image: var(--input-error-icon);
 }
-.input__successIcon_23exq {
+.input__successIcon_i9smg {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.input__input_23exq:read-only {
+.input__input_i9smg:read-only {
     color: var(--input-read-only-color)
 }
-.input__input_23exq:read-only:focus::placeholder {
+.input__input_i9smg:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.input__input_23exq:disabled {
+.input__input_i9smg:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.input__input_23exq:focus::placeholder {
+.input__input_i9smg:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.input__error_23exq {
+.input__error_i9smg {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

package/input/esm/index.css

@@ -24,7 +24,7 @@
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: block;
 }
-.input__input_tl77e {
+.input__input_1p0gl {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -41,27 +41,27 @@
     box-sizing: border-box;
     -webkit-appearance: none;
 }
-.input__input_tl77e::placeholder {
+.input__input_1p0gl::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.input__hasLabel_tl77e::placeholder {
+.input__hasLabel_1p0gl::placeholder {
     opacity: 0;
 }
-.input__block_tl77e {
+.input__block_1p0gl {
     width: 100%;
 }
-.input__clearIcon_tl77e {
+.input__clearIcon_1p0gl {
     display: block;
     opacity: 0.3;
     transition: opacity 0.2s ease
 }
-.input__clearIcon_tl77e:hover {
+.input__clearIcon_1p0gl:hover {
         opacity: 0.6;
     }
-.input__clearIcon_tl77e:active {
+.input__clearIcon_1p0gl:active {
         opacity: 1;
     }
-.input__errorIcon_tl77e {
+.input__errorIcon_1p0gl {
     width: 24px;
     height: 24px;
     background-repeat: no-repeat;
@@ -69,19 +69,19 @@
 
     display: var(--input-error-icon-display)
 }
-.input__errorIcon_tl77e:not(:only-child) {
+.input__errorIcon_1p0gl:not(:only-child) {
         margin-left: var(--gap-2xs);
     }
-* + .input__errorIcon_tl77e {
+* + .input__errorIcon_1p0gl {
     display: var(--input-error-icon-not-alone-display);
 }
-.input__clearButton_tl77e + * {
+.input__clearButton_1p0gl + * {
     margin-left: var(--gap-2xs);
 }
-.input__clearButton_tl77e + .input__errorIcon_tl77e {
+.input__clearButton_1p0gl + .input__errorIcon_1p0gl {
     display: var(--input-error-icon-display);
 }
-.input__successIcon_tl77e {
+.input__successIcon_1p0gl {
     width: 24px;
     height: 24px;
     background-repeat: no-repeat;
@@ -89,56 +89,56 @@
 
     display: var(--input-success-icon-display)
 }
-.input__successIcon_tl77e:not(:only-child) {
+.input__successIcon_1p0gl:not(:only-child) {
         margin-left: var(--gap-2xs);
     }
 /* DISABLED STATE */
-.input__input_tl77e:disabled {
+.input__input_1p0gl:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* FOCUS STATE */
-.input__input_tl77e:focus.input__hasLabel_tl77e::placeholder {
+.input__input_1p0gl:focus.input__hasLabel_1p0gl::placeholder {
     opacity: 1;
 }
-.input__focusVisible_tl77e {
+.input__focusVisible_1p0gl {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* READ-ONLY STATE */
-.input__hasLabel_tl77e:read-only:focus::placeholder {
+.input__hasLabel_1p0gl:read-only:focus::placeholder {
     opacity: 0;
 }
 /* IE hide clear */
-.input__input_tl77e::-ms-clear {
+.input__input_1p0gl::-ms-clear {
     display: none;
     width: 0;
     height: 0;
 }
 /* Убирает синюю заливку при автокомплите */
-.input__input_tl77e:-webkit-autofill:first-line, .input__input_tl77e:-webkit-autofill:hover:first-line, .input__input_tl77e:-webkit-autofill:focus:first-line, .input__input_tl77e:-webkit-autofill:active:first-line {
+.input__input_1p0gl:-webkit-autofill:first-line, .input__input_1p0gl:-webkit-autofill:hover:first-line, .input__input_1p0gl:-webkit-autofill:focus:first-line, .input__input_1p0gl:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
         }
-.input__input_tl77e:-webkit-autofill,
-    .input__input_tl77e:-webkit-autofill:hover,
-    .input__input_tl77e:-webkit-autofill:focus,
-    .input__input_tl77e:-webkit-autofill:active {
+.input__input_1p0gl:-webkit-autofill,
+    .input__input_1p0gl:-webkit-autofill:hover,
+    .input__input_1p0gl:-webkit-autofill:focus,
+    .input__input_1p0gl:-webkit-autofill:active {
 
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
     }
-.input__input_tl77e:-webkit-autofill {
-        animation: input__onautofillstart_tl77e 999999s forwards;
+.input__input_1p0gl:-webkit-autofill {
+        animation: input__onautofillstart_1p0gl 999999s forwards;
     }
-.input__input_tl77e:not(:-webkit-autofill) {
+.input__input_1p0gl:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_tl77e 999999s;
+        animation: input__onautofillcancel_1p0gl 999999s;
     }
-@keyframes input__onautofillstart_tl77e {
+@keyframes input__onautofillstart_1p0gl {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
@@ -146,7 +146,7 @@
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
 }
-@keyframes input__onautofillcancel_tl77e {
+@keyframes input__onautofillcancel_1p0gl {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

package/input/esm/inverted.css

@@ -31,47 +31,47 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.input__input_53jjr {
+.input__input_l9x8h {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.input__input_53jjr:-webkit-autofill {
+.input__input_l9x8h:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.input__input_53jjr::placeholder {
+.input__input_l9x8h::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.input__hasLabel_53jjr::placeholder {
+.input__hasLabel_l9x8h::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.input__clearIcon_53jjr {
+.input__clearIcon_l9x8h {
     color: var(--color-light-graphic-primary-inverted);
 }
-.input__errorIcon_53jjr {
+.input__errorIcon_l9x8h {
     background-image: var(--input-inverted-error-icon);
 }
-.input__successIcon_53jjr {
+.input__successIcon_l9x8h {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.input__input_53jjr:read-only {
+.input__input_l9x8h:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.input__input_53jjr:read-only:focus::placeholder {
+.input__input_l9x8h:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.input__input_53jjr:disabled {
+.input__input_l9x8h:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.input__input_53jjr:focus::placeholder {
+.input__input_l9x8h:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.input__error_53jjr {
+.input__error_l9x8h {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }