@alfalab/core-components 42.14.0 → 42.14.1

package/select-with-tags/modern/components/tag-list/index.css

@@ -1,4 +1,4 @@
-/* hash: 6tbah */
+/* hash: 13q4b */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -28,45 +28,45 @@
     --focus-color: var(--color-light-border-link);
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} .select-with-tags__component_ktf1u.select-with-tags__xl_ktf1u .select-with-tags__contentWrapper_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__xl_k837a .select-with-tags__contentWrapper_k837a {
     padding: var(--gap-l) var(--gap-m);
-} .select-with-tags__component_ktf1u.select-with-tags__l_ktf1u .select-with-tags__contentWrapper_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__l_k837a .select-with-tags__contentWrapper_k837a {
     padding: var(--gap-m) var(--gap-m);
-} .select-with-tags__component_ktf1u.select-with-tags__m_ktf1u .select-with-tags__contentWrapper_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__m_k837a .select-with-tags__contentWrapper_k837a {
     padding: var(--gap-m) var(--gap-s);
-} .select-with-tags__component_ktf1u.select-with-tags__s_ktf1u .select-with-tags__contentWrapper_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__s_k837a .select-with-tags__contentWrapper_k837a {
     padding: var(--gap-s) var(--gap-s);
-} .select-with-tags__component_ktf1u.select-with-tags__xl_ktf1u .select-with-tags__contentWrapperVertical_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__xl_k837a .select-with-tags__contentWrapperVertical_k837a {
     padding-top: var(--gap-l);
     padding-bottom: var(--gap-l);
-} .select-with-tags__component_ktf1u.select-with-tags__l_ktf1u .select-with-tags__contentWrapperVertical_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__l_k837a .select-with-tags__contentWrapperVertical_k837a {
     padding-top: var(--gap-m);
     padding-bottom: var(--gap-m);
-} .select-with-tags__component_ktf1u.select-with-tags__m_ktf1u .select-with-tags__contentWrapperVertical_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__m_k837a .select-with-tags__contentWrapperVertical_k837a {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
-} .select-with-tags__component_ktf1u.select-with-tags__s_ktf1u .select-with-tags__contentWrapperVertical_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__s_k837a .select-with-tags__contentWrapperVertical_k837a {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
-} .select-with-tags__component_ktf1u .select-with-tags__contentWrapper_ktf1u {
+} .select-with-tags__component_k837a .select-with-tags__contentWrapper_k837a {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     margin: var(--gap-2xs-neg)
-} .select-with-tags__component_ktf1u .select-with-tags__contentWrapper_ktf1u:not(.select-with-tags__contentWrapperVertical_ktf1u):not(.select-with-tags__hasInnerLabel_ktf1u) {
+} .select-with-tags__component_k837a .select-with-tags__contentWrapper_k837a:not(.select-with-tags__contentWrapperVertical_k837a):not(.select-with-tags__hasInnerLabel_k837a) {
         padding-top: 0;
         padding-bottom: 0;
-    } .select-with-tags__component_ktf1u .select-with-tags__contentWrapper_ktf1u.select-with-tags__hasInnerLabel_ktf1u {
+    } .select-with-tags__component_k837a .select-with-tags__contentWrapper_k837a.select-with-tags__hasInnerLabel_k837a {
         margin-top: var(--gap-xs);
         padding-bottom: var(--gap-xs);
-    } .select-with-tags__component_ktf1u .select-with-tags__contentWrapper_ktf1u.select-with-tags__hasTags_ktf1u.select-with-tags__hasInnerLabel_ktf1u {
+    } .select-with-tags__component_k837a .select-with-tags__contentWrapper_k837a.select-with-tags__hasTags_k837a.select-with-tags__hasInnerLabel_k837a {
         margin-top: var(--gap-m);
         padding-bottom: var(--gap-s);
-    } .select-with-tags__component_ktf1u:hover .select-with-tags__addons_ktf1u {
+    } .select-with-tags__component_k837a:hover .select-with-tags__addons_k837a {
     opacity: 0.7;
-} .select-with-tags__field_ktf1u {
+} .select-with-tags__field_k837a {
     cursor: pointer;
-} .select-with-tags__input_ktf1u {
+} .select-with-tags__input_k837a {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -80,46 +80,46 @@
     border: none;
     font-family: var(--font-family);
     color: var(--color-light-text-primary)
-} .select-with-tags__input_ktf1u:disabled {
+} .select-with-tags__input_k837a:disabled {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_ktf1u::placeholder {
+    } .select-with-tags__input_k837a::placeholder {
         color: var(--color-light-text-secondary);
-    } .select-with-tags__input_ktf1u:focus::placeholder {
+    } .select-with-tags__input_k837a:focus::placeholder {
         color: var(--color-light-text-tertiary);
-    } .select-with-tags__block_ktf1u {
+    } .select-with-tags__block_k837a {
     min-width: 100%;
-} .select-with-tags__focusVisible_ktf1u {
+} .select-with-tags__focusVisible_k837a {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .select-with-tags__placeholder_ktf1u {
+} .select-with-tags__placeholder_k837a {
     display: flex;
     align-items: center;
     min-height: 28px;
     padding-left: var(--gap-2xs);
     color: var(--color-light-text-tertiary);
     pointer-events: none;
-} .select-with-tags__addons_ktf1u {
+} .select-with-tags__addons_k837a {
     align-self: flex-start;
     padding-top: var(--gap-s);
-} .select-with-tags__addons-size-m_ktf1u {
+} .select-with-tags__addons-size-m_k837a {
     padding-top: var(--gap-m);
-} .select-with-tags__addons-size-l_ktf1u {
+} .select-with-tags__addons-size-l_k837a {
     padding-top: var(--gap-l);
-} .select-with-tags__addons-size-xl_ktf1u {
+} .select-with-tags__addons-size-xl_k837a {
     padding-top: var(--gap-xl);
-} .select-with-tags__component_ktf1u.select-with-tags__s_ktf1u .select-with-tags__label_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__s_k837a .select-with-tags__label_k837a {
     top: 5px;
     left: 12px;
-} .select-with-tags__component_ktf1u.select-with-tags__m_ktf1u .select-with-tags__label_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__m_k837a .select-with-tags__label_k837a {
     top: 8px;
     left: 12px;
-} .select-with-tags__component_ktf1u.select-with-tags__l_ktf1u .select-with-tags__label_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__l_k837a .select-with-tags__label_k837a {
     top: 10px;
     left: 16px;
-} .select-with-tags__component_ktf1u.select-with-tags__xl_ktf1u .select-with-tags__label_ktf1u {
+} .select-with-tags__component_k837a.select-with-tags__xl_k837a .select-with-tags__label_k837a {
     top: 14px;
     left: 16px;
-} .select-with-tags__component_ktf1u .select-with-tags__label_ktf1u {
+} .select-with-tags__component_k837a .select-with-tags__label_k837a {
     top: 14px;
     align-items: flex-start;
     height: auto;

package/side-panel/Component.desktop.js

@@ -21,10 +21,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"s":"side-panel__s_19741","hidden":"side-panel__hidden_19741"};
+var styles = {"s":"side-panel__s_1d8lk","hidden":"side-panel__hidden_1d8lk"};
 require('./desktop.css');
 
-var transitions = {"enterRight":"side-panel__enterRight_1gqn9","enterLeft":"side-panel__enterLeft_1gqn9","enterActive":"side-panel__enterActive_1gqn9","exit":"side-panel__exit_1gqn9","exitActiveRight":"side-panel__exitActiveRight_1gqn9","exitActiveLeft":"side-panel__exitActiveLeft_1gqn9"};
+var transitions = {"enterRight":"side-panel__enterRight_12h52","enterLeft":"side-panel__enterLeft_12h52","enterActive":"side-panel__enterActive_12h52","exit":"side-panel__exit_12h52","exitActiveRight":"side-panel__exitActiveRight_12h52","exitActiveLeft":"side-panel__exitActiveLeft_12h52"};
 require('./transitions.desktop.css');
 
 var SidePanelDesktopComponent = React.forwardRef(function (_a, ref) {

package/side-panel/Component.mobile.js

@@ -18,10 +18,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"side-panel__component_13zwa","mobileContent":"side-panel__mobileContent_13zwa"};
+var styles = {"component":"side-panel__component_1237d","mobileContent":"side-panel__mobileContent_1237d"};
 require('./mobile.css');
 
-var transitions = {"appear":"side-panel__appear_15qd4","enter":"side-panel__enter_15qd4","appearActive":"side-panel__appearActive_15qd4","enterActive":"side-panel__enterActive_15qd4","exit":"side-panel__exit_15qd4","exitActive":"side-panel__exitActive_15qd4","exitDone":"side-panel__exitDone_15qd4"};
+var transitions = {"appear":"side-panel__appear_1m4nw","enter":"side-panel__enter_1m4nw","appearActive":"side-panel__appearActive_1m4nw","enterActive":"side-panel__enterActive_1m4nw","exit":"side-panel__exit_1m4nw","exitActive":"side-panel__exitActive_1m4nw","exitDone":"side-panel__exitDone_1m4nw"};
 require('./transitions.mobile.css');
 
 var contextValue = { size: 's', view: 'mobile' };

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

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"s":"side-panel__s_7g87h"};
+var styles = {"s":"side-panel__s_9cx4q"};
 require('./desktop.css');
 
 var ContentDesktop = function (_a) {

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

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"content":"side-panel__content_hui6e","withHeader":"side-panel__withHeader_hui6e","flex":"side-panel__flex_hui6e"};
+var styles = {"content":"side-panel__content_lxjnl","withHeader":"side-panel__withHeader_lxjnl","flex":"side-panel__flex_lxjnl"};
 require('./index.css');
 
 var Content = function (_a) {

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

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"content":"side-panel__content_1wrwp"};
+var styles = {"content":"side-panel__content_uvd8d"};
 require('./mobile.css');
 
 var ContentMobile = function (_a) {

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

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

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

@@ -27,13 +27,13 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_hui6e {
+} .side-panel__content_lxjnl {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .side-panel__content_hui6e.side-panel__withHeader_hui6e {
+} .side-panel__content_lxjnl.side-panel__withHeader_lxjnl {
         padding-top: 0;
-    } .side-panel__flex_hui6e {
+    } .side-panel__flex_lxjnl {
     flex: 1 1 auto;
 }

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

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

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

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"sticky":"side-panel__sticky_9n2x4","s":"side-panel__s_9n2x4"};
+var styles = {"sticky":"side-panel__sticky_1x9gr","s":"side-panel__s_1x9gr"};
 require('./desktop.css');
 
 var FooterDesktop = function (_a) {

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

@@ -10,10 +10,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"footer":"side-panel__footer_13bnk","sticky":"side-panel__sticky_13bnk","highlighted":"side-panel__highlighted_13bnk"};
+var styles = {"footer":"side-panel__footer_pqkt7","sticky":"side-panel__sticky_pqkt7","highlighted":"side-panel__highlighted_pqkt7"};
 require('./index.css');
 
-var layoutStyles = {"column":"side-panel__column_1qcrs","gap-16":"side-panel__gap-16_1qcrs","gap-24":"side-panel__gap-24_1qcrs","gap-32":"side-panel__gap-32_1qcrs","start":"side-panel__start_1qcrs","center":"side-panel__center_1qcrs","space-between":"side-panel__space-between_1qcrs"};
+var layoutStyles = {"column":"side-panel__column_1ey1l","gap-16":"side-panel__gap-16_1ey1l","gap-24":"side-panel__gap-24_1ey1l","gap-32":"side-panel__gap-32_1ey1l","start":"side-panel__start_1ey1l","center":"side-panel__center_1ey1l","space-between":"side-panel__space-between_1ey1l"};
 require('./layout.css');
 
 var Footer = function (_a) {

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

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"footer":"side-panel__footer_dkx7y","sticky":"side-panel__sticky_dkx7y","column":"side-panel__column_dkx7y"};
+var styles = {"footer":"side-panel__footer_bps8y","sticky":"side-panel__sticky_bps8y","column":"side-panel__column_bps8y"};
 require('./mobile.css');
 
 var FooterMobile = function (_a) {

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

@@ -30,8 +30,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__sticky_9n2x4 {
+} .side-panel__sticky_1x9gr {
     bottom: 0;
-} .side-panel__s_9n2x4 {
+} .side-panel__s_1x9gr {
     padding: var(--side-panel-s-footer-paddings);
 }

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

@@ -32,15 +32,15 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__footer_13bnk {
+} .side-panel__footer_pqkt7 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-} .side-panel__sticky_13bnk {
+} .side-panel__sticky_pqkt7 {
     background: var(--side-panel-footer-background);
     position: sticky;
     z-index: 1;
-} .side-panel__highlighted_13bnk {
+} .side-panel__highlighted_pqkt7 {
     background: var(--side-panel-footer-highlight-background);
     box-shadow: var(--side-panel-footer-highlight-box-shadow);
 }

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

@@ -31,45 +31,45 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__column_1qcrs {
+} .side-panel__column_1ey1l {
     display: flex;
     flex-direction: column
-} .side-panel__column_1qcrs > * {
+} .side-panel__column_1ey1l > * {
         margin-bottom: var(--side-panel-footer-default-gap);
-    } .side-panel__column_1qcrs > *:last-child,
-    .side-panel__column_1qcrs > *:only-child {
+    } .side-panel__column_1ey1l > *:last-child,
+    .side-panel__column_1ey1l > *:only-child {
         margin-bottom: 0;
-    } .side-panel__column_1qcrs.side-panel__gap-16_1qcrs > * {
+    } .side-panel__column_1ey1l.side-panel__gap-16_1ey1l > * {
         margin-bottom: var(--gap-m);
-    } .side-panel__column_1qcrs.side-panel__gap-24_1qcrs > * {
+    } .side-panel__column_1ey1l.side-panel__gap-24_1ey1l > * {
         margin-bottom: var(--gap-xl);
-    } .side-panel__column_1qcrs.side-panel__gap-32_1qcrs > * {
+    } .side-panel__column_1ey1l.side-panel__gap-32_1ey1l > * {
         margin-bottom: var(--gap-2xl);
-    } .side-panel__start_1qcrs {
+    } .side-panel__start_1ey1l {
     justify-content: flex-start;
-} .side-panel__center_1qcrs {
+} .side-panel__center_1ey1l {
     justify-content: center;
-} .side-panel__space-between_1qcrs {
+} .side-panel__space-between_1ey1l {
     justify-content: space-between
-} .side-panel__space-between_1qcrs > * {
+} .side-panel__space-between_1ey1l > * {
         flex: 1;
-    } .side-panel__start_1qcrs,
-.side-panel__center_1qcrs,
-.side-panel__space-between_1qcrs {
+    } .side-panel__start_1ey1l,
+.side-panel__center_1ey1l,
+.side-panel__space-between_1ey1l {
     display: flex
-} .side-panel__start_1qcrs > *, .side-panel__center_1qcrs > *, .side-panel__space-between_1qcrs > * {
+} .side-panel__start_1ey1l > *, .side-panel__center_1ey1l > *, .side-panel__space-between_1ey1l > * {
         margin-right: var(--side-panel-footer-default-gap);
-    } .side-panel__start_1qcrs > *:last-child,
-    .side-panel__start_1qcrs > *:only-child,
-    .side-panel__center_1qcrs > *:last-child,
-    .side-panel__center_1qcrs > *:only-child,
-    .side-panel__space-between_1qcrs > *:last-child,
-    .side-panel__space-between_1qcrs > *:only-child {
+    } .side-panel__start_1ey1l > *:last-child,
+    .side-panel__start_1ey1l > *:only-child,
+    .side-panel__center_1ey1l > *:last-child,
+    .side-panel__center_1ey1l > *:only-child,
+    .side-panel__space-between_1ey1l > *:last-child,
+    .side-panel__space-between_1ey1l > *:only-child {
         margin-right: 0;
-    } .side-panel__start_1qcrs.side-panel__gap-16_1qcrs > *, .side-panel__center_1qcrs.side-panel__gap-16_1qcrs > *, .side-panel__space-between_1qcrs.side-panel__gap-16_1qcrs > * {
+    } .side-panel__start_1ey1l.side-panel__gap-16_1ey1l > *, .side-panel__center_1ey1l.side-panel__gap-16_1ey1l > *, .side-panel__space-between_1ey1l.side-panel__gap-16_1ey1l > * {
         margin-right: var(--gap-m);
-    } .side-panel__start_1qcrs.side-panel__gap-24_1qcrs > *, .side-panel__center_1qcrs.side-panel__gap-24_1qcrs > *, .side-panel__space-between_1qcrs.side-panel__gap-24_1qcrs > * {
+    } .side-panel__start_1ey1l.side-panel__gap-24_1ey1l > *, .side-panel__center_1ey1l.side-panel__gap-24_1ey1l > *, .side-panel__space-between_1ey1l.side-panel__gap-24_1ey1l > * {
         margin-right: var(--gap-xl);
-    } .side-panel__start_1qcrs.side-panel__gap-32_1qcrs > *, .side-panel__center_1qcrs.side-panel__gap-32_1qcrs > *, .side-panel__space-between_1qcrs.side-panel__gap-32_1qcrs > * {
+    } .side-panel__start_1ey1l.side-panel__gap-32_1ey1l > *, .side-panel__center_1ey1l.side-panel__gap-32_1ey1l > *, .side-panel__space-between_1ey1l.side-panel__gap-32_1ey1l > * {
         margin-right: var(--gap-2xl);
     }

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

@@ -29,16 +29,16 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__footer_dkx7y {
+} .side-panel__footer_bps8y {
     padding: var(--gap-m);
-} .side-panel__sticky_dkx7y {
+} .side-panel__sticky_bps8y {
     bottom: 0;
-} .side-panel__column_dkx7y {
+} .side-panel__column_bps8y {
     flex-direction: column-reverse
-} .side-panel__column_dkx7y > * {
+} .side-panel__column_bps8y > * {
         margin-bottom: 0;
-    } .side-panel__column_dkx7y > *:last-child {
+    } .side-panel__column_bps8y > *:last-child {
         margin-bottom: var(--side-panel-footer-default-gap);
-    } .side-panel__column_dkx7y > *:only-child {
+    } .side-panel__column_bps8y > *:only-child {
         margin-bottom: 0;
     }

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

@@ -13,13 +13,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var desktopStyles = {"content":"side-panel__content_ohk18","s":"side-panel__s_ohk18","sticky":"side-panel__sticky_ohk18"};
+var desktopStyles = {"content":"side-panel__content_a9lsh","s":"side-panel__s_a9lsh","sticky":"side-panel__sticky_a9lsh"};
 require('./desktop.css');
 
-var styles = {"header":"side-panel__header_1t04v","hasContent":"side-panel__hasContent_1t04v","highlighted":"side-panel__highlighted_1t04v","sticky":"side-panel__sticky_1t04v","backgroundImage":"side-panel__backgroundImage_1t04v","content":"side-panel__content_1t04v","title":"side-panel__title_1t04v","addon":"side-panel__addon_1t04v","closer":"side-panel__closer_1t04v","right":"side-panel__right_1t04v","trim":"side-panel__trim_1t04v"};
+var styles = {"header":"side-panel__header_1clu2","hasContent":"side-panel__hasContent_1clu2","highlighted":"side-panel__highlighted_1clu2","sticky":"side-panel__sticky_1clu2","backgroundImage":"side-panel__backgroundImage_1clu2","content":"side-panel__content_1clu2","title":"side-panel__title_1clu2","addon":"side-panel__addon_1clu2","closer":"side-panel__closer_1clu2","right":"side-panel__right_1clu2","trim":"side-panel__trim_1clu2"};
 require('./index.css');
 
-var mobileStyles = {"header":"side-panel__header_tkkcq","sticky":"side-panel__sticky_tkkcq","content":"side-panel__content_tkkcq"};
+var mobileStyles = {"header":"side-panel__header_1g6xu","sticky":"side-panel__sticky_1g6xu","content":"side-panel__content_1g6xu"};
 require('./mobile.css');
 
 var Header = function (_a) {

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

@@ -37,15 +37,15 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_ohk18 {
+} .side-panel__content_a9lsh {
     font-weight: var(--side-panel-header-desktop-font-weight);
     font-family: var(--side-panel-header-desktop-font-family);
-} .side-panel__s_ohk18 .side-panel__content_ohk18 {
+} .side-panel__s_a9lsh .side-panel__content_a9lsh {
     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_ohk18 {
+} .side-panel__s_a9lsh {
     padding: var(--side-panel-s-header-paddings);
-} .side-panel__sticky_ohk18 {
+} .side-panel__sticky_a9lsh {
     top: 0;
 }

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

@@ -32,42 +32,42 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__header_1t04v {
+} .side-panel__header_1clu2 {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .side-panel__header_1t04v:not(.side-panel__hasContent_1t04v) {
+} .side-panel__header_1clu2:not(.side-panel__hasContent_1clu2) {
         pointer-events: none;
-    } .side-panel__highlighted_1t04v {
+    } .side-panel__highlighted_1clu2 {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
-} .side-panel__sticky_1t04v {
+} .side-panel__sticky_1clu2 {
     position: sticky;
     z-index: 1
-} .side-panel__sticky_1t04v.side-panel__hasContent_1t04v {
+} .side-panel__sticky_1clu2.side-panel__hasContent_1clu2 {
         background: var(--side-panel-header-background);
-    } .side-panel__header_1t04v.side-panel__backgroundImage_1t04v {
+    } .side-panel__header_1clu2.side-panel__backgroundImage_1clu2 {
     background: center no-repeat;
     background-size: cover;
-} .side-panel__content_1t04v {
+} .side-panel__content_1clu2 {
     flex-grow: 1;
-} .side-panel__title_1t04v {
+} .side-panel__title_1clu2 {
     word-break: break-word;
-} .side-panel__addon_1t04v {
+} .side-panel__addon_1clu2 {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .side-panel__closer_1t04v {
+} .side-panel__closer_1clu2 {
     margin-left: auto;
-} .side-panel__right_1t04v {
+} .side-panel__right_1clu2 {
     justify-content: flex-end;
     text-align: right;
-} .side-panel__trim_1t04v {
+} .side-panel__trim_1clu2 {
     overflow: hidden
-} .side-panel__trim_1t04v .side-panel__title_1t04v {
+} .side-panel__trim_1clu2 .side-panel__title_1clu2 {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

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

@@ -38,11 +38,11 @@
 
     /* paddings */
     --side-panel-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
-} .side-panel__header_tkkcq {
+} .side-panel__header_1g6xu {
     padding: var(--side-panel-header-mobile-paddings);
-} .side-panel__sticky_tkkcq {
+} .side-panel__sticky_1g6xu {
     top: 0;
-} .side-panel__content_tkkcq {
+} .side-panel__content_1g6xu {
     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/desktop.css

@@ -28,8 +28,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__s_19741.side-panel__s_19741 {
+} .side-panel__s_1d8lk.side-panel__s_1d8lk {
     width: var(--side-panel-s-width);
-} .side-panel__hidden_19741 {
+} .side-panel__hidden_1d8lk {
     overflow-x: hidden;
 }

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

@@ -13,10 +13,10 @@ import './components/footer/Component.js';
 import '../../navigation-bar/esm';
 import './Context.js';
 
-var styles = {"s":"side-panel__s_19741","hidden":"side-panel__hidden_19741"};
+var styles = {"s":"side-panel__s_1d8lk","hidden":"side-panel__hidden_1d8lk"};
 require('./desktop.css');
 
-var transitions = {"enterRight":"side-panel__enterRight_1gqn9","enterLeft":"side-panel__enterLeft_1gqn9","enterActive":"side-panel__enterActive_1gqn9","exit":"side-panel__exit_1gqn9","exitActiveRight":"side-panel__exitActiveRight_1gqn9","exitActiveLeft":"side-panel__exitActiveLeft_1gqn9"};
+var transitions = {"enterRight":"side-panel__enterRight_12h52","enterLeft":"side-panel__enterLeft_12h52","enterActive":"side-panel__enterActive_12h52","exit":"side-panel__exit_12h52","exitActiveRight":"side-panel__exitActiveRight_12h52","exitActiveLeft":"side-panel__exitActiveLeft_12h52"};
 require('./transitions.desktop.css');
 
 var SidePanelDesktopComponent = forwardRef(function (_a, ref) {

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

@@ -11,10 +11,10 @@ import './components/footer/Component.js';
 import '../../navigation-bar/esm';
 import './Context.js';
 
-var styles = {"component":"side-panel__component_13zwa","mobileContent":"side-panel__mobileContent_13zwa"};
+var styles = {"component":"side-panel__component_1237d","mobileContent":"side-panel__mobileContent_1237d"};
 require('./mobile.css');
 
-var transitions = {"appear":"side-panel__appear_15qd4","enter":"side-panel__enter_15qd4","appearActive":"side-panel__appearActive_15qd4","enterActive":"side-panel__enterActive_15qd4","exit":"side-panel__exit_15qd4","exitActive":"side-panel__exitActive_15qd4","exitDone":"side-panel__exitDone_15qd4"};
+var transitions = {"appear":"side-panel__appear_1m4nw","enter":"side-panel__enter_1m4nw","appearActive":"side-panel__appearActive_1m4nw","enterActive":"side-panel__enterActive_1m4nw","exit":"side-panel__exit_1m4nw","exitActive":"side-panel__exitActive_1m4nw","exitDone":"side-panel__exitDone_1m4nw"};
 require('./transitions.mobile.css');
 
 var contextValue = { size: 's', view: 'mobile' };

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

@@ -5,7 +5,7 @@ import { Content } from './Component.js';
 import '../../../../base-modal/esm';
 import '../../Context.js';
 
-var styles = {"s":"side-panel__s_7g87h"};
+var styles = {"s":"side-panel__s_9cx4q"};
 require('./desktop.css');
 
 var ContentDesktop = function (_a) {

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { ModalContext } from '../../Context.js';
 import '../../../../base-modal/esm';
 
-var styles = {"content":"side-panel__content_hui6e","withHeader":"side-panel__withHeader_hui6e","flex":"side-panel__flex_hui6e"};
+var styles = {"content":"side-panel__content_lxjnl","withHeader":"side-panel__withHeader_lxjnl","flex":"side-panel__flex_lxjnl"};
 require('./index.css');
 
 var Content = function (_a) {

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

@@ -5,7 +5,7 @@ import { Content } from './Component.js';
 import '../../../../base-modal/esm';
 import '../../Context.js';
 
-var styles = {"content":"side-panel__content_1wrwp"};
+var styles = {"content":"side-panel__content_uvd8d"};
 require('./mobile.css');
 
 var ContentMobile = function (_a) {

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

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

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

@@ -27,13 +27,13 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__content_hui6e {
+} .side-panel__content_lxjnl {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0
-} .side-panel__content_hui6e.side-panel__withHeader_hui6e {
+} .side-panel__content_lxjnl.side-panel__withHeader_lxjnl {
         padding-top: 0;
-    } .side-panel__flex_hui6e {
+    } .side-panel__flex_lxjnl {
     flex: 1 1 auto;
 }

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

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