@alfalab/core-components-modal 6.1.8 → 6.1.9

package/components/header/desktop.css

@@ -1,26 +1,27 @@
-/* hash: 11wl5 */
+/* hash: vkd7z */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-l: 12px;
+} :root {
     --gap-xs: 8px;
     --gap-m: 16px;
     --gap-xl: 24px;
     --gap-3xl: 40px;
-}
-:root {
+} :root {
     --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-}
-:root {
-    --border-radius-l: 12px;
-}
-:root {
+} :root {
+} :root {
     --modal-border-radius: var(--border-radius-l);
     --modal-vertical-padding: var(--gap-3xl);
 
@@ -42,46 +43,36 @@
     --modal-header-desktop-font-family: var(--font-family-system);
 
     /* mobile */
-}
-.modal__header_2m9gw {
+} .modal__header_10rwy {
     border-top-left-radius: var(--modal-border-radius);
     border-top-right-radius: var(--modal-border-radius);
-}
-.modal__content_2m9gw {
+} .modal__content_10rwy {
     font-weight: var(--modal-header-desktop-font-weight);
     font-family: var(--modal-header-desktop-font-family);
-}
-.modal__s_2m9gw .modal__content_2m9gw,
-.modal__m_2m9gw .modal__content_2m9gw {
+} .modal__s_10rwy .modal__content_10rwy,
+.modal__m_10rwy .modal__content_10rwy {
     padding: var(--modal-s-header-desktop-content-paddings);
     font-size: var(--modal-s-header-desktop-font-size);
     line-height: var(--modal-s-header-desktop-line-height);
-}
-.modal__l_2m9gw .modal__content_2m9gw,
-.modal__xl_2m9gw .modal__content_2m9gw,
-.modal__fullscreen_2m9gw .modal__content_2m9gw {
+} .modal__l_10rwy .modal__content_10rwy,
+.modal__xl_10rwy .modal__content_10rwy,
+.modal__fullscreen_10rwy .modal__content_10rwy {
     padding: var(--modal-l-header-desktop-content-paddings);
     font-size: var(--modal-l-header-desktop-font-size);
     line-height: var(--modal-l-header-desktop-line-height);
-}
-.modal__s_2m9gw,
-.modal__m_2m9gw {
+} .modal__s_10rwy,
+.modal__m_10rwy {
     padding: var(--modal-s-header-paddings)
-}
-.modal__s_2m9gw:not(.modal__hasContent_2m9gw), .modal__m_2m9gw:not(.modal__hasContent_2m9gw) {
+} .modal__s_10rwy:not(.modal__hasContent_10rwy), .modal__m_10rwy:not(.modal__hasContent_10rwy) {
         padding-bottom: 0;
-    }
-.modal__l_2m9gw,
-.modal__xl_2m9gw,
-.modal__fullscreen_2m9gw {
+    } .modal__l_10rwy,
+.modal__xl_10rwy,
+.modal__fullscreen_10rwy {
     padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
-}
-.modal__l_2m9gw:not(.modal__hasContent_2m9gw), .modal__xl_2m9gw:not(.modal__hasContent_2m9gw), .modal__fullscreen_2m9gw:not(.modal__hasContent_2m9gw) {
+} .modal__l_10rwy:not(.modal__hasContent_10rwy), .modal__xl_10rwy:not(.modal__hasContent_10rwy), .modal__fullscreen_10rwy:not(.modal__hasContent_10rwy) {
         padding-bottom: var(--gap-m);
-    }
-.modal__sticky_2m9gw {
+    } .modal__sticky_10rwy {
     top: calc(var(--modal-vertical-padding) * -1)
-}
-.modal__sticky_2m9gw.modal__fullscreen_2m9gw {
+} .modal__sticky_10rwy.modal__fullscreen_10rwy {
         top: 0;
     }

package/components/header/index.css

@@ -1,16 +1,21 @@
-/* hash: 1k4g4 */
+/* hash: pknb9 */
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --modal-header-background: var(--color-light-bg-primary);
 
     /* sizes */
@@ -24,62 +29,48 @@
     /* desktop */
 
     /* mobile */
