@alfalab/core-components 48.11.0-beta.0 → 48.11.0-beta.2

package/tag/desktop/desktop.css

@@ -21,6 +21,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -60,16 +63,16 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__rectangular_8fo83.tag__size-32_8fo83 {
+} .tag__rectangular_dtlo7.tag__size-32_dtlo7 {
         border-radius: var(--tag-rectangular-xxs-border-radius);
-    } .tag__rectangular_8fo83.tag__size-40_8fo83 {
+    } .tag__rectangular_dtlo7.tag__size-40_dtlo7 {
         border-radius: var(--tag-rectangular-xs-border-radius);
-    } .tag__rectangular_8fo83.tag__size-48_8fo83 {
+    } .tag__rectangular_dtlo7.tag__size-48_dtlo7 {
         border-radius: var(--tag-rectangular-s-border-radius);
-    } .tag__rectangular_8fo83.tag__size-56_8fo83 {
+    } .tag__rectangular_dtlo7.tag__size-56_dtlo7 {
         border-radius: var(--tag-rectangular-m-border-radius);
-    } .tag__rectangular_8fo83.tag__size-64_8fo83 {
+    } .tag__rectangular_dtlo7.tag__size-64_dtlo7 {
         border-radius: var(--tag-rectangular-l-border-radius);
-    } .tag__rectangular_8fo83.tag__size-72_8fo83 {
+    } .tag__rectangular_dtlo7.tag__size-72_dtlo7 {
         border-radius: var(--tag-rectangular-xl-border-radius);
     }

package/tag/desktop/inverted.desktop.css

@@ -17,6 +17,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -59,14 +62,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_bk60o {
+} .tag__filled_qu6g4 {
     background-color: var(--tag-inverted-filled-background-color)
-} .tag__filled_bk60o:disabled {
+} .tag__filled_qu6g4:disabled {
         background-color: var(--tag-inverted-filled-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_bk60o:hover:not(:disabled) {
+        .tag__filled_qu6g4:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-background-color-hover);
         }
-    } .tag__filled_bk60o:active:not(:disabled) {
+    } .tag__filled_qu6g4:active:not(:disabled) {
         background-color: var(--tag-inverted-filled-background-color-active);
     }

package/tag/esm/components/base-tag/Component.js

@@ -4,13 +4,13 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 
-var defaultColors = {"component":"tag__component_1axv3","outlined":"tag__outlined_1axv3","filled":"tag__filled_1axv3","checked":"tag__checked_1axv3"};
+var defaultColors = {"component":"tag__component_135we","outlined":"tag__outlined_135we","filled":"tag__filled_135we","checked":"tag__checked_135we"};
 require('./default.css');
 
-var commonStyles = {"component":"tag__component_1h30v","focused":"tag__focused_1h30v","addons":"tag__addons_1h30v","size-48":"tag__size-48_1h30v","size-56":"tag__size-56_1h30v","size-64":"tag__size-64_1h30v","size-72":"tag__size-72_1h30v","size-32":"tag__size-32_1h30v","size-40":"tag__size-40_1h30v","withRightAddons":"tag__withRightAddons_1h30v","withLeftAddons":"tag__withLeftAddons_1h30v","rounded":"tag__rounded_1h30v","allowBackdropBlur":"tag__allowBackdropBlur_1h30v","outlined":"tag__outlined_1h30v","checked":"tag__checked_1h30v","filled":"tag__filled_1h30v"};
+var commonStyles = {"component":"tag__component_1bp3f","focused":"tag__focused_1bp3f","addons":"tag__addons_1bp3f","size-48":"tag__size-48_1bp3f","size-56":"tag__size-56_1bp3f","size-64":"tag__size-64_1bp3f","size-72":"tag__size-72_1bp3f","size-32":"tag__size-32_1bp3f","size-40":"tag__size-40_1bp3f","withRightAddons":"tag__withRightAddons_1bp3f","withLeftAddons":"tag__withLeftAddons_1bp3f","rounded":"tag__rounded_1bp3f","allowBackdropBlur":"tag__allowBackdropBlur_1bp3f","outlined":"tag__outlined_1bp3f","checked":"tag__checked_1bp3f","filled":"tag__filled_1bp3f"};
 require('./index.css');
 
