@anker-in/headless-ui 0.0.27-alpha.5 → 0.0.27-alpha.7

package/style.css

@@ -951,12 +951,21 @@ video {
 .\!border-none {
   border-style: none !important;
 }
+.border-none {
+  border-style: none;
+}
+.border-brand-0 {
+  border-color: var(--brand-color-0);
+}
 .border-btn-primary {
-  border-color: var(--btn-bg-color);
+  border-color: var(--info-primary-color);
 }
 .border-info-primary {
   border-color: var(--info-primary-color);
 }
+.border-info-white {
+  border-color: var(--info-white-color);
+}
 .border-lines-1 {
   border-color: var(--line-color-1);
 }
@@ -970,7 +979,7 @@ video {
   border-color: var(--dark-error-color-0);
 }
 .border-primary {
-  border-color: var(--brand-color-1);
+  border-color: var(--brand-color-0);
 }
 .border-b-brand-0 {
   border-bottom-color: var(--brand-color-0);
@@ -1008,7 +1017,10 @@ video {
   background-color: var(--brand-color-1);
 }
 .bg-btn-primary {
-  background-color: var(--btn-bg-color);
+  background-color: var(--info-primary-color);
+}
+.bg-btn-primary-active {
+  background-color: var(--brand-color-0);
 }
 .bg-btn-secondary {
   background-color: var(--btn-bg-secondary-color);
@@ -1147,7 +1159,7 @@ video {
   stroke: var(--btn-text-secondary-color);
 }
 .stroke-primary {
-  stroke: var(--brand-color-1);
+  stroke: var(--brand-color-0);
 }
 .p-1 {
   padding: 0.25rem;
@@ -1363,7 +1375,7 @@ video {
   color: rgb(134 134 140 / var(--tw-text-opacity, 1));
 }
 .text-btn-primary {
-  color: var(--btn-bg-color);
+  color: var(--info-primary-color);
 }
 .text-btn-primary-foreground {
   color: var(--btn-text-color);
@@ -1396,7 +1408,7 @@ video {
   color: var(--dark-error-color-0);
 }
 .text-primary {
-  color: var(--brand-color-1);
+  color: var(--brand-color-0);
 }
 .underline {
   text-decoration-line: underline;
@@ -1506,11 +1518,11 @@ video {
 }
 .before\:bg-btn-primary-active::before {
   content: var(--tw-content);
-  background-color: var(--btn-bg-active-color);
+  background-color: var(--brand-color-0);
 }
 .before\:bg-btn-secondary-active::before {
   content: var(--tw-content);
-  background-color: var(--btn-bg-secondary-active-color);
+  background-color: var(--info-primary-color);
 }
 .before\:transition-transform::before {
   content: var(--tw-content);
@@ -1537,30 +1549,48 @@ video {
 .empty\:block:empty {
   display: block;
 }
+.hover\:border-brand-0:hover {
+  border-color: var(--brand-color-0);
+}
+.hover\:border-info-white:hover {
+  border-color: var(--info-white-color);
+}
 .hover\:\!bg-btn-primary:hover {
-  background-color: var(--btn-bg-color) !important;
+  background-color: var(--info-primary-color) !important;
 }
 .hover\:\!bg-btn-secondary:hover {
   background-color: var(--btn-bg-secondary-color) !important;
 }
 .hover\:bg-btn-primary:hover {
-  background-color: var(--btn-bg-color);
+  background-color: var(--info-primary-color);
 }
 .hover\:bg-btn-primary-active:hover {
-  background-color: var(--btn-bg-active-color);
+  background-color: var(--brand-color-0);
 }
 .hover\:bg-btn-secondary-active:hover {
-  background-color: var(--btn-bg-secondary-active-color);
+  background-color: var(--info-primary-color);
+}
+.hover\:bg-info-white:hover {
+  background-color: var(--info-white-color);
 }
 .hover\:text-brand-0:hover {
   color: var(--brand-color-0);
 }
+.hover\:text-btn-primary-active:hover {
+  color: var(--brand-color-0);
+}
 .hover\:text-btn-primary-foreground:hover {
   color: var(--btn-text-color);
 }
 .hover\:text-btn-secondary:hover {
   color: var(--btn-bg-secondary-color);
 }
+.hover\:text-info-primary:hover {
+  color: var(--info-primary-color);
+}
+.hover\:text-info-white:hover {
+  color: var(--info-white-color);
+}
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
@@ -1602,20 +1632,29 @@ video {
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
+.disabled\:border-btn-secondary-disabled-border:disabled {
+  border-color: var(--info-quaternary-color);
+}
 .disabled\:bg-btn-primary-disabled:disabled {
-  background-color: var(--btn-bg-disabled-color);
+  background-color: var(--info-quaternary-color);
 }
 .disabled\:bg-btn-secondary-disabled:disabled {
-  background-color: var(--btn-bg-secondary-disabled-color);
+  background-color: var(--info-white-color);
 }
 .disabled\:text-btn-primary-disabled-foreground:disabled {
-  color: var(--quaternary-color);
+  color: var(--info-white-color);
 }
 .disabled\:text-btn-secondary-disabled:disabled {
-  color: var(--btn-bg-secondary-disabled-color);
+  color: var(--info-white-color);
 }
 .disabled\:text-btn-secondary-disabled-foreground:disabled {
-  color: var(--btn-border-secondary-border-color);
+  color: var(--info-quaternary-color);
+}
+.disabled\:text-info-quaternary:disabled {
+  color: var(--info-quaternary-color);
+}
+.disabled\:text-info-white:disabled {
+  color: var(--info-white-color);
 }
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
@@ -1642,7 +1681,7 @@ video {
   border-bottom-width: 3px;
 }
 .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
-  background-color: var(--brand-color-1);
+  background-color: var(--brand-color-0);
 }
 .data-\[inline-skeleton\=true\]\:leading-\[0\][data-inline-skeleton="true"] {
   line-height: 0;