@anker-in/headless-ui 0.0.27-alpha.99 → 0.0.27

package/dist/esm/stories/slogan.stories.js

@@ -1,26 +1,6 @@
-import{jsx as o}from"react/jsx-runtime";import"react";import{Slogan as e}from"../biz-components/index.js";const t={title:"Biz Components/Slogan",component:e,parameters:{layout:"fullscreen"},tags:["autodocs"]};var i=t;const n={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]}}},s={args:{data:{title:"The World's No.1 Mobile Charging Brand*"}}},g={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"}]}}},d={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"}]}}},f={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100"}},b=()=>o(e,{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100",style:`
-        
+import{jsx as o}from"react/jsx-runtime";import{Slogan as t}from"../biz-components/index.js";const e={title:"Biz Components/Slogan",component:t,parameters:{layout:"fullscreen"},tags:["autodocs"]};var l=e;const a={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]}}},i={args:{data:{title:"The World's No.1 Mobile Charging Brand*"}}},s={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"}]}}},n={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"}]}}},g={args:{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100"}},b=()=>o(t,{data:{title:"The World's No.1 Mobile Charging Brand*",features:[{title:"47%<br/>R&D Employees"},{title:"100 Million<br/>Global Customers"},{title:"Pioneering in Charging<br/>Technology for 12 Years"}]},className:"bg-gray-100",style:`
         .slogan-title{
-          background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);
-          -webkit-background-clip: text;
-          background-clip: text;
-          color: transparent;
-          animation: fadeIn 1s ease-in forwards;
+          color: #ff0000;
         }
-
-        @keyframes fadeIn {
-          from {
-            opacity: 0;
-          }
-          to {
-            opacity: 1;
-          }
-        }
-        .slogan-feature-text {
-          background-color: #f0f0f0;
-          padding: 10px;
-          border-radius: 10px;
-          animation: fadeIn 1s ease-in forwards;
-        }
-      `});export{f as CustomClassName,b as CustomStyle,n as Default,g as SingleFeature,s as TitleOnly,d as TwoFeatures,i as default};
+      `});export{g as CustomClassName,b as CustomStyle,a as Default,s as SingleFeature,i as TitleOnly,n as TwoFeatures,l as default};
 //# sourceMappingURL=slogan.stories.js.map