-}
-.modal__header_1jbvb {
+} .modal__header_1abcs {
     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
-}
-.modal__header_1jbvb:not(.modal__hasContent_1jbvb) {
+} .modal__header_1abcs:not(.modal__hasContent_1abcs) {
         pointer-events: none;
-    }
-.modal__highlighted_1jbvb {
+    } .modal__highlighted_1abcs {
     background: var(--modal-header-highlight-background);
     box-shadow: var(--modal-header-highlight-box-shadow);
-}
-.modal__sticky_1jbvb {
+} .modal__sticky_1abcs {
     position: sticky;
     z-index: 1
-}
-.modal__sticky_1jbvb.modal__hasContent_1jbvb {
+} .modal__sticky_1abcs.modal__hasContent_1abcs {
         background: var(--modal-header-background);
-    }
-.modal__content_1jbvb {
+    } .modal__content_1abcs {
     flex-grow: 1;
-}
-.modal__title_1jbvb {
+} .modal__title_1abcs {
     word-break: break-word;
-}
-.modal__addon_1jbvb {
+} .modal__addon_1abcs {
     min-width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     pointer-events: all;
-}
-.modal__closer_1jbvb {
+} .modal__closer_1abcs {
     margin-left: auto;
-}
-.modal__left_1jbvb {
+} .modal__left_1abcs {
     justify-content: flex-start;
     text-align: left;
-}
-.modal__center_1jbvb {
+} .modal__center_1abcs {
     justify-content: center;
     text-align: center;
-}
-.modal__right_1jbvb {
+} .modal__right_1abcs {
     justify-content: flex-end;
     text-align: right;
-}
-.modal__trim_1jbvb {
+} .modal__trim_1abcs {
     overflow: hidden
-}
-.modal__trim_1jbvb .modal__title_1jbvb {
+} .modal__trim_1abcs .modal__title_1abcs {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;

package/components/header/mobile.css

@@ -1,22 +1,25 @@
-/* hash: 1e6gi */
+/* hash: 12ltd */
 :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 */
 
@@ -32,11 +35,9 @@
     --modal-header-mobile-line-height: 24px;
     --modal-header-mobile-font-family: var(--font-family-system);
     --modal-header-mobile-font-weight: bold;
-}
-.modal__sticky_tqntf {
+} .modal__sticky_a9mmw {
     top: 0;
-}
-.modal__content_tqntf {
+} .modal__content_a9mmw {
     font-size: var(--modal-header-mobile-font-size);
     line-height: var(--modal-header-mobile-line-height);
     font-family: var(--modal-header-mobile-font-family);

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

@@ -1,18 +1,21 @@
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-3xl: 40px;
-}
-:root {
+} :root {
+} :root {
+} :root {
     --modal-vertical-padding: var(--gap-3xl);
 
     /* sizes */
@@ -24,11 +27,9 @@
     /* desktop */
 
     /* mobile */
-}
-:root {
+} :root {
     --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
-}
-.closer {
+} .closer {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -36,14 +37,12 @@
     display: flex;
     align-items: center;
     justify-content: center;
-}
-.button {
+} .button {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
-}
-.sticky {
+} .sticky {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }

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

@@ -1,15 +1,20 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-6xl: 72px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -22,19 +27,15 @@
     /* desktop */
 
     /* mobile */
-}
-.s,
+} .s,
 .m {
     padding: var(--modal-s-content-paddings)
-}
-.s:last-child, .m:last-child {
+} .s:last-child, .m:last-child {
         padding-bottom: var(--modal-s-content-only-bottom-padding);
-    }
-.l,
+    } .l,
 .xl,
 .fullscreen {
     padding: 0 var(--gap-6xl)
-}
-.l:last-child, .xl:last-child, .fullscreen:last-child {
+} .l:last-child, .xl:last-child, .fullscreen:last-child {
         padding-bottom: var(--gap-6xl);
     }

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

@@ -1,12 +1,19 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -17,11 +24,9 @@
     /* desktop */
 
     /* mobile */
-}
-.content {
+} .content {
     box-sizing: border-box;
     width: 100%;
-}
-.flex {
+} .flex {
     flex: 1;
 }

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

@@ -1,15 +1,20 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -20,10 +25,8 @@
     /* desktop */
 
     /* mobile */
