@alfalab/core-components-side-panel 2.5.3 → 2.5.4

package/modern/components/header/index.css

@@ -1,16 +1,21 @@
-/* hash: jvdci */
+/* hash: 5y0wb */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --side-panel-header-background: var(--color-light-bg-primary);
 
     /* sizes */
@@ -24,66 +29,51 @@
     /* desktop */
 
     /* mobile */
-}
-.side-panel__header_1via4 {
+} .side-panel__header_9eiwa {
     width: 100%;
     box-sizing: border-box;
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     transition: box-shadow 0.2s ease, background 0.2s ease
-}
-.side-panel__header_1via4:not(.side-panel__hasContent_1via4) {
+} .side-panel__header_9eiwa:not(.side-panel__hasContent_9eiwa) {
         pointer-events: none;
-    }
-.side-panel__highlighted_1via4 {
+    } .side-panel__highlighted_9eiwa {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
-}
-.side-panel__sticky_1via4 {
+} .side-panel__sticky_9eiwa {
     position: sticky;
     z-index: 1
-}
-.side-panel__sticky_1via4.side-panel__hasContent_1via4 {
+} .side-panel__sticky_9eiwa.side-panel__hasContent_9eiwa {
         background: var(--side-panel-header-background);
-    }
-.side-panel__header_1via4.side-panel__backgroundImage_1via4 {
+    } .side-panel__header_9eiwa.side-panel__backgroundImage_9eiwa {
     background: center no-repeat;
     background-size: cover;
-}
-.side-panel__content_1via4 {
+} .side-panel__content_9eiwa {
     flex-grow: 1;
-}
-.side-panel__title_1via4 {
+} .side-panel__title_9eiwa {
     word-break: break-word;
-}
-.side-panel__addon_1via4 {
+} .side-panel__addon_9eiwa {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-}
-.side-panel__closer_1via4 {
+} .side-panel__closer_9eiwa {
     margin-left: auto;
-}
-.side-panel__left_1via4 {
+} .side-panel__left_9eiwa {
     justify-content: flex-start;
     text-align: left;
-}
-.side-panel__center_1via4 {
+} .side-panel__center_9eiwa {
     justify-content: center;
     text-align: center;
-}
-.side-panel__right_1via4 {
+} .side-panel__right_9eiwa {
     justify-content: flex-end;
     text-align: right;
-}
-.side-panel__trim_1via4 {
+} .side-panel__trim_9eiwa {
     overflow: hidden
-}
-.side-panel__trim_1via4 .side-panel__title_1via4 {
+} .side-panel__trim_9eiwa .side-panel__title_9eiwa {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/modern/components/header/mobile.css

@@ -1,22 +1,25 @@
-/* hash: 1cnxb */
+/* hash: 5q3om */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -33,11 +36,9 @@
     --side-panel-header-mobile-line-height: 24px;
     --side-panel-header-mobile-font-family: var(--font-family-system);
     --side-panel-header-mobile-font-weight: bold;
-}
-.side-panel__sticky_18zx5 {
+} .side-panel__sticky_19v5l {
     top: 0;
-}
-.side-panel__content_18zx5 {
+} .side-panel__content_19v5l {
     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/modern/desktop.css

@@ -1,13 +1,20 @@
-/* hash: 13r3h */
+/* hash: bnt2b */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
     --side-panel-s-width: 500px;
@@ -19,10 +26,8 @@
     /* desktop */
 
     /* mobile */
-}
-.side-panel__s_5fjgk {
+} .side-panel__s_1jd76 {
     width: var(--side-panel-s-width);
-}
-.side-panel__hidden_5fjgk {
+} .side-panel__hidden_1jd76 {
     overflow-x: hidden;
 }

package/modern/mobile.css

@@ -1,13 +1,20 @@
-/* hash: 1kpnb */
+/* hash: 110lb */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -18,8 +25,7 @@
     /* desktop */
 
     /* mobile */
-}
-.side-panel__component_1fdcz {
+} .side-panel__component_1t6d7 {
     flex: 1;
     width: 100%;
 }

package/modern/transitions.desktop.css

@@ -1,32 +1,32 @@
-/* hash: 1eivj */
-.side-panel__enterRight_1qrdo {
+/* hash: 1260a */
+.side-panel__enterRight_1ma8x {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_1qrdo {
+.side-panel__enterLeft_1ma8x {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_1qrdo {
+.side-panel__enterActive_1ma8x {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1qrdo {
+.side-panel__exit_1ma8x {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_1qrdo {
+.side-panel__exitActiveRight_1ma8x {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_1qrdo {
+.side-panel__exitActiveLeft_1ma8x {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/modern/transitions.mobile.css

@@ -1,24 +1,24 @@
-/* hash: fo2s9 */
-.side-panel__appear_fzzmd,
-.side-panel__enter_fzzmd {
+/* hash: 1f9po */
+.side-panel__appear_32msf,
+.side-panel__enter_32msf {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_fzzmd,
-.side-panel__enterActive_fzzmd {
+.side-panel__appearActive_32msf,
+.side-panel__enterActive_32msf {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_fzzmd {
+.side-panel__exit_32msf {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_fzzmd,
-.side-panel__exitDone_fzzmd {
+.side-panel__exitActive_32msf,
+.side-panel__exitDone_32msf {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-side-panel",
-    "version": "2.5.3",
+    "version": "2.5.4",
     "description": "SidePanel component",
     "keywords": [],
     "license": "MIT",
@@ -17,9 +17,9 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^5.0.7",
+        "@alfalab/core-components-base-modal": "^5.0.8",
         "@alfalab/core-components-button": "^7.0.3",
-        "@alfalab/core-components-drawer": "^4.2.2",
+        "@alfalab/core-components-drawer": "^4.2.3",
         "@alfalab/core-components-icon-button": "^6.0.4",
         "@alfalab/core-components-mq": "^4.1.2",
         "classnames": "^2.3.1"

package/responsive.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-e933c24b.js');
+require('./tslib.es6-cf0bde8a.js');
 require('react');
 require('@alfalab/core-components-mq');
 require('./components/closer/Component.js');

package/transitions.desktop.css

@@ -1,32 +1,32 @@
-/* hash: 1eivj */
-.side-panel__enterRight_1qrdo {
+/* hash: 1260a */
+.side-panel__enterRight_1ma8x {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_1qrdo {
+.side-panel__enterLeft_1ma8x {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_1qrdo {
+.side-panel__enterActive_1ma8x {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_1qrdo {
+.side-panel__exit_1ma8x {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_1qrdo {
+.side-panel__exitActiveRight_1ma8x {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_1qrdo {
+.side-panel__exitActiveLeft_1ma8x {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/transitions.mobile.css

@@ -1,24 +1,24 @@
-/* hash: fo2s9 */
-.side-panel__appear_fzzmd,
-.side-panel__enter_fzzmd {
+/* hash: 1f9po */
+.side-panel__appear_32msf,
+.side-panel__enter_32msf {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_fzzmd,
-.side-panel__enterActive_fzzmd {
+.side-panel__appearActive_32msf,
+.side-panel__enterActive_32msf {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_fzzmd {
+.side-panel__exit_32msf {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_fzzmd,
-.side-panel__exitDone_fzzmd {
+.side-panel__exitActive_32msf,
+.side-panel__exitDone_32msf {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;