package/dist/esm/stories/slogan.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/slogan.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Slogan } from '../biz-components/index.js'\n\nconst meta = {\n  title: 'Biz Components/Slogan',\n  component: Slogan,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Slogan>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n  },\n}\n\nexport const TitleOnly: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n    },\n  },\n}\n\nexport const SingleFeature: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n      ],\n    },\n  },\n}\n\nexport const TwoFeatures: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n      ],\n    },\n  },\n}\n\nexport const CustomClassName: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n    className: 'bg-gray-100',\n  },\n}\n\nexport const CustomStyle = () => {\n  return (\n    <Slogan\n      data={{\n        title: \"The World's No.1 Mobile Charging Brand*\",\n        features: [\n          {\n            title: '47%<br/>R&D Employees',\n          },\n          {\n            title: '100 Million<br/>Global Customers',\n          },\n          {\n            title: 'Pioneering in Charging<br/>Technology for 12 Years',\n          },\n        ],\n      }}\n      className=\"bg-gray-100\"\n      style={`\n        \n        .slogan-title{\n          background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);\n          -webkit-background-clip: text;\n          background-clip: text;\n          color: transparent;\n          animation: fadeIn 1s ease-in forwards;\n        }\n\n        @keyframes fadeIn {\n          from {\n            opacity: 0;\n          }\n          to {\n            opacity: 1;\n          }\n        }\n        .slogan-feature-text {\n          background-color: #f0f0f0;\n          padding: 10px;\n          border-radius: 10px;\n          animation: fadeIn 1s ease-in forwards;\n        }\n      `}\n    />\n  )\n}\n"],
-  "mappings": "AA+FI,cAAAA,MAAA,oBA/FJ,MAAkB,QAElB,OAAS,UAAAC,MAAc,6BAEvB,MAAMC,EAAO,CACX,MAAO,wBACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,CACF,CACF,EAEaC,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,yCACT,CACF,CACF,EAEaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,CACF,CACF,CACF,CACF,EAEaC,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,CACF,CACF,CACF,CACF,EAEaC,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAW,aACb,CACF,EAEaC,EAAc,IAEvBT,EAACC,EAAA,CACC,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAU,cACV,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAyBT",
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { Slogan } from '../biz-components/index.js'\n\nconst meta = {\n  title: 'Biz Components/Slogan',\n  component: Slogan,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  tags: ['autodocs'],\n} satisfies Meta<typeof Slogan>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n  },\n}\n\nexport const TitleOnly: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n    },\n  },\n}\n\nexport const SingleFeature: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n      ],\n    },\n  },\n}\n\nexport const TwoFeatures: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n      ],\n    },\n  },\n}\n\nexport const CustomClassName: Story = {\n  args: {\n    data: {\n      title: \"The World's No.1 Mobile Charging Brand*\",\n      features: [\n        {\n          title: '47%<br/>R&D Employees',\n        },\n        {\n          title: '100 Million<br/>Global Customers',\n        },\n        {\n          title: 'Pioneering in Charging<br/>Technology for 12 Years',\n        },\n      ],\n    },\n    className: 'bg-gray-100',\n  },\n}\n\nexport const CustomStyle = () => {\n  return (\n    <Slogan\n      data={{\n        title: \"The World's No.1 Mobile Charging Brand*\",\n        features: [\n          {\n            title: '47%<br/>R&D Employees',\n          },\n          {\n            title: '100 Million<br/>Global Customers',\n          },\n          {\n            title: 'Pioneering in Charging<br/>Technology for 12 Years',\n          },\n        ],\n      }}\n      className=\"bg-gray-100\"\n      style={`\n        .slogan-title{\n          color: #ff0000;\n        }\n      `}\n    />\n  )\n}\n"],
+  "mappings": "AA8FI,cAAAA,MAAA,oBA7FJ,OAAS,UAAAC,MAAc,6BAEvB,MAAMC,EAAO,CACX,MAAO,wBACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,CACF,CACF,EAEaC,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,yCACT,CACF,CACF,EAEaC,EAAuB,CAClC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,CACF,CACF,CACF,CACF,EAEaC,EAAqB,CAChC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,CACF,CACF,CACF,CACF,EAEaC,EAAyB,CACpC,KAAM,CACJ,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAW,aACb,CACF,EAEaC,EAAc,IAEvBT,EAACC,EAAA,CACC,KAAM,CACJ,MAAO,0CACP,SAAU,CACR,CACE,MAAO,uBACT,EACA,CACE,MAAO,kCACT,EACA,CACE,MAAO,oDACT,CACF,CACF,EACA,UAAU,cACV,MAAO;AAAA;AAAA;AAAA;AAAA,QAKT",
   "names": ["jsx", "Slogan", "meta", "slogan_stories_default", "Default", "TitleOnly", "SingleFeature", "TwoFeatures", "CustomClassName", "CustomStyle"]
 }

package/dist/esm/types/props.d.ts

@@ -6,6 +6,16 @@ export interface ComponentCommonProps {
     id?: string;
     key?: string;
 }
+export type ContainerProps = {
+    containerMode?: Mode;
+    spaceY?: SpaceY;
+    spaceTop?: SpaceTop;
+    spaceBottom?: SpaceBottom;
+};
+export type Mode = 'section' | 'fragment';
+export type SpaceY = 'default' | 'none' | string;
+export type SpaceTop = 'default' | 'none' | string;
+export type SpaceBottom = 'default' | 'none' | string;
 export type Img = {
     url: string;
     alt?: string;

package/dist/tokens/anker.css

@@ -1,22 +1,9 @@
 :root {
   --btn-bg-active-color: var(--brand-color-0);
-  --btn-bg-disabled-color: rgba(29, 62, 79, 0.7);
-
-  --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;
 
   --btn-radius: 0;
-
   --radius: 0em;
 
-  --letter-spacing-normal: -0.02em;
-  --line-height-tight: 1.2;
-  --line-height-normal: 1.4;
-  --line-height-loose: 1.6;
-
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
-  /* 通用组件库anker品牌颜色 */
   --brand-color-0: #00befa;
 }

package/dist/tokens/base.css

@@ -8,7 +8,6 @@
   --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;
 
   /* 浅色背景 */
@@ -69,25 +68,6 @@
   --masks-color-1: hsla(0, 0%, 0%, 0.5);
   --masks-color-2: hsla(0, 0%, 0%, 0.85);
 
-  --size-text-1: 12px;
-  --size-text-2: 14px;
-  --size-text-3: 16px;
-  --size-text-4: 18px;
-  --letter-spacing-text-1: -0.24px;
-  --letter-spacing-text-2: -0.28px;
-  --letter-spacing-text-3: -0.32px;
-  --letter-spacing-text-4: -0.36px;
-
-  --size-heading-1: 24px;
-  --size-heading-2: 32px;
-  --size-heading-3: 40px;
-  --size-heading-4: 48px;
-  --size-heading-5: 56px;
-  --letter-spacing-heading-1: -0.48px;
-  --letter-spacing-heading-2: -0.64px;
-  --letter-spacing-heading-3: -0.8px;
-  --letter-spacing-heading-4: -0.96px;
-  --letter-spacing-heading-5: -1.12px;
 
   --line-height-base: 1.2;
 
@@ -165,4 +145,25 @@
   :root {
     --box-radius: 16px;
   }
+}
+
+.swiper-horizontal>.swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+  bottom: -16px!important;
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transform: scale(1)!important;
+}
+
+.swiper-pagination-bullet-active {
+  background-color: #000000!important;
+}
+
+.tab-switch-wrap {
+  &::-webkit-scrollbar {
+    display: none;
+  }
 }

