@bagelink/vue 0.0.473 → 0.0.475

package/dist/index.cjs

@@ -5536,8 +5536,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "62a40850": computedBackgroundColor.value,
-      "2a1924b3": cumputedTextColor.value
+      "3607ab92": computedBackgroundColor.value,
+      "7910b026": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = vue.useSlots();
@@ -5573,10 +5573,16 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       "blue": getThemeColors({})
     };
     const cumputedTextColor = vue.computed(
-      () => themes[computedTheme.value].color || computedDefaultColors.value.color
+      () => {
+        var _a2;
+        return ((_a2 = themes[computedTheme.value]) == null ? void 0 : _a2.color) || computedDefaultColors.value.color;
+      }
     );
     const computedBackgroundColor = vue.computed(
-      () => themes[computedTheme.value].backgroundColor || computedDefaultColors.value.backgroundColor
+      () => {
+        var _a2;
+        return ((_a2 = themes[computedTheme.value]) == null ? void 0 : _a2.backgroundColor) || computedDefaultColors.value.backgroundColor;
+      }
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.to ? "router-link" : _ctx.is), {
@@ -5615,7 +5621,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-6f01c073"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-51ee7ea7"]]);
 const _hoisted_1$F = {
   key: 0,
   class: "tool-bar"

package/dist/index.mjs

@@ -5534,8 +5534,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "62a40850": computedBackgroundColor.value,
-      "2a1924b3": cumputedTextColor.value
+      "3607ab92": computedBackgroundColor.value,
+      "7910b026": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = useSlots();
@@ -5571,10 +5571,16 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       "blue": getThemeColors({})
     };
     const cumputedTextColor = computed(
-      () => themes[computedTheme.value].color || computedDefaultColors.value.color
+      () => {
+        var _a2;
+        return ((_a2 = themes[computedTheme.value]) == null ? void 0 : _a2.color) || computedDefaultColors.value.color;
+      }
     );
     const computedBackgroundColor = computed(
-      () => themes[computedTheme.value].backgroundColor || computedDefaultColors.value.backgroundColor
+      () => {
+        var _a2;
+        return ((_a2 = themes[computedTheme.value]) == null ? void 0 : _a2.backgroundColor) || computedDefaultColors.value.backgroundColor;
+      }
     );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? "router-link" : _ctx.is), {
@@ -5613,7 +5619,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-6f01c073"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-51ee7ea7"]]);
 const _hoisted_1$F = {
   key: 0,
   class: "tool-bar"

package/dist/style.css

@@ -248,19 +248,19 @@
 }
 }
 
