@bagelink/vue 1.14.13 → 1.15.0

package/src/styles/loginCard.css

@@ -3,7 +3,7 @@
 }
 
 .login-card .bagel-input input {
-  min-width: calc(var(--input-height) * 2);
+  min-width: calc(var(--bgl-input-height) * 2);
 }
 
 .login-card .loader-wrapper {

package/src/styles/mobilLayout.css

@@ -54,84 +54,84 @@
     .m_rounded,
     .m_radius,
     .m_radius-1 {
-        border-radius: var(--btn-border-radius) !important;
+        border-radius: var(--bgl-btn-border-radius) !important;
     }
 
     .m_rounded-thin {
-        border-radius: calc(var(--btn-border-radius) / 1.5) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) / 1.5) !important;
     }
 
     .m_radius-025 {
-        border-radius: calc(var(--btn-border-radius) / 4) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) / 4) !important;
     }
 
     .m_radius-05 {
-        border-radius: calc(var(--btn-border-radius) / 2) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) / 2) !important;
     }
 
     .m_radius-075 {
-        border-radius: calc(var(--btn-border-radius) * 0.75) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 0.75) !important;
     }
 
     .m_radius-1-25 {
-        border-radius: calc(var(--btn-border-radius) * 1.25) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 1.25) !important;
     }
 
     .m_radius-1-5 {
-        border-radius: calc(var(--btn-border-radius) * 1.5) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 1.5) !important;
     }
 
     .m_radius-1-75 {
-        border-radius: calc(var(--btn-border-radius) * 1.75) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 1.75) !important;
     }
 
     .m_radius-2 {
-        border-radius: calc(var(--btn-border-radius) * 2) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 2) !important;
     }
 
     .m_radius-2-25 {
-        border-radius: calc(var(--btn-border-radius) * 2.25) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 2.25) !important;
     }
 
     .m_radius-2-5 {
-        border-radius: calc(var(--btn-border-radius) * 2.5) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 2.5) !important;
     }
 
     .m_radius-2-75 {
-        border-radius: calc(var(--btn-border-radius) * 2.75) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 2.75) !important;
     }
 
 
     .m_radius-3 {
-        border-radius: calc(var(--btn-border-radius) * 3) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 3) !important;
     }
 
     .m_radius-3-25 {
-        border-radius: calc(var(--btn-border-radius) * 3.25) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 3.25) !important;
     }
 
     .m_radius-3-5 {
-        border-radius: calc(var(--btn-border-radius) * 3.5) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 3.5) !important;
     }
 
     .m_radius-3-75 {
-        border-radius: calc(var(--btn-border-radius) * 3.75) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 3.75) !important;
     }
 
     .m_radius-4 {
-        border-radius: calc(var(--btn-border-radius) * 4) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 4) !important;
     }
 
     .m_radius-4-25 {
-        border-radius: calc(var(--btn-border-radius) * 4.25) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 4.25) !important;
     }
 
     .m_radius-4-5 {
-        border-radius: calc(var(--btn-border-radius) * 4.5) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 4.5) !important;
     }
 
     .m_radius-4-75 {
-        border-radius: calc(var(--btn-border-radius) * 4.75) !important;
+        border-radius: calc(var(--bgl-btn-border-radius) * 4.75) !important;
     }
 
     .m_round-none,
@@ -228,7 +228,7 @@
 
 
     .m_flex-center {
-        justify-items: center;
+        justify-content: center;
         align-items: center;
         display: flex;
     }
@@ -357,7 +357,7 @@
     }
 
     .m_justify-content-around {
-        justify-content: space-between;
+        justify-content: space-around;
     }
 
     .m_justify-content-end {
@@ -432,7 +432,7 @@
 
     .m_h-min-unset,
     .m_min-h-unset {
-        min-height: 100%;
+        min-height: unset;
     }
 
     .m_vh-min-100,
@@ -5208,7 +5208,7 @@
 
     .m_-mt-075,
     .m_mt--075 {
-        margin-top: 0.75rem !important;
+        margin-top: -0.75rem !important;
     }
 
     .m_-mt-1,
@@ -5383,8 +5383,8 @@
     }
 
     .m_-my-075 {
-        margin-top: 0.75rem !important;
-        margin-bottom: 0.75rem !important;
+        margin-top: -0.75rem !important;
+        margin-bottom: -0.75rem !important;
     }
 
     .m_-my-1 {
@@ -6887,10 +6887,10 @@
 
     .m_label {
         display: block;
-        font-size: var(--label-font-size);
+        font-size: var(--bgl-label-font-size);
         margin-bottom: 2px;
         line-height: 1.3;
-        color: var(--label-color);
+        color: var(--bgl-label-color);
     }
 
     .m_layout-h-100 {
@@ -8236,4 +8236,129 @@
     .m_inset-10 {
         inset: 10rem !important;
     }
+
+    /* ====================================================================
+       Utility gap fills — mobile variants (June 2026)
+       ==================================================================== */
+
+    /* Visibility */
+    .m_visible {
+        visibility: visible !important;
+    }
+
+    .m_invisible {
+        visibility: hidden !important;
+    }
+
+    .m_collapse {
+        visibility: collapse !important;
+    }
+
+    /* Align Self */
+    .m_self-auto {
+        align-self: auto !important;
+    }
+
+    .m_self-start {
+        align-self: flex-start !important;
+    }
+
+    .m_self-center {
+        align-self: center !important;
+    }
+
+    .m_self-end {
+        align-self: flex-end !important;
+    }
+
+    .m_self-stretch {
+        align-self: stretch !important;
+    }
+
+    .m_self-baseline {
+        align-self: baseline !important;
+    }
+
+    /* Order */
+    .m_order-first {
+        order: -9999 !important;
+    }
+
+    .m_order-last {
+        order: 9999 !important;
+    }
+
+    .m_order-none {
+        order: 0 !important;
+    }
+
+    .m_order-0 {
+        order: 0 !important;
+    }
+
+    .m_order-1 {
+        order: 1 !important;
+    }
+
+    .m_order-2 {
+        order: 2 !important;
+    }
+
+    .m_order-3 {
+        order: 3 !important;
+    }
+
+    .m_order-4 {
+        order: 4 !important;
+    }
+
+    .m_order-5 {
+        order: 5 !important;
+    }
+
+    .m_order-6 {
+        order: 6 !important;
+    }
+
+    /* Max Height */
+    .m_max-h-100 {
+        max-height: 100% !important;
+    }
+
+    .m_max-h-screen {
+        max-height: 100vh !important;
+    }
+
+    .m_max-h-fit {
+        max-height: fit-content !important;
+    }
+
+    .m_max-h-none {
+        max-height: none !important;
+    }
+
+    .m_max-h-100px {
+        max-height: 100px !important;
+    }
+
+    .m_max-h-200px {
+        max-height: 200px !important;
+    }
+
+    .m_max-h-300px {
+        max-height: 300px !important;
+    }
+
+    .m_max-h-400px {
+        max-height: 400px !important;
+    }
+
+    .m_max-h-500px {
+        max-height: 500px !important;
+    }
+
+    .m_max-h-600px {
+        max-height: 600px !important;
+    }
+
 }