@bagelink/vue 0.0.524 → 0.0.526

package/dist/style.css

@@ -1791,6 +1791,9 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .dp__calendar_row>div:last-child {
 	pointer-events: auto !important;
 }
+.dp__time_input {
+	direction: ltr;
+}
 
 .bagel-input textarea[data-v-1cbaeab2] {
 	font-family: monospace;
@@ -2952,7 +2955,8 @@ p {
     min-height: 100%;
 }
 .w-100,
-.width-100 {
+.w-100p,
+.w100p .width-100 {
     width: 100%;
 }
 .w300,
@@ -3125,6 +3129,36 @@ p {
 .w1600 {
     max-width: 1600px;
 }
+.vw10 {
+    width: 10vw;
+}
+.vw20 {
+    width: 20vw;
+}
+.vw30 {
+    width: 30vw;
+}
+.vw40 {
+    width: 40vw;
+}
+.vw50 {
+    width: 50vw;
+}
+.vw60 {
+    width: 60vw;
+}
+.vw70 {
+    width: 70vw;
+}
+.vw80 {
+    width: 80vw;
+}
+.vw90 {
+    width: 90vw;
+}
+.vw100 {
+    width: 100vw;
+}
 .w-all,
 .wall {
     width: -webkit-fill-available;
@@ -4434,10 +4468,12 @@ p {
     }
 
     .m_w-100,
-    .m_width-100 {
+    .m_w100p,
+    .m_w100p .m_width-100 {
         width: 100% !important;
     }
 
+
     .m_w300,
     .m_w350,
     .m_w400,
@@ -4565,6 +4601,47 @@ p {
         max-width: 850px;
     }
 
+    .m_vw10 {
+        width: 10vw;
+    }
+
+    .m_vw20 {
+        width: 20vw;
+    }
+
+    .m_vw30 {
+        width: 30vw;
+    }
+
+    .m_vw40 {
+        width: 40vw;
+    }
+
+    .m_vw50 {
+        width: 50vw;
+    }
+
+    .m_vw60 {
+        width: 60vw;
+    }
+
+    .m_vw70 {
+        width: 70vw;
+    }
+
+    .m_vw80 {
+        width: 80vw;
+    }
+
+    .m_vw90 {
+        width: 90vw;
+    }
+
+    .m_vw100 {
+        width: 100vw;
+    }
+
+
     .m_w-all,
     .m_wall {
         width: -webkit-fill-available;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.524",
+  "version": "0.0.526",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/form/inputs/DateInput.vue

@@ -81,4 +81,8 @@ onMounted(() => {
 .dp__calendar_row>div:last-child {
 	pointer-events: auto !important;
 }
+
+.dp__time_input {
+	direction: ltr;
+}
 </style>

package/src/styles/layout.css

@@ -167,7 +167,8 @@
 }
 
 .w-100,
-.width-100 {
+.w-100p,
+.w100p .width-100 {
     width: 100%;
 }
 
@@ -387,6 +388,47 @@
     max-width: 1600px;
 }
 
+.vw10 {
+    width: 10vw;
+}
+
+.vw20 {
+    width: 20vw;
+}
+
+.vw30 {
+    width: 30vw;
+}
+
+.vw40 {
+    width: 40vw;
+}
+
+.vw50 {
+    width: 50vw;
+}
+
+.vw60 {
+    width: 60vw;
+}
+
+.vw70 {
+    width: 70vw;
+}
+
+.vw80 {
+    width: 80vw;
+}
+
+.vw90 {
+    width: 90vw;
+}
+
+.vw100 {
+    width: 100vw;
+}
+
+
 .w-all,
 .wall {
     width: -webkit-fill-available;

package/src/styles/mobilLayout.css

@@ -186,10 +186,12 @@
     }
 
     .m_w-100,
-    .m_width-100 {
+    .m_w100p,
+    .m_w100p .m_width-100 {
         width: 100% !important;
     }
 
+
     .m_w300,
     .m_w350,
     .m_w400,
@@ -317,6 +319,47 @@
         max-width: 850px;
     }
 
+    .m_vw10 {
+        width: 10vw;
+    }
+
+    .m_vw20 {
+        width: 20vw;
+    }
+
+    .m_vw30 {
+        width: 30vw;
+    }
+
+    .m_vw40 {
+        width: 40vw;
+    }
+
+    .m_vw50 {
+        width: 50vw;
+    }
+
+    .m_vw60 {
+        width: 60vw;
+    }
+
+    .m_vw70 {
+        width: 70vw;
+    }
+
+    .m_vw80 {
+        width: 80vw;
+    }
+
+    .m_vw90 {
+        width: 90vw;
+    }
+
+    .m_vw100 {
+        width: 100vw;
+    }
+
+
     .m_w-all,
     .m_wall {
         width: -webkit-fill-available;