@alfalab/core-components-side-panel 6.1.0 → 7.0.0-8406faee42e08c133fbcbb0de3e6eb2df6766dd2

package/components/content/desktop.css

@@ -4,10 +4,13 @@
     --gap-0: 0px;
     --gap-32: var(--gap-2xl);
     --gap-40: var(--gap-3xl);
-} :root {
+}
+:root {
     --side-panel-s-content-paddings: var(--gap-40) var(--gap-40) var(--gap-0);
-} .side-panel__size-500_1wq9b {
+}
+.side-panel__size-500_pb2xm {
     padding: var(--side-panel-s-content-paddings);
-} .side-panel__size-500_1wq9b:last-child {
+}
+.side-panel__size-500_pb2xm:last-child {
         padding-bottom: var(--gap-32);
     }

package/components/content/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"size-500":"side-panel__size-500_1wq9b"};
+var styles = {"size-500":"side-panel__size-500_pb2xm"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/content/index.css

@@ -1,12 +1,15 @@
 :root {
     --gap-0: 0px;
-} .side-panel__content_jj0la {
+}
+.side-panel__content_135p7 {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0;
-} .side-panel__content_jj0la.side-panel__withHeader_jj0la {
+}
+.side-panel__content_135p7.side-panel__withHeader_135p7 {
         padding-top: var(--gap-0);
-    } .side-panel__flex_jj0la {
+    }
+.side-panel__flex_135p7 {
     flex: 1 1 auto;
 }

package/components/content/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"content":"side-panel__content_jj0la","withHeader":"side-panel__withHeader_jj0la","flex":"side-panel__flex_jj0la"};
+var styles = {"content":"side-panel__content_135p7","withHeader":"side-panel__withHeader_135p7","flex":"side-panel__flex_135p7"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/content/mobile.css

@@ -2,8 +2,10 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .side-panel__content_875uf {
+}
+.side-panel__content_78jnz {
     padding: var(--gap-16) var(--gap-16) var(--gap-0);
-} .side-panel__content_875uf:last-child {
+}
+.side-panel__content_78jnz:last-child {
         padding-bottom: var(--gap-16);
     }

package/components/content/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"content":"side-panel__content_875uf"};
+var styles = {"content":"side-panel__content_78jnz"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/controls/index.css

@@ -1,3 +1,3 @@
-.side-panel__component_35cg7 {
+.side-panel__component_1r6oj {
     width: 100%;
 }

package/components/controls/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"side-panel__component_35cg7"};
+var styles = {"component":"side-panel__component_1r6oj"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/desktop.css

@@ -4,10 +4,13 @@
     --gap-0: 0px;
     --gap-24: var(--gap-xl);
     --gap-40: var(--gap-3xl);
-} :root {
+}
+:root {
     --side-panel-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
-} .side-panel__sticky_1hqjq {
+}
+.side-panel__sticky_i2kwi {
     bottom: var(--gap-0);
-} .side-panel__size-500_1hqjq {
+}
+.side-panel__size-500_i2kwi {
     padding: var(--side-panel-s-footer-paddings);
 }

package/components/footer/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"sticky":"side-panel__sticky_1hqjq","size-500":"side-panel__size-500_1hqjq"};
+var styles = {"sticky":"side-panel__sticky_i2kwi","size-500":"side-panel__size-500_i2kwi"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/footer/index.css

@@ -1,21 +1,25 @@
 :root {
     --color-light-modal-bg-primary: #fff;
     --color-light-neutral-300: #e7e8eb;
-} :root {
+}
+:root {
     --side-panel-footer-background: var(--color-light-modal-bg-primary);
     --side-panel-footer-highlight-background: var(--color-light-modal-bg-primary);
     --side-panel-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
-} .side-panel__footer_vm9g9 {
+}
+.side-panel__footer_njppq {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
-} .side-panel__sticky_vm9g9 {
+}
+.side-panel__sticky_njppq {
     background: var(--side-panel-footer-background);
     position: sticky;
     z-index: 1;
-} .side-panel__highlighted_vm9g9 {
+}
+.side-panel__highlighted_njppq {
     background: var(--side-panel-footer-highlight-background);
     box-shadow: var(--side-panel-footer-highlight-box-shadow);
 }

package/components/footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"side-panel__footer_vm9g9","sticky":"side-panel__sticky_vm9g9","highlighted":"side-panel__highlighted_vm9g9"};
+var styles = {"footer":"side-panel__footer_njppq","sticky":"side-panel__sticky_njppq","highlighted":"side-panel__highlighted_njppq"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/layout.css

@@ -5,37 +5,52 @@
     --gap-16: var(--gap-m);
     --gap-24: var(--gap-xl);
     --gap-32: var(--gap-2xl);
-} :root {
+}
+:root {
     --side-panel-footer-default-gap: var(--gap-16);
-} .side-panel__column_ies49 {
+}
+.side-panel__column_1f79f {
     display: flex;
     flex-direction: column;
-} .side-panel__column_ies49 > *:not(:last-child):not(:only-child) {
+}
+.side-panel__column_1f79f > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--side-panel-footer-default-gap);
-    } .side-panel__column_ies49.side-panel__gap-16_ies49 > *:not(:last-child):not(:only-child) {
+    }
+.side-panel__column_1f79f.side-panel__gap-16_1f79f > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-16);
-    } .side-panel__column_ies49.side-panel__gap-24_ies49 > *:not(:last-child):not(:only-child) {
+    }
+.side-panel__column_1f79f.side-panel__gap-24_1f79f > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-24);
-    } .side-panel__column_ies49.side-panel__gap-32_ies49 > *:not(:last-child):not(:only-child) {
+    }
+.side-panel__column_1f79f.side-panel__gap-32_1f79f > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-32);
-    } .side-panel__start_ies49 {
+    }
+.side-panel__start_1f79f {
     justify-content: flex-start;
-} .side-panel__center_ies49 {
+}
+.side-panel__center_1f79f {
     justify-content: center;
-} .side-panel__space-between_ies49 {
+}
+.side-panel__space-between_1f79f {
     justify-content: space-between;
-} .side-panel__space-between_ies49 > * {
+}
+.side-panel__space-between_1f79f > * {
         flex: 1;
-    } .side-panel__start_ies49,
-.side-panel__center_ies49,
-.side-panel__space-between_ies49 {
+    }
+.side-panel__start_1f79f,
+.side-panel__center_1f79f,
+.side-panel__space-between_1f79f {
     display: flex;
-} .side-panel__start_ies49 > *:not(:last-child):not(:only-child), .side-panel__center_ies49 > *:not(:last-child):not(:only-child), .side-panel__space-between_ies49 > *:not(:last-child):not(:only-child) {
+}
+.side-panel__start_1f79f > *:not(:last-child):not(:only-child), .side-panel__center_1f79f > *:not(:last-child):not(:only-child), .side-panel__space-between_1f79f > *:not(:last-child):not(:only-child) {
         margin-right: var(--side-panel-footer-default-gap);
-    } .side-panel__start_ies49.side-panel__gap-16_ies49 > *:not(:last-child):not(:only-child), .side-panel__center_ies49.side-panel__gap-16_ies49 > *:not(:last-child):not(:only-child), .side-panel__space-between_ies49.side-panel__gap-16_ies49 > *:not(:last-child):not(:only-child) {
+    }
+.side-panel__start_1f79f.side-panel__gap-16_1f79f > *:not(:last-child):not(:only-child), .side-panel__center_1f79f.side-panel__gap-16_1f79f > *:not(:last-child):not(:only-child), .side-panel__space-between_1f79f.side-panel__gap-16_1f79f > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-16);
-    } .side-panel__start_ies49.side-panel__gap-24_ies49 > *:not(:last-child):not(:only-child), .side-panel__center_ies49.side-panel__gap-24_ies49 > *:not(:last-child):not(:only-child), .side-panel__space-between_ies49.side-panel__gap-24_ies49 > *:not(:last-child):not(:only-child) {
+    }
+.side-panel__start_1f79f.side-panel__gap-24_1f79f > *:not(:last-child):not(:only-child), .side-panel__center_1f79f.side-panel__gap-24_1f79f > *:not(:last-child):not(:only-child), .side-panel__space-between_1f79f.side-panel__gap-24_1f79f > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-24);
-    } .side-panel__start_ies49.side-panel__gap-32_ies49 > *:not(:last-child):not(:only-child), .side-panel__center_ies49.side-panel__gap-32_ies49 > *:not(:last-child):not(:only-child), .side-panel__space-between_ies49.side-panel__gap-32_ies49 > *:not(:last-child):not(:only-child) {
+    }
+.side-panel__start_1f79f.side-panel__gap-32_1f79f > *:not(:last-child):not(:only-child), .side-panel__center_1f79f.side-panel__gap-32_1f79f > *:not(:last-child):not(:only-child), .side-panel__space-between_1f79f.side-panel__gap-32_1f79f > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-32);
     }

