@bagelink/vue 0.0.192 → 0.0.198

package/dist/style.css

@@ -306,16 +306,16 @@
 }
 }
 
-.loading[data-v-4ac414aa] {
+.loading[data-v-19291b41] {
 	border: 1px solid var(--bgl-white);
 	border-bottom: 2px solid var(--bgl-white);
-	animation: spin-4ac414aa 1s linear infinite;
+	animation: spin-19291b41 1s linear infinite;
 	border-radius: 100px;
 	width: 1rem;
 	height: 1rem;
 	margin: auto;
 }
-@keyframes spin-4ac414aa {
+@keyframes spin-19291b41 {
 0% {
 		transform: rotate(0deg);
 }
@@ -323,7 +323,7 @@
 		transform: rotate(360deg);
 }
 }
-.btn-icon[data-v-4ac414aa] {
+.btn-icon[data-v-19291b41] {
 	height: var(--btn-height);
 	width: var(--btn-height);
 	border-radius: 100%;
@@ -333,101 +333,97 @@
 	flex-shrink: 0;
 	transition: var(--bgl-transition);
 }
-.btn[data-v-4ac414aa] {
-	background: var(--bgl-primary);
-	color: var(--bgl-white);
+.btn[data-v-19291b41] {
 	padding-left: var(--btn-padding);
 	padding-right: var(--btn-padding);
 	transition: var(--bgl-transition);
 	text-decoration: none;
 }
-.btn[disabled="true"][data-v-4ac414aa] {
+.btn[disabled="true"][data-v-19291b41] {
 	opacity: 0.5;
 	cursor: not-allowed;
 }
-.btn-flex[data-v-4ac414aa] {
+.btn-flex[data-v-19291b41] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 	justify-content: center;
 }
-.btn .icon-font[data-v-4ac414aa] {
+.btn .icon-font[data-v-19291b41] {
 	font-size: calc(var(--input-font-size) * 1.3);
 }
-.btn[data-v-4ac414aa]:hover,
-.btn-icon[data-v-4ac414aa]:hover {
+.btn[data-v-19291b41],
+.btn-icon[data-v-19291b41] {
+	background-color: var(--720e4596);
+	color: var(--31e8e060);
+}
+.btn[data-v-19291b41]:hover,
+.btn-icon[data-v-19291b41]:hover {
 	filter: var(--bgl-hover-filter);
 }
-.btn[data-v-4ac414aa]:active,
-.btn-icon[data-v-4ac414aa]:active {
+.btn[data-v-19291b41]:active,
+.btn-icon[data-v-19291b41]:active {
 	filter: var(--bgl-active-filter);
 }
-.btn[data-v-4ac414aa],
-.btn-icon[data-v-4ac414aa] {
-	background-color: var(--7c9f0211);
-	color: var(--6c14eca8);
-}
-.btn.btn-txt[data-v-4ac414aa] {
-	color: var(--bgl-primary);
+.btn.flatBtn[data-v-19291b41] {
 	padding-left: var(--btn-padding);
 	padding-right: var(--btn-padding);
 	background: transparent;
 }
-.btn-icon.btn-txt[data-v-4ac414aa] {
-	color: var(--bgl-primary);
+.btn-icon.flatBtn[data-v-19291b41] {
 	background: transparent;
 }
-.btn.btn-txt[data-v-4ac414aa]:hover,
-.btn-icon.btn-txt[data-v-4ac414aa]:hover {
+.btn.flatBtn[data-v-19291b41]:hover,
+.btn-icon.flatBtn[data-v-19291b41]:hover {
 	filter: var(--bgl-active-filter);
 }
-.btn.btn-txt[data-v-4ac414aa]:active,
-.btn-icon.btn-txt[data-v-4ac414aa]:active {
+.btn.flatBtn[data-v-19291b41]:active,
+.btn-icon.flatBtn[data-v-19291b41]:active {
 	background: var(--bgl-white);
 	filter: var(--bgl-hover-filter);
 }
-.btn.btn-txt.red[data-v-4ac414aa],
-.btn-icon.btn-txt.red[data-v-4ac414aa] {
+.btn.flatBtn.red[data-v-19291b41],
+.btn-icon.flatBtn.red[data-v-19291b41] {
 	color: var(--bgl-red);
 }
-.btn.btn-txt.light[data-v-4ac414aa],
-.btn-icon.btn-txt.light[data-v-4ac414aa] {
+.btn.flatBtn.light[data-v-19291b41],
+.btn-icon.flatBtn.light[data-v-19291b41] {
 	color: var(--bgl-primary-tint);
 }
-.btn.btn-txt.black[data-v-4ac414aa],
-.btn-icon.btn-txt.black[data-v-4ac414aa] {
+.btn.flatBtn.black[data-v-19291b41],
+.btn-icon.flatBtn.black[data-v-19291b41] {
 	color: var(--bgl-black);
 }
-.btn.btn-txt.gray[data-v-4ac414aa],
-.btn-icon.btn-txt.gray[data-v-4ac414aa] {
+.btn.flatBtn.gray[data-v-19291b41],
+.btn-icon.flatBtn.gray[data-v-19291b41] {
 	color: var(--bgl-gray);
 }
-.btn.thin[data-v-4ac414aa] {
+.btn.thin[data-v-19291b41] {
 	padding-left: calc(var(--btn-padding) / 2);
 	padding-right: calc(var(--btn-padding) / 2);
 }
-.btn.round[data-v-4ac414aa] {
+.btn.round[data-v-19291b41] {
 	border-radius: calc(var(--btn-border-radius) * 2);
 }
-.btn-icon.thin[data-v-4ac414aa] {
+.btn-icon.thin[data-v-19291b41] {
 	height: calc(var(--btn-height) / 1.5);
 	width: calc(var(--btn-height) / 1.5);
 	line-height: 1;
 }
-[dir="rtl"] .icon-font[data-v-4ac414aa] {
+[dir="rtl"] .icon-font[data-v-19291b41] {
 	transform: rotateY(180deg);
 }
-.btn-border[data-v-4ac414aa] {
-	outline: 1px solid var(--7c9f0211);
-	color: var(--7c9f0211);
-	background: var(--bgl-white);
+.btn-border[data-v-19291b41] {
+	outline: 1px solid var(--720e4596);
+	color: var(--720e4596);
+	background: transparent;
 }
-.btn-border[data-v-4ac414aa]:hover {
-	color: var(--6c14eca8);
-	background: var(--7c9f0211);
+.btn-border[data-v-19291b41]:hover {
+	color: var(--bgl-white);
+	background: var(--720e4596);
 	filter: brightness(100%);
 }
-.btn-border[data-v-4ac414aa]:active {
+.btn-border[data-v-19291b41]:active {
 	filter: brightness(80%);
 }
 .bg-dark {
@@ -1140,34 +1136,34 @@ th[data-v-f3a410c2] {
   border: none;
 }
 
-.bglform-contact[data-v-61e13dd7] {
+.bglform-contact[data-v-f93bb259] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 	max-width: 700px;
 	position: relative;
 }
-.bglform-contact-label[data-v-61e13dd7] {
+.bglform-contact-label[data-v-f93bb259] {
 	flex-basis: 140px;
 }
-.bglform-contact input[type="checkbox"][data-v-61e13dd7] {
+.bglform-contact input[type="checkbox"][data-v-f93bb259] {
 	width: 30px;
 	min-width: 0;
 }
-.light.thin.btn-txt.btn[data-v-61e13dd7] {
+.light.thin.flatBtn.btn[data-v-f93bb259] {
 	padding-left: calc(var(--btn-padding) / 4);
 	padding-right: calc(var(--btn-padding) / 4);
 }
-.add-btn[data-v-61e13dd7] {
+.add-btn[data-v-f93bb259] {
 	display: flex;
 	gap: 0.5rem;
 	align-items: center;
 	margin-inline-start: 1rem;
 }
-.add-btn[data-v-61e13dd7]:active {
+.add-btn[data-v-f93bb259]:active {
 	background: none !important;
 }
-.add-btn[data-v-61e13dd7]::before {
+.add-btn[data-v-f93bb259]::before {
 	content: "+";
 	font-size: 10px;
 	background: var(--bgl-blue-light);
@@ -1179,15 +1175,16 @@ th[data-v-f3a410c2] {
 	justify-content: center;
 	color: var(--bgl-primary);
 }
-.add-btn[data-v-61e13dd7]:hover::before {
+.add-btn[data-v-f93bb259]:hover::before {
 	background: var(--bgl-primary);
 	color: var(--bgl-white);
 }
 @media screen and (max-width: 910px) {
-.bglform-contact-label[data-v-61e13dd7] {
+.bglform-contact-label[data-v-f93bb259] {
 		min-width: 0;
 }
 }
+
 .bglform-contact-confirm {
 	position: absolute;
 	background: rgba(255, 255, 255, 0.5);
@@ -1200,45 +1197,45 @@ th[data-v-f3a410c2] {
 	backdrop-filter: blur(1px);
 }
 
-.bglform-contact[data-v-01e485e2] {
+.bglform-contact[data-v-77d03b04] {
 	display: flex;
 	gap: 0.5rem;
 	max-width: 700px;
 	position: relative;
 }
-.bglform-contact-label[data-v-01e485e2] {
+.bglform-contact-label[data-v-77d03b04] {
 	flex-basis: 140px;
 }
-.bglform-contact-address[data-v-01e485e2] {
+.bglform-contact-address[data-v-77d03b04] {
 	display: flex;
 	flex-direction: column;
 	gap: 0.5rem;
 }
-.bglform-contact input[type="checkbox"][data-v-01e485e2] {
+.bglform-contact input[type="checkbox"][data-v-77d03b04] {
 	width: 30px;
 	min-width: 0;
 }
-.light.thin.btn-txt.btn[data-v-01e485e2] {
+.light.thin.flatBtn.btn[data-v-77d03b04] {
 	padding-left: calc(var(--btn-padding) / 4);
 	padding-right: calc(var(--btn-padding) / 4);
 }
-.bglform-address-del[data-v-01e485e2] {
+.bglform-address-del[data-v-77d03b04] {
 	margin-top: 6px;
 }
-.bglform-contact-address-flex[data-v-01e485e2] {
+.bglform-contact-address-flex[data-v-77d03b04] {
 	display: flex;
 	gap: 0.5rem;
 }
-.add-btn[data-v-01e485e2] {
+.add-btn[data-v-77d03b04] {
 	display: flex;
 	gap: 0.5rem;
 	align-items: center;
 	margin-inline-start: 1rem;
 }
-.add-btn[data-v-01e485e2]:active {
+.add-btn[data-v-77d03b04]:active {
 	background: none !important;
 }
-.add-btn[data-v-01e485e2]::before {
+.add-btn[data-v-77d03b04]::before {
 	content: "+";
 	font-size: 10px;
 	background: var(--bgl-blue-light);
@@ -1250,18 +1247,19 @@ th[data-v-f3a410c2] {
 	justify-content: center;
 	color: var(--bgl-primary);
 }
-.add-btn[data-v-01e485e2]:hover::before {
+.add-btn[data-v-77d03b04]:hover::before {
 	background: var(--bgl-primary);
 	color: var(--bgl-white);
 }
 @media screen and (max-width: 910px) {
-.bglform-contact-address-flex[data-v-01e485e2] {
+.bglform-contact-address-flex[data-v-77d03b04] {
 		flex-wrap: wrap;
 }
-.bglform-contact-label[data-v-01e485e2] {
+.bglform-contact-label[data-v-77d03b04] {
 		min-width: 0;
 }
 }
+
 .bglform-contact-confirm {
 	position: absolute;
 	background: rgba(255, 255, 255, 0.5);
@@ -1274,45 +1272,45 @@ th[data-v-f3a410c2] {
 	backdrop-filter: blur(1px);
 }
 
-.bglform-contact[data-v-c63408c1] {
+.bglform-contact[data-v-a0d366d4] {
 	display: flex;
 	gap: 0.5rem;
 	max-width: 700px;
 	position: relative;
 }
-.bglform-contact-label[data-v-c63408c1] {
+.bglform-contact-label[data-v-a0d366d4] {
 	flex-basis: 140px;
 }
-.bglform-contact-address[data-v-c63408c1] {
+.bglform-contact-address[data-v-a0d366d4] {
 	display: flex;
 	flex-direction: column;
 	gap: 0.5rem;
 }
-.bglform-contact input[type="checkbox"][data-v-c63408c1] {
+.bglform-contact input[type="checkbox"][data-v-a0d366d4] {
 	width: 30px;
 	min-width: 0;
 }
-.light.thin.btn-txt.btn[data-v-c63408c1] {
+.light.thin.flatBtn.btn[data-v-a0d366d4] {
 	padding-left: calc(var(--btn-padding) / 4);
 	padding-right: calc(var(--btn-padding) / 4);
 }
-.bglform-address-del[data-v-c63408c1] {
+.bglform-address-del[data-v-a0d366d4] {
 	margin-top: 6px;
 }
-.bglform-contact-address-flex[data-v-c63408c1] {
+.bglform-contact-address-flex[data-v-a0d366d4] {
 	display: flex;
 	gap: 0.5rem;
 }
-.add-btn[data-v-c63408c1] {
+.add-btn[data-v-a0d366d4] {
 	display: flex;
 	gap: 0.5rem;
 	align-items: center;
 	margin-inline-start: 1rem;
 }
-.add-btn[data-v-c63408c1]:active {
+.add-btn[data-v-a0d366d4]:active {
 	background: none !important;
 }
-.add-btn[data-v-c63408c1]::before {
+.add-btn[data-v-a0d366d4]::before {
 	content: "+";
 	font-size: 10px;
 	background: var(--bgl-blue-light);
@@ -1324,51 +1322,52 @@ th[data-v-f3a410c2] {
 	justify-content: center;
 	color: var(--bgl-primary);
 }
-.add-btn[data-v-c63408c1]:hover::before {
+.add-btn[data-v-a0d366d4]:hover::before {
 	background: var(--bgl-primary);
 	color: var(--bgl-white);
 }
 @media screen and (max-width: 910px) {
-.bglform-contact-address-flex[data-v-c63408c1] {
+.bglform-contact-address-flex[data-v-a0d366d4] {
 		flex-wrap: wrap;
 }
-.bglform-contact-label[data-v-c63408c1] {
+.bglform-contact-label[data-v-a0d366d4] {
 		min-width: 0;
 }
 }
-.misc-wrap[data-v-91b04350] {
-  display: flex;
-  gap: 1rem;
-  border-top: 1px solid var(--border-color);
-  padding-top: 0.5rem;
-  margin-bottom: auto;
+
+.misc-wrap[data-v-a096417d] {
+	display: flex;
+	gap: 1rem;
+	border-top: 1px solid var(--border-color);
+	padding-top: 0.5rem;
+	margin-bottom: auto;
 }
-.gray.thin.btn-txt.btn.add-btn[data-v-91b04350] {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-  padding-left: 0;
-  padding-right: 0;
-  transition: var(--bgl-transition);
+.gray.thin.flatBtn.btn.add-btn[data-v-a096417d] {
+	display: flex;
+	gap: 0.5rem;
+	align-items: center;
+	padding-left: 0;
+	padding-right: 0;
+	transition: var(--bgl-transition);
 }
-.add-btn[data-v-91b04350]:active {
-  background: none !important;
+.add-btn[data-v-a096417d]:active {
+	background: none !important;
 }
-.add-btn[data-v-91b04350]::before {
-  content: "+";
-  font-size: 10px;
-  background: var(--bgl-gray-light);
-  border-radius: 100%;
-  height: 14px;
-  width: 14px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--bgl-gray);
+.add-btn[data-v-a096417d]::before {
+	content: "+";
+	font-size: 10px;
+	background: var(--bgl-gray-light);
+	border-radius: 100%;
+	height: 14px;
+	width: 14px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--bgl-gray);
 }
-.add-btn[data-v-91b04350]:hover::before {
-  background: var(--bgl-primary);
-  color: var(--bgl-white);
+.add-btn[data-v-a096417d]:hover::before {
+	background: var(--bgl-primary);
+	color: var(--bgl-white);
 }
 
 .checkbox-label {
@@ -2028,87 +2027,87 @@ input[type='email'][data-v-ed81a514] {
 	background: transparent;
 }
 
-.table-side-scroll[data-v-b01223bc] {
+.table-side-scroll[data-v-1d1376d2] {
 	overflow: auto;
 	margin-inline-start: -1rem;
 	padding-inline-start: 1rem;
 	padding-bottom: 1rem;
 }
-.table-field-wrap[data-v-b01223bc] {
+.table-field-wrap[data-v-1d1376d2] {
 	margin-bottom: -1rem;
 }
-.table-cell[data-v-b01223bc] {
+.table-cell[data-v-1d1376d2] {
 	border-inline-end: 1px solid var(--border-color);
 	border-bottom: 1px solid var(--border-color);
 }
-.table-row[data-v-b01223bc] {
+.table-row[data-v-1d1376d2] {
 	transition: var(--bgl-transition);
 	position: relative;
 	width: max-content;
 }
-.table-row[data-v-b01223bc]:hover {
+.table-row[data-v-1d1376d2]:hover {
 	background: var(--bgl-gray-light);
 }
-.table-reorder[data-v-b01223bc] {
+.table-reorder[data-v-1d1376d2] {
 	opacity: 0;
 	width: 2rem;
 	text-align: center;
 	position: absolute;
 	margin-inline-start: -2rem;
 }
-.table-row:hover .table-reorder[data-v-b01223bc] {
+.table-row:hover .table-reorder[data-v-1d1376d2] {
 	opacity: 1;
 	cursor: grab;
 }
-.table-reorder[data-v-b01223bc]:active {
+.table-reorder[data-v-1d1376d2]:active {
 	opacity: 1;
 	cursor: grab;
 }
-.btn.thin.btn-txt[data-v-b01223bc] {
+.btn.thin.flatBtn[data-v-1d1376d2] {
 	margin-inline-start: -1rem;
 	margin-top: 1rem;
 }
-.table-header[data-v-b01223bc] {
+.table-header[data-v-1d1376d2] {
 	display: flex;
 	width: max-content;
 }
-.header-col[data-v-b01223bc] {
+.header-col[data-v-1d1376d2] {
 	min-width: calc(var(--input-height) * 3);
 	font-size: 13px;
 	color: var(--input-color);
 	padding: 10px 0;
 	border-bottom: 1px solid var(--border-color);
 }
-.table-cell[data-v-b01223bc],
-.header-col[data-v-b01223bc] {
+.table-cell[data-v-1d1376d2],
+.header-col[data-v-1d1376d2] {
 	width: 160px;
 }
-.table-cell.check[data-v-b01223bc],
-.header-col.check[data-v-b01223bc] {
+.table-cell.check[data-v-1d1376d2],
+.header-col.check[data-v-1d1376d2] {
 	width: 100px;
 }
-.table-cell.date[data-v-b01223bc],
-.header-col.date[data-v-b01223bc] {
+.table-cell.date[data-v-1d1376d2],
+.header-col.date[data-v-1d1376d2] {
 	width: 140px;
 }
-.header-col.small-text[data-v-b01223bc],
-.header-col.text[data-v-b01223bc],
-.header-col.long-text[data-v-b01223bc],
-.header-col.json[data-v-b01223bc],
-.table-cell.small-text[data-v-b01223bc],
-.table-cell.text[data-v-b01223bc],
-.table-cell.long-text[data-v-b01223bc],
-.table-cell.json[data-v-b01223bc] {
+.header-col.small-text[data-v-1d1376d2],
+.header-col.text[data-v-1d1376d2],
+.header-col.long-text[data-v-1d1376d2],
+.header-col.json[data-v-1d1376d2],
+.table-cell.small-text[data-v-1d1376d2],
+.table-cell.text[data-v-1d1376d2],
+.table-cell.long-text[data-v-1d1376d2],
+.table-cell.json[data-v-1d1376d2] {
 	width: 240px;
 }
-.table-cell.small-text .bagel-input[data-v-b01223bc],
-.table-cell.text .bagel-input[data-v-b01223bc],
-.table-cell.long-text .bagel-input[data-v-b01223bc],
-.table-cell.json .bagel-input[data-v-b01223bc] {
+.table-cell.small-text .bagel-input[data-v-1d1376d2],
+.table-cell.text .bagel-input[data-v-1d1376d2],
+.table-cell.long-text .bagel-input[data-v-1d1376d2],
+.table-cell.json .bagel-input[data-v-1d1376d2] {
 	height: 40px;
 	overflow: auto;
 }
-.table-action[data-v-b01223bc] {
+.table-action[data-v-1d1376d2] {
 	text-align: center;
 	position: sticky;
 	opacity: 0;
@@ -2118,19 +2117,19 @@ input[type='email'][data-v-ed81a514] {
 	margin-top: -1px;
 	background: var(--border-color);
 }
-.table-action>.icon-font[data-v-b01223bc] {
+.table-action>.icon-font[data-v-1d1376d2] {
 	padding: 11.4px;
 	cursor: pointer;
 	transition: var(--bgl-transition);
 }
-.table-action:hover>.icon-font[data-v-b01223bc] {
+.table-action:hover>.icon-font[data-v-1d1376d2] {
 	background: var(--bgl-red);
 	color: var(--bgl-white);
 }
-.table-action:active>.icon-font[data-v-b01223bc] {
+.table-action:active>.icon-font[data-v-1d1376d2] {
 	filter: brightness(90%);
 }
-.table-row:hover .table-action[data-v-b01223bc] {
+.table-row:hover .table-action[data-v-1d1376d2] {
 	opacity: 1;
 }
 
@@ -2174,47 +2173,47 @@ input[type='email'][data-v-ed81a514] {
 	/* width: auto; */
 }
 
-.bagel-input input[disabled][data-v-25258ba1] {
+.bagel-input input[disabled][data-v-1502ca60] {
 	background: none;
 }
-.bagel-input.toggleEdit[data-v-25258ba1]:hover {
+.bagel-input.toggleEdit[data-v-1502ca60]:hover {
 	background-color: var(--input-bg);
 }
-.bagel-input.small[data-v-25258ba1] {
+.bagel-input.small[data-v-1502ca60] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.toggleEditBtn[data-v-25258ba1] {
+.toggleEditBtn[data-v-1502ca60] {
 	position: absolute;
 	right: -24px;
 	top: 4;
 	opacity: 0;
 }
-.textInputIconWrap[data-v-25258ba1] {
+.textInputIconWrap[data-v-1502ca60] {
 	position: relative;
 }
-.textInputIconWrap .icon-font[data-v-25258ba1] {
+.textInputIconWrap .icon-font[data-v-1502ca60] {
 	position: absolute;
 	inset-inline-end: 0.7rem;
-	top:50%;
+	bottom: 50%;
 	line-height: 0;
-    color: var(--bgl-gray);
+	color: var(--bgl-gray);
 }
-.txtInputIconStart .iconStart[data-v-25258ba1]{
+.txtInputIconStart .iconStart[data-v-1502ca60] {
 	position: absolute;
 	inset-inline-start: 0.7rem;
-	top:50%;
+	top: 50%;
 	line-height: 0;
-    color: var(--bgl-gray);
+	color: var(--bgl-gray);
 }
-.txtInputIconStart input[data-v-25258ba1]{
+.txtInputIconStart input[data-v-1502ca60] {
 	padding-inline-start: 2rem;
 }
-.bagel-input:hover .toggleEditBtn[data-v-25258ba1],
-.bagel-input.editMode .toggleEditBtn[data-v-25258ba1] {
+.bagel-input:hover .toggleEditBtn[data-v-1502ca60],
+.bagel-input.editMode .toggleEditBtn[data-v-1502ca60] {
 	opacity: 1;
 }
-.bagel-input.small input[data-v-25258ba1] {
+.bagel-input.small input[data-v-1502ca60] {
 	height: 30px;
 }
 
@@ -2519,7 +2518,7 @@ input[type='email'][data-v-ed81a514] {
     row-gap: 1rem;
 }
 .align-items-end {
-    align-items: end;
+    align-items: end !important;
 }
 .fit-content {
     width: fit-content;
@@ -3026,11 +3025,11 @@ label.active {
 .label-count-0 label {
     display: none;
 }
-.label-count-0 button.btn.btn-txt {
+.label-count-0 button.btn.flatBtn {
     /* background: var(--bgl-blue-light); */
     margin-right: 5px;
 }
-.label-count-0 button.btn.btn-txt:hover {
+.label-count-0 button.btn.flatBtn:hover {
     background: var(--bgl-hover-filter);
 }
 .formkit-outer.label-count-0 {
@@ -3081,7 +3080,7 @@ input[type="color"]::-moz-color-swatch:hover {
 }
 button,
 .btn,
-.btn-txt,
+.flatBtn,
 .btn-icon {
     font-family: inherit;
     white-space: nowrap;

package/dist/types/BtnOptions.d.ts

@@ -1,7 +1,8 @@
-import type { MaterialIcons } from './materialIcons';
+import type { ThemeType, MaterialIcons } from '.';
 export interface BtnOptions {
     onClick?: () => void;
-    color?: 'light' | 'red' | 'gray' | 'black' | 'blue';
+    color?: ThemeType;
+    theme?: ThemeType;
     disabled?: boolean;
     icon?: MaterialIcons;
     flat?: boolean;