@anker-in/headless-ui 0.0.27-alpha.25 → 0.0.27-alpha.27

package/dist/tokens/eufy.css

@@ -2,7 +2,7 @@
   --btn-text-color: #ffffff;
   --btn-bg-active-color: var(--brand-color-0);
 
-  --btn-bg-secondary-color: #ffffff;
+  --btn-bg-secondary-color: transparent;
   --btn-bg-secondary-active-color: #555555;
   --btn-bg-secondary-disabled-color: #f5f5f550;
 

package/dist/tokens/soundcore.css

@@ -2,7 +2,7 @@
   --btn-text-color: #ffffff;
   --btn-bg-active-color: var(--brand-color-0);
 
-  --btn-bg-secondary-color: #ffffff;
+  --btn-bg-secondary-color: transparent;
   --btn-bg-secondary-active-color: #17bbef;
   --btn-bg-secondary-disabled-color: #f5f5f550;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "0.0.27-alpha.25",
+  "version": "0.0.27-alpha.27",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -78,6 +78,7 @@
     "stylelint": "^16.6.0"
   },
   "dependencies": {
+    "@payloadcms/richtext-lexical": "^3.37.0",
     "@radix-ui/react-avatar": "^1.1.7",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",

package/style.css

@@ -639,10 +639,6 @@ video {
   margin-left: 0.375rem;
   margin-right: 0.375rem;
 }
-.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -651,6 +647,10 @@ video {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.my-16 {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+}
 .-ml-4 {
   margin-left: -1rem;
 }
@@ -1604,8 +1604,8 @@ video {
 .hover\:text-btn-primary-foreground:hover {
   color: var(--btn-text-color);
 }
-.hover\:text-btn-secondary:hover {
-  color: var(--btn-bg-secondary-color);
+.hover\:text-btn-secondary-active-foreground:hover {
+  color: var(--btn-text-active-color);
 }
 .hover\:underline:hover {
   text-decoration-line: underline;
@@ -1784,9 +1784,9 @@ video {
   display: block;
 }
 @media (min-width: 768px) {
-  .tablet\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
+  .tablet\:my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
   }
   .tablet\:flex-row {
     flex-direction: row;
@@ -1802,6 +1802,10 @@ video {
   .tablet\:rounded-lg {
     border-radius: 0.5rem;
   }
+  .tablet\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
   .tablet\:text-left {
     text-align: left;
   }
@@ -1813,9 +1817,9 @@ video {
   .laptop\:bottom-\[40px\] {
     bottom: 40px;
   }
-  .laptop\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
+  .laptop\:my-24 {
+    margin-top: 6rem;
+    margin-bottom: 6rem;
   }
   .laptop\:w-\[30px\] {
     width: 30px;
@@ -1823,11 +1827,19 @@ video {
   .laptop\:gap-4 {
     gap: 1rem;
   }
+  .laptop\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
 }
 @media (min-width: 1441px) {
-  .desktop\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
+  .desktop\:my-28 {
+    margin-top: 7rem;
+    margin-bottom: 7rem;
+  }
+  .desktop\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
   }
   .desktop\:text-\[36px\] {
     font-size: 36px;
@@ -1837,9 +1849,9 @@ video {
   }
 }
 @media (min-width: 1921px) {
-  .lg-desktop\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
+  .lg-desktop\:my-32 {
+    margin-top: 8rem;
+    margin-bottom: 8rem;
   }
   .lg-desktop\:p-6 {
     padding: 1.5rem;