@bagelink/vue 0.0.835 → 0.0.837

package/dist/components/Pill.vue.d.ts

@@ -1,8 +1,8 @@
 import { MaterialIcons, ThemeType } from '..';
 interface BtnProp {
-    icon: MaterialIcons;
+    icon?: MaterialIcons;
     onClick: () => void;
-    value: string;
+    value?: string;
 }
 declare function __VLS_template(): {
     slots: {

package/dist/components/Pill.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.vue.d.ts","sourceRoot":"","sources":["../../src/components/Pill.vue"],"names":[],"mappings":"AAiLA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM7D,UAAU,OAAO;IAChB,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAsED,iBAAS,cAAc;;yBA8GO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA1MT,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;UACT,OAAO;aACJ,OAAO;;eAZL,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;UACT,OAAO;aACJ,OAAO;iGAoMf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Pill.vue.d.ts","sourceRoot":"","sources":["../../src/components/Pill.vue"],"names":[],"mappings":"AAiLA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAM7D,UAAU,OAAO;IAChB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAsED,iBAAS,cAAc;;yBA8GO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA1MT,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;UACT,OAAO;aACJ,OAAO;;eAZL,OAAO;WACX,aAAa;cACV,aAAa;YACf,SAAS;YACT,SAAS;WACV,OAAO;aACL,OAAO;cACN,OAAO;cACP,OAAO;YACT,MAAM;YACN,OAAO;UACT,OAAO;aACJ,OAAO;iGAoMf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/index.cjs

@@ -53624,8 +53624,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "559533ce": computedBackgroundColor.value,
-      "4621e5ae": cumputedTextColor.value
+      "5217b464": computedBackgroundColor.value,
+      "0b2b363f": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = vue.useSlots();
@@ -53716,7 +53716,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4c9e6928"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5476be6c"]]);
 const _sfc_main$5 = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");

package/dist/index.mjs

@@ -53622,8 +53622,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "559533ce": computedBackgroundColor.value,
-      "4621e5ae": cumputedTextColor.value
+      "5217b464": computedBackgroundColor.value,
+      "0b2b363f": cumputedTextColor.value
     }));
     const props2 = __props;
     const slots = useSlots();
@@ -53714,7 +53714,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-4c9e6928"]]);
+const Pill = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5476be6c"]]);
 const _sfc_main$5 = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");

package/dist/style.css

@@ -3174,25 +3174,25 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-.bgl_pill-btn[data-v-4c9e6928]{
+.bgl_pill-btn[data-v-5476be6c]{
 	color: var(--pill-btn-color);
 	background: var(--pill-btn-bg);
 	width: calc(var(--pill-height) / 1.25)!important;
 	height: calc(var(--pill-height) / 1.25)!important;
 }
-.loading[data-v-4c9e6928] {
+.loading[data-v-5476be6c] {
   border: 1px solid var(--bgl-light-text);
   border-bottom: 2px solid var(--bgl-light-text);
-  animation: spin-4c9e6928 1s linear infinite;
+  animation: spin-5476be6c 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-.bgl_flatPill .loading[data-v-4c9e6928] {
+.bgl_flatPill .loading[data-v-5476be6c] {
 	border-bottom: 2px solid var(--bgl-text-color);
 }
-@keyframes spin-4c9e6928 {
+@keyframes spin-5476be6c {
 0% {
     transform: rotate(0deg);
 }
@@ -3200,11 +3200,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
     transform: rotate(360deg);
 }
 }
-.bgl_pill[data-v-4c9e6928] {
+.bgl_pill[data-v-5476be6c] {
   padding-inline: 0.25rem;
   transition: var(--bgl-transition);
-  background-color: var(--559533ce);
-  color: var(--4621e5ae);
+  background-color: var(--5217b464);
+  color: var(--0b2b363f);
   display: inline-block;
   margin-inline-end: 0.25rem;
   border-radius: var(--pill-border-radius);
@@ -3212,26 +3212,26 @@ svg.leaflet-image-layer.leaflet-interactive path {
   vertical-align: middle;
   margin-bottom: 0.25rem;
 }
-.bgl_pill[disabled="true"][data-v-4c9e6928] {
+.bgl_pill[disabled="true"][data-v-5476be6c] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_pill-flex[data-v-4c9e6928] {
+.bgl_pill-flex[data-v-5476be6c] {
   display: flex;
   align-items: center;
   gap: 0.25rem;
   justify-content: center;
   height: 100%;
 }
-.bgl_pill.bgl_flatPill[data-v-4c9e6928] {
+.bgl_pill.bgl_flatPill[data-v-5476be6c] {
   background: transparent;
 }
-.bgl_pill.round[data-v-4c9e6928] {
+.bgl_pill.round[data-v-5476be6c] {
   border-radius: 1000px;
 }
-.bgl_pill-border[data-v-4c9e6928] {
-  outline: 1px solid var(--559533ce);
-  color: var(--559533ce);
+.bgl_pill-border[data-v-5476be6c] {
+  outline: 1px solid var(--5217b464);
+  color: var(--5217b464);
   background: transparent;
 }
 

package/package.json

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

package/src/components/Pill.vue

@@ -4,9 +4,9 @@ import { Btn, MaterialIcon } from '@bagelink/vue'
 import { useSlots } from 'vue'
 
 interface BtnProp {
-	icon: MaterialIcons
+	icon?: MaterialIcons
 	onClick: () => void
-	value: string
+	value?: string
 }
 
 const props = defineProps<{