-}
-.content {
+} .content {
     padding: 0 var(--gap-m)
-}
-.content:last-child {
+} .content:last-child {
         padding-bottom: var(--gap-m);
     }

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

@@ -1,21 +1,24 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+    --border-radius-l: 12px;
+} :root {
     --gap-xl: 24px;
     --gap-2xl: 32px;
     --gap-3xl: 40px;
     --gap-6xl: 72px;
-}
-:root {
-    --border-radius-l: 12px;
-}
-:root {
+} :root {
+} :root {
+} :root {
     --modal-border-radius: var(--border-radius-l);
     --modal-vertical-padding: var(--gap-3xl);
 
@@ -29,22 +32,17 @@
     /* desktop */
 
     /* mobile */
-}
-.footer {
+} .footer {
     border-bottom-left-radius: var(--modal-border-radius);
     border-bottom-right-radius: var(--modal-border-radius);
-}
-.sticky {
+} .sticky {
     bottom: calc(var(--modal-vertical-padding) * -1)
-}
-.sticky.fullscreen {
+} .sticky.fullscreen {
         bottom: 0;
-    }
-.s,
+    } .s,
 .m {
     padding: var(--modal-s-footer-paddings);
-}
-.l,
+} .l,
 .xl,
 .fullscreen {
     padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);

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

@@ -1,16 +1,21 @@
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --modal-footer-background: var(--color-light-bg-primary);
 
     /* sizes */
@@ -24,17 +29,14 @@
     /* desktop */
 
     /* mobile */
-}
-.footer {
+} .footer {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease;
-}
-.sticky {
+} .sticky {
     background: var(--modal-footer-background);
     position: sticky;
-}
-.highlighted {
+} .highlighted {
     background: var(--modal-footer-highlight-background);
     box-shadow: var(--modal-footer-highlight-box-shadow);
 }

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

@@ -1,17 +1,22 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
     --gap-xl: 24px;
     --gap-2xl: 32px;
-}
-:root {
+} :root {
+} :root {
+} :root {
     --modal-footer-default-gap: var(--gap-m);
 
     /* sizes */
@@ -23,61 +28,45 @@
     /* desktop */
 
     /* mobile */
-}
-.column {
+} .column {
     display: flex;
     flex-direction: column
-}
-.column > * {
+} .column > * {
         margin-bottom: var(--modal-footer-default-gap);
-    }
-.column > *:last-child,
+    } .column > *:last-child,
     .column > *:only-child {
         margin-bottom: 0;
-    }
-.column.gap-16 > * {
+    } .column.gap-16 > * {
         margin-bottom: var(--gap-m);
-    }
-.column.gap-24 > * {
+    } .column.gap-24 > * {
         margin-bottom: var(--gap-xl);
-    }
-.column.gap-32 > * {
+    } .column.gap-32 > * {
         margin-bottom: var(--gap-2xl);
-    }
-.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 > *, .center > *, .space-between > * {
+} .start > *, .center > *, .space-between > * {
         margin-right: var(--modal-footer-default-gap);
-    }
-.start > *:last-child,
+    } .start > *:last-child,
     .start > *:only-child,
     .center > *:last-child,
     .center > *:only-child,
     .space-between > *:last-child,
     .space-between > *:only-child {
         margin-right: 0;
-    }
-.start.gap-16 > *, .center.gap-16 > *, .space-between.gap-16 > * {
+    } .start.gap-16 > *, .center.gap-16 > *, .space-between.gap-16 > * {
         margin-right: var(--gap-m);
-    }
-.start.gap-24 > *, .center.gap-24 > *, .space-between.gap-24 > * {
+    } .start.gap-24 > *, .center.gap-24 > *, .space-between.gap-24 > * {
         margin-right: var(--gap-xl);
-    }
-.start.gap-32 > *, .center.gap-32 > *, .space-between.gap-32 > * {
+    } .start.gap-32 > *, .center.gap-32 > *, .space-between.gap-32 > * {
         margin-right: var(--gap-2xl);
     }

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

@@ -1,15 +1,20 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* sizes */
 
@@ -20,10 +25,8 @@
     /* desktop */
 
     /* mobile */
-}
-.footer {
+} .footer {
     padding: var(--gap-m);
-}
-.sticky {
+} .sticky {
     bottom: 0;
 }