@alfalab/core-components 48.14.0 → 48.15.0-beta.0

package/select-with-tags/esm/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: 1tfjg */
+/* hash: pexm7 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary: #212124;
@@ -63,40 +63,40 @@
     /* mobile */
 
     /* mobile inverted */
-} .select-with-tags__tag_1pexs {
+} .select-with-tags__tag_fyqjb {
     padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-8);
     margin: var(--gap-2);
     cursor: default
-} .select-with-tags__tag_1pexs:not(.select-with-tags__tagNoClose_1pexs):active:not(:disabled) {
+} .select-with-tags__tag_fyqjb:not(.select-with-tags__tagNoClose_fyqjb):active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1pexs:not(.select-with-tags__tagNoClose_1pexs):hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_fyqjb:not(.select-with-tags__tagNoClose_fyqjb):hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1pexs > span {
+    } .select-with-tags__tag_fyqjb > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tag_1pexs.select-with-tags__tag_1pexs {
+    } .select-with-tags__tag_fyqjb.select-with-tags__tag_fyqjb {
     min-width: unset;
-} .select-with-tags__tagNoClose_1pexs {
+} .select-with-tags__tagNoClose_fyqjb {
     padding-right: var(--gap-8);
     padding-left: var(--gap-8);
-} .select-with-tags__tagContentWrap_1pexs {
+} .select-with-tags__tagContentWrap_fyqjb {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 100%;
-} .select-with-tags__cursorPointer_1pexs {
+} .select-with-tags__cursorPointer_fyqjb {
     cursor: pointer;
-} .select-with-tags__tagCross_1pexs {
+} .select-with-tags__tagCross_fyqjb {
     padding: var(--gap-0) 6px;
     height: 100%
-} .select-with-tags__tagCross_1pexs > svg {
+} .select-with-tags__tagCross_fyqjb > svg {
         fill: var(--color-light-neutral-translucent-700-inverted);
-    } .select-with-tags__tagCross_1pexs:hover > svg {
+    } .select-with-tags__tagCross_fyqjb:hover > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-hover);
-    } .select-with-tags__tagCross_1pexs:active > svg {
+    } .select-with-tags__tagCross_fyqjb:active > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-press);
-    } .select-with-tags__tagCross_1pexs svg {
+    } .select-with-tags__tagCross_fyqjb svg {
         height: 100%;
     }

package/select-with-tags/esm/components/tag-list/component.js

@@ -8,7 +8,7 @@ import { Tag } from '../tag/component.js';
 import '../../../../tag/esm/desktop';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 
