@alfalab/core-components 42.3.1 → 42.4.0

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

@@ -10,10 +10,10 @@ import './components/footer/Component.js';
 import '../../navigation-bar/modern';
 import './Context.js';
 
-const styles = {"component":"side-panel__component_110lh","mobileContent":"side-panel__mobileContent_110lh"};
+const styles = {"component":"side-panel__component_1kqxs","mobileContent":"side-panel__mobileContent_1kqxs"};
 require('./mobile.css');
 
-const transitions = {"appear":"side-panel__appear_1f88o","enter":"side-panel__enter_1f88o","appearActive":"side-panel__appearActive_1f88o","enterActive":"side-panel__enterActive_1f88o","exit":"side-panel__exit_1f88o","exitActive":"side-panel__exitActive_1f88o","exitDone":"side-panel__exitDone_1f88o"};
+const transitions = {"appear":"side-panel__appear_1g2ao","enter":"side-panel__enter_1g2ao","appearActive":"side-panel__appearActive_1g2ao","enterActive":"side-panel__enterActive_1g2ao","exit":"side-panel__exit_1g2ao","exitActive":"side-panel__exitActive_1g2ao","exitDone":"side-panel__exitDone_1g2ao"};
 require('./transitions.mobile.css');
 
 const contextValue = { size: 's', view: 'mobile' };

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

@@ -4,7 +4,7 @@ import { Content } from './Component.js';
 import '../../../../base-modal/modern';
 import '../../Context.js';
 
-const styles = {"s":"side-panel__s_twdcg"};
+const styles = {"s":"side-panel__s_a611b"};
 require('./desktop.css');
 
 const ContentDesktop = ({ size = 's', className, ...restProps }) => React.createElement(Content, { className: cn(className, size && styles[size]), ...restProps });

package/side-panel/modern/components/content/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { ModalContext } from '../../Context.js';
 import '../../../../base-modal/modern';
 