package/components/footer/layout.module.css.js

@@ -2,7 +2,7 @@
 
 require('./layout.css');
 
-var layoutStyles = {"column":"side-panel__column_ies49","gap-16":"side-panel__gap-16_ies49","gap-24":"side-panel__gap-24_ies49","gap-32":"side-panel__gap-32_ies49","start":"side-panel__start_ies49","center":"side-panel__center_ies49","space-between":"side-panel__space-between_ies49"};
+var layoutStyles = {"column":"side-panel__column_1f79f","gap-16":"side-panel__gap-16_1f79f","gap-24":"side-panel__gap-24_1f79f","gap-32":"side-panel__gap-32_1f79f","start":"side-panel__start_1f79f","center":"side-panel__center_1f79f","space-between":"side-panel__space-between_1f79f"};
 
 module.exports = layoutStyles;
 //# sourceMappingURL=layout.module.css.js.map

package/components/footer/mobile.css

@@ -6,14 +6,14 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.side-panel__footer_fpir5 {
+.side-panel__footer_1wlap {
     padding: var(--gap-16);
 }
 @media (display-mode: standalone) {
-.side-panel__footer_fpir5 {
+.side-panel__footer_1wlap {
         padding-bottom: calc(var(--sab) + var(--gap-16));
 }
     }
-.side-panel__sticky_fpir5 {
+.side-panel__sticky_1wlap {
     bottom: var(--gap-0);
 }

package/components/footer/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"footer":"side-panel__footer_fpir5","sticky":"side-panel__sticky_fpir5"};
+var styles = {"footer":"side-panel__footer_1wlap","sticky":"side-panel__sticky_1wlap"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/header/desktop.css

@@ -5,25 +5,25 @@
     --gap-6: 6px;
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
-} :root {
+}
+:root {
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
-} :root {
+}
+:root {
     --side-panel-s-header-paddings: 28px 28px var(--gap-0);
     --side-panel-s-header-desktop-content-paddings: var(--gap-6) var(--gap-12) var(--gap-16);
-    --side-panel-s-header-desktop-font-size: 30px;
-    --side-panel-s-header-desktop-line-height: 36px;
-    --side-panel-header-desktop-font-weight: bold;
-    --side-panel-header-desktop-font-family: var(--font-family-system);
-} .side-panel__content_1hlwm {
-    font-weight: var(--side-panel-header-desktop-font-weight);
-    font-family: var(--side-panel-header-desktop-font-family);
-} .side-panel__size-500_1hlwm .side-panel__content_1hlwm {
+}
+.side-panel__size-500_1k6jh .side-panel__content_1k6jh {
     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__size-500_1hlwm {
+    font-size: 30px;
+    line-height: 36px;
+    font-weight: 700;
+    font-family: var(--font-family-system);
+}
+.side-panel__size-500_1k6jh {
     padding: var(--side-panel-s-header-paddings);
-} .side-panel__sticky_1hlwm {
+}
+.side-panel__sticky_1k6jh {
     top: var(--gap-0);
 }

package/components/header/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var desktopStyles = {"content":"side-panel__content_1hlwm","size-500":"side-panel__size-500_1hlwm","sticky":"side-panel__sticky_1hlwm"};
+var desktopStyles = {"size-500":"side-panel__size-500_1k6jh","content":"side-panel__content_1k6jh","sticky":"side-panel__sticky_1k6jh"};
 
 module.exports = desktopStyles;
 //# sourceMappingURL=desktop.module.css.js.map

package/components/header/desktop.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktop.module.css.js","sources":["../../src/components/header/desktop.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.content {\n    font-weight: var(--side-panel-header-desktop-font-weight);\n    font-family: var(--side-panel-header-desktop-font-family);\n}\n\n.size-500 .content {\n    padding: var(--side-panel-s-header-desktop-content-paddings);\n    font-size: var(--side-panel-s-header-desktop-font-size);\n    line-height: var(--side-panel-s-header-desktop-line-height);\n}\n\n.size-500 {\n    padding: var(--side-panel-s-header-paddings);\n}\n\n.sticky {\n    top: var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,SAAS,CAAC,2BAA2B,CAAC,UAAU,CAAC,4BAA4B,CAAC,QAAQ,CAAC,0BAA0B,CAAC;;;;"}
+{"version":3,"file":"desktop.module.css.js","sources":["../../src/components/header/desktop.module.css"],"sourcesContent":["@import '../../vars.css';\n\n.size-500 .content {\n    padding: var(--side-panel-s-header-desktop-content-paddings);\n    @mixin headline-system_medium;\n}\n\n.size-500 {\n    padding: var(--side-panel-s-header-paddings);\n}\n\n.sticky {\n    top: var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,UAAU,CAAC,4BAA4B,CAAC,SAAS,CAAC,2BAA2B,CAAC,QAAQ,CAAC,0BAA0B,CAAC;;;;"}

package/components/header/index.css

@@ -1,48 +1,62 @@
 :root {
     --color-light-modal-bg-primary: #fff;
     --color-light-neutral-300: #e7e8eb;
-} :root {
+}
+:root {
     --side-panel-header-background: var(--color-light-modal-bg-primary);
     --side-panel-header-highlight-background: var(--color-light-modal-bg-primary);
     --side-panel-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
-} .side-panel__header_184tc {
+}
+.side-panel__header_16ikw {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
-} .side-panel__header_184tc:not(.side-panel__hasContent_184tc) {
+}
+.side-panel__header_16ikw:not(.side-panel__hasContent_16ikw) {
         pointer-events: none;
-    } .side-panel__highlighted_184tc {
+    }
+.side-panel__highlighted_16ikw {
     background: var(--side-panel-header-highlight-background);
     box-shadow: var(--side-panel-header-highlight-box-shadow);
-} .side-panel__sticky_184tc {
+}
+.side-panel__sticky_16ikw {
     position: sticky;
     z-index: 1;
-} .side-panel__sticky_184tc.side-panel__hasContent_184tc {
+}
+.side-panel__sticky_16ikw.side-panel__hasContent_16ikw {
         background: var(--side-panel-header-background);
-    } .side-panel__header_184tc.side-panel__backgroundImage_184tc {
+    }
+.side-panel__header_16ikw.side-panel__backgroundImage_16ikw {
     background: center no-repeat;
     background-size: cover;
-} .side-panel__content_184tc {
+}
+.side-panel__content_16ikw {
     flex-grow: 1;
-} .side-panel__title_184tc {
+}
+.side-panel__title_16ikw {
     word-break: break-word;
-} .side-panel__addon_184tc {
+}
+.side-panel__addon_16ikw {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-} .side-panel__closer_184tc {
+}
+.side-panel__closer_16ikw {
     margin-left: auto;
-} .side-panel__right_184tc {
+}
+.side-panel__right_16ikw {
     justify-content: flex-end;
     text-align: right;
-} .side-panel__trim_184tc {
+}
+.side-panel__trim_16ikw {
     overflow: hidden;
-} .side-panel__trim_184tc .side-panel__title_184tc {
+}
+.side-panel__trim_16ikw .side-panel__title_16ikw {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/components/header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"header":"side-panel__header_184tc","hasContent":"side-panel__hasContent_184tc","highlighted":"side-panel__highlighted_184tc","sticky":"side-panel__sticky_184tc"};
+var styles = {"header":"side-panel__header_16ikw","hasContent":"side-panel__hasContent_16ikw","highlighted":"side-panel__highlighted_16ikw","sticky":"side-panel__sticky_16ikw"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/header/mobile.css

@@ -15,29 +15,29 @@
 }
 :root {
     --side-panel-header-mobile-content-paddings: var(--gap-10) var(--gap-8);
-    --side-panel-header-mobile-font-size: 20px;
-    --side-panel-header-mobile-line-height: 28px;
-    --side-panel-header-mobile-font-family: var(--font-family-system);
-    --side-panel-header-mobile-font-weight: 600;
     --side-panel-header-mobile-top-padding: var(--gap-4);
     --side-panel-header-mobile-paddings: var(--side-panel-header-mobile-top-padding) var(--gap-8)
         var(--gap-4) var(--gap-8);
 }
-.side-panel__header_1sz22 {
+.side-panel__header_1ty5z {
     padding: var(--side-panel-header-mobile-paddings);
 }
 @media (display-mode: standalone) {
-.side-panel__header_1sz22 {
+.side-panel__header_1ty5z {
         padding-top: calc(var(--sat) + var(--side-panel-header-mobile-top-padding));
 }
     }
-.side-panel__sticky_1sz22 {
+.side-panel__sticky_1ty5z {
     top: var(--gap-0);
 }
-.side-panel__content_1sz22 {
-    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);
-    font-weight: var(--side-panel-header-mobile-font-weight);
+.side-panel__content_1ty5z {
     padding: var(--side-panel-header-mobile-content-paddings);
+
+    font-size: 20px;
+
+    line-height: 28px;
+
+    font-weight: 600;
+
+    font-family: var(--font-family-system);
 }

package/components/header/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var mobileStyles = {"header":"side-panel__header_1sz22","sticky":"side-panel__sticky_1sz22","content":"side-panel__content_1sz22"};
+var mobileStyles = {"header":"side-panel__header_1ty5z","sticky":"side-panel__sticky_1ty5z","content":"side-panel__content_1ty5z"};
 
 module.exports = mobileStyles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/header/mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../../src/components/header/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/safe-area.css';\n@import '../../vars.css';\n\n.header {\n    padding: var(--side-panel-header-mobile-paddings);\n\n    @media (display-mode: standalone) {\n        padding-top: calc(var(--sat) + var(--side-panel-header-mobile-top-padding));\n    }\n}\n\n.sticky {\n    top: var(--gap-0);\n}\n\n.content {\n    font-size: var(--side-panel-header-mobile-font-size);\n    line-height: var(--side-panel-header-mobile-line-height);\n    font-family: var(--side-panel-header-mobile-font-family);\n    font-weight: var(--side-panel-header-mobile-font-weight);\n    padding: var(--side-panel-header-mobile-content-paddings);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"mobile.module.css.js","sources":["../../src/components/header/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/safe-area.css';\n@import '../../vars.css';\n\n.header {\n    padding: var(--side-panel-header-mobile-paddings);\n\n    @media (display-mode: standalone) {\n        padding-top: calc(var(--sat) + var(--side-panel-header-mobile-top-padding));\n    }\n}\n\n.sticky {\n    top: var(--gap-0);\n}\n\n.content {\n    padding: var(--side-panel-header-mobile-content-paddings);\n\n    @mixin headline-system-mobile_small;\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,QAAQ,CAAC,0BAA0B,CAAC,QAAQ,CAAC,0BAA0B,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}

package/cssm/components/content/desktop.module.css

@@ -4,10 +4,13 @@
     --gap-0: 0px;
     --gap-32: var(--gap-2xl);
     --gap-40: var(--gap-3xl);
-} :root {
+}
+:root {
     --side-panel-s-content-paddings: var(--gap-40) var(--gap-40) var(--gap-0);
-} .size-500 {
+}
+.size-500 {
     padding: var(--side-panel-s-content-paddings);
-} .size-500:last-child {
+}
+.size-500:last-child {
         padding-bottom: var(--gap-32);
     }

package/cssm/components/content/index.module.css

@@ -1,12 +1,15 @@
 :root {
     --gap-0: 0px;
-} .content {
+}
+.content {
     position: relative;
     box-sizing: border-box;
     width: 100%;
     z-index: 0;
-} .content.withHeader {
+}
+.content.withHeader {
         padding-top: var(--gap-0);
-    } .flex {
+    }
+.flex {
     flex: 1 1 auto;
 }

package/cssm/components/content/mobile.module.css

@@ -2,8 +2,10 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .content {
+}
+.content {
     padding: var(--gap-16) var(--gap-16) var(--gap-0);
-} .content:last-child {
+}
+.content:last-child {
         padding-bottom: var(--gap-16);
     }

package/cssm/components/footer/desktop.module.css

@@ -4,10 +4,13 @@
     --gap-0: 0px;
     --gap-24: var(--gap-xl);
     --gap-40: var(--gap-3xl);
-} :root {
+}
+:root {
     --side-panel-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
-} .sticky {
+}
+.sticky {
     bottom: var(--gap-0);
-} .size-500 {
+}
+.size-500 {
     padding: var(--side-panel-s-footer-paddings);
 }

package/cssm/components/footer/index.module.css

@@ -1,21 +1,25 @@
 :root {
     --color-light-modal-bg-primary: #fff;
     --color-light-neutral-300: #e7e8eb;
-} :root {
+}
+:root {
     --side-panel-footer-background: var(--color-light-modal-bg-primary);
     --side-panel-footer-highlight-background: var(--color-light-modal-bg-primary);
     --side-panel-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
-} .footer {
+}
+.footer {
     width: 100%;
     box-sizing: border-box;
     transition:
         box-shadow 0.2s ease,
         background 0.2s ease;
-} .sticky {
+}
+.sticky {
     background: var(--side-panel-footer-background);
     position: sticky;
     z-index: 1;
-} .highlighted {
+}
+.highlighted {
     background: var(--side-panel-footer-highlight-background);
     box-shadow: var(--side-panel-footer-highlight-box-shadow);
 }

package/cssm/components/footer/layout.module.css

@@ -5,37 +5,52 @@
     --gap-16: var(--gap-m);
     --gap-24: var(--gap-xl);
     --gap-32: var(--gap-2xl);
-} :root {
+}
+:root {
     --side-panel-footer-default-gap: var(--gap-16);
-} .column {
+}
+.column {
     display: flex;
     flex-direction: column;
-} .column > *:not(:last-child):not(:only-child) {
+}
+.column > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--side-panel-footer-default-gap);
-    } .column.gap-16 > *:not(:last-child):not(:only-child) {
+    }
+.column.gap-16 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-16);
-    } .column.gap-24 > *:not(:last-child):not(:only-child) {
+    }
+.column.gap-24 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-24);
-    } .column.gap-32 > *:not(:last-child):not(:only-child) {
+    }
+.column.gap-32 > *:not(:last-child):not(:only-child) {
         margin-bottom: var(--gap-32);
-    } .start {
+    }
+.start {
     justify-content: flex-start;
-} .center {
+}
+.center {
     justify-content: center;
-} .space-between {
+}
+.space-between {
     justify-content: space-between;
-} .space-between > * {
+}
+.space-between > * {
         flex: 1;
-    } .start,
+    }
+.start,
 .center,
 .space-between {
     display: flex;
-} .start > *:not(:last-child):not(:only-child), .center > *:not(:last-child):not(:only-child), .space-between > *:not(:last-child):not(:only-child) {
+}
+.start > *:not(:last-child):not(:only-child), .center > *:not(:last-child):not(:only-child), .space-between > *:not(:last-child):not(:only-child) {
         margin-right: var(--side-panel-footer-default-gap);
-    } .start.gap-16 > *:not(:last-child):not(:only-child), .center.gap-16 > *:not(:last-child):not(:only-child), .space-between.gap-16 > *:not(:last-child):not(:only-child) {
+    }
+.start.gap-16 > *:not(:last-child):not(:only-child), .center.gap-16 > *:not(:last-child):not(:only-child), .space-between.gap-16 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-16);
-    } .start.gap-24 > *:not(:last-child):not(:only-child), .center.gap-24 > *:not(:last-child):not(:only-child), .space-between.gap-24 > *:not(:last-child):not(:only-child) {
+    }
+.start.gap-24 > *:not(:last-child):not(:only-child), .center.gap-24 > *:not(:last-child):not(:only-child), .space-between.gap-24 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-24);
-    } .start.gap-32 > *:not(:last-child):not(:only-child), .center.gap-32 > *:not(:last-child):not(:only-child), .space-between.gap-32 > *:not(:last-child):not(:only-child) {
+    }
+.start.gap-32 > *:not(:last-child):not(:only-child), .center.gap-32 > *:not(:last-child):not(:only-child), .space-between.gap-32 > *:not(:last-child):not(:only-child) {
         margin-right: var(--gap-32);
     }