@bagelink/vue 0.0.164 → 0.0.170

package/dist/style.css

@@ -604,20 +604,11 @@
 	flex-grow: 1;
 }
 
-.tab[data-v-4ac29f1d] {
-	text-transform: capitalize;
+.tab[data-v-3941cced] {
+  text-transform: capitalize;
 }
-
-/* .top-section {
-	grid-area: top-section;
-	font-size: 10px;
-}
-
-.detail-section {
-	grid-area: detail-section;
-} */
-.card.tabs-top[data-v-4ac29f1d] {
-	width: 99%;
+.card.tabs-top[data-v-3941cced] {
+  /* width: 99%; */
 }
 
 .comments-wrap[data-v-2eead7c8] {
@@ -869,90 +860,90 @@ th[data-v-fb5b163a] {
 }
 
 .person-card {
-  border: 1.1px solid var(--border-color);
-  /* background: var(--input-bg); */
-  border-radius: var(--card-border-radius);
-  padding: 1rem;
-  margin-bottom: 0.5rem;
-  font-size: 1rem;
-  position: relative;
+	border: 1.1px solid var(--border-color);
+	/* background: var(--input-bg); */
+	border-radius: var(--card-border-radius);
+	padding: 1rem;
+	margin-bottom: 0.5rem;
+	font-size: 1rem;
+	position: relative;
 }
 .person-card p {
-  margin: 0;
+	margin: 0;
 }
 .person-card-details {
-  font-size: 14px;
-  margin-bottom: 2px;
-  line-height: 1.3;
-  display: flex;
+	font-size: 14px;
+	margin-bottom: 2px;
+	line-height: 1.3;
+	display: flex;
 }
 .person-card-details p {
-  color: var(--input-color);
-  opacity: 0.6;
+	color: var(--input-color);
+	opacity: 0.6;
 }
 .person-card-details.badge p {
-  opacity: 1;
+	opacity: 1;
 }
 .person-card-details p:nth-child(2) {
-  opacity: 1;
-  padding-inline-end: 0.5rem;
+	opacity: 1;
+	padding-inline-end: 0.5rem;
 }
 .person-card-details .icon-font {
-  color: var(--bgl-primary);
-  padding-inline-end: 0.25rem;
+	color: var(--bgl-primary);
+	padding-inline-end: 0.25rem;
 }
 .person-card-edit {
-  position: absolute;
-  inset-inline-end: 1rem;
+	position: absolute;
+	inset-inline-end: 1rem;
 }
 .person-card-details-wrap {
-  display: flex;
-  gap: 0.5rem;
-  flex-wrap: wrap;
+	display: flex;
+	gap: 0.5rem;
+	flex-wrap: wrap;
 }
 .person-card-icon {
-  background: var(--bgl-gray);
-  height: 30px;
-  width: 30px;
-  border-radius: 100%;
-  text-transform: uppercase;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: white;
-  font-size: 12px;
+	background: var(--bgl-gray);
+	height: 30px;
+	width: 30px;
+	border-radius: 100%;
+	text-transform: uppercase;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	color: white;
+	font-size: 12px;
 }
 .person-card-icon-wrap {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-  padding-bottom: 0.75rem;
+	display: flex;
+	gap: 0.5rem;
+	align-items: center;
+	padding-bottom: 0.75rem;
 }
 @media screen and (max-width: 910px) {
 .person-card-icon-wrap {
-    padding-bottom: 0.5rem;
+		padding-bottom: 0.5rem;
 }
 .person-card {
-    padding: 0.75rem;
-    position: relative;
+		padding: 0.75rem;
+		position: relative;
 }
 .person-card-edit {
-    /* position: relative; */
-    inset-inline-end: 0.5rem;
-    margin-bottom: 1rem;
-    justify-content: flex-end;
+		/* position: relative; */
+		inset-inline-end: 0.5rem;
+		margin-bottom: 1rem;
+		justify-content: flex-end;
 }
 .person-card-name {
-    max-width: calc(100% - 170px);
+		max-width: calc(100% - 170px);
 }
 }
 
-.data[data-v-0350cc0c] {
+.data[data-v-86e783b9] {
 	border: 1.1px solid var(--border-color);
 	padding: 20px;
 	border-radius: var(--input-border-radius);
 }
-.data-row[data-v-0350cc0c] {
+.data-row[data-v-86e783b9] {
 	display: flex;
 	justify-content: space-between;
 	padding-bottom: 0.5rem;
@@ -960,7 +951,7 @@ th[data-v-fb5b163a] {
 	opacity: 0.8;
 	border-bottom: 1px solid var(--border-color);
 }
-.data-link[data-v-0350cc0c] {
+.data-link[data-v-86e783b9] {
 	display: block;
 	font-size: var(--input-font-size);
 	margin-bottom: 2px;
@@ -968,136 +959,6 @@ th[data-v-fb5b163a] {
 	color: var(--input-color);
 }
 
-/* .uploading-wrap {
-	width: 100%;
-} */
-
-/* .uploading {
-	margin: 0.5rem;
-} */
-
-/* .img-label .icon-font {
-	font-size: 30px;
-	margin-bottom: 10px;
-} */
-
-/* .img-label span {
-	text-decoration: underline;
-}
-
-.file-input {
-	display: none;
-} */
-.files-wrapper {
-  /* flex-direction: column;
-	border-radius: 10px; */
-  /*overflow: hidden;*/
-  /* min-height: 100px;
-	font-size: var(--input-font-size); */
-}
-.drop-zone {
-  /* background-color: var(--bgl-bg);
-	height: 100%;
-	width: 100%;
-	flex-grow: 1;
-	position: relative;
-	overflow: hidden;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	outline: dashed 1px var(--bgl-black-tint);
-	border-radius: 10px;
-	padding: 1px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	color: var(--input-color); */
-}
-.drop-zone:hover {
-  /* color: var(--bgl-primary);
-	outline: dashed 1px var(--bgl-primary-tint); */
-}
-.drop-circle {
-  /* pointer-events: none;
-	position: absolute;
-	width: 100px;
-	height: 100px;
-	border-radius: 50%;
-	background-color: var(--bgl-primary-tint);
-	display: flex;
-	top: v-bind(circleTop);
-	left: v-bind(circleLeft);
-	transform: translate(-50%, -50%) scale(1);
-	transform-origin: left top; */
-}
-
-/* .drop-circle.active {
-    color: red;
-    background-color: black;
-    transform: translate(-50%, -50%) scale(1);
-    transition: transform 0.2s ease-in-out;
-} */
-.load-file-bar {
-  /* display: flex;
-	align-items: center;
-	justify-content: space-between;
-	background: var(--bgl-white);
-	border-radius: var(--btn-border-radius);
-	width: 100%;
-	color: var(--input-color);
-	height: var(--btn-height);
-	padding: 0.5rem;
-	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-	white-space: nowrap; */
-}
-.load-file-bar p {
-  /* width: calc(100% - 40px);
-	overflow: hidden;
-	text-overflow: ellipsis; */
-}
-.load-file-bar span {
-  /* font-size: 10px; */
-}
-.pie {
-  /* width: 30px;
-	height: 30px;
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center; */
-}
-
-/* .pie:before {
-	content: '';
-	position: absolute;
-	border-radius: 50%;
-	inset: 0;
-	background: conic-gradient(var(--bgl-primary) calc(var(--p) * 1%), #0000 0);
-	-webkit-mask: radial-gradient(
-		farthest-side,
-		#0000 calc(99% - var(--b)),
-		#000 calc(100% - var(--b))
-	);
-	mask: radial-gradient(
-		farthest-side,
-		#0000 calc(99% - var(--b)),
-		#000 calc(100% - var(--b))
-	);
-} */
-
-/* .pop-enter-active {
-	transition: scale 0.2s cubic-bezier(0.55, 0, 0.1, 1);
-}
-
-.pop-leave-active {
-	transition: scale 0.2s cubic-bezier(0.55, 0, 0.1, 1);
-}
-
-.pop-enter-from,
-.pop-leave-to {
-	scale: 0;
-} */
-
 /* .group-wrap * {
   outline: 1px solid red;
 } */
@@ -1258,13 +1119,13 @@ th[data-v-fb5b163a] {
 }
 }
 
-.primary-checkbox input[data-v-5d0f75db] {
+.primary-checkbox input[data-v-fe72d553] {
   display: none;
 }
-.primary-checkbox[data-v-5d0f75db] {
+.primary-checkbox[data-v-fe72d553] {
   margin-top: 8px;
 }
-.primary-checkbox span[data-v-5d0f75db] {
+.primary-checkbox span[data-v-fe72d553] {
   display: flex;
   padding-top: 1px;
   align-items: center;
@@ -1273,19 +1134,19 @@ th[data-v-fb5b163a] {
   border-radius: 100%;
   width: 26px;
   height: 26px;
-  background: white;
+  background: var(--bgl-white);
   border: 4px solid var(--bgl-gray-light);
   cursor: pointer;
   transition: var(--bgl-transition);
   user-select: none;
 }
-.primary-checkbox span[data-v-5d0f75db]:hover {
+.primary-checkbox span[data-v-fe72d553]:hover {
   filter: brightness(90%);
 }
-.primary-checkbox span[data-v-5d0f75db]:active {
+.primary-checkbox span[data-v-fe72d553]:active {
   filter: brightness(80%);
 }
-.primary-checkbox input:checked + span[data-v-5d0f75db] {
+.primary-checkbox input:checked + span[data-v-fe72d553] {
   background: var(--bgl-primary);
   border: none;
 }
@@ -1634,154 +1495,150 @@ input:checked + .slider[data-v-d0543d4b]:before {
 }
 
 .uploading-wrap {
-  width: 100%;
-  padding-right: 5px;
-  padding-left: 5px;
+	width: 100%;
+	padding-right: 5px;
+	padding-left: 5px;
 }
 
 /*
 .uploading {}
 */
 .img-label .icon-font {
-  font-size: 30px;
-  margin-bottom: 10px;
+	font-size: 30px;
+	margin-bottom: 10px;
 }
 .img-label span {
-  text-decoration: underline;
+	text-decoration: underline;
 }
 .file-input {
-  display: none;
+	display: none;
 }
 .files-wrapper {
-  flex-direction: column;
-  border-radius: 10px;
-  /*overflow: hidden;*/
-  min-height: calc(var(--input-height) * 1.5);
+	flex-direction: column;
+	border-radius: 10px;
+	/*overflow: hidden;*/
+	min-height: calc(var(--input-height) * 1.5);
 
-  font-size: var(--input-font-size);
+	font-size: var(--input-font-size);
 }
 .drop-zone {
-  background-color: var(--input-bg);
-  height: 100%;
-  width: 100%;
-  flex-grow: 1;
-  position: relative;
-  overflow: hidden;
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  outline: dashed 1px var(--border-color);
-  border-radius: 10px;
-  padding: 1px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: var(--input-color);
+	background-color: var(--input-bg);
+	height: 100%;
+	width: 100%;
+	flex-grow: 1;
+	position: relative;
+	overflow: hidden;
+	cursor: pointer;
+	transition: var(--bgl-transition);
+	outline: dashed 1px var(--border-color);
+	border-radius: 10px;
+	padding: 1px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	color: var(--input-color);
 }
 .drop-zone:hover {
-  color: var(--bgl-primary);
-  outline: dashed 1px var(--bgl-primary-tint);
+	color: var(--bgl-primary);
+	outline: dashed 1px var(--bgl-primary-tint);
 }
 .drop-circle {
-  pointer-events: none;
-  position: absolute;
-  width: 100px;
-  height: 100px;
-  border-radius: 50%;
-  background-color: var(--bgl-primary-tint);
-  display: flex;
-  transform: translate(-50%, -50%) scale(1);
-  transform-origin: left top;
+	pointer-events: none;
+	position: absolute;
+	width: 100px;
+	height: 100px;
+	border-radius: 50%;
+	background-color: var(--bgl-primary-tint);
+	display: flex;
+	transform: translate(-50%, -50%) scale(1);
+	transform-origin: left top;
 }
 .load-file-bar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background: var(--bgl-white);
-  border-radius: var(--btn-border-radius);
-  width: 100%;
-  color: var(--input-color);
-  height: var(--btn-height);
-  padding: 0.5rem;
-  height: 46px;
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-  white-space: nowrap;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	background: var(--bgl-white);
+	border-radius: var(--btn-border-radius);
+	width: 100%;
+	color: var(--input-color);
+	height: var(--btn-height);
+	padding: 0.5rem;
+	height: 46px;
+	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+	white-space: nowrap;
 }
 .load-file-bar p {
-  width: calc(100% - 40px);
-  overflow: hidden;
-  text-overflow: ellipsis;
+	width: calc(100% - 40px);
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 .load-file-bar span {
-  font-size: 10px;
+	font-size: 10px;
 }
 .pie {
-  width: 30px;
-  height: 30px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+	width: 30px;
+	height: 30px;
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 .pie:before {
-  content: "";
-  position: absolute;
-  border-radius: 50%;
-  inset: 0;
-  transition: all 0.2s ease-in-out;
-  background: conic-gradient(var(--bgl-primary) calc(var(--p) * 1%), #0000 0);
-  -webkit-mask: radial-gradient(
-    farthest-side,
-    #0000 calc(99% - var(--b)),
-    #000 calc(100% - var(--b))
-  );
-  mask: radial-gradient(
-    farthest-side,
-    #0000 calc(99% - var(--b)),
-    #000 calc(100% - var(--b))
-  );
+	content: "";
+	position: absolute;
+	border-radius: 50%;
+	inset: 0;
+	transition: all 0.2s ease-in-out;
+	background: conic-gradient(var(--bgl-primary) calc(var(--p) * 1%), #0000 0);
+	-webkit-mask: radial-gradient(farthest-side,
+			#0000 calc(99% - var(--b)),
+			#000 calc(100% - var(--b)));
+	mask: radial-gradient(farthest-side,
+			#0000 calc(99% - var(--b)),
+			#000 calc(100% - var(--b)));
 }
 .pie .success {
-  transform: scale(0);
-  opacity: 0;
-  transition: all 0.3s ease-in-out;
+	transform: scale(0);
+	opacity: 0;
+	transition: all 0.3s ease-in-out;
 }
 .pie .progress {
-  position: absolute;
-  font-size: 10px;
+	position: absolute;
+	font-size: 10px;
 }
 .pie.complete .progress {
-  display: none;
+	display: none;
 }
 .pie.complete .success {
-  transform: scale(1.3);
-  opacity: 1;
+	transform: scale(1.3);
+	opacity: 1;
 }
 .pie.complete:before {
-  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
+	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
 .pie.complete {
-  color: var(--bgl-green);
+	color: var(--bgl-green);
 }
 
 .pop-enter-active {
-  transition: scale 0.2s cubic-bezier(0.55, 0, 0.1, 1);
+	transition: scale 0.2s cubic-bezier(0.55, 0, 0.1, 1);
 }
 .pop-leave-active {
-  transition: scale 0.2s cubic-bezier(0.55, 0, 0.1, 1);
+	transition: scale 0.2s cubic-bezier(0.55, 0, 0.1, 1);
 }
 .pop-enter-from,
 .pop-leave-to {
-  scale: 0;
+	scale: 0;
 }
 .delete-btn {
-  margin-inline-end: -30px;
-  opacity: 0;
-  margin-inline-start: 10px;
+	margin-inline-end: -30px;
+	opacity: 0;
+	margin-inline-start: 10px;
 }
 .uploading-wrap:hover .delete-btn {
-  opacity: 1;
-  margin-inline-end: 0;
+	opacity: 1;
+	margin-inline-end: 0;
 }
 
 .person-card {
@@ -2771,13 +2628,6 @@ select {
     padding: 0;
     width: fit-content;
 }
-.bagel-input input:focus-visible,
-.bagel-input select:focus-visible,
-.bagel-input textarea:focus-visible,
-.input.active {
-    outline: none;
-    box-shadow: inset 0 0 10px #00000012;
-}
 .bagel-input:focus-within label {
     color: var(--bgl-primary);
 }
@@ -2916,7 +2766,10 @@ button.formkit-input:active {
 .formkit-outer input:focus-visible,
 .formkit-outer select:focus-visible,
 .formkit-outer textarea:focus-visible,
-.input.active {
+.input.active,
+.bagel-input input:focus-visible,
+.bagel-input select:focus-visible,
+.bagel-input textarea:focus-visible {
     outline: none;
     box-shadow: inset 0 0 10px #00000012;
 }
@@ -3221,6 +3074,7 @@ h6 {}
   margin-top: 0;
   margin-bottom: 20px;
   width: 100%;
+  padding-inline-end: 40px;
 }
 .modal-footer {
   gap: 1rem;
@@ -3525,6 +3379,10 @@ body {
   padding-top: 1rem;
   inset-inline-start: 0;
 }
+.DonationsDashbored .tabs {
+  border-bottom: 1px solid var(--border-color);
+  border-top: none;
+}
 .copy-url {
   background-color: var(--bgl-gray-light);
   border-radius: var(--btn-border-radius);
@@ -3668,14 +3526,17 @@ body {
   }
 }
 [theme="dark"] {
-  --bgl-blue-20: rgba(46, 91, 255, 20%);
-  --bgl-blue-dark: #191c30;
-  --bgl-blue-light: #20262f;
+  --bgl-primary: #1c4fe1;
+  --bgl-primary-tint: #1c4fe180;
+
+  /* --bgl-blue-20: rgba(46, 91, 255, 20%); */
+  /* --bgl-blue-dark: #191c30; */
+  --bgl-blue-light: #34363b;
   --bgl-black: #dbdcdc;
-  --bgl-black-tint: #686868;
-  --bgl-white: #212121;
-  --bgl-gray: #606060;
-  --bgl-gray-light: #252729;
+  --bgl-black-tint: #7a7a7a;
+  --bgl-white: rgb(41, 42, 45);
+  --bgl-gray: #7f7d7d;
+  --bgl-gray-light: #191b1c;
   --bgl-gray-80: #e8ecef;
   --bgl-gray-20: rgba(183, 183, 183, 0.2);
   --bgl-pink: #f1416c;
@@ -3684,32 +3545,75 @@ body {
   --bgl-yellow: #ffbb00;
   --bgl-yellow-light: #fff6d5;
   --bgl-green: #52875b;
-  --border-color: #292b2e;
-  --bgl-bg: #24252a;
+  --border-color: #383a3f;
+  --bgl-bg: #121317;
   --bgl-shadow: #4c577d26;
-  --input-bg: #252729;
-  --input-color: #929394;
-  --label-color: #92939480;
-  --placeholder-color: #92939440;
-  --input-height: 40px;
-  --bgl-hover-filter: brightness(120%);
-  --bgl-active-filter: brightness(100%);
+  --input-bg: #1d2023;
+  --input-color: #d3d4d4;
+  --label-color: #d3d4d480;
+  --placeholder-color: #ccd4dd60;
+
+  --bgl-hover-filter: brightness(130%);
+  --bgl-active-filter: brightness(110%);
 }
 [theme="dark"] .formkit-outer input:focus-visible,
 [theme="dark"] .formkit-outer select:focus-visible,
 [theme="dark"] .formkit-outer textarea:focus-visible,
-.input.active {
+[theme="dark"] .input.active,
+[theme="dark"] .bagel-input input:focus-visible,
+[theme="dark"] .bagel-input select:focus-visible,
+[theme="dark"] .bagel-input textarea:focus-visible {
   outline: none;
-  box-shadow: inset 0 0 10px #181212;
+  box-shadow: inset 0 0 10px var(--bgl-bg);
+}
+[theme="dark"] .formkit-outer select {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
 }
 /* use this is to override the nav color */
 [theme="dark"] .nav {
-  --bgl-white: var(--bgl-black) !important;
-  /* --bgl-primary: #081851; */
+  color: var(--bgl-black) !important;
+  background: transparent;
+  border-radius: 0 !important;
+  border-inline-end: 1px solid var(--bgl-gray-20);
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+  margin-inline-start: 0 !important;
+}
+[theme="dark"] .nav * {
+  color: var(--bgl-black) !important;
+
+}
+[theme="dark"] .dropdown-project-head {
+  background: var(--bgl-bg) !important;
+  color: var(--bgl-white) !important;
 }
-[theme="dark"]input::-webkit-calendar-picker-indicator {
+[theme="dark"] .dropdown-project-body {
+  color: var(--bgl-black-tint) !important;
+}
+/* until here */
+[theme="dark"] input::-webkit-calendar-picker-indicator {
   filter: invert(48%);
 }
+[theme="dark"] ::selection {
+  color: var(--bgl-black);
+  background: var(--bgl-primary-tint);
+}
+[theme="dark"] .whatsapp-msg {
+  color: var(--bgl-gray-light);
+}
+[theme="dark"] button.formkit-input,
+[theme="dark"] .btn,
+[theme="dark"] .btn-icon,
+[theme="dark"] .primary-checkbox input:checked+span,
+[theme="dark"] .btn.light {
+  color: var(--bgl-black);
+}
+[theme="dark"] .bagel-input.checkbox.check .slider:before {
+  color: var(--bgl-black) !important;
+}
+[theme="dark"] .nav-expend {
+  top: 67px;
+}
 :root {
     --transition-ease-in: cubic-bezier(0.1, 0.5, 0.33, 1);
     --transition-ease-out: cubic-bezier(1, 0.33, 0.5, 0.1);