@anker-in/headless-ui 1.1.2 → 1.1.4

package/dist/tokens/anker.css

@@ -2,6 +2,7 @@
   --btn-bg-active-color: var(--brand-color-0);
 
   --btn-radius: 0;
+  --box-radius: 0;
   --radius: 0em;
 
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);

package/dist/tokens/base.css

@@ -149,7 +149,7 @@
 
 .swiper-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-bullets.swiper-pagination-horizontal {
-  bottom: -24px!important;
+  /* bottom: -24px!important; */
 }
 
 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,

package/dist/tokens/eufy.css

@@ -6,6 +6,7 @@
 
 
   --btn-radius: 24px;
+  --box-radius: 16px;
 
   --radius: 40px;
   --brand-color-0: #005d8e; 

package/dist/tokens/eufyMake.css

@@ -4,6 +4,7 @@
 
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
   --btn-radius: 24px;
+  --box-radius: 16px;
   --radius: 0em;
 
   --brand-color-0: #3adb67;

package/dist/tokens/solix.css

@@ -3,6 +3,7 @@
   --brand-gradient-color-0: linear-gradient(90deg, #2C7ED0 0%, #00A9E1 43%, #00DB84 100%);
 
   --btn-radius: -0px;
+  --box-radius: 0;
   --radius: 0em;
 
   --brand-color-0: #00BEFA;

package/dist/tokens/soundcore.css

@@ -4,6 +4,7 @@
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
 
   --btn-radius: 24px;
+  --box-radius: 16px;
 
   --radius: 0em;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -106,6 +106,9 @@
     "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "copy-to-clipboard": "^3.3.3",
+    "decimal.js": "^10.6.0",
+    "embla-carousel": "^8.6.0",
     "embla-carousel-autoplay": "^8.5.2",
     "embla-carousel-class-names": "^8.5.2",
     "embla-carousel-react": "^8.6.0",

package/style.css

@@ -1645,14 +1645,6 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.focus\:ring-2:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.focus\:ring-offset-2:focus {
-  --tw-ring-offset-width: 2px;
-}
 .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;

package/tailwind.config.js

@@ -13,9 +13,29 @@ module.exports = {
         'm-tablet': { max: '1440px' },
         tablet: '768px', // ≥768px 平板
         laptop: '1025px', // ≥1025px 小桌面
+        'mid-desktop': '1280px', // ≥1280px 中桌面
         desktop: '1440px', // ≥1440px 大桌面
         'lg-desktop': '1920px', // ≥1920px 超大屏
       },
+      keyframes: {
+        'marquee-scroll': {
+          from: { transform: 'translateY(0%)' },
+          to: { transform: 'translateY(-50%)' },
+        },
+        'scroll-text': {
+          '0%': { transform: 'translateY(0)' },
+          '50%': { transform: 'translateY(calc(-100% + 3rem))' },
+          '50.1%': { transform: 'translateY(calc(-100% + 3rem))' },
+          '100%': { transform: 'translateY(0)' },
+        },
+      },
+      animation: {
+        'marquee-scroll': 'marquee-scroll 20s linear infinite',
+        'scroll-text': 'scroll-text 2s ease-in-out infinite',
+      },
+      maskImage: {
+        'fade-vertical': 'linear-gradient(to bottom, transparent, black 20%, black 80%, transparent)',
+      },
       colors: {
         brand: {
           0: 'var(--brand-color-0)',