@anker-in/headless-ui 0.0.27-alpha.26 → 0.0.27-alpha.28

package/dist/tokens/anker.css

@@ -2,7 +2,7 @@
   --btn-bg-active-color: var(--brand-color-0);
   --btn-bg-disabled-color: rgba(29, 62, 79, 0.7);
 
-  --btn-bg-secondary-color: #ffffff;
+  --btn-bg-secondary-color: transparent;
   --btn-bg-secondary-active-color: #6e6e73;
   --btn-bg-secondary-disabled-color: rgba(221, 221, 221, 0.7);
   --btn-border-secondary-border-color: #acacac;

package/dist/tokens/base.css

@@ -7,6 +7,7 @@
 
   --btn-bg-secondary-color: transparent;
   --btn-text-secondary-color: #1D1D1F;
+  --btn-tsxt-secondary-active-color: #ffffff;
   --btn-bg-secondary-active-color: #555555;
   --btn-bg-secondary-disabled-color: #f5f5f550;
 
@@ -93,19 +94,20 @@
   --line-height-normal: 1.4;
   --line-height-loose: 1.6;
 
-
-  /* 通用组件库anker品牌颜色 */
-
   --tabs-list-bg-color: var(--container-secondary-color-1);
 
-
+  --box-radius: 12px;
 }
 
+
 .aiui-dark {
   --btn-text-color: #1D1D1F;
   --btn-text-active-color: #ffffff;
-  --btn-bg-secondary-color: #000000;
+
+
+  --btn-bg-secondary-color: transparent;
   --btn-text-secondary-color: #ffffff;
+  --btn-tsxt-secondary-active-color: #1D1D1F;
 
 
    /* 深色背景 */
@@ -152,4 +154,13 @@
   --tab-fill-color-2: #330f0f;
 
   --tabs-list-bg-color: var(--container-primary-color);
+
+  --box-radius: 12px;
+}
+
+
+@media (min-width: 1441px) {
+  :root {
+    --box-radius: 16px;
+  }
 }

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.26",
+  "version": "0.0.27-alpha.28",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -99,6 +99,7 @@
     "fitty": "^2.4.2",
     "postcss": "^8.4.38",
     "react-fast-marquee": "^1.6.5",
+    "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
     "vaul": "^1.1.2"

package/style.css

@@ -1203,6 +1203,10 @@ video {
   padding-left: 1.75rem;
   padding-right: 1.75rem;
 }
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
 .px-\[20px\] {
   padding-left: 20px;
   padding-right: 20px;
@@ -1604,8 +1608,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-tsxt-secondary-active-color);
 }
 .hover\:underline:hover {
   text-decoration-line: underline;
@@ -1856,6 +1860,10 @@ video {
   .lg-desktop\:p-6 {
     padding: 1.5rem;
   }
+  .lg-desktop\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
+  }
   .lg-desktop\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;

package/tailwind.config.ts

@@ -120,7 +120,7 @@ export default {
             foreground: 'var(--btn-text-secondary-color)',
             active: {
               DEFAULT: 'var(--info-primary-color)',
-              foreground: 'var(--btn-text-active-color)',
+              foreground: 'var(--btn-tsxt-secondary-active-color)',
             },
             disabled: {
               DEFAULT: 'var(--info-white-color)',
@@ -148,6 +148,7 @@ export default {
       },
       borderRadius: {
         btn: 'var(--btn-radius)',
+        box: 'var(--box-radius)',
       },
       lineHeight: {
         tight: 'var(--line-height-tight)',