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

package/side-panel/modern/components/header/mobile.css

@@ -18,10 +18,7 @@
     --gap-xs: 8px; /* 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 */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
 } :root {
@@ -47,14 +44,11 @@
 
     /* paddings */
     --side-panel-header-mobile-paddings: var(--gap-4) var(--gap-8);
-} .side-panel__header_6qy5a {
+} .side-panel__header_15e5n {
     padding: var(--side-panel-header-mobile-paddings);
-} .side-panel__sticky_6qy5a {
-    top: var(--gap-0)
-} @media (display-mode: standalone) { .side-panel__sticky_6qy5a {
-        top: env(safe-area-inset-top, 0)
-}
-    } .side-panel__content_6qy5a {
+} .side-panel__sticky_15e5n {
+    top: var(--gap-0);
+} .side-panel__content_15e5n {
     font-size: var(--side-panel-header-mobile-font-size);
     line-height: var(--side-panel-header-mobile-line-height);
     font-family: var(--side-panel-header-mobile-font-family);

package/side-panel/modern/desktop/Component.desktop.js

@@ -12,14 +12,14 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../../../base-modal/modern';
-import '../layout.module-77fa3a98.js';
+import '../layout.module-a28a1841.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 
-const styles = {"size-500":"side-panel__size-500_1i726","hidden":"side-panel__hidden_1i726"};
+const styles = {"size-500":"side-panel__size-500_13hg2","hidden":"side-panel__hidden_13hg2"};
 require('./desktop.css');
 
-const transitions = {"enterRight":"side-panel__enterRight_1oktu","enterLeft":"side-panel__enterLeft_1oktu","enterActive":"side-panel__enterActive_1oktu","exit":"side-panel__exit_1oktu","exitActiveRight":"side-panel__exitActiveRight_1oktu","exitActiveLeft":"side-panel__exitActiveLeft_1oktu"};
+const transitions = {"enterRight":"side-panel__enterRight_178cq","enterLeft":"side-panel__enterLeft_178cq","enterActive":"side-panel__enterActive_178cq","exit":"side-panel__exit_178cq","exitActiveRight":"side-panel__exitActiveRight_178cq","exitActiveLeft":"side-panel__exitActiveLeft_178cq"};
 require('./transitions.desktop.css');
 
 const SidePanelDesktopComponent = forwardRef(({ size = 500, children, className, wrapperClassName, contentTransitionProps = {}, backdropProps, placement = 'right', dataTestId, ...restProps }, ref) => {

package/side-panel/modern/desktop/desktop.css

@@ -16,9 +16,6 @@
 } :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 {
@@ -35,8 +32,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__size-500_1i726.side-panel__size-500_1i726 {
+} .side-panel__size-500_13hg2.side-panel__size-500_13hg2 {
     width: var(--side-panel-s-width);
-} .side-panel__hidden_1i726 {
+} .side-panel__hidden_13hg2 {
     overflow-x: hidden;
 }

package/side-panel/modern/desktop/index.js

@@ -8,7 +8,7 @@ import '../../../drawer/modern';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
 import '../ResponsiveContext.js';
-import '../layout.module-77fa3a98.js';
+import '../layout.module-a28a1841.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';

package/side-panel/modern/desktop/transitions.desktop.css

@@ -1,32 +1,32 @@
 /* hash: 1p8fe */
-.side-panel__enterRight_1oktu {
+.side-panel__enterRight_178cq {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_1oktu {
+.side-panel__enterLeft_178cq {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_1oktu {
+.side-panel__enterActive_178cq {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1oktu {
+.side-panel__exit_178cq {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_1oktu {
+.side-panel__exitActiveRight_178cq {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_1oktu {
+.side-panel__exitActiveLeft_178cq {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/side-panel/modern/index.js

@@ -18,6 +18,6 @@ import '../../mq/modern';
 import '../../navigation-bar-private/modern';
 import '../../shared/modern';
 import './Context.js';
-import './layout.module-77fa3a98.js';
+import './layout.module-a28a1841.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';

package/side-panel/modern/layout.module-a28a1841.js

@@ -0,0 +1,4 @@
+const layoutStyles = {"column":"side-panel__column_rlhao","gap-16":"side-panel__gap-16_rlhao","gap-24":"side-panel__gap-24_rlhao","gap-32":"side-panel__gap-32_rlhao","start":"side-panel__start_rlhao","center":"side-panel__center_rlhao","space-between":"side-panel__space-between_rlhao"};
+require('./components/footer/layout.css');
+
+export { layoutStyles as l };

package/side-panel/modern/mobile/Component.mobile.js

@@ -9,15 +9,15 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-77fa3a98.js';
+import '../layout.module-a28a1841.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';
 
-const styles = {"component":"side-panel__component_1uyww","mobileContent":"side-panel__mobileContent_1uyww"};
+const styles = {"component":"side-panel__component_8ua54","mobileContent":"side-panel__mobileContent_8ua54"};
 require('./mobile.css');
 
-const transitions = {"appear":"side-panel__appear_1yqyn","enter":"side-panel__enter_1yqyn","appearActive":"side-panel__appearActive_1yqyn","enterActive":"side-panel__enterActive_1yqyn","exit":"side-panel__exit_1yqyn","exitActive":"side-panel__exitActive_1yqyn","exitDone":"side-panel__exitDone_1yqyn"};
+const transitions = {"appear":"side-panel__appear_nsm96","enter":"side-panel__enter_nsm96","appearActive":"side-panel__appearActive_nsm96","enterActive":"side-panel__enterActive_nsm96","exit":"side-panel__exit_nsm96","exitActive":"side-panel__exitActive_nsm96","exitDone":"side-panel__exitDone_nsm96"};
 require('./transitions.mobile.css');
 
 const SidePanelMobileComponent = forwardRef(({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {

package/side-panel/modern/mobile/index.js

@@ -8,7 +8,7 @@ import '../../../base-modal/modern';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
 import '../ResponsiveContext.js';
-import '../layout.module-77fa3a98.js';
+import '../layout.module-a28a1841.js';
 import '../components/content/Component.js';
 import '../Context.js';
 import '../components/footer/Component.js';

package/side-panel/modern/mobile/mobile.css

@@ -16,10 +16,7 @@
 } :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 */
-    --gap-0: 0px;
+    --gap-0: 0;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -35,23 +32,21 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__component_1uyww {
+} .side-panel__component_8ua54 {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     max-width: 600px;
-} .side-panel__component_1uyww.side-panel__component_1uyww {
+} .side-panel__component_8ua54.side-panel__component_8ua54 {
     position: fixed;
     flex: 1;
-} .side-panel__mobileContent_1uyww {
+} .side-panel__mobileContent_8ua54 {
     display: flex;
     flex-direction: column;
     width: 100%;
-    flex: 1
-} @media (display-mode: standalone) { .side-panel__mobileContent_1uyww {
-        padding-top: env(safe-area-inset-top, 0);
-        padding-bottom: env(safe-area-inset-bottom, 0)
+    flex: 1;
+    padding-top: env(safe-area-inset-bottom, 0);
+    padding-bottom: env(safe-area-inset-bottom, 0);
 }
-    }

package/side-panel/modern/mobile/transitions.mobile.css

@@ -1,24 +1,24 @@
 /* hash: 6c13q */
-.side-panel__appear_1yqyn,
-.side-panel__enter_1yqyn {
+.side-panel__appear_nsm96,
+.side-panel__enter_nsm96 {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_1yqyn,
-.side-panel__enterActive_1yqyn {
+.side-panel__appearActive_nsm96,
+.side-panel__enterActive_nsm96 {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1yqyn {
+.side-panel__exit_nsm96 {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_1yqyn,
-.side-panel__exitDone_1yqyn {
+.side-panel__exitActive_nsm96,
+.side-panel__exitDone_nsm96 {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/side-panel/moderncssm/components/header/mobile.module.css

@@ -26,16 +26,9 @@
 }
 
 .sticky {
-    top: var(--gap-0)
+    top: var(--gap-0);
 }
 
-@media (display-mode: standalone) {
-
-.sticky {
-        top: env(safe-area-inset-top, 0)
-}
-    }
-
 .content {
     font-size: var(--side-panel-header-mobile-font-size);
     line-height: var(--side-panel-header-mobile-line-height);

package/side-panel/moderncssm/mobile/mobile.module.css

@@ -33,13 +33,7 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    flex: 1
-}
-
-@media (display-mode: standalone) {
-
-.mobileContent {
-        padding-top: env(safe-area-inset-top, 0);
-        padding-bottom: env(safe-area-inset-bottom, 0)
+    flex: 1;
+    padding-top: env(safe-area-inset-bottom, 0);
+    padding-bottom: env(safe-area-inset-bottom, 0);
 }
-    }

package/skeleton/Component.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"skeleton__component_1992k","animate":"skeleton__animate_1992k","background":"skeleton__background_1992k"};
+var defaultColors = {"component":"skeleton__component_1556l","animate":"skeleton__animate_1556l","background":"skeleton__background_1556l"};
 require('./default.css');
 
-var styles = {"component":"skeleton__component_1jjpj","allowBackdropBlur":"skeleton__allowBackdropBlur_1jjpj","animate":"skeleton__animate_1jjpj"};
+var styles = {"component":"skeleton__component_1miju","allowBackdropBlur":"skeleton__allowBackdropBlur_1miju","animate":"skeleton__animate_1miju"};
 require('./index.css');
 
-var invertedColors = {"component":"skeleton__component_jxgtu","animate":"skeleton__animate_jxgtu","background-inverted":"skeleton__background-inverted_jxgtu"};
+var invertedColors = {"component":"skeleton__component_1vh5j","animate":"skeleton__animate_1vh5j","background-inverted":"skeleton__background-inverted_1vh5j"};
 require('./inverted.css');
 
 var colorStyles = {

package/skeleton/cssm/default.module.css

@@ -16,9 +16,6 @@
 } :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 {

package/skeleton/cssm/index.module.css

@@ -17,10 +17,7 @@
 } :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 */
-    --gap-0: 0px;
+    --gap-0: 0;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {

package/skeleton/cssm/inverted.module.css

@@ -16,9 +16,6 @@
 } :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 {

package/skeleton/cssm/vars.css

@@ -15,9 +15,6 @@
 } :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 {

package/skeleton/default.css

@@ -17,18 +17,15 @@
 } :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 {
     --skeleton-default-color: var(--color-light-neutral-translucent-100);
-} .skeleton__component_1992k {
+} .skeleton__component_1556l {
     background: var(--skeleton-default-color);
-} .skeleton__animate_1992k:before {
-    animation-name: skeleton__background_1992k;
-} @keyframes skeleton__background_1992k {
+} .skeleton__animate_1556l:before {
+    animation-name: skeleton__background_1556l;
+} @keyframes skeleton__background_1556l {
     0% {
         background: var(--color-light-neutral-translucent-100);
     }

package/skeleton/esm/Component.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import cn from 'classnames';
 
-var defaultColors = {"component":"skeleton__component_1992k","animate":"skeleton__animate_1992k","background":"skeleton__background_1992k"};
+var defaultColors = {"component":"skeleton__component_1556l","animate":"skeleton__animate_1556l","background":"skeleton__background_1556l"};
 require('./default.css');
 
-var styles = {"component":"skeleton__component_1jjpj","allowBackdropBlur":"skeleton__allowBackdropBlur_1jjpj","animate":"skeleton__animate_1jjpj"};
+var styles = {"component":"skeleton__component_1miju","allowBackdropBlur":"skeleton__allowBackdropBlur_1miju","animate":"skeleton__animate_1miju"};
 require('./index.css');
 
-var invertedColors = {"component":"skeleton__component_jxgtu","animate":"skeleton__animate_jxgtu","background-inverted":"skeleton__background-inverted_jxgtu"};
+var invertedColors = {"component":"skeleton__component_1vh5j","animate":"skeleton__animate_1vh5j","background-inverted":"skeleton__background-inverted_1vh5j"};
 require('./inverted.css');
 
 var colorStyles = {

package/skeleton/esm/default.css

@@ -17,18 +17,15 @@
 } :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 {
     --skeleton-default-color: var(--color-light-neutral-translucent-100);
-} .skeleton__component_1992k {
+} .skeleton__component_1556l {
     background: var(--skeleton-default-color);
-} .skeleton__animate_1992k:before {
-    animation-name: skeleton__background_1992k;
-} @keyframes skeleton__background_1992k {
+} .skeleton__animate_1556l:before {
+    animation-name: skeleton__background_1556l;
+} @keyframes skeleton__background_1556l {
     0% {
         background: var(--color-light-neutral-translucent-100);
     }

package/skeleton/esm/index.css

@@ -18,10 +18,7 @@
 } :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 */
-    --gap-0: 0px;
+    --gap-0: 0;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -30,7 +27,7 @@
     --skeleton-backdrop-filter: blur(20px);
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_1jjpj {
+} .skeleton__component_1miju {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -40,12 +37,12 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black)
-} .skeleton__component_1jjpj.skeleton__allowBackdropBlur_1jjpj {
+} .skeleton__component_1miju.skeleton__allowBackdropBlur_1miju {
         -webkit-backdrop-filter: var(--skeleton-backdrop-filter);
                 backdrop-filter: var(--skeleton-backdrop-filter);
-    } .skeleton__component_1jjpj > * {
+    } .skeleton__component_1miju > * {
     visibility: hidden;
-} .skeleton__component_1jjpj:before {
+} .skeleton__component_1miju:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -53,7 +50,7 @@
     right: var(--gap-0);
     bottom: var(--gap-0);
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_1jjpj:before {
+} .skeleton__animate_1miju:before {
     display: var(--skeleton-bg-animation-display);
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
@@ -62,7 +59,7 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_1jjpj:before {
+    .skeleton__animate_1miju:before {
         opacity: 0.4;
     }
 }

package/skeleton/esm/inverted.css

@@ -17,18 +17,15 @@
 } :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 {
     --skeleton-inverted-default-color: var(--color-light-neutral-translucent-100-inverted);
-} .skeleton__component_jxgtu {
+} .skeleton__component_1vh5j {
     background: var(--skeleton-inverted-default-color);
-} .skeleton__animate_jxgtu:before {
-    animation-name: skeleton__background-inverted_jxgtu;
-} @keyframes skeleton__background-inverted_jxgtu {
+} .skeleton__animate_1vh5j:before {
+    animation-name: skeleton__background-inverted_1vh5j;
+} @keyframes skeleton__background-inverted_1vh5j {
     0% {
         background: var(--color-light-neutral-translucent-100-inverted);
     }

package/skeleton/index.css

@@ -18,10 +18,7 @@
 } :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 */
-    --gap-0: 0px;
+    --gap-0: 0;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -30,7 +27,7 @@
     --skeleton-backdrop-filter: blur(20px);
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_1jjpj {
+} .skeleton__component_1miju {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -40,12 +37,12 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black)
-} .skeleton__component_1jjpj.skeleton__allowBackdropBlur_1jjpj {
+} .skeleton__component_1miju.skeleton__allowBackdropBlur_1miju {
         -webkit-backdrop-filter: var(--skeleton-backdrop-filter);
                 backdrop-filter: var(--skeleton-backdrop-filter);
-    } .skeleton__component_1jjpj > * {
+    } .skeleton__component_1miju > * {
     visibility: hidden;
-} .skeleton__component_1jjpj:before {
+} .skeleton__component_1miju:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -53,7 +50,7 @@
     right: var(--gap-0);
     bottom: var(--gap-0);
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_1jjpj:before {
+} .skeleton__animate_1miju:before {
     display: var(--skeleton-bg-animation-display);
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
@@ -62,7 +59,7 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_1jjpj:before {
+    .skeleton__animate_1miju:before {
         opacity: 0.4;
     }
 }

package/skeleton/inverted.css

@@ -17,18 +17,15 @@
 } :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 {
     --skeleton-inverted-default-color: var(--color-light-neutral-translucent-100-inverted);
-} .skeleton__component_jxgtu {
+} .skeleton__component_1vh5j {
     background: var(--skeleton-inverted-default-color);
-} .skeleton__animate_jxgtu:before {
-    animation-name: skeleton__background-inverted_jxgtu;
-} @keyframes skeleton__background-inverted_jxgtu {
+} .skeleton__animate_1vh5j:before {
+    animation-name: skeleton__background-inverted_1vh5j;
+} @keyframes skeleton__background-inverted_1vh5j {
     0% {
         background: var(--color-light-neutral-translucent-100-inverted);
     }

package/skeleton/modern/Component.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import cn from 'classnames';
 
-const defaultColors = {"component":"skeleton__component_1992k","animate":"skeleton__animate_1992k","background":"skeleton__background_1992k"};
+const defaultColors = {"component":"skeleton__component_1556l","animate":"skeleton__animate_1556l","background":"skeleton__background_1556l"};
 require('./default.css');
 
-const styles = {"component":"skeleton__component_1jjpj","allowBackdropBlur":"skeleton__allowBackdropBlur_1jjpj","animate":"skeleton__animate_1jjpj"};
+const styles = {"component":"skeleton__component_1miju","allowBackdropBlur":"skeleton__allowBackdropBlur_1miju","animate":"skeleton__animate_1miju"};
 require('./index.css');
 
-const invertedColors = {"component":"skeleton__component_jxgtu","animate":"skeleton__animate_jxgtu","background-inverted":"skeleton__background-inverted_jxgtu"};
+const invertedColors = {"component":"skeleton__component_1vh5j","animate":"skeleton__animate_1vh5j","background-inverted":"skeleton__background-inverted_1vh5j"};
 require('./inverted.css');
 
 const colorStyles = {

package/skeleton/modern/default.css

@@ -17,18 +17,15 @@
 } :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 {
     --skeleton-default-color: var(--color-light-neutral-translucent-100);
-} .skeleton__component_1992k {
+} .skeleton__component_1556l {
     background: var(--skeleton-default-color);
-} .skeleton__animate_1992k:before {
-    animation-name: skeleton__background_1992k;
-} @keyframes skeleton__background_1992k {
+} .skeleton__animate_1556l:before {
+    animation-name: skeleton__background_1556l;
+} @keyframes skeleton__background_1556l {
     0% {
         background: var(--color-light-neutral-translucent-100);
     }