-var invertedColors = {"component":"tag__component_tdedj","outlined":"tag__outlined_tdedj","filled":"tag__filled_tdedj","checked":"tag__checked_tdedj"};
+var invertedColors = {"component":"tag__component_llfnx","outlined":"tag__outlined_llfnx","filled":"tag__filled_llfnx","checked":"tag__checked_llfnx"};
 require('./inverted.css');
 
 var colorCommonStyles = {

package/tag/esm/components/base-tag/default.css

@@ -26,6 +26,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -77,41 +80,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1axv3.tag__outlined_1axv3 {
+} .tag__component_135we.tag__outlined_135we {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .tag__component_1axv3.tag__outlined_1axv3:disabled {
+    } .tag__component_135we.tag__outlined_135we:disabled {
             border-color: var(--tag-border-color-disabled);
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_1axv3.tag__outlined_1axv3:hover:not(:disabled) {
+            .tag__component_135we.tag__outlined_135we:hover:not(:disabled) {
                 border-color: var(--tag-border-color-hover);
                 background-color: var(--tag-outlined-background-color-hover);
             }
-        } .tag__component_1axv3.tag__outlined_1axv3:active:not(:disabled) {
+        } .tag__component_135we.tag__outlined_135we:active:not(:disabled) {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .tag__component_1axv3.tag__filled_1axv3 {
+        } .tag__component_135we.tag__filled_135we {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color)
-    } .tag__component_1axv3.tag__filled_1axv3:disabled {
+    } .tag__component_135we.tag__filled_135we:disabled {
             color: var(--tag-text-color-disabled);
-        } .tag__component_1axv3.tag__checked_1axv3 {
+        } .tag__component_135we.tag__checked_135we {
         color: var(--tag-text-color-checked);
         border-color: var(--tag-border-color-checked);
         background-color: var(--tag-background-color-checked)
-    } .tag__component_1axv3.tag__checked_1axv3:disabled {
+    } .tag__component_135we.tag__checked_135we:disabled {
             border-color: var(--tag-border-color-checked-disabled);
             color: var(--tag-text-color-checked-disabled);
             background-color: var(--tag-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_1axv3.tag__checked_1axv3:hover:not(:disabled) {
+            .tag__component_135we.tag__checked_135we:hover:not(:disabled) {
                 background-color: var(--tag-background-color-checked-hover);
                 border-color: var(--tag-background-color-checked-hover);
             }
-        } .tag__component_1axv3.tag__checked_1axv3:active:not(:disabled) {
+        } .tag__component_135we.tag__checked_135we:active:not(:disabled) {
             background-color: var(--tag-background-color-checked-active);
             border-color: var(--tag-background-color-checked-active);
         }

package/tag/esm/components/base-tag/index.css

@@ -24,7 +24,10 @@
     --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
@@ -78,7 +81,7 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_1h30v {
+} .tag__component_1bp3f {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -96,107 +99,107 @@
     cursor: pointer;
     outline: none;
     white-space: nowrap
-} .tag__component_1h30v:disabled {
+} .tag__component_1bp3f:disabled {
         cursor: var(--disabled-cursor);
-    } .tag__focused_1h30v {
+    } .tag__focused_1bp3f {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .tag__addons_1h30v {
+} .tag__addons_1bp3f {
     display: flex;
     flex-shrink: 0;
     align-items: center
-} .tag__addons_1h30v:first-child {
+} .tag__addons_1bp3f:first-child {
         margin-right: 6px;
-    } .tag__addons_1h30v:last-child {
+    } .tag__addons_1bp3f:last-child {
         margin-left: 6px;
-    } .tag__addons_1h30v:only-child {
+    } .tag__addons_1bp3f:only-child {
         margin: var(--gap-0);
-    } .tag__size-48_1h30v .tag__addons_1h30v:first-child, .tag__size-56_1h30v .tag__addons_1h30v:first-child {
+    } .tag__size-48_1bp3f .tag__addons_1bp3f:first-child, .tag__size-56_1bp3f .tag__addons_1bp3f:first-child {
         margin-right: var(--gap-8);
-    } .tag__size-48_1h30v .tag__addons_1h30v:last-child, .tag__size-56_1h30v .tag__addons_1h30v:last-child {
+    } .tag__size-48_1bp3f .tag__addons_1bp3f:last-child, .tag__size-56_1bp3f .tag__addons_1bp3f:last-child {
         margin-left: var(--gap-8);
-    } .tag__size-64_1h30v .tag__addons_1h30v:first-child, .tag__size-72_1h30v .tag__addons_1h30v:first-child {
+    } .tag__size-64_1bp3f .tag__addons_1bp3f:first-child, .tag__size-72_1bp3f .tag__addons_1bp3f:first-child {
         margin-right: var(--gap-12);
-    } .tag__size-64_1h30v .tag__addons_1h30v:last-child, .tag__size-72_1h30v .tag__addons_1h30v:last-child {
+    } .tag__size-64_1bp3f .tag__addons_1bp3f:last-child, .tag__size-72_1bp3f .tag__addons_1bp3f:last-child {
         margin-left: var(--gap-12);
-    } .tag__size-32_1h30v {
+    } .tag__size-32_1bp3f {
     min-width: 52px;
     min-height: var(--size-xxs-height);
     padding: var(--gap-0) var(--gap-12);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-40_1h30v {
+} .tag__size-40_1bp3f {
     min-width: 64px;
     min-height: var(--size-xs-height);
     padding: var(--gap-0) var(--gap-16);
     font-size: 14px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-48_1h30v {
+} .tag__size-48_1bp3f {
     min-width: 72px;
     min-height: var(--size-s-height);
     padding: var(--gap-0) var(--gap-20);
     font-size: 16px;
     line-height: 20px;
     font-weight: normal;
-} .tag__size-56_1h30v {
+} .tag__size-56_1bp3f {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     min-width: 88px;
     min-height: var(--size-m-height);
     padding: var(--gap-0) var(--gap-24);
-} .tag__size-64_1h30v {
+} .tag__size-64_1bp3f {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 112px;
     min-height: var(--size-l-height);
     padding: var(--gap-0) 28px;
-} .tag__size-72_1h30v {
+} .tag__size-72_1bp3f {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     min-width: 112px;
     min-height: var(--size-xl-height);
     padding: var(--gap-0) var(--gap-32);
-} .tag__withRightAddons_1h30v.tag__size-32_1h30v {
+} .tag__withRightAddons_1bp3f.tag__size-32_1bp3f {
         padding-right: var(--gap-8);
-    } .tag__withRightAddons_1h30v.tag__size-40_1h30v {
+    } .tag__withRightAddons_1bp3f.tag__size-40_1bp3f {
         padding-right: var(--gap-12);
-    } .tag__withRightAddons_1h30v.tag__size-48_1h30v {
+    } .tag__withRightAddons_1bp3f.tag__size-48_1bp3f {
         padding-right: var(--gap-16);
-    } .tag__withRightAddons_1h30v.tag__size-56_1h30v {
+    } .tag__withRightAddons_1bp3f.tag__size-56_1bp3f {
         padding-right: var(--gap-20);
-    } .tag__withRightAddons_1h30v.tag__size-64_1h30v {
+    } .tag__withRightAddons_1bp3f.tag__size-64_1bp3f {
         padding-right: var(--gap-24);
-    } .tag__withRightAddons_1h30v.tag__size-72_1h30v {
+    } .tag__withRightAddons_1bp3f.tag__size-72_1bp3f {
         padding-right: 28px;
-    } .tag__withLeftAddons_1h30v.tag__size-32_1h30v {
+    } .tag__withLeftAddons_1bp3f.tag__size-32_1bp3f {
         padding-left: var(--gap-8);
-    } .tag__withLeftAddons_1h30v.tag__size-40_1h30v {
+    } .tag__withLeftAddons_1bp3f.tag__size-40_1bp3f {
         padding-left: var(--gap-12);
-    } .tag__withLeftAddons_1h30v.tag__size-48_1h30v {
+    } .tag__withLeftAddons_1bp3f.tag__size-48_1bp3f {
         padding-left: var(--gap-16);
-    } .tag__withLeftAddons_1h30v.tag__size-56_1h30v {
+    } .tag__withLeftAddons_1bp3f.tag__size-56_1bp3f {
         padding-left: var(--gap-20);
-    } .tag__withLeftAddons_1h30v.tag__size-64_1h30v {
+    } .tag__withLeftAddons_1bp3f.tag__size-64_1bp3f {
         padding-left: var(--gap-24);
-    } .tag__withLeftAddons_1h30v.tag__size-72_1h30v {
+    } .tag__withLeftAddons_1bp3f.tag__size-72_1bp3f {
         padding-left: 28px;
-    } .tag__rounded_1h30v.tag__size-32_1h30v {
+    } .tag__rounded_1bp3f.tag__size-32_1bp3f {
         border-radius: var(--tag-rounded-xxs-border-radius);
-    } .tag__rounded_1h30v.tag__size-40_1h30v {
+    } .tag__rounded_1bp3f.tag__size-40_1bp3f {
         border-radius: var(--tag-rounded-xs-border-radius);
-    } .tag__rounded_1h30v.tag__size-48_1h30v {
+    } .tag__rounded_1bp3f.tag__size-48_1bp3f {
         border-radius: var(--tag-rounded-s-border-radius);
-    } .tag__rounded_1h30v.tag__size-56_1h30v,
-    .tag__rounded_1h30v.tag__size-64_1h30v,
-    .tag__rounded_1h30v.tag__size-72_1h30v {
+    } .tag__rounded_1bp3f.tag__size-56_1bp3f,
+    .tag__rounded_1bp3f.tag__size-64_1bp3f,
+    .tag__rounded_1bp3f.tag__size-72_1bp3f {
         border-radius: var(--tag-border-radius);
-    } .tag__allowBackdropBlur_1h30v.tag__outlined_1h30v.tag__checked_1h30v[disabled],
-    .tag__allowBackdropBlur_1h30v.tag__filled_1h30v {
+    } .tag__allowBackdropBlur_1bp3f.tag__outlined_1bp3f.tag__checked_1bp3f[disabled],
+    .tag__allowBackdropBlur_1bp3f.tag__filled_1bp3f {
         -webkit-backdrop-filter: blur(80px);
                 backdrop-filter: blur(80px);
     }

package/tag/esm/components/base-tag/inverted.css

@@ -21,6 +21,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -82,41 +85,41 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__component_tdedj.tag__outlined_tdedj {
+} .tag__component_llfnx.tag__outlined_llfnx {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_tdedj.tag__outlined_tdedj:disabled {
+    } .tag__component_llfnx.tag__outlined_llfnx:disabled {
             border-color: var(--tag-inverted-border-color-disabled);
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-outlined-background-color-disabled);
         } @media (hover: hover) {
-            .tag__component_tdedj.tag__outlined_tdedj:hover:not(:disabled) {
+            .tag__component_llfnx.tag__outlined_llfnx:hover:not(:disabled) {
                 border-color: var(--tag-inverted-border-color-hover);
                 background-color: var(--tag-inverted-outlined-background-color-hover);
             }
-        } .tag__component_tdedj.tag__outlined_tdedj:active:not(:disabled) {
+        } .tag__component_llfnx.tag__outlined_llfnx:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_tdedj.tag__filled_tdedj {
+        } .tag__component_llfnx.tag__filled_llfnx {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color)
-    } .tag__component_tdedj.tag__filled_tdedj:disabled {
+    } .tag__component_llfnx.tag__filled_llfnx:disabled {
             color: var(--tag-inverted-text-color-disabled);
-        } .tag__component_tdedj.tag__checked_tdedj {
+        } .tag__component_llfnx.tag__checked_llfnx {
         color: var(--tag-inverted-text-color-checked);
         border-color: var(--tag-inverted-border-color-checked);
         background-color: var(--tag-inverted-background-color-checked)
-    } .tag__component_tdedj.tag__checked_tdedj:disabled {
+    } .tag__component_llfnx.tag__checked_llfnx:disabled {
             border-color: var(--tag-inverted-border-color-checked-disabled);
             color: var(--tag-inverted-text-color-checked-disabled);
             background-color: var(--tag-inverted-background-color-checked-disabled);
         } @media (hover: hover) {
-            .tag__component_tdedj.tag__checked_tdedj:hover:not(:disabled) {
+            .tag__component_llfnx.tag__checked_llfnx:hover:not(:disabled) {
                 background-color: var(--tag-inverted-background-color-checked-hover);
                 border-color: var(--tag-inverted-background-color-checked-hover);
             }
-        } .tag__component_tdedj.tag__checked_tdedj:active:not(:disabled) {
+        } .tag__component_llfnx.tag__checked_llfnx:active:not(:disabled) {
             background-color: var(--tag-inverted-background-color-checked-active);
             border-color: var(--tag-inverted-background-color-checked-active);
         }

package/tag/esm/desktop/Component.desktop.js

@@ -5,13 +5,13 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 
-var defaultColors = {"filled":"tag__filled_1visd"};
+var defaultColors = {"filled":"tag__filled_1q4ux"};
 require('./default.desktop.css');
 
-var styles = {"rectangular":"tag__rectangular_8fo83","size-32":"tag__size-32_8fo83","size-40":"tag__size-40_8fo83","size-48":"tag__size-48_8fo83","size-56":"tag__size-56_8fo83","size-64":"tag__size-64_8fo83","size-72":"tag__size-72_8fo83"};
+var styles = {"rectangular":"tag__rectangular_dtlo7","size-32":"tag__size-32_dtlo7","size-40":"tag__size-40_dtlo7","size-48":"tag__size-48_dtlo7","size-56":"tag__size-56_dtlo7","size-64":"tag__size-64_dtlo7","size-72":"tag__size-72_dtlo7"};
 require('./desktop.css');
 
-var invertedColors = {"filled":"tag__filled_bk60o"};
+var invertedColors = {"filled":"tag__filled_qu6g4"};
 require('./inverted.desktop.css');
 
 var colorStyles = {

package/tag/esm/desktop/default.desktop.css

@@ -20,6 +20,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -57,15 +60,15 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_1visd {
+} .tag__filled_1q4ux {
     background-color: var(--tag-filled-background-color)
-} .tag__filled_1visd:disabled {
+} .tag__filled_1q4ux:disabled {
         background-color: var(--tag-filled-background-color-disabled);
         border-color: var(--tag-filled-border-color);
     } @media (hover: hover) {
-        .tag__filled_1visd:hover:not(:disabled) {
+        .tag__filled_1q4ux:hover:not(:disabled) {
             background-color: var(--tag-filled-background-color-hover);
         }
-    } .tag__filled_1visd:active:not(:disabled) {
+    } .tag__filled_1q4ux:active:not(:disabled) {
         background-color: var(--tag-filled-background-color-active);
     }

package/tag/esm/desktop/desktop.css

@@ -21,6 +21,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -60,16 +63,16 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__rectangular_8fo83.tag__size-32_8fo83 {
+} .tag__rectangular_dtlo7.tag__size-32_dtlo7 {
         border-radius: var(--tag-rectangular-xxs-border-radius);
-    } .tag__rectangular_8fo83.tag__size-40_8fo83 {
+    } .tag__rectangular_dtlo7.tag__size-40_dtlo7 {
         border-radius: var(--tag-rectangular-xs-border-radius);
-    } .tag__rectangular_8fo83.tag__size-48_8fo83 {
+    } .tag__rectangular_dtlo7.tag__size-48_dtlo7 {
         border-radius: var(--tag-rectangular-s-border-radius);
-    } .tag__rectangular_8fo83.tag__size-56_8fo83 {
+    } .tag__rectangular_dtlo7.tag__size-56_dtlo7 {
         border-radius: var(--tag-rectangular-m-border-radius);
-    } .tag__rectangular_8fo83.tag__size-64_8fo83 {
+    } .tag__rectangular_dtlo7.tag__size-64_dtlo7 {
         border-radius: var(--tag-rectangular-l-border-radius);
-    } .tag__rectangular_8fo83.tag__size-72_8fo83 {
+    } .tag__rectangular_dtlo7.tag__size-72_dtlo7 {
         border-radius: var(--tag-rectangular-xl-border-radius);
     }

package/tag/esm/desktop/inverted.desktop.css

@@ -17,6 +17,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -59,14 +62,14 @@
     /* mobile */
 
     /* mobile inverted */
-} .tag__filled_bk60o {
+} .tag__filled_qu6g4 {
     background-color: var(--tag-inverted-filled-background-color)
-} .tag__filled_bk60o:disabled {
+} .tag__filled_qu6g4:disabled {
         background-color: var(--tag-inverted-filled-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_bk60o:hover:not(:disabled) {
+        .tag__filled_qu6g4:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-background-color-hover);
         }
-    } .tag__filled_bk60o:active:not(:disabled) {
+    } .tag__filled_qu6g4:active:not(:disabled) {
         background-color: var(--tag-inverted-filled-background-color-active);
     }

package/tag/esm/mobile/Component.mobile.js

@@ -5,13 +5,13 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 
-var defaultColors = {"filled":"tag__filled_usonx"};
+var defaultColors = {"filled":"tag__filled_1a2p3"};
 require('./default.mobile.css');
 
-var invertedColors = {"filled":"tag__filled_1sabp"};
+var invertedColors = {"filled":"tag__filled_1mwe8"};
 require('./inverted.mobile.css');
 
-var styles = {"rectangular":"tag__rectangular_pxwyv","size-32":"tag__size-32_pxwyv","size-40":"tag__size-40_pxwyv","size-48":"tag__size-48_pxwyv","size-56":"tag__size-56_pxwyv","size-64":"tag__size-64_pxwyv","size-72":"tag__size-72_pxwyv"};
+var styles = {"rectangular":"tag__rectangular_1wj4f","size-32":"tag__size-32_1wj4f","size-40":"tag__size-40_1wj4f","size-48":"tag__size-48_1wj4f","size-56":"tag__size-56_1wj4f","size-64":"tag__size-64_1wj4f","size-72":"tag__size-72_1wj4f"};
 require('./mobile.css');
 
 var colorStyles = {

package/tag/esm/mobile/default.mobile.css

@@ -18,6 +18,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -54,14 +57,14 @@
     --tag-filled-mobile-background-color-disabled: var(--color-light-neutral-translucent-100);
 
     /* mobile inverted */
-} .tag__filled_usonx {
+} .tag__filled_1a2p3 {
     background-color: var(--tag-filled-mobile-background-color)
-} .tag__filled_usonx:disabled {
+} .tag__filled_1a2p3:disabled {
         background-color: var(--tag-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_usonx:hover:not(:disabled) {
+        .tag__filled_1a2p3:hover:not(:disabled) {
             background-color: var(--tag-filled-mobile-background-color-hover);
         }
-    } .tag__filled_usonx:active:not(:disabled) {
+    } .tag__filled_1a2p3:active:not(:disabled) {
         background-color: var(--tag-filled-mobile-background-color-active);
     }

package/tag/esm/mobile/inverted.mobile.css

@@ -16,6 +16,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -60,14 +63,14 @@
     --tag-inverted-filled-mobile-background-color-disabled: var(
         --color-light-neutral-translucent-100-inverted
     );
-} .tag__filled_1sabp {
+} .tag__filled_1mwe8 {
     background-color: var(--tag-inverted-filled-mobile-background-color)
-} .tag__filled_1sabp:disabled {
+} .tag__filled_1mwe8:disabled {
         background-color: var(--tag-inverted-filled-mobile-background-color-disabled);
     } @media (hover: hover) {
-        .tag__filled_1sabp:hover:not(:disabled) {
+        .tag__filled_1mwe8:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-mobile-background-color-hover);
         }
-    } .tag__filled_1sabp:active:not(:disabled) {
+    } .tag__filled_1mwe8:active:not(:disabled) {
         background-color: var(--tag-inverted-filled-mobile-background-color-active);
     }

package/tag/esm/mobile/mobile.css

@@ -22,6 +22,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -58,14 +61,14 @@
     --tag-rectangular-mobile-s-border-radius: var(--border-radius-12);
 
     /* mobile inverted */
-} .tag__rectangular_pxwyv.tag__size-32_pxwyv {
+} .tag__rectangular_1wj4f.tag__size-32_1wj4f {
         border-radius: var(--tag-rectangular-mobile-xxs-border-radius);
-    } .tag__rectangular_pxwyv.tag__size-40_pxwyv {
+    } .tag__rectangular_1wj4f.tag__size-40_1wj4f {
         border-radius: var(--tag-rectangular-mobile-xs-border-radius);
-    } .tag__rectangular_pxwyv.tag__size-48_pxwyv {
+    } .tag__rectangular_1wj4f.tag__size-48_1wj4f {
         border-radius: var(--tag-rectangular-mobile-s-border-radius);
-    } .tag__rectangular_pxwyv.tag__size-56_pxwyv,
-    .tag__rectangular_pxwyv.tag__size-64_pxwyv,
-    .tag__rectangular_pxwyv.tag__size-72_pxwyv {
+    } .tag__rectangular_1wj4f.tag__size-56_1wj4f,
+    .tag__rectangular_1wj4f.tag__size-64_1wj4f,
+    .tag__rectangular_1wj4f.tag__size-72_1wj4f {
         border-radius: var(--tag-alt-mobile-border-radius);
     }

package/tag/mobile/Component.mobile.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"filled":"tag__filled_usonx"};
+var defaultColors = {"filled":"tag__filled_1a2p3"};
 require('./default.mobile.css');
 
-var invertedColors = {"filled":"tag__filled_1sabp"};
+var invertedColors = {"filled":"tag__filled_1mwe8"};
 require('./inverted.mobile.css');
 
-var styles = {"rectangular":"tag__rectangular_pxwyv","size-32":"tag__size-32_pxwyv","size-40":"tag__size-40_pxwyv","size-48":"tag__size-48_pxwyv","size-56":"tag__size-56_pxwyv","size-64":"tag__size-64_pxwyv","size-72":"tag__size-72_pxwyv"};
+var styles = {"rectangular":"tag__rectangular_1wj4f","size-32":"tag__size-32_1wj4f","size-40":"tag__size-40_1wj4f","size-48":"tag__size-48_1wj4f","size-56":"tag__size-56_1wj4f","size-64":"tag__size-64_1wj4f","size-72":"tag__size-72_1wj4f"};
 require('./mobile.css');
 
 var colorStyles = {