-a[data-v-6f01c073] {
+a[data-v-51ee7ea7] {
   text-decoration: none;
 }
-.loading[data-v-6f01c073] {
+.loading[data-v-51ee7ea7] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-6f01c073 1s linear infinite;
+  animation: spin-51ee7ea7 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-6f01c073 {
+@keyframes spin-51ee7ea7 {
 0% {
     transform: rotate(0deg);
 }
@@ -268,7 +268,7 @@ a[data-v-6f01c073] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-6f01c073] {
+.bgl_btn-icon[data-v-51ee7ea7] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -278,101 +278,101 @@ a[data-v-6f01c073] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-6f01c073] {
+.bgl_btn[data-v-51ee7ea7] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-6f01c073] {
+.bgl_btn[disabled="true"][data-v-51ee7ea7] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-6f01c073] {
+.bgl_btn-flex[data-v-51ee7ea7] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-6f01c073] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-51ee7ea7] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-6f01c073],
-.bgl_btn-icon[data-v-6f01c073] {
-  background-color: var(--62a40850);
-  color: var(--2a1924b3);
+.bgl_btn[data-v-51ee7ea7],
+.bgl_btn-icon[data-v-51ee7ea7] {
+  background-color: var(--3607ab92);
+  color: var(--7910b026);
 }
-.bgl_btn[data-v-6f01c073]:hover,
-.bgl_btn-icon[data-v-6f01c073]:hover {
+.bgl_btn[data-v-51ee7ea7]:hover,
+.bgl_btn-icon[data-v-51ee7ea7]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-6f01c073]:active,
-.bgl_btn-icon[data-v-6f01c073]:active {
+.bgl_btn[data-v-51ee7ea7]:active,
+.bgl_btn-icon[data-v-51ee7ea7]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-6f01c073] {
+.bgl_btn.bgl_flatBtn[data-v-51ee7ea7] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-6f01c073] {
+.bgl_btn-icon.bgl_flatBtn[data-v-51ee7ea7] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-6f01c073]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-6f01c073]:hover {
+.bgl_btn.bgl_flatBtn[data-v-51ee7ea7]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-51ee7ea7]:hover {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-6f01c073]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-6f01c073]:active {
+.bgl_btn.bgl_flatBtn[data-v-51ee7ea7]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-51ee7ea7]:active {
   background: var(--bgl-gray);
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-6f01c073],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-6f01c073] {
+.bgl_btn.bgl_flatBtn.red[data-v-51ee7ea7],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-51ee7ea7] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-6f01c073],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-6f01c073] {
+.bgl_btn.bgl_flatBtn.white[data-v-51ee7ea7],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-51ee7ea7] {
   color: var(--bgl-white);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-6f01c073],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-6f01c073] {
+.bgl_btn.bgl_flatBtn.light[data-v-51ee7ea7],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-51ee7ea7] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-6f01c073],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-6f01c073] {
+.bgl_btn.bgl_flatBtn.black[data-v-51ee7ea7],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-51ee7ea7] {
   color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-6f01c073],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-6f01c073] {
+.bgl_btn.bgl_flatBtn.gray[data-v-51ee7ea7],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-51ee7ea7] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-6f01c073] {
+.bgl_btn.thin[data-v-51ee7ea7] {
   padding-left: calc(var(--btn-padding) / 2);
   padding-right: calc(var(--btn-padding) / 2);
 }
-.bgl_btn.round[data-v-6f01c073] {
+.bgl_btn.round[data-v-51ee7ea7] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-6f01c073] {
+.bgl_btn-icon.thin[data-v-51ee7ea7] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: 1;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-6f01c073] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-51ee7ea7] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-6f01c073] {
-  outline: 1px solid var(--62a40850);
-  color: var(--62a40850);
+.bgl_btn-border[data-v-51ee7ea7] {
+  outline: 1px solid var(--3607ab92);
+  color: var(--3607ab92);
   background: transparent;
 }
-.bgl_btn-border[data-v-6f01c073]:hover {
+.bgl_btn-border[data-v-51ee7ea7]:hover {
   color: var(--bgl-white);
-  background: var(--62a40850);
+  background: var(--3607ab92);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-6f01c073]:active {
+.bgl_btn-border[data-v-51ee7ea7]:active {
   filter: brightness(80%);
 }
 .bg-dark {

package/package.json

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

package/src/components/Btn.vue

@@ -62,7 +62,7 @@ function getThemeColors(theme: Partial<typeof computedDefaultColors>): typeof co
 	})
 }
 
-const themes: { [key in ThemeType]: typeof computedDefaultColors } = {
+const themes: Partial<{ [key in ThemeType]: typeof computedDefaultColors }> = {
 	'red': getThemeColors({ backgroundColor: 'var(--bgl-red)' }),
 	'white': getThemeColors({ backgroundColor: 'var(--bgl-white)' }),
 	'black': getThemeColors({ backgroundColor: 'var(--bgl-black)' }),
@@ -75,11 +75,11 @@ const themes: { [key in ThemeType]: typeof computedDefaultColors } = {
 }
 
 const cumputedTextColor = $computed(
-	() => (themes[computedTheme as Partial<ThemeType>].color || computedDefaultColors.color),
+	() => (themes[computedTheme as ThemeType]?.color || computedDefaultColors.color),
 )
 
 const computedBackgroundColor = $computed(
-	() => (themes[computedTheme as Partial<ThemeType>].backgroundColor || computedDefaultColors.backgroundColor),
+	() => (themes[computedTheme as ThemeType]?.backgroundColor || computedDefaultColors.backgroundColor),
 )
 </script>