-const styles = {"content":"side-panel__content_1jhbm","withHeader":"side-panel__withHeader_1jhbm","flex":"side-panel__flex_1jhbm"};
+const styles = {"content":"side-panel__content_zqzbe","withHeader":"side-panel__withHeader_zqzbe","flex":"side-panel__flex_zqzbe"};
 require('./index.css');
 
 const Content = ({ children, className, dataTestId }) => {

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

@@ -4,7 +4,7 @@ import { Content } from './Component.js';
 import '../../../../base-modal/modern';
 import '../../Context.js';
 
-const styles = {"content":"side-panel__content_9uiza"};
+const styles = {"content":"side-panel__content_oqpn0"};
 require('./mobile.css');
 
 const ContentMobile = ({ className, ...restProps }) => (React.createElement(Content, { className: cn(className, styles.content), ...restProps }));

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

@@ -30,8 +30,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__s_twdcg {
+} .side-panel__s_a611b {
     padding: var(--side-panel-s-content-paddings)
-} .side-panel__s_twdcg:last-child {
+} .side-panel__s_a611b:last-child {
         padding-bottom: var(--gap-2xl);
     }

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

@@ -27,13 +27,13 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_1jhbm {
+} .side-panel__content_zqzbe {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .side-panel__content_1jhbm.side-panel__withHeader_1jhbm {
+} .side-panel__content_zqzbe.side-panel__withHeader_zqzbe {
         padding-top: 0;
-    } .side-panel__flex_1jhbm {
+    } .side-panel__flex_zqzbe {
     flex: 1 1 auto;
 }

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

@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_9uiza {
+} .side-panel__content_oqpn0 {
     padding: var(--gap-m) var(--gap-m) 0
-} .side-panel__content_9uiza:last-child {
+} .side-panel__content_oqpn0:last-child {
         padding-bottom: var(--gap-m);
     }

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

@@ -4,7 +4,7 @@ import { Footer } from './Component.js';
 import '../../../../base-modal/modern';
 import '../../Context.js';
 
-const styles = {"sticky":"side-panel__sticky_1t1vs","s":"side-panel__s_1t1vs"};
+const styles = {"sticky":"side-panel__sticky_1s7ts","s":"side-panel__s_1s7ts"};
 require('./desktop.css');
 
 const FooterDesktop = ({ size = 's', className, sticky, ...restProps }) => (React.createElement(Footer, { className: cn(className, size && styles[size], {

package/side-panel/modern/components/footer/Component.js

@@ -3,10 +3,10 @@ import cn from 'classnames';
 import { ModalContext } from '../../Context.js';
 import '../../../../base-modal/modern';
 
-const styles = {"footer":"side-panel__footer_tx7nd","sticky":"side-panel__sticky_tx7nd","highlighted":"side-panel__highlighted_tx7nd"};
+const styles = {"footer":"side-panel__footer_t35nl","sticky":"side-panel__sticky_t35nl","highlighted":"side-panel__highlighted_t35nl"};
 require('./index.css');
 
-const layoutStyles = {"column":"side-panel__column_uel5e","gap-16":"side-panel__gap-16_uel5e","gap-24":"side-panel__gap-24_uel5e","gap-32":"side-panel__gap-32_uel5e","start":"side-panel__start_uel5e","center":"side-panel__center_uel5e","space-between":"side-panel__space-between_uel5e"};
+const layoutStyles = {"column":"side-panel__column_tkj5m","gap-16":"side-panel__gap-16_tkj5m","gap-24":"side-panel__gap-24_tkj5m","gap-32":"side-panel__gap-32_tkj5m","start":"side-panel__start_tkj5m","center":"side-panel__center_tkj5m","space-between":"side-panel__space-between_tkj5m"};
 require('./layout.css');
 
 const Footer = ({ children, className, sticky, layout = 'start', gap, dataTestId, }) => {

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

@@ -4,7 +4,7 @@ import { Footer } from './Component.js';
 import '../../../../base-modal/modern';
 import '../../Context.js';
 
-const styles = {"footer":"side-panel__footer_80m8v","sticky":"side-panel__sticky_80m8v","column":"side-panel__column_80m8v"};
+const styles = {"footer":"side-panel__footer_z8pfr","sticky":"side-panel__sticky_z8pfr","column":"side-panel__column_z8pfr"};
 require('./mobile.css');
 
 const FooterMobile = ({ className, sticky, layout = 'start', ...restProps }) => (React.createElement(Footer, { className: cn(className, styles.footer, styles[layout], {

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

@@ -30,8 +30,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__sticky_1t1vs {
+} .side-panel__sticky_1s7ts {
     bottom: 0;
-} .side-panel__s_1t1vs {
+} .side-panel__s_1s7ts {
     padding: var(--side-panel-s-footer-paddings);
 }

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

@@ -32,15 +32,15 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__footer_tx7nd {
+} .side-panel__footer_t35nl {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .side-panel__sticky_tx7nd {
+} .side-panel__sticky_t35nl {
     background: var(--side-panel-footer-background);
     position: sticky;
     z-index: 1;
-} .side-panel__highlighted_tx7nd {
+} .side-panel__highlighted_t35nl {
     background: var(--side-panel-footer-highlight-background);
     box-shadow: var(--side-panel-footer-highlight-box-shadow);
 }

package/side-panel/modern/components/footer/layout.css

@@ -31,45 +31,45 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__column_uel5e {
+} .side-panel__column_tkj5m {
     display: flex;
     flex-direction: column
-} .side-panel__column_uel5e > * {
+} .side-panel__column_tkj5m > * {
         margin-bottom: var(--side-panel-footer-default-gap);
-    } .side-panel__column_uel5e > *:last-child,
-    .side-panel__column_uel5e > *:only-child {
+    } .side-panel__column_tkj5m > *:last-child,
+    .side-panel__column_tkj5m > *:only-child {
         margin-bottom: 0;
-    } .side-panel__column_uel5e.side-panel__gap-16_uel5e > * {
+    } .side-panel__column_tkj5m.side-panel__gap-16_tkj5m > * {
         margin-bottom: var(--gap-m);
-    } .side-panel__column_uel5e.side-panel__gap-24_uel5e > * {
+    } .side-panel__column_tkj5m.side-panel__gap-24_tkj5m > * {
         margin-bottom: var(--gap-xl);
-    } .side-panel__column_uel5e.side-panel__gap-32_uel5e > * {
+    } .side-panel__column_tkj5m.side-panel__gap-32_tkj5m > * {
         margin-bottom: var(--gap-2xl);
-    } .side-panel__start_uel5e {
+    } .side-panel__start_tkj5m {
     justify-content: flex-start;
-} .side-panel__center_uel5e {
+} .side-panel__center_tkj5m {
     justify-content: center;
-} .side-panel__space-between_uel5e {
+} .side-panel__space-between_tkj5m {
     justify-content: space-between
-} .side-panel__space-between_uel5e > * {
+} .side-panel__space-between_tkj5m > * {
         flex: 1;
-    } .side-panel__start_uel5e,
-.side-panel__center_uel5e,
-.side-panel__space-between_uel5e {
+    } .side-panel__start_tkj5m,
+.side-panel__center_tkj5m,
+.side-panel__space-between_tkj5m {
     display: flex
-} .side-panel__start_uel5e > *, .side-panel__center_uel5e > *, .side-panel__space-between_uel5e > * {
+} .side-panel__start_tkj5m > *, .side-panel__center_tkj5m > *, .side-panel__space-between_tkj5m > * {
         margin-right: var(--side-panel-footer-default-gap);
-    } .side-panel__start_uel5e > *:last-child,
-    .side-panel__start_uel5e > *:only-child,
-    .side-panel__center_uel5e > *:last-child,
-    .side-panel__center_uel5e > *:only-child,
-    .side-panel__space-between_uel5e > *:last-child,
-    .side-panel__space-between_uel5e > *:only-child {
+    } .side-panel__start_tkj5m > *:last-child,
+    .side-panel__start_tkj5m > *:only-child,
+    .side-panel__center_tkj5m > *:last-child,
+    .side-panel__center_tkj5m > *:only-child,
+    .side-panel__space-between_tkj5m > *:last-child,
+    .side-panel__space-between_tkj5m > *:only-child {
         margin-right: 0;
-    } .side-panel__start_uel5e.side-panel__gap-16_uel5e > *, .side-panel__center_uel5e.side-panel__gap-16_uel5e > *, .side-panel__space-between_uel5e.side-panel__gap-16_uel5e > * {
+    } .side-panel__start_tkj5m.side-panel__gap-16_tkj5m > *, .side-panel__center_tkj5m.side-panel__gap-16_tkj5m > *, .side-panel__space-between_tkj5m.side-panel__gap-16_tkj5m > * {
         margin-right: var(--gap-m);
-    } .side-panel__start_uel5e.side-panel__gap-24_uel5e > *, .side-panel__center_uel5e.side-panel__gap-24_uel5e > *, .side-panel__space-between_uel5e.side-panel__gap-24_uel5e > * {
+    } .side-panel__start_tkj5m.side-panel__gap-24_tkj5m > *, .side-panel__center_tkj5m.side-panel__gap-24_tkj5m > *, .side-panel__space-between_tkj5m.side-panel__gap-24_tkj5m > * {
         margin-right: var(--gap-xl);
-    } .side-panel__start_uel5e.side-panel__gap-32_uel5e > *, .side-panel__center_uel5e.side-panel__gap-32_uel5e > *, .side-panel__space-between_uel5e.side-panel__gap-32_uel5e > * {
+    } .side-panel__start_tkj5m.side-panel__gap-32_tkj5m > *, .side-panel__center_tkj5m.side-panel__gap-32_tkj5m > *, .side-panel__space-between_tkj5m.side-panel__gap-32_tkj5m > * {
         margin-right: var(--gap-2xl);
     }

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

@@ -29,16 +29,16 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__footer_80m8v {
+} .side-panel__footer_z8pfr {
     padding: var(--gap-m);
-} .side-panel__sticky_80m8v {
+} .side-panel__sticky_z8pfr {
     bottom: 0;
-} .side-panel__column_80m8v {
+} .side-panel__column_z8pfr {
     flex-direction: column-reverse
-} .side-panel__column_80m8v > * {
+} .side-panel__column_z8pfr > * {
         margin-bottom: 0;
-    } .side-panel__column_80m8v > *:last-child {
+    } .side-panel__column_z8pfr > *:last-child {
         margin-bottom: var(--side-panel-footer-default-gap);
-    } .side-panel__column_80m8v > *:only-child {
+    } .side-panel__column_z8pfr > *:only-child {
         margin-bottom: 0;
     }

package/side-panel/modern/components/header/Component.js

@@ -5,13 +5,13 @@ import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
 import '../../../../base-modal/modern';
 
-const desktopStyles = {"content":"side-panel__content_1pbhz","s":"side-panel__s_1pbhz","sticky":"side-panel__sticky_1pbhz"};
+const desktopStyles = {"content":"side-panel__content_1ohg0","s":"side-panel__s_1ohg0","sticky":"side-panel__sticky_1ohg0"};
 require('./desktop.css');
 
-const styles = {"header":"side-panel__header_rz4yt","hasContent":"side-panel__hasContent_rz4yt","highlighted":"side-panel__highlighted_rz4yt","sticky":"side-panel__sticky_rz4yt","backgroundImage":"side-panel__backgroundImage_rz4yt","content":"side-panel__content_rz4yt","title":"side-panel__title_rz4yt","addon":"side-panel__addon_rz4yt","closer":"side-panel__closer_rz4yt","right":"side-panel__right_rz4yt","trim":"side-panel__trim_rz4yt"};
+const styles = {"header":"side-panel__header_r52z1","hasContent":"side-panel__hasContent_r52z1","highlighted":"side-panel__highlighted_r52z1","sticky":"side-panel__sticky_r52z1","backgroundImage":"side-panel__backgroundImage_r52z1","content":"side-panel__content_r52z1","title":"side-panel__title_r52z1","addon":"side-panel__addon_r52z1","closer":"side-panel__closer_r52z1","right":"side-panel__right_r52z1","trim":"side-panel__trim_r52z1"};
 require('./index.css');
 
-const mobileStyles = {"header":"side-panel__header_f9whf","sticky":"side-panel__sticky_f9whf","content":"side-panel__content_f9whf"};
+const mobileStyles = {"header":"side-panel__header_b9sts","sticky":"side-panel__sticky_b9sts","content":"side-panel__content_b9sts"};
 require('./mobile.css');
 
 const Header = ({ className, children, contentClassName, title, sticky, hasCloser = true, ...restProps }) => {

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

@@ -37,15 +37,15 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_1pbhz {
+} .side-panel__content_1ohg0 {
     font-weight: var(--side-panel-header-desktop-font-weight);
     font-family: var(--side-panel-header-desktop-font-family);
-} .side-panel__s_1pbhz .side-panel__content_1pbhz {
+} .side-panel__s_1ohg0 .side-panel__content_1ohg0 {
     padding: var(--side-panel-s-header-desktop-content-paddings);
     font-size: var(--side-panel-s-header-desktop-font-size);
     line-height: var(--side-panel-s-header-desktop-line-height);
-} .side-panel__s_1pbhz {
+} .side-panel__s_1ohg0 {
     padding: var(--side-panel-s-header-paddings);
-} .side-panel__sticky_1pbhz {
+} .side-panel__sticky_1ohg0 {
     top: 0;
 }

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

@@ -32,42 +32,42 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__header_rz4yt {
+} .side-panel__header_r52z1 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .side-panel__header_rz4yt:not(.side-panel__hasContent_rz4yt) {
+} .side-panel__header_r52z1:not(.side-panel__hasContent_r52z1) {
         pointer-events: none;
-    } .side-panel__highlighted_rz4yt {
+    } .side-panel__highlighted_r52z1 {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
-} .side-panel__sticky_rz4yt {
+} .side-panel__sticky_r52z1 {
     position: sticky;
     z-index: 1
-} .side-panel__sticky_rz4yt.side-panel__hasContent_rz4yt {
+} .side-panel__sticky_r52z1.side-panel__hasContent_r52z1 {
         background: var(--side-panel-header-background);
-    } .side-panel__header_rz4yt.side-panel__backgroundImage_rz4yt {
+    } .side-panel__header_r52z1.side-panel__backgroundImage_r52z1 {
     background: center no-repeat;
     background-size: cover;
-} .side-panel__content_rz4yt {
+} .side-panel__content_r52z1 {
     flex-grow: 1;
-} .side-panel__title_rz4yt {
+} .side-panel__title_r52z1 {
     word-break: break-word;
-} .side-panel__addon_rz4yt {
+} .side-panel__addon_r52z1 {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .side-panel__closer_rz4yt {
+} .side-panel__closer_r52z1 {
     margin-left: auto;
-} .side-panel__right_rz4yt {
+} .side-panel__right_r52z1 {
     justify-content: flex-end;
     text-align: right;
-} .side-panel__trim_rz4yt {
+} .side-panel__trim_r52z1 {
     overflow: hidden
-} .side-panel__trim_rz4yt .side-panel__title_rz4yt {
+} .side-panel__trim_r52z1 .side-panel__title_r52z1 {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

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

@@ -38,11 +38,11 @@
 
     /* paddings */
     --side-panel-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
-} .side-panel__header_f9whf {
+} .side-panel__header_b9sts {
     padding: var(--side-panel-header-mobile-paddings);
-} .side-panel__sticky_f9whf {
+} .side-panel__sticky_b9sts {
     top: 0;
-} .side-panel__content_f9whf {
+} .side-panel__content_b9sts {
     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.css

@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__s_jrw72.side-panel__s_jrw72 {
+} .side-panel__s_nrzup.side-panel__s_nrzup {
     width: var(--side-panel-s-width);
-} .side-panel__hidden_jrw72 {
+} .side-panel__hidden_nrzup {
     overflow-x: hidden;
 }

package/side-panel/modern/mobile.css

@@ -27,17 +27,17 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__component_110lh {
+} .side-panel__component_1kqxs {
     top: 0;
     height: 100%;
     width: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     max-width: 600px;
-} .side-panel__component_110lh.side-panel__component_110lh {
+} .side-panel__component_1kqxs.side-panel__component_1kqxs {
     position: fixed;
     flex: 1;
-} .side-panel__mobileContent_110lh {
+} .side-panel__mobileContent_1kqxs {
     display: flex;
     flex-direction: column;
     width: 100%;

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

@@ -1,32 +1,32 @@
 /* hash: 1t0uj */
-.side-panel__enterRight_5ufef {
+.side-panel__enterRight_1pzcs {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_5ufef {
+.side-panel__enterLeft_1pzcs {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_5ufef {
+.side-panel__enterActive_1pzcs {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_5ufef {
+.side-panel__exit_1pzcs {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_5ufef {
+.side-panel__exitActiveRight_1pzcs {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_5ufef {
+.side-panel__exitActiveLeft_1pzcs {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

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

@@ -1,24 +1,24 @@
 /* hash: uxi17 */
-.side-panel__appear_1f88o,
-.side-panel__enter_1f88o {
+.side-panel__appear_1g2ao,
+.side-panel__enter_1g2ao {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_1f88o,
-.side-panel__enterActive_1f88o {
+.side-panel__appearActive_1g2ao,
+.side-panel__enterActive_1g2ao {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1f88o {
+.side-panel__exit_1g2ao {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_1f88o,
-.side-panel__exitDone_1f88o {
+.side-panel__exitActive_1g2ao,
+.side-panel__exitDone_1g2ao {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/side-panel/transitions.desktop.css

@@ -1,32 +1,32 @@
 /* hash: 1t0uj */
-.side-panel__enterRight_5ufef {
+.side-panel__enterRight_1pzcs {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_5ufef {
+.side-panel__enterLeft_1pzcs {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_5ufef {
+.side-panel__enterActive_1pzcs {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_5ufef {
+.side-panel__exit_1pzcs {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_5ufef {
+.side-panel__exitActiveRight_1pzcs {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_5ufef {
+.side-panel__exitActiveLeft_1pzcs {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/side-panel/transitions.mobile.css

@@ -1,24 +1,24 @@
 /* hash: uxi17 */
-.side-panel__appear_1f88o,
-.side-panel__enter_1f88o {
+.side-panel__appear_1g2ao,
+.side-panel__enter_1g2ao {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_1f88o,
-.side-panel__enterActive_1f88o {
+.side-panel__appearActive_1g2ao,
+.side-panel__enterActive_1g2ao {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1f88o {
+.side-panel__exit_1g2ao {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_1f88o,
-.side-panel__exitDone_1f88o {
+.side-panel__exitActive_1g2ao,
+.side-panel__exitDone_1g2ao {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/skeleton/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"skeleton__component_1eoft","animate":"skeleton__animate_1eoft","background":"skeleton__background_1eoft","gradient":"skeleton__gradient_1eoft"};
+var styles = {"component":"skeleton__component_1h4m4","animate":"skeleton__animate_1h4m4","background":"skeleton__background_1h4m4","gradient":"skeleton__gradient_1h4m4"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"skeleton__component_1eoft","animate":"skeleton__animate_1eoft","background":"skeleton__background_1eoft","gradient":"skeleton__gradient_1eoft"};
+var styles = {"component":"skeleton__component_1h4m4","animate":"skeleton__animate_1h4m4","background":"skeleton__background_1h4m4","gradient":"skeleton__gradient_1h4m4"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/esm/index.css

@@ -26,7 +26,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_1eoft {
+} .skeleton__component_1h4m4 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -39,9 +39,9 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
-} .skeleton__component_1eoft > * {
+} .skeleton__component_1h4m4 > * {
     visibility: hidden;
-} .skeleton__component_1eoft:before {
+} .skeleton__component_1h4m4:before {
     content: '';
     position: absolute;
     top: 0;
@@ -49,9 +49,9 @@
     right: 0;
     bottom: 0;
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_1eoft:before {
+} .skeleton__animate_1h4m4:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_1eoft;
+    animation-name: skeleton__background_1h4m4;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -59,10 +59,10 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_1eoft:before {
+    .skeleton__animate_1h4m4:before {
         opacity: 0.4;
     }
-} .skeleton__animate_1eoft:after {
+} .skeleton__animate_1h4m4:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -71,7 +71,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_1eoft;
+    animation-name: skeleton__gradient_1h4m4;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
         rgba(0, 0, 0, 0) 60%,
         rgba(0, 0, 0, 0)
     );
-} @keyframes skeleton__gradient_1eoft {
+} @keyframes skeleton__gradient_1h4m4 {
     0% {
         transform: translateX(-80%);
     }
@@ -93,7 +93,7 @@
     100% {
         transform: translateX(0);
     }
-} @keyframes skeleton__background_1eoft {
+} @keyframes skeleton__background_1h4m4 {
     0% {
         background: rgb(182, 188, 195);
     }