package/dist/tokens/eufy.css

@@ -4,9 +4,6 @@
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
 
 
-  --btn-bg-secondary-color: transparent;
-  --btn-bg-secondary-active-color: #555555;
-  --btn-bg-secondary-disabled-color: #f5f5f550;
 
   --btn-radius: 24px;
 

package/dist/tokens/solix.css

@@ -1,9 +1,9 @@
 :root {
   --btn-bg-active-color: var(--brand-color-0);
-  
+  --brand-gradient-color-0: linear-gradient(90deg, #2C7ED0 0%, #00A9E1 43%, #00DB84 100%);
+
   --btn-radius: -0px;
   --radius: 0em;
 
-  --brand-gradient-color-0: linear-gradient(90deg, #2C7ED0 0%, #00A9E1 43%, #00DB84 100%);
-  --brand-color-0: #2C7ED0;
+  --brand-color-0: #00BEFA;
 }

package/dist/tokens/soundcore.css

@@ -3,11 +3,6 @@
 
   --brand-gradient-color-0: linear-gradient(90deg, var(--btn-bg-active-color) 0%, var(--btn-bg-active-color) 100%);
 
-
-  --btn-bg-secondary-color: transparent;
-  --btn-bg-secondary-active-color: #17bbef;
-  --btn-bg-secondary-disabled-color: #f5f5f550;
-
   --btn-radius: 24px;
 
   --radius: 0em;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "0.0.27-alpha.99",
+  "version": "0.0.27",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -92,7 +92,8 @@
     "stylelint": "^16.6.0"
   },
   "dependencies": {
-    "@payloadcms/richtext-lexical": "^3.37.0",
+    "@payloadcms/richtext-lexical": "^3.39.1",
+    "es-toolkit": "^1.36.0",
     "@radix-ui/react-avatar": "^1.1.9",
     "@radix-ui/react-checkbox": "^1.3.1",
     "@radix-ui/react-dialog": "^1.1.13",

package/style.css

@@ -428,9 +428,9 @@ video {
     max-width: 1280px;
   }
 }
-@media (min-width: 1441px) {
+@media (min-width: 1440px) {
   .container {
-    max-width: 1441px;
+    max-width: 1440px;
   }
 }
 @media (min-width: 1536px) {
@@ -438,9 +438,9 @@ video {
     max-width: 1536px;
   }
 }
-@media (min-width: 1921px) {
+@media (min-width: 1920px) {
   .container {
-    max-width: 1921px;
+    max-width: 1920px;
   }
 }
 .sr-only {
@@ -511,6 +511,9 @@ video {
 .top-4 {
   top: 1rem;
 }
+.z-10 {
+  z-index: 10;
+}
 .z-50 {
   z-index: 50;
 }
@@ -669,9 +672,6 @@ video {
 .mt-auto {
   margin-top: auto;
 }
-.box-border {
-  box-sizing: border-box;
-}
 .block {
   display: block;
 }
@@ -791,6 +791,9 @@ video {
 .min-w-32 {
   min-width: 8rem;
 }
+.max-w-full {
+  max-width: 100%;
+}
 .max-w-lg {
   max-width: 32rem;
 }
@@ -953,9 +956,6 @@ video {
 .border {
   border-width: 1px;
 }
-.border-\[1\.6px\] {
-  border-width: 1.6px;
-}
 .border-solid {
   border-style: solid;
 }
@@ -965,12 +965,6 @@ video {
 .border-none {
   border-style: none;
 }
-.border-brand-0 {
-  border-color: var(--brand-color-0);
-}
-.border-info-primary {
-  border-color: var(--info-primary-color);
-}
 .border-lines-1 {
   border-color: var(--line-color-1);
 }
@@ -1246,6 +1240,9 @@ video {
 .pb-\[4px\] {
   padding-bottom: 4px;
 }
+.pb-\[64px\] {
+  padding-bottom: 64px;
+}
 .pl-4 {
   padding-left: 1rem;
 }
@@ -1276,6 +1273,9 @@ video {
 .pt-\[5px\] {
   padding-top: 5px;
 }
+.pt-\[64px\] {
+  padding-top: 64px;
+}
 .text-left {
   text-align: left;
 }
@@ -1298,34 +1298,24 @@ video {
 .text-\[16px\] {
   font-size: 16px;
 }
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-heading-1 {
-  font-size: 14px;
-  line-height: 120%;
-  letter-spacing: var(--letter-spacing-heading-1);
+.text-\[18px\] {
+  font-size: 18px;
 }
-.text-heading-2 {
+.text-\[20px\] {
   font-size: 20px;
-  line-height: 120%;
-  letter-spacing: var(--letter-spacing-heading-2);
 }
-.text-heading-3 {
+.text-\[24px\] {
   font-size: 24px;
-  line-height: 120%;
-  letter-spacing: var(--letter-spacing-heading-3);
 }
-.text-heading-4 {
+.text-\[32px\] {
   font-size: 32px;
-  line-height: 100%;
-  letter-spacing: var(--letter-spacing-heading-4);
 }
-.text-heading-5 {
+.text-\[40px\] {
   font-size: 40px;
-  line-height: 100%;
-  letter-spacing: var(--letter-spacing-heading-5);
+}
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
 }
 .text-lg {
   font-size: 1.125rem;
@@ -1335,25 +1325,9 @@ video {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-.text-text-1 {
-  font-size: var(--size-text-1);
-  line-height: var(--line-height-normal);
-  letter-spacing: var(--letter-spacing-text-1);
-}
-.text-text-2 {
-  font-size: var(--size-text-2);
-  line-height: var(--line-height-normal);
-  letter-spacing: var(--letter-spacing-text-2);
-}
-.text-text-3 {
-  font-size: var(--size-text-3);
-  line-height: var(--line-height-normal);
-  letter-spacing: var(--letter-spacing-text-3);
-}
-.text-text-4 {
-  font-size: var(--size-text-4);
-  line-height: var(--line-height-normal);
-  letter-spacing: var(--letter-spacing-text-4);
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
 }
 .text-xs {
   font-size: 0.75rem;
@@ -1380,6 +1354,15 @@ video {
 .font-semibold {
   font-weight: 600;
 }
+.leading-\[100\%\] {
+  line-height: 100%;
+}
+.leading-\[120\%\] {
+  line-height: 120%;
+}
+.leading-\[140\%\] {
+  line-height: 140%;
+}
 .leading-none {
   line-height: 1;
 }
@@ -1389,6 +1372,12 @@ video {
 .tracking {
   letter-spacing: var(--letter-spacing-normal);
 }
+.tracking-\[-0\.02em\] {
+  letter-spacing: -0.02em;
+}
+.tracking-\[-0\.04em\] {
+  letter-spacing: -0.04em;
+}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -1420,6 +1409,9 @@ video {
 .text-info-quaternary {
   color: var(--info-quaternary-color);
 }
+.text-info-secondary {
+  color: var(--info-secondary-color);
+}
 .text-lines-1 {
   color: var(--line-color-1);
 }
@@ -1438,12 +1430,6 @@ video {
 .underline {
   text-decoration-line: underline;
 }
-.no-underline {
-  text-decoration-line: none;
-}
-.underline-offset-4 {
-  text-underline-offset: 4px;
-}
 .opacity-60 {
   opacity: 0.6;
 }
@@ -1478,6 +1464,21 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.outline {
+  outline-style: solid;
+}
+.outline-\[1\.6px\] {
+  outline-width: 1.6px;
+}
+.outline-offset-\[-1\.6px\] {
+  outline-offset: -1.6px;
+}
+.outline-brand-0 {
+  outline-color: var(--brand-color-0);
+}
+.outline-btn-primary {
+  outline-color: var(--info-primary-color);
+}
 .ring-offset-background {
   --tw-ring-offset-color: var(--container-primary-color);
 }
@@ -1502,6 +1503,27 @@ video {
 .duration-200 {
   transition-duration: 200ms;
 }
+.lexical-soundcore {
+  display: inline-block;
+  color: #00BEFA;
+}
+.lexical-anker {
+  display: inline-block;
+  color: #00befa;
+}
+.lexical-eufy {
+  display: inline-block;
+  color: #005d8e;
+}
+.lexical-eufymake {
+  display: inline-block;
+  color: #3adb67;
+}
+.lexical-ankersolix {
+  display: inline-block;
+  background: linear-gradient(120deg, #2c7ed0, #00a9ed 8%, #00db84 20%, #2c7ed0 50%, #00a9ed 60%, #00db84 80%, #2c7ed0) 404% 400% / 398% 400%;
+  color: white;
+}
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }
@@ -1574,9 +1596,6 @@ video {
 .empty\:block:empty {
   display: block;
 }
-.hover\:border-btn-primary-active:hover {
-  border-color: var(--brand-color-0);
-}
 .hover\:\!bg-btn-primary:hover {
   background-color: var(--info-primary-color) !important;
 }
@@ -1610,8 +1629,11 @@ video {
 .hover\:text-btn-secondary-active-foreground:hover {
   color: var(--btn-tsxt-secondary-active-color);
 }
-.hover\:underline:hover {
-  text-decoration-line: underline;
+.hover\:text-info-primary:hover {
+  color: var(--info-primary-color);
+}
+.hover\:text-info-quaternary:hover {
+  color: var(--info-quaternary-color);
 }
 .hover\:opacity-100:hover {
   opacity: 1;
@@ -1809,6 +1831,12 @@ video {
     padding-left: 2rem;
     padding-right: 2rem;
   }
+  .tablet\:pb-\[80px\] {
+    padding-bottom: 80px;
+  }
+  .tablet\:pt-\[80px\] {
+    padding-top: 80px;
+  }
   .tablet\:text-left {
     text-align: left;
   }
@@ -1834,8 +1862,14 @@ video {
     padding-left: 4rem;
     padding-right: 4rem;
   }
+  .laptop\:pb-\[96px\] {
+    padding-bottom: 96px;
+  }
+  .laptop\:pt-\[96px\] {
+    padding-top: 96px;
+  }
 }
-@media (min-width: 1441px) {
+@media (min-width: 1440px) {
   .desktop\:my-\[112px\] {
     margin-top: 112px;
     margin-bottom: 112px;
@@ -1847,14 +1881,23 @@ video {
     padding-left: 4rem;
     padding-right: 4rem;
   }
-  .desktop\:text-\[36px\] {
-    font-size: 36px;
+  .desktop\:pb-\[112px\] {
+    padding-bottom: 112px;
   }
-  .desktop\:text-\[48px\] {
-    font-size: 48px;
+  .desktop\:pt-\[112px\] {
+    padding-top: 112px;
+  }
+  .desktop\:text-\[32px\] {
+    font-size: 32px;
+  }
+  .desktop\:text-\[40px\] {
+    font-size: 40px;
+  }
+  .desktop\:text-\[56px\] {
+    font-size: 56px;
   }
 }
-@media (min-width: 1921px) {
+@media (min-width: 1920px) {
   .lg-desktop\:my-\[128px\] {
     margin-top: 128px;
     margin-bottom: 128px;
@@ -1877,12 +1920,18 @@ video {
     padding-left: calc(50% - 832px);
     padding-right: calc(50% - 832px);
   }
+  .lg-desktop\:pb-\[128px\] {
+    padding-bottom: 128px;
+  }
   .lg-desktop\:pb-\[14px\] {
     padding-bottom: 14px;
   }
   .lg-desktop\:pb-\[32px\] {
     padding-bottom: 32px;
   }
+  .lg-desktop\:pt-\[128px\] {
+    padding-top: 128px;
+  }
   .lg-desktop\:pt-\[15px\] {
     padding-top: 15px;
   }
@@ -1895,9 +1944,6 @@ video {
   .lg-desktop\:text-\[24px\] {
     font-size: 24px;
   }
-  .lg-desktop\:text-\[32px\] {
-    font-size: 32px;
-  }
   .lg-desktop\:text-\[48px\] {
     font-size: 48px;
   }
@@ -1943,5 +1989,4 @@ video {
 }
 .\[\&_svg\]\:shrink-0 svg {
   flex-shrink: 0;
-}
-
+}

package/tailwind.config.js

@@ -10,8 +10,8 @@ module.exports = {
       screens: {
         tablet: '768px', // ≥768px 平板
         laptop: '1025px', // ≥1025px 小桌面
-        desktop: '1441px', // ≥1441px 大桌面
-        'lg-desktop': '1921px', // ≥1921px 超大屏
+        desktop: '1440px', // ≥1440px 大桌面
+        'lg-desktop': '1920px', // ≥1920px 超大屏
       },
       colors: {
         brand: {
@@ -156,71 +156,6 @@ module.exports = {
       letterSpacing: {
         DEFAULT: 'var(--letter-spacing-normal)',
       },
-      fontSize: {
-        'text-1': [
-          'var(--size-text-1)',
-          {
-            lineHeight: 'var(--line-height-normal)',
-            letterSpacing: 'var(--letter-spacing-text-1)',
-          },
-        ],
-        'text-2': [
-          'var(--size-text-2)',
-          {
-            lineHeight: 'var(--line-height-normal)',
-            letterSpacing: 'var(--letter-spacing-text-2)',
-          },
-        ],
-        'text-3': [
-          'var(--size-text-3)',
-          {
-            lineHeight: 'var(--line-height-normal)',
-            letterSpacing: 'var(--letter-spacing-text-3)',
-          },
-        ],
-        'text-4': [
-          'var(--size-text-4)',
-          {
-            lineHeight: 'var(--line-height-normal)',
-            letterSpacing: 'var(--letter-spacing-text-4)',
-          },
-        ],
-        'heading-1': [
-          '14px',
-          {
-            lineHeight: '120%',
-            letterSpacing: 'var(--letter-spacing-heading-1)',
-          },
-        ],
-        'heading-2': [
-          '20px',
-          {
-            lineHeight: '120%',
-            letterSpacing: 'var(--letter-spacing-heading-2)',
-          },
-        ],
-        'heading-3': [
-          '24px',
-          {
-            lineHeight: '120%',
-            letterSpacing: 'var(--letter-spacing-heading-3)',
-          },
-        ],
-        'heading-4': [
-          '32px',
-          {
-            lineHeight: '100%',
-            letterSpacing: 'var(--letter-spacing-heading-4)',
-          },
-        ],
-        'heading-5': [
-          '40px',
-          {
-            lineHeight: '100%',
-            letterSpacing: 'var(--letter-spacing-heading-5)',
-          },
-        ],
-      },
     },
   },
 }

package/dist/cjs/biz-components/SectionHeading/SectionHeading.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { SectionHeadingProps } from './types.js';
-declare const SectionHeading: React.ForwardRefExoticComponent<SectionHeadingProps & React.RefAttributes<HTMLDivElement>>;
-export default SectionHeading;

package/dist/cjs/biz-components/SectionHeading/SectionHeading.js

@@ -1,2 +0,0 @@
-"use strict";var f=Object.create;var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var o in t)n(e,o,{get:t[o],enumerable:!0})},a=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of l(t))!H.call(e,r)&&r!==o&&n(e,r,{get:()=>t[r],enumerable:!(i=d(t,r))||i.enumerable});return e};var h=(e,t,o)=>(o=e!=null?f(g(e)):{},a(t||!e||!e.__esModule?n(o,"default",{value:e,enumerable:!0}):o,e)),y=e=>a(n({},"__esModule",{value:!0}),e);var R={};S(R,{default:()=>P});module.exports=y(R);var p=require("react/jsx-runtime"),m=h(require("react")),s=require("../../helpers/utils.js"),c=require("../../components/index.js");const N=m.default.forwardRef((e,t)=>{const{title:o,className:i,...r}=e;return(0,p.jsx)(c.Heading,{ref:t,className:(0,s.cn)("section-heading",i),html:o,...r})});var P=N;
-//# sourceMappingURL=SectionHeading.js.map