@alfalab/core-components 48.33.3 → 48.33.4

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

@@ -39,42 +39,42 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__header_1es0g {
+} .side-panel__header_1o0sr {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .side-panel__header_1es0g:not(.side-panel__hasContent_1es0g) {
+} .side-panel__header_1o0sr:not(.side-panel__hasContent_1o0sr) {
         pointer-events: none;
-    } .side-panel__highlighted_1es0g {
+    } .side-panel__highlighted_1o0sr {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
-} .side-panel__sticky_1es0g {
+} .side-panel__sticky_1o0sr {
     position: sticky;
     z-index: 1
-} .side-panel__sticky_1es0g.side-panel__hasContent_1es0g {
+} .side-panel__sticky_1o0sr.side-panel__hasContent_1o0sr {
         background: var(--side-panel-header-background);
-    } .side-panel__header_1es0g.side-panel__backgroundImage_1es0g {
+    } .side-panel__header_1o0sr.side-panel__backgroundImage_1o0sr {
     background: center no-repeat;
     background-size: cover;
-} .side-panel__content_1es0g {
+} .side-panel__content_1o0sr {
     flex-grow: 1;
-} .side-panel__title_1es0g {
+} .side-panel__title_1o0sr {
     word-break: break-word;
-} .side-panel__addon_1es0g {
+} .side-panel__addon_1o0sr {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .side-panel__closer_1es0g {
+} .side-panel__closer_1o0sr {
     margin-left: auto;
-} .side-panel__right_1es0g {
+} .side-panel__right_1o0sr {
     justify-content: flex-end;
     text-align: right;
-} .side-panel__trim_1es0g {
+} .side-panel__trim_1o0sr {
     overflow: hidden
-} .side-panel__trim_1es0g .side-panel__title_1es0g {
+} .side-panel__trim_1o0sr .side-panel__title_1o0sr {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

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

@@ -67,18 +67,18 @@
     --side-panel-header-mobile-paddings: var(--side-panel-header-mobile-top-padding) var(--gap-8)
         var(--gap-4) var(--gap-8);
 }
-.side-panel__header_dc5gg {
+.side-panel__header_1usio {
     padding: var(--side-panel-header-mobile-paddings)
 }
 @media (display-mode: standalone) {
-.side-panel__header_dc5gg {
+.side-panel__header_1usio {
         padding-top: calc(var(--sat) + var(--side-panel-header-mobile-top-padding))
 }
     }
-.side-panel__sticky_dc5gg {
+.side-panel__sticky_1usio {
     top: var(--gap-0);
 }
-.side-panel__content_dc5gg {
+.side-panel__content_1usio {
     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-48a603ca.js';
+import '../layout.module-35878631.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 
-const styles = {"size-500":"side-panel__size-500_tk2n9","hidden":"side-panel__hidden_tk2n9"};
+const styles = {"size-500":"side-panel__size-500_rh3hf","hidden":"side-panel__hidden_rh3hf"};
 require('./desktop.css');
 
-const transitions = {"enterRight":"side-panel__enterRight_e6pcb","enterLeft":"side-panel__enterLeft_e6pcb","enterActive":"side-panel__enterActive_e6pcb","exit":"side-panel__exit_e6pcb","exitActiveRight":"side-panel__exitActiveRight_e6pcb","exitActiveLeft":"side-panel__exitActiveLeft_e6pcb"};
+const transitions = {"enterRight":"side-panel__enterRight_1vn2j","enterLeft":"side-panel__enterLeft_1vn2j","enterActive":"side-panel__enterActive_1vn2j","exit":"side-panel__exit_1vn2j","exitActiveRight":"side-panel__exitActiveRight_1vn2j","exitActiveLeft":"side-panel__exitActiveLeft_1vn2j"};
 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

@@ -35,8 +35,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__size-500_tk2n9.side-panel__size-500_tk2n9 {
+} .side-panel__size-500_rh3hf.side-panel__size-500_rh3hf {
     width: var(--side-panel-s-width);
-} .side-panel__hidden_tk2n9 {
+} .side-panel__hidden_rh3hf {
     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-48a603ca.js';
+import '../layout.module-35878631.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: ta4lf */
-.side-panel__enterRight_e6pcb {
+.side-panel__enterRight_1vn2j {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_e6pcb {
+.side-panel__enterLeft_1vn2j {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_e6pcb {
+.side-panel__enterActive_1vn2j {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_e6pcb {
+.side-panel__exit_1vn2j {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_e6pcb {
+.side-panel__exitActiveRight_1vn2j {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_e6pcb {
+.side-panel__exitActiveLeft_1vn2j {
     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-48a603ca.js';
+import './layout.module-35878631.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';

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

@@ -0,0 +1,4 @@
+const layoutStyles = {"column":"side-panel__column_38bfx","gap-16":"side-panel__gap-16_38bfx","gap-24":"side-panel__gap-24_38bfx","gap-32":"side-panel__gap-32_38bfx","start":"side-panel__start_38bfx","center":"side-panel__center_38bfx","space-between":"side-panel__space-between_38bfx"};
+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-48a603ca.js';
+import '../layout.module-35878631.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';
 
-const styles = {"component":"side-panel__component_1ltp1","content":"side-panel__content_1ltp1","mobileContent":"side-panel__mobileContent_1ltp1"};
+const styles = {"component":"side-panel__component_1ji8c","content":"side-panel__content_1ji8c","mobileContent":"side-panel__mobileContent_1ji8c"};
 require('./mobile.css');
 
-const transitions = {"appear":"side-panel__appear_avbc1","enter":"side-panel__enter_avbc1","appearActive":"side-panel__appearActive_avbc1","enterActive":"side-panel__enterActive_avbc1","exit":"side-panel__exit_avbc1","exitActive":"side-panel__exitActive_avbc1","exitDone":"side-panel__exitDone_avbc1"};
+const transitions = {"appear":"side-panel__appear_k43mg","enter":"side-panel__enter_k43mg","appearActive":"side-panel__appearActive_k43mg","enterActive":"side-panel__enterActive_k43mg","exit":"side-panel__exit_k43mg","exitActive":"side-panel__exitActive_k43mg","exitDone":"side-panel__exitDone_k43mg"};
 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-48a603ca.js';
+import '../layout.module-35878631.js';
 import '../components/content/Component.js';
 import '../Context.js';
 import '../components/footer/Component.js';

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

@@ -52,7 +52,7 @@
 
     /* paddings */
 }
-.side-panel__component_1ltp1 {
+.side-panel__component_1ji8c {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -60,17 +60,17 @@
     overflow-y: auto;
     max-width: 600px;
 }
-.side-panel__component_1ltp1.side-panel__component_1ltp1 {
+.side-panel__component_1ji8c.side-panel__component_1ji8c {
     position: fixed;
     flex: 1;
 }
 @media (display-mode: standalone) {
-.side-panel__content_1ltp1 {
+.side-panel__content_1ji8c {
         padding-top: var(--sat);
         padding-bottom: var(--sab)
 }
     }
-.side-panel__mobileContent_1ltp1 {
+.side-panel__mobileContent_1ji8c {
     display: flex;
     flex-direction: column;
     width: 100%;

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

@@ -1,24 +1,24 @@
 /* hash: 13ux9 */
-.side-panel__appear_avbc1,
-.side-panel__enter_avbc1 {
+.side-panel__appear_k43mg,
+.side-panel__enter_k43mg {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_avbc1,
-.side-panel__enterActive_avbc1 {
+.side-panel__appearActive_k43mg,
+.side-panel__enterActive_k43mg {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_avbc1 {
+.side-panel__exit_k43mg {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_avbc1,
-.side-panel__exitDone_avbc1 {
+.side-panel__exitActive_k43mg,
+.side-panel__exitDone_k43mg {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

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_1xnfs","animate":"skeleton__animate_1xnfs","background":"skeleton__background_1xnfs"};
+var defaultColors = {"component":"skeleton__component_1ai9e","animate":"skeleton__animate_1ai9e","background":"skeleton__background_1ai9e"};
 require('./default.css');
 
-var styles = {"component":"skeleton__component_1sh2g","allowBackdropBlur":"skeleton__allowBackdropBlur_1sh2g","borderRadius-0":"skeleton__borderRadius-0_1sh2g","borderRadius-2":"skeleton__borderRadius-2_1sh2g","borderRadius-4":"skeleton__borderRadius-4_1sh2g","borderRadius-6":"skeleton__borderRadius-6_1sh2g","borderRadius-10":"skeleton__borderRadius-10_1sh2g","borderRadius-12":"skeleton__borderRadius-12_1sh2g","borderRadius-16":"skeleton__borderRadius-16_1sh2g","borderRadius-20":"skeleton__borderRadius-20_1sh2g","borderRadius-24":"skeleton__borderRadius-24_1sh2g","borderRadius-32":"skeleton__borderRadius-32_1sh2g","borderRadius-36":"skeleton__borderRadius-36_1sh2g","borderRadius-64":"skeleton__borderRadius-64_1sh2g","borderRadius-pill":"skeleton__borderRadius-pill_1sh2g","animate":"skeleton__animate_1sh2g"};
+var styles = {"component":"skeleton__component_tzd9n","allowBackdropBlur":"skeleton__allowBackdropBlur_tzd9n","borderRadius-0":"skeleton__borderRadius-0_tzd9n","borderRadius-2":"skeleton__borderRadius-2_tzd9n","borderRadius-4":"skeleton__borderRadius-4_tzd9n","borderRadius-6":"skeleton__borderRadius-6_tzd9n","borderRadius-10":"skeleton__borderRadius-10_tzd9n","borderRadius-12":"skeleton__borderRadius-12_tzd9n","borderRadius-16":"skeleton__borderRadius-16_tzd9n","borderRadius-20":"skeleton__borderRadius-20_tzd9n","borderRadius-24":"skeleton__borderRadius-24_tzd9n","borderRadius-32":"skeleton__borderRadius-32_tzd9n","borderRadius-36":"skeleton__borderRadius-36_tzd9n","borderRadius-64":"skeleton__borderRadius-64_tzd9n","borderRadius-pill":"skeleton__borderRadius-pill_tzd9n","animate":"skeleton__animate_tzd9n"};
 require('./index.css');
 
-var invertedColors = {"component":"skeleton__component_oyaom","animate":"skeleton__animate_oyaom","background-inverted":"skeleton__background-inverted_oyaom"};
+var invertedColors = {"component":"skeleton__component_1t4bc","animate":"skeleton__animate_1t4bc","background-inverted":"skeleton__background-inverted_1t4bc"};
 require('./inverted.css');
 
 var colorStyles = {

package/skeleton/default.css

@@ -24,11 +24,11 @@
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root { /* deprecated */
     --skeleton-default-color: var(--color-light-neutral-translucent-100);
-} .skeleton__component_1xnfs {
+} .skeleton__component_1ai9e {
     background: var(--skeleton-default-color);
-} .skeleton__animate_1xnfs:before {
-    animation-name: skeleton__background_1xnfs;
-} @keyframes skeleton__background_1xnfs {
+} .skeleton__animate_1ai9e:before {
+    animation-name: skeleton__background_1ai9e;
+} @keyframes skeleton__background_1ai9e {
     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_1xnfs","animate":"skeleton__animate_1xnfs","background":"skeleton__background_1xnfs"};
+var defaultColors = {"component":"skeleton__component_1ai9e","animate":"skeleton__animate_1ai9e","background":"skeleton__background_1ai9e"};
 require('./default.css');
 
-var styles = {"component":"skeleton__component_1sh2g","allowBackdropBlur":"skeleton__allowBackdropBlur_1sh2g","borderRadius-0":"skeleton__borderRadius-0_1sh2g","borderRadius-2":"skeleton__borderRadius-2_1sh2g","borderRadius-4":"skeleton__borderRadius-4_1sh2g","borderRadius-6":"skeleton__borderRadius-6_1sh2g","borderRadius-10":"skeleton__borderRadius-10_1sh2g","borderRadius-12":"skeleton__borderRadius-12_1sh2g","borderRadius-16":"skeleton__borderRadius-16_1sh2g","borderRadius-20":"skeleton__borderRadius-20_1sh2g","borderRadius-24":"skeleton__borderRadius-24_1sh2g","borderRadius-32":"skeleton__borderRadius-32_1sh2g","borderRadius-36":"skeleton__borderRadius-36_1sh2g","borderRadius-64":"skeleton__borderRadius-64_1sh2g","borderRadius-pill":"skeleton__borderRadius-pill_1sh2g","animate":"skeleton__animate_1sh2g"};
+var styles = {"component":"skeleton__component_tzd9n","allowBackdropBlur":"skeleton__allowBackdropBlur_tzd9n","borderRadius-0":"skeleton__borderRadius-0_tzd9n","borderRadius-2":"skeleton__borderRadius-2_tzd9n","borderRadius-4":"skeleton__borderRadius-4_tzd9n","borderRadius-6":"skeleton__borderRadius-6_tzd9n","borderRadius-10":"skeleton__borderRadius-10_tzd9n","borderRadius-12":"skeleton__borderRadius-12_tzd9n","borderRadius-16":"skeleton__borderRadius-16_tzd9n","borderRadius-20":"skeleton__borderRadius-20_tzd9n","borderRadius-24":"skeleton__borderRadius-24_tzd9n","borderRadius-32":"skeleton__borderRadius-32_tzd9n","borderRadius-36":"skeleton__borderRadius-36_tzd9n","borderRadius-64":"skeleton__borderRadius-64_tzd9n","borderRadius-pill":"skeleton__borderRadius-pill_tzd9n","animate":"skeleton__animate_tzd9n"};
 require('./index.css');
 
-var invertedColors = {"component":"skeleton__component_oyaom","animate":"skeleton__animate_oyaom","background-inverted":"skeleton__background-inverted_oyaom"};
+var invertedColors = {"component":"skeleton__component_1t4bc","animate":"skeleton__animate_1t4bc","background-inverted":"skeleton__background-inverted_1t4bc"};
 require('./inverted.css');
 
 var colorStyles = {

package/skeleton/esm/default.css

@@ -24,11 +24,11 @@
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root { /* deprecated */
     --skeleton-default-color: var(--color-light-neutral-translucent-100);
-} .skeleton__component_1xnfs {
+} .skeleton__component_1ai9e {
     background: var(--skeleton-default-color);
-} .skeleton__animate_1xnfs:before {
-    animation-name: skeleton__background_1xnfs;
-} @keyframes skeleton__background_1xnfs {
+} .skeleton__animate_1ai9e:before {
+    animation-name: skeleton__background_1ai9e;
+} @keyframes skeleton__background_1ai9e {
     0% {
         background: var(--color-light-neutral-translucent-100);
     }

package/skeleton/esm/hooks/use-skeleton/use-skeleton.css

@@ -23,12 +23,12 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .skeleton__skeletonText_dvc6k.skeleton__skeletonText_dvc6k {
+} /* сбрасывает синюю подсветку при нажатии */ .skeleton__skeletonText_u7tja.skeleton__skeletonText_u7tja {
     border-radius: var(--border-radius-pill);
-} .skeleton__left_dvc6k > div {
+} .skeleton__left_u7tja > div {
     margin-right: auto;
-} .skeleton__center_dvc6k > div {
+} .skeleton__center_u7tja > div {
     margin: var(--gap-0) auto;
-} .skeleton__right_dvc6k > div {
+} .skeleton__right_u7tja > div {
     margin-left: auto;
 }

package/skeleton/esm/hooks/use-skeleton/use-skeleton.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { Skeleton } from '../../Component.js';
 
-var styles = {"skeletonText":"skeleton__skeletonText_dvc6k","left":"skeleton__left_dvc6k","center":"skeleton__center_dvc6k","right":"skeleton__right_dvc6k"};
+var styles = {"skeletonText":"skeleton__skeletonText_u7tja","left":"skeleton__left_u7tja","center":"skeleton__center_u7tja","right":"skeleton__right_u7tja"};
 require('./use-skeleton.css');
 
 function useSkeleton(showSkeleton, skeletonProps) {

package/skeleton/esm/index.css

@@ -49,7 +49,7 @@
     --skeleton-backdrop-filter: blur(20px);
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_1sh2g {
+} .skeleton__component_tzd9n {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -59,38 +59,38 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black)
-} .skeleton__component_1sh2g.skeleton__allowBackdropBlur_1sh2g {
+} .skeleton__component_tzd9n.skeleton__allowBackdropBlur_tzd9n {
         -webkit-backdrop-filter: var(--skeleton-backdrop-filter);
                 backdrop-filter: var(--skeleton-backdrop-filter);
-    } .skeleton__borderRadius-0_1sh2g {
+    } .skeleton__borderRadius-0_tzd9n {
         border-radius: var(--border-radius-0);
-    } .skeleton__borderRadius-2_1sh2g {
+    } .skeleton__borderRadius-2_tzd9n {
         border-radius: var(--border-radius-2);
-    } .skeleton__borderRadius-4_1sh2g {
+    } .skeleton__borderRadius-4_tzd9n {
         border-radius: var(--border-radius-4);
-    } .skeleton__borderRadius-6_1sh2g {
+    } .skeleton__borderRadius-6_tzd9n {
         border-radius: var(--border-radius-6);
-    } .skeleton__borderRadius-10_1sh2g {
+    } .skeleton__borderRadius-10_tzd9n {
         border-radius: var(--border-radius-10);
-    } .skeleton__borderRadius-12_1sh2g {
+    } .skeleton__borderRadius-12_tzd9n {
         border-radius: var(--border-radius-12);
-    } .skeleton__borderRadius-16_1sh2g {
+    } .skeleton__borderRadius-16_tzd9n {
         border-radius: var(--border-radius-16);
-    } .skeleton__borderRadius-20_1sh2g {
+    } .skeleton__borderRadius-20_tzd9n {
         border-radius: var(--border-radius-20);
-    } .skeleton__borderRadius-24_1sh2g {
+    } .skeleton__borderRadius-24_tzd9n {
         border-radius: var(--border-radius-24);
-    } .skeleton__borderRadius-32_1sh2g {
+    } .skeleton__borderRadius-32_tzd9n {
         border-radius: var(--border-radius-32);
-    } .skeleton__borderRadius-36_1sh2g {
+    } .skeleton__borderRadius-36_tzd9n {
         border-radius: var(--border-radius-36);
-    } .skeleton__borderRadius-64_1sh2g {
+    } .skeleton__borderRadius-64_tzd9n {
         border-radius: var(--border-radius-64);
-    } .skeleton__borderRadius-pill_1sh2g {
+    } .skeleton__borderRadius-pill_tzd9n {
         border-radius: var(--border-radius-pill);
-    } .skeleton__component_1sh2g > * {
+    } .skeleton__component_tzd9n > * {
     visibility: hidden;
-} .skeleton__component_1sh2g:before {
+} .skeleton__component_tzd9n:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -98,7 +98,7 @@
     right: var(--gap-0);
     bottom: var(--gap-0);
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_1sh2g:before {
+} .skeleton__animate_tzd9n:before {
     display: var(--skeleton-bg-animation-display);
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
@@ -107,7 +107,7 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_1sh2g:before {
+    .skeleton__animate_tzd9n:before {
         opacity: 0.4;
     }
 }

package/skeleton/esm/inverted.css

@@ -24,11 +24,11 @@
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root { /* deprecated */
     --skeleton-inverted-default-color: var(--color-light-neutral-translucent-100-inverted);
-} .skeleton__component_oyaom {
+} .skeleton__component_1t4bc {
     background: var(--skeleton-inverted-default-color);
-} .skeleton__animate_oyaom:before {
-    animation-name: skeleton__background-inverted_oyaom;
-} @keyframes skeleton__background-inverted_oyaom {
+} .skeleton__animate_1t4bc:before {
+    animation-name: skeleton__background-inverted_1t4bc;
+} @keyframes skeleton__background-inverted_1t4bc {
     0% {
         background: var(--color-light-neutral-translucent-100-inverted);
     }

package/skeleton/hooks/use-skeleton/use-skeleton.css

@@ -23,12 +23,12 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .skeleton__skeletonText_dvc6k.skeleton__skeletonText_dvc6k {
+} /* сбрасывает синюю подсветку при нажатии */ .skeleton__skeletonText_u7tja.skeleton__skeletonText_u7tja {
     border-radius: var(--border-radius-pill);
-} .skeleton__left_dvc6k > div {
+} .skeleton__left_u7tja > div {
     margin-right: auto;
-} .skeleton__center_dvc6k > div {
+} .skeleton__center_u7tja > div {
     margin: var(--gap-0) auto;
-} .skeleton__right_dvc6k > div {
+} .skeleton__right_u7tja > div {
     margin-left: auto;
 }

package/skeleton/hooks/use-skeleton/use-skeleton.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"skeletonText":"skeleton__skeletonText_dvc6k","left":"skeleton__left_dvc6k","center":"skeleton__center_dvc6k","right":"skeleton__right_dvc6k"};
+var styles = {"skeletonText":"skeleton__skeletonText_u7tja","left":"skeleton__left_u7tja","center":"skeleton__center_u7tja","right":"skeleton__right_u7tja"};
 require('./use-skeleton.css');
 
 function useSkeleton(showSkeleton, skeletonProps) {

package/skeleton/index.css

@@ -49,7 +49,7 @@
     --skeleton-backdrop-filter: blur(20px);
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_1sh2g {
+} .skeleton__component_tzd9n {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -59,38 +59,38 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black)
-} .skeleton__component_1sh2g.skeleton__allowBackdropBlur_1sh2g {
+} .skeleton__component_tzd9n.skeleton__allowBackdropBlur_tzd9n {
         -webkit-backdrop-filter: var(--skeleton-backdrop-filter);
                 backdrop-filter: var(--skeleton-backdrop-filter);
-    } .skeleton__borderRadius-0_1sh2g {
+    } .skeleton__borderRadius-0_tzd9n {
         border-radius: var(--border-radius-0);
-    } .skeleton__borderRadius-2_1sh2g {
+    } .skeleton__borderRadius-2_tzd9n {
         border-radius: var(--border-radius-2);
-    } .skeleton__borderRadius-4_1sh2g {
+    } .skeleton__borderRadius-4_tzd9n {
         border-radius: var(--border-radius-4);
-    } .skeleton__borderRadius-6_1sh2g {
+    } .skeleton__borderRadius-6_tzd9n {
         border-radius: var(--border-radius-6);
-    } .skeleton__borderRadius-10_1sh2g {
+    } .skeleton__borderRadius-10_tzd9n {
         border-radius: var(--border-radius-10);
-    } .skeleton__borderRadius-12_1sh2g {
+    } .skeleton__borderRadius-12_tzd9n {
         border-radius: var(--border-radius-12);
-    } .skeleton__borderRadius-16_1sh2g {
+    } .skeleton__borderRadius-16_tzd9n {
         border-radius: var(--border-radius-16);
-    } .skeleton__borderRadius-20_1sh2g {
+    } .skeleton__borderRadius-20_tzd9n {
         border-radius: var(--border-radius-20);
-    } .skeleton__borderRadius-24_1sh2g {
+    } .skeleton__borderRadius-24_tzd9n {
         border-radius: var(--border-radius-24);
-    } .skeleton__borderRadius-32_1sh2g {
+    } .skeleton__borderRadius-32_tzd9n {
         border-radius: var(--border-radius-32);
-    } .skeleton__borderRadius-36_1sh2g {
+    } .skeleton__borderRadius-36_tzd9n {
         border-radius: var(--border-radius-36);
-    } .skeleton__borderRadius-64_1sh2g {
+    } .skeleton__borderRadius-64_tzd9n {
         border-radius: var(--border-radius-64);
-    } .skeleton__borderRadius-pill_1sh2g {
+    } .skeleton__borderRadius-pill_tzd9n {
         border-radius: var(--border-radius-pill);
-    } .skeleton__component_1sh2g > * {
+    } .skeleton__component_tzd9n > * {
     visibility: hidden;
-} .skeleton__component_1sh2g:before {
+} .skeleton__component_tzd9n:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -98,7 +98,7 @@
     right: var(--gap-0);
     bottom: var(--gap-0);
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_1sh2g:before {
+} .skeleton__animate_tzd9n:before {
     display: var(--skeleton-bg-animation-display);
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
@@ -107,7 +107,7 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_1sh2g:before {
+    .skeleton__animate_tzd9n:before {
         opacity: 0.4;
     }
 }

package/skeleton/inverted.css

@@ -24,11 +24,11 @@
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root { /* deprecated */
     --skeleton-inverted-default-color: var(--color-light-neutral-translucent-100-inverted);
-} .skeleton__component_oyaom {
+} .skeleton__component_1t4bc {
     background: var(--skeleton-inverted-default-color);
-} .skeleton__animate_oyaom:before {
-    animation-name: skeleton__background-inverted_oyaom;
-} @keyframes skeleton__background-inverted_oyaom {
+} .skeleton__animate_1t4bc:before {
+    animation-name: skeleton__background-inverted_1t4bc;
+} @keyframes skeleton__background-inverted_1t4bc {
     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_1xnfs","animate":"skeleton__animate_1xnfs","background":"skeleton__background_1xnfs"};
+const defaultColors = {"component":"skeleton__component_1ai9e","animate":"skeleton__animate_1ai9e","background":"skeleton__background_1ai9e"};
 require('./default.css');
 
-const styles = {"component":"skeleton__component_1sh2g","allowBackdropBlur":"skeleton__allowBackdropBlur_1sh2g","borderRadius-0":"skeleton__borderRadius-0_1sh2g","borderRadius-2":"skeleton__borderRadius-2_1sh2g","borderRadius-4":"skeleton__borderRadius-4_1sh2g","borderRadius-6":"skeleton__borderRadius-6_1sh2g","borderRadius-10":"skeleton__borderRadius-10_1sh2g","borderRadius-12":"skeleton__borderRadius-12_1sh2g","borderRadius-16":"skeleton__borderRadius-16_1sh2g","borderRadius-20":"skeleton__borderRadius-20_1sh2g","borderRadius-24":"skeleton__borderRadius-24_1sh2g","borderRadius-32":"skeleton__borderRadius-32_1sh2g","borderRadius-36":"skeleton__borderRadius-36_1sh2g","borderRadius-64":"skeleton__borderRadius-64_1sh2g","borderRadius-pill":"skeleton__borderRadius-pill_1sh2g","animate":"skeleton__animate_1sh2g"};
+const styles = {"component":"skeleton__component_tzd9n","allowBackdropBlur":"skeleton__allowBackdropBlur_tzd9n","borderRadius-0":"skeleton__borderRadius-0_tzd9n","borderRadius-2":"skeleton__borderRadius-2_tzd9n","borderRadius-4":"skeleton__borderRadius-4_tzd9n","borderRadius-6":"skeleton__borderRadius-6_tzd9n","borderRadius-10":"skeleton__borderRadius-10_tzd9n","borderRadius-12":"skeleton__borderRadius-12_tzd9n","borderRadius-16":"skeleton__borderRadius-16_tzd9n","borderRadius-20":"skeleton__borderRadius-20_tzd9n","borderRadius-24":"skeleton__borderRadius-24_tzd9n","borderRadius-32":"skeleton__borderRadius-32_tzd9n","borderRadius-36":"skeleton__borderRadius-36_tzd9n","borderRadius-64":"skeleton__borderRadius-64_tzd9n","borderRadius-pill":"skeleton__borderRadius-pill_tzd9n","animate":"skeleton__animate_tzd9n"};
 require('./index.css');
 
-const invertedColors = {"component":"skeleton__component_oyaom","animate":"skeleton__animate_oyaom","background-inverted":"skeleton__background-inverted_oyaom"};
+const invertedColors = {"component":"skeleton__component_1t4bc","animate":"skeleton__animate_1t4bc","background-inverted":"skeleton__background-inverted_1t4bc"};
 require('./inverted.css');
 
 const colorStyles = {