@bagelink/vue 1.2.54 → 1.2.56

package/dist/index.cjs

@@ -33177,7 +33177,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["bg-dark-modal", { "is-side": _ctx.side, "is-active": vue.unref(isVisible), "bg-lignt": false }]),
+        class: vue.normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": vue.unref(isVisible), "bg-lignt": false }]),
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: vue.withKeys(closeModal, ["esc"])
       }, [

package/dist/index.mjs

@@ -33175,7 +33175,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-dark-modal", { "is-side": _ctx.side, "is-active": unref(isVisible), "bg-lignt": false }]),
+        class: normalizeClass(["bg-dark", { "is-side": _ctx.side, "is-active": unref(isVisible), "bg-lignt": false }]),
         onClick: _cache[1] || (_cache[1] = () => _ctx.dismissable ? closeModal() : ""),
         onKeydown: withKeys(closeModal, ["esc"])
       }, [

package/dist/style.css

@@ -3787,7 +3787,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .leaflet-marker-icon {
 	cursor: pointer;
 }
-.bg-dark-modal {
+.bg-dark {
     position: fixed;
     top: 0;
     right: 0;
@@ -3894,16 +3894,16 @@ svg.leaflet-image-layer.leaflet-interactive path {
     transform: translateX(0%);
 }
 
-.bg-dark-modal.is-active {
+.bg-dark.is-active {
     opacity: 1;
     pointer-events: all;
 }
 
-body:has(.bg-dark-modal.is-active) {
+body:has(.bg-dark.is-active) {
     overflow: hidden;
 }
 
-.is-side.bg-dark-modal.is-active {
+.is-side.bg-dark.is-active {
     opacity: 1;
     align-items: stretch;
 }
@@ -16481,7 +16481,7 @@ select {
     color: var(--bgl-blue-light) !important;
 }.bg-bg {
     background: var(--bgl-bg) !important;
-}.bg-dark {
+}.bg-dark-bg {
     background: var(--bgl-dark-bg);
 }.color-bg {
     color: var(--bgl-bg) !important;

package/package.json

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

package/src/components/Modal.vue

@@ -70,7 +70,7 @@ onUnmounted(() => {
 
 <template>
 	<div
-		class="bg-dark-modal"
+		class="bg-dark"
 		:class="{ 'is-side': side, 'is-active': isVisible, 'bg-lignt': false }"
 		@click="() => (dismissable ? closeModal() : '')"
 		@keydown.esc="closeModal"

package/src/styles/appearance.css

@@ -173,7 +173,7 @@
     background: var(--bgl-bg) !important;
 }
 
-.bg-dark {
+.bg-dark-bg {
     background: var(--bgl-dark-bg);
 }
 

package/src/styles/modal.css

@@ -1,4 +1,4 @@
-.bg-dark-modal {
+.bg-dark {
     position: fixed;
     top: 0;
     right: 0;
@@ -105,16 +105,16 @@
     transform: translateX(0%);
 }
 
-.bg-dark-modal.is-active {
+.bg-dark.is-active {
     opacity: 1;
     pointer-events: all;
 }
 
-body:has(.bg-dark-modal.is-active) {
+body:has(.bg-dark.is-active) {
     overflow: hidden;
 }
 
-.is-side.bg-dark-modal.is-active {
+.is-side.bg-dark.is-active {
     opacity: 1;
     align-items: stretch;
 }