-var styles = {"component":"select-with-tags__component_1mcmw","size-72":"select-with-tags__size-72_1mcmw","contentWrapper":"select-with-tags__contentWrapper_1mcmw","placeholder":"select-with-tags__placeholder_1mcmw","input":"select-with-tags__input_1mcmw","size-64":"select-with-tags__size-64_1mcmw","size-56":"select-with-tags__size-56_1mcmw","size-48":"select-with-tags__size-48_1mcmw","hasInnerLabel":"select-with-tags__hasInnerLabel_1mcmw","hasTags":"select-with-tags__hasTags_1mcmw","addons":"select-with-tags__addons_1mcmw","field":"select-with-tags__field_1mcmw","disabled":"select-with-tags__disabled_1mcmw","hidden":"select-with-tags__hidden_1mcmw","focusVisible":"select-with-tags__focusVisible_1mcmw","addons-size-56":"select-with-tags__addons-size-56_1mcmw","addons-size-64":"select-with-tags__addons-size-64_1mcmw","addons-size-72":"select-with-tags__addons-size-72_1mcmw","label":"select-with-tags__label_1mcmw"};
+var styles = {"component":"select-with-tags__component_l39qo","size-72":"select-with-tags__size-72_l39qo","contentWrapper":"select-with-tags__contentWrapper_l39qo","placeholder":"select-with-tags__placeholder_l39qo","input":"select-with-tags__input_l39qo","size-64":"select-with-tags__size-64_l39qo","size-56":"select-with-tags__size-56_l39qo","size-48":"select-with-tags__size-48_l39qo","hasInnerLabel":"select-with-tags__hasInnerLabel_l39qo","hasTags":"select-with-tags__hasTags_l39qo","addons":"select-with-tags__addons_l39qo","field":"select-with-tags__field_l39qo","disabled":"select-with-tags__disabled_l39qo","hidden":"select-with-tags__hidden_l39qo","focusVisible":"select-with-tags__focusVisible_l39qo","addons-size-56":"select-with-tags__addons-size-56_l39qo","addons-size-64":"select-with-tags__addons-size-64_l39qo","addons-size-72":"select-with-tags__addons-size-72_l39qo","label":"select-with-tags__label_l39qo"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/select-with-tags/esm/components/tag-list/index.css

@@ -1,4 +1,4 @@
-/* hash: 1uwr1 */
+/* hash: bq02r */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-status-info: #2288fa;
@@ -43,47 +43,47 @@
     --focus-color: var(--color-light-status-info);
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} /* сбрасывает синюю подсветку при нажатии */ .select-with-tags__component_1mcmw.select-with-tags__size-72_1mcmw .select-with-tags__contentWrapper_1mcmw {
+} /* сбрасывает синюю подсветку при нажатии */ .select-with-tags__component_l39qo.select-with-tags__size-72_l39qo .select-with-tags__contentWrapper_l39qo {
         padding: 18px 14px;
-    } .select-with-tags__component_1mcmw.select-with-tags__size-72_1mcmw .select-with-tags__placeholder_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-72_l39qo .select-with-tags__placeholder_l39qo {
         padding-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-72_1mcmw .select-with-tags__input_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-72_l39qo .select-with-tags__input_l39qo {
         margin-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-64_1mcmw .select-with-tags__contentWrapper_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-64_l39qo .select-with-tags__contentWrapper_l39qo {
         padding: 14px 10px;
-    } .select-with-tags__component_1mcmw.select-with-tags__size-64_1mcmw .select-with-tags__placeholder_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-64_l39qo .select-with-tags__placeholder_l39qo {
         padding-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-64_1mcmw .select-with-tags__input_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-64_l39qo .select-with-tags__input_l39qo {
         margin-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-56_1mcmw .select-with-tags__contentWrapper_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-56_l39qo .select-with-tags__contentWrapper_l39qo {
         padding: 10px;
-    } .select-with-tags__component_1mcmw.select-with-tags__size-56_1mcmw .select-with-tags__placeholder_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-56_l39qo .select-with-tags__placeholder_l39qo {
         padding-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-56_1mcmw .select-with-tags__input_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-56_l39qo .select-with-tags__input_l39qo {
         margin-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-48_1mcmw .select-with-tags__contentWrapper_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-48_l39qo .select-with-tags__contentWrapper_l39qo {
         padding: 6px;
-    } .select-with-tags__component_1mcmw.select-with-tags__size-48_1mcmw .select-with-tags__placeholder_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-48_l39qo .select-with-tags__placeholder_l39qo {
         padding-left: 6px;
-    } .select-with-tags__component_1mcmw.select-with-tags__size-48_1mcmw .select-with-tags__input_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-48_l39qo .select-with-tags__input_l39qo {
         margin-left: 6px;
-    } .select-with-tags__component_1mcmw .select-with-tags__contentWrapper_1mcmw {
+    } .select-with-tags__component_l39qo .select-with-tags__contentWrapper_l39qo {
     display: flex;
     flex-wrap: wrap;
     width: 100%
-} .select-with-tags__component_1mcmw .select-with-tags__contentWrapper_1mcmw.select-with-tags__hasInnerLabel_1mcmw {
+} .select-with-tags__component_l39qo .select-with-tags__contentWrapper_l39qo.select-with-tags__hasInnerLabel_l39qo {
         margin-top: var(--gap-8);
         padding-bottom: var(--gap-8);
-    } .select-with-tags__component_1mcmw .select-with-tags__contentWrapper_1mcmw.select-with-tags__hasTags_1mcmw.select-with-tags__hasInnerLabel_1mcmw {
+    } .select-with-tags__component_l39qo .select-with-tags__contentWrapper_l39qo.select-with-tags__hasTags_l39qo.select-with-tags__hasInnerLabel_l39qo {
         margin-top: var(--gap-16);
         padding-bottom: var(--gap-12);
-    } .select-with-tags__component_1mcmw:hover .select-with-tags__addons_1mcmw {
+    } .select-with-tags__component_l39qo:hover .select-with-tags__addons_l39qo {
     opacity: 0.7;
-} .select-with-tags__field_1mcmw {
+} .select-with-tags__field_l39qo {
     cursor: pointer;
-} .select-with-tags__disabled_1mcmw {
+} .select-with-tags__disabled_l39qo {
     cursor: not-allowed;
-} .select-with-tags__input_1mcmw {
+} .select-with-tags__input_l39qo {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -97,48 +97,48 @@
     border: none;
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
-} .select-with-tags__input_1mcmw:disabled,
-    .select-with-tags__input_1mcmw:disabled::placeholder {
+} .select-with-tags__input_l39qo:disabled,
+    .select-with-tags__input_l39qo:disabled::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__input_1mcmw::placeholder {
+    } .select-with-tags__input_l39qo::placeholder {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_1mcmw:focus::placeholder {
+    } .select-with-tags__input_l39qo:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__hidden_1mcmw {
+    } .select-with-tags__hidden_l39qo {
     max-height: 0;
     margin: var(--gap-0);
-} .select-with-tags__focusVisible_1mcmw {
+} .select-with-tags__focusVisible_l39qo {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .select-with-tags__placeholder_1mcmw {
+} .select-with-tags__placeholder_l39qo {
     display: flex;
     align-items: center;
     min-height: 28px;
     padding-left: var(--gap-4);
     color: var(--color-light-text-secondary);
     pointer-events: none;
-} .select-with-tags__addons_1mcmw {
+} .select-with-tags__addons_l39qo {
     align-self: flex-start;
     padding-top: var(--gap-12);
-} .select-with-tags__addons-size-56_1mcmw {
+} .select-with-tags__addons-size-56_l39qo {
     padding-top: var(--gap-16);
-} .select-with-tags__addons-size-64_1mcmw {
+} .select-with-tags__addons-size-64_l39qo {
     padding-top: var(--gap-20);
-} .select-with-tags__addons-size-72_1mcmw {
+} .select-with-tags__addons-size-72_l39qo {
     padding-top: var(--gap-24);
-} .select-with-tags__component_1mcmw.select-with-tags__size-48_1mcmw .select-with-tags__label_1mcmw {
+} .select-with-tags__component_l39qo.select-with-tags__size-48_l39qo .select-with-tags__label_l39qo {
     top: 5px;
     left: var(--gap-12);
-} .select-with-tags__component_1mcmw.select-with-tags__size-56_1mcmw .select-with-tags__label_1mcmw {
+} .select-with-tags__component_l39qo.select-with-tags__size-56_l39qo .select-with-tags__label_l39qo {
     top: var(--gap-8);
     left: var(--gap-12);
-} .select-with-tags__component_1mcmw.select-with-tags__size-64_1mcmw.select-with-tags__label_1mcmw {
+} .select-with-tags__component_l39qo.select-with-tags__size-64_l39qo.select-with-tags__label_l39qo {
     top: 10px;
     left: var(--gap-16);
-} .select-with-tags__component_1mcmw.select-with-tags__size-72_1mcmw .select-with-tags__label_1mcmw {
+} .select-with-tags__component_l39qo.select-with-tags__size-72_l39qo .select-with-tags__label_l39qo {
     top: 14px;
     left: var(--gap-16);
-} .select-with-tags__component_1mcmw .select-with-tags__label_1mcmw {
+} .select-with-tags__component_l39qo .select-with-tags__label_l39qo {
     top: 14px;
     align-items: flex-start;
     height: auto;

package/select-with-tags/modern/components/tag/component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 
-const styles = {"tag":"select-with-tags__tag_1pexs","tagNoClose":"select-with-tags__tagNoClose_1pexs","tagContentWrap":"select-with-tags__tagContentWrap_1pexs","cursorPointer":"select-with-tags__cursorPointer_1pexs","tagCross":"select-with-tags__tagCross_1pexs"};
+const styles = {"tag":"select-with-tags__tag_fyqjb","tagNoClose":"select-with-tags__tagNoClose_fyqjb","tagContentWrap":"select-with-tags__tagContentWrap_fyqjb","cursorPointer":"select-with-tags__cursorPointer_fyqjb","tagCross":"select-with-tags__tagCross_fyqjb"};
 require('./index.css');
 
 const Tag = ({ option: { content, key }, onClick, handleDeleteTag, checked, disabled, ...props }) => {

package/select-with-tags/modern/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: 1tfjg */
+/* hash: pexm7 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary: #212124;
@@ -63,40 +63,40 @@
     /* mobile */
 
     /* mobile inverted */
-} .select-with-tags__tag_1pexs {
+} .select-with-tags__tag_fyqjb {
     padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-8);
     margin: var(--gap-2);
     cursor: default
-} .select-with-tags__tag_1pexs:not(.select-with-tags__tagNoClose_1pexs):active:not(:disabled) {
+} .select-with-tags__tag_fyqjb:not(.select-with-tags__tagNoClose_fyqjb):active:not(:disabled) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1pexs:not(.select-with-tags__tagNoClose_1pexs):hover:not(:disabled):not(:active) {
+    } .select-with-tags__tag_fyqjb:not(.select-with-tags__tagNoClose_fyqjb):hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
         color: var(--tag-text-color-checked);
-    } .select-with-tags__tag_1pexs > span {
+    } .select-with-tags__tag_fyqjb > span {
         width: 100%;
         height: 100%;
-    } .select-with-tags__tag_1pexs.select-with-tags__tag_1pexs {
+    } .select-with-tags__tag_fyqjb.select-with-tags__tag_fyqjb {
     min-width: unset;
-} .select-with-tags__tagNoClose_1pexs {
+} .select-with-tags__tagNoClose_fyqjb {
     padding-right: var(--gap-8);
     padding-left: var(--gap-8);
-} .select-with-tags__tagContentWrap_1pexs {
+} .select-with-tags__tagContentWrap_fyqjb {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 100%;
-} .select-with-tags__cursorPointer_1pexs {
+} .select-with-tags__cursorPointer_fyqjb {
     cursor: pointer;
-} .select-with-tags__tagCross_1pexs {
+} .select-with-tags__tagCross_fyqjb {
     padding: var(--gap-0) 6px;
     height: 100%
-} .select-with-tags__tagCross_1pexs > svg {
+} .select-with-tags__tagCross_fyqjb > svg {
         fill: var(--color-light-neutral-translucent-700-inverted);
-    } .select-with-tags__tagCross_1pexs:hover > svg {
+    } .select-with-tags__tagCross_fyqjb:hover > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-hover);
-    } .select-with-tags__tagCross_1pexs:active > svg {
+    } .select-with-tags__tagCross_fyqjb:active > svg {
         fill: var(--color-light-neutral-translucent-700-inverted-press);
-    } .select-with-tags__tagCross_1pexs svg {
+    } .select-with-tags__tagCross_fyqjb svg {
         height: 100%;
     }

package/select-with-tags/modern/components/tag-list/component.js

@@ -7,7 +7,7 @@ import { Tag } from '../tag/component.js';
 import '../../../../tag/modern/desktop';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 
-const styles = {"component":"select-with-tags__component_1mcmw","size-72":"select-with-tags__size-72_1mcmw","contentWrapper":"select-with-tags__contentWrapper_1mcmw","placeholder":"select-with-tags__placeholder_1mcmw","input":"select-with-tags__input_1mcmw","size-64":"select-with-tags__size-64_1mcmw","size-56":"select-with-tags__size-56_1mcmw","size-48":"select-with-tags__size-48_1mcmw","hasInnerLabel":"select-with-tags__hasInnerLabel_1mcmw","hasTags":"select-with-tags__hasTags_1mcmw","addons":"select-with-tags__addons_1mcmw","field":"select-with-tags__field_1mcmw","disabled":"select-with-tags__disabled_1mcmw","hidden":"select-with-tags__hidden_1mcmw","focusVisible":"select-with-tags__focusVisible_1mcmw","addons-size-56":"select-with-tags__addons-size-56_1mcmw","addons-size-64":"select-with-tags__addons-size-64_1mcmw","addons-size-72":"select-with-tags__addons-size-72_1mcmw","label":"select-with-tags__label_1mcmw"};
+const styles = {"component":"select-with-tags__component_l39qo","size-72":"select-with-tags__size-72_l39qo","contentWrapper":"select-with-tags__contentWrapper_l39qo","placeholder":"select-with-tags__placeholder_l39qo","input":"select-with-tags__input_l39qo","size-64":"select-with-tags__size-64_l39qo","size-56":"select-with-tags__size-56_l39qo","size-48":"select-with-tags__size-48_l39qo","hasInnerLabel":"select-with-tags__hasInnerLabel_l39qo","hasTags":"select-with-tags__hasTags_l39qo","addons":"select-with-tags__addons_l39qo","field":"select-with-tags__field_l39qo","disabled":"select-with-tags__disabled_l39qo","hidden":"select-with-tags__hidden_l39qo","focusVisible":"select-with-tags__focusVisible_l39qo","addons-size-56":"select-with-tags__addons-size-56_l39qo","addons-size-64":"select-with-tags__addons-size-64_l39qo","addons-size-72":"select-with-tags__addons-size-72_l39qo","label":"select-with-tags__label_l39qo"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {

package/select-with-tags/modern/components/tag-list/index.css

@@ -1,4 +1,4 @@
-/* hash: 1uwr1 */
+/* hash: bq02r */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-status-info: #2288fa;
@@ -43,47 +43,47 @@
     --focus-color: var(--color-light-status-info);
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} /* сбрасывает синюю подсветку при нажатии */ .select-with-tags__component_1mcmw.select-with-tags__size-72_1mcmw .select-with-tags__contentWrapper_1mcmw {
+} /* сбрасывает синюю подсветку при нажатии */ .select-with-tags__component_l39qo.select-with-tags__size-72_l39qo .select-with-tags__contentWrapper_l39qo {
         padding: 18px 14px;
-    } .select-with-tags__component_1mcmw.select-with-tags__size-72_1mcmw .select-with-tags__placeholder_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-72_l39qo .select-with-tags__placeholder_l39qo {
         padding-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-72_1mcmw .select-with-tags__input_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-72_l39qo .select-with-tags__input_l39qo {
         margin-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-64_1mcmw .select-with-tags__contentWrapper_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-64_l39qo .select-with-tags__contentWrapper_l39qo {
         padding: 14px 10px;
-    } .select-with-tags__component_1mcmw.select-with-tags__size-64_1mcmw .select-with-tags__placeholder_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-64_l39qo .select-with-tags__placeholder_l39qo {
         padding-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-64_1mcmw .select-with-tags__input_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-64_l39qo .select-with-tags__input_l39qo {
         margin-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-56_1mcmw .select-with-tags__contentWrapper_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-56_l39qo .select-with-tags__contentWrapper_l39qo {
         padding: 10px;
-    } .select-with-tags__component_1mcmw.select-with-tags__size-56_1mcmw .select-with-tags__placeholder_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-56_l39qo .select-with-tags__placeholder_l39qo {
         padding-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-56_1mcmw .select-with-tags__input_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-56_l39qo .select-with-tags__input_l39qo {
         margin-left: var(--gap-2);
-    } .select-with-tags__component_1mcmw.select-with-tags__size-48_1mcmw .select-with-tags__contentWrapper_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-48_l39qo .select-with-tags__contentWrapper_l39qo {
         padding: 6px;
-    } .select-with-tags__component_1mcmw.select-with-tags__size-48_1mcmw .select-with-tags__placeholder_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-48_l39qo .select-with-tags__placeholder_l39qo {
         padding-left: 6px;
-    } .select-with-tags__component_1mcmw.select-with-tags__size-48_1mcmw .select-with-tags__input_1mcmw {
+    } .select-with-tags__component_l39qo.select-with-tags__size-48_l39qo .select-with-tags__input_l39qo {
         margin-left: 6px;
-    } .select-with-tags__component_1mcmw .select-with-tags__contentWrapper_1mcmw {
+    } .select-with-tags__component_l39qo .select-with-tags__contentWrapper_l39qo {
     display: flex;
     flex-wrap: wrap;
     width: 100%
-} .select-with-tags__component_1mcmw .select-with-tags__contentWrapper_1mcmw.select-with-tags__hasInnerLabel_1mcmw {
+} .select-with-tags__component_l39qo .select-with-tags__contentWrapper_l39qo.select-with-tags__hasInnerLabel_l39qo {
         margin-top: var(--gap-8);
         padding-bottom: var(--gap-8);
-    } .select-with-tags__component_1mcmw .select-with-tags__contentWrapper_1mcmw.select-with-tags__hasTags_1mcmw.select-with-tags__hasInnerLabel_1mcmw {
+    } .select-with-tags__component_l39qo .select-with-tags__contentWrapper_l39qo.select-with-tags__hasTags_l39qo.select-with-tags__hasInnerLabel_l39qo {
         margin-top: var(--gap-16);
         padding-bottom: var(--gap-12);
-    } .select-with-tags__component_1mcmw:hover .select-with-tags__addons_1mcmw {
+    } .select-with-tags__component_l39qo:hover .select-with-tags__addons_l39qo {
     opacity: 0.7;
-} .select-with-tags__field_1mcmw {
+} .select-with-tags__field_l39qo {
     cursor: pointer;
-} .select-with-tags__disabled_1mcmw {
+} .select-with-tags__disabled_l39qo {
     cursor: not-allowed;
-} .select-with-tags__input_1mcmw {
+} .select-with-tags__input_l39qo {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -97,48 +97,48 @@
     border: none;
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
-} .select-with-tags__input_1mcmw:disabled,
-    .select-with-tags__input_1mcmw:disabled::placeholder {
+} .select-with-tags__input_l39qo:disabled,
+    .select-with-tags__input_l39qo:disabled::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__input_1mcmw::placeholder {
+    } .select-with-tags__input_l39qo::placeholder {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_1mcmw:focus::placeholder {
+    } .select-with-tags__input_l39qo:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__hidden_1mcmw {
+    } .select-with-tags__hidden_l39qo {
     max-height: 0;
     margin: var(--gap-0);
-} .select-with-tags__focusVisible_1mcmw {
+} .select-with-tags__focusVisible_l39qo {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .select-with-tags__placeholder_1mcmw {
+} .select-with-tags__placeholder_l39qo {
     display: flex;
     align-items: center;
     min-height: 28px;
     padding-left: var(--gap-4);
     color: var(--color-light-text-secondary);
     pointer-events: none;
-} .select-with-tags__addons_1mcmw {
+} .select-with-tags__addons_l39qo {
     align-self: flex-start;
     padding-top: var(--gap-12);
-} .select-with-tags__addons-size-56_1mcmw {
+} .select-with-tags__addons-size-56_l39qo {
     padding-top: var(--gap-16);
-} .select-with-tags__addons-size-64_1mcmw {
+} .select-with-tags__addons-size-64_l39qo {
     padding-top: var(--gap-20);
-} .select-with-tags__addons-size-72_1mcmw {
+} .select-with-tags__addons-size-72_l39qo {
     padding-top: var(--gap-24);
-} .select-with-tags__component_1mcmw.select-with-tags__size-48_1mcmw .select-with-tags__label_1mcmw {
+} .select-with-tags__component_l39qo.select-with-tags__size-48_l39qo .select-with-tags__label_l39qo {
     top: 5px;
     left: var(--gap-12);
-} .select-with-tags__component_1mcmw.select-with-tags__size-56_1mcmw .select-with-tags__label_1mcmw {
+} .select-with-tags__component_l39qo.select-with-tags__size-56_l39qo .select-with-tags__label_l39qo {
     top: var(--gap-8);
     left: var(--gap-12);
-} .select-with-tags__component_1mcmw.select-with-tags__size-64_1mcmw.select-with-tags__label_1mcmw {
+} .select-with-tags__component_l39qo.select-with-tags__size-64_l39qo.select-with-tags__label_l39qo {
     top: 10px;
     left: var(--gap-16);
-} .select-with-tags__component_1mcmw.select-with-tags__size-72_1mcmw .select-with-tags__label_1mcmw {
+} .select-with-tags__component_l39qo.select-with-tags__size-72_l39qo .select-with-tags__label_l39qo {
     top: 14px;
     left: var(--gap-16);
-} .select-with-tags__component_1mcmw .select-with-tags__label_1mcmw {
+} .select-with-tags__component_l39qo .select-with-tags__label_l39qo {
     top: 14px;
     align-items: flex-start;
     height: auto;

package/shared/createPaddingStyle.d.ts

@@ -1,10 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-type PaddingType = number | string | {
-    top?: number;
-    right?: number;
-    bottom?: number;
-    left?: number;
-};
+import { PaddingType } from "./index-464d40a4";
 declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
 export { createPaddingStyle };

package/shared/cssm/createPaddingStyle.d.ts

@@ -1,10 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-type PaddingType = number | string | {
-    top?: number;
-    right?: number;
-    bottom?: number;
-    left?: number;
-};
+import { PaddingType } from "./index-464d40a4";
 declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
 export { createPaddingStyle };

package/shared/cssm/index-464d40a4.d.ts

@@ -0,0 +1,23 @@
+type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+type TypographyType = 'accent-caps' | 'accent-component-primary' | 'accent-component-secondary' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'accent-secondary-large' | 'accent-secondary-medium' | 'accent-secondary-small' | 'action-caps' | 'action-component-primary' | 'action-component-secondary' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'action-secondary-large' | 'action-secondary-medium' | 'action-secondary-small' | 'headline-mobile-large' | 'headline-mobile-medium' | 'headline-mobile-small' | 'headline-mobile-xlarge' | 'headline-mobile-xsmall' | 'headline-system-mobile-large' | 'headline-system-mobile-medium' | 'headline-system-mobile-small' | 'headline-system-mobile-xlarge' | 'headline-system-mobile-xsmall' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xlarge' | 'headline-system-xsmall' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xlarge' | 'headline-xsmall' | 'key-large' | 'key-medium' | 'key-small' | 'key-xlarge' | 'key-xsmall' | 'paragraph-caps' | 'paragraph-component-primary' | 'paragraph-component-secondary' | 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'paragraph-secondary-large' | 'paragraph-secondary-medium' | 'paragraph-secondary-small' | 'promo-mobile-large' | 'promo-mobile-medium' | 'promo-mobile-small' | 'promo-mobile-xlarge' | 'promo-mobile-xsmall' | 'promo-system-mobile-large' | 'promo-system-mobile-medium' | 'promo-system-mobile-small' | 'promo-system-mobile-xlarge' | 'promo-system-mobile-xsmall' | 'promo-system-large' | 'promo-system-medium' | 'promo-system-small' | 'promo-system-xlarge' | 'promo-system-xsmall' | 'promo-large' | 'promo-medium' | 'promo-small' | 'promo-xlarge' | 'promo-xsmall' | 'accent-component' | 'action-component' | 'paragraph-component';
+type Country = {
+    name: string;
+    regions?: string[];
+    iso2: string;
+    countryCode: string;
+    dialCode: string;
+    format?: string;
+    priority: number;
+    mainCode?: boolean;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType, TypographyType, Country };

package/shared/cssm/maskUtils.d.ts

@@ -1,4 +1,6 @@
+import { RefObject } from 'react';
 import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from '@maskito/core';
+import { Country } from "./index-464d40a4";
 /**
  *  Запрещает каретке становиться за указанные границы
  */
@@ -14,7 +16,7 @@ declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countr
 /**
  * Препроцессор необходим для сохранения кода страны при автозаполнении
  */
-declare function preserveCountryCodePreprocessor(countryCode: string | undefined, preserveCountryCode: boolean): MaskitoPreprocessor;
+declare function preserveCountryCodePreprocessor(countryRef: RefObject<Country | null>, createMask: (country: Country) => Array<string | RegExp>): MaskitoPreprocessor;
 declare const maskUtils: {
     insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
     prefixPostprocessor: typeof prefixPostprocessor;

package/shared/cssm/maskUtils.js

@@ -64,12 +64,16 @@ function prefixPostprocessor(prefix) {
         }
         : function (state) { return state; };
 }
-var countDigits = function (value) { return value.replace(/\D/g, '').length; };
+var clearMask = function (value) { return value.replace(/\D/g, ''); };
+var countDigits = function (value) { return clearMask(value).length; };
+var getCompletePhoneLength = function (mask) {
+    return mask.filter(function (item) { return "".concat(item) === "".concat(/\d/) || /[0-9]/.test("".concat(item)); }).length;
+};
 /**
  * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
  */
 function insertionPhonePreprocessor(mask, countryCode, clearableCountryCode) {
-    var completePhoneLength = mask.filter(function (item) { return "".concat(item) === "".concat(/\d/) || /[0-9]/.test("".concat(item)); }).length;
+    var completePhoneLength = getCompletePhoneLength(mask);
     var trimCountryPrefix = function (value) {
         if (countryCode === '7') {
             return value.replace(/^(\+?7?\s?8?)\s?/, '');
@@ -106,21 +110,26 @@ function insertionPhonePreprocessor(mask, countryCode, clearableCountryCode) {
 /**
  * Препроцессор необходим для сохранения кода страны при автозаполнении
  */
-function preserveCountryCodePreprocessor(countryCode, preserveCountryCode) {
+function preserveCountryCodePreprocessor(countryRef, createMask) {
     return function (_a) {
-        var elementState = _a.elementState, data = _a.data;
-        if (!preserveCountryCode || fnUtils.fnUtils.isNil(countryCode)) {
-            return { elementState: elementState, data: data };
-        }
+        var elementState = _a.elementState;
         var value = elementState.value, selection = elementState.selection;
-        if (value.length > 0 && !value.startsWith('+')) {
-            var nextValue = countryCode.concat(value);
-            return {
-                elementState: {
-                    value: nextValue,
-                    selection: selection,
-                },
-            };
+        var country = countryRef.current;
+        if (!value.startsWith('+') && fnUtils.isNonNullable(country)) {
+            var countryCode = country.countryCode;
+            var numbersValue = clearMask(value);
+            if (!numbersValue.startsWith(countryCode)) {
+                var nextValue = countryCode.concat(numbersValue);
+                var mask = createMask(country);
+                if (countDigits(nextValue) === getCompletePhoneLength(mask)) {
+                    return {
+                        elementState: {
+                            selection: selection,
+                            value: nextValue,
+                        },
+                    };
+                }
+            }
         }
         return { elementState: elementState };
     };

package/shared/esm/createPaddingStyle.d.ts

@@ -1,10 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-type PaddingType = number | string | {
-    top?: number;
-    right?: number;
-    bottom?: number;
-    left?: number;
-};
+import { PaddingType } from "./index-464d40a4";
 declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
 export { createPaddingStyle };