@anker-in/headless-ui 0.0.27-alpha.10 → 0.0.27-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";var f=Object.create;var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var s in t)c(e,s,{get:t[s],enumerable:!0})},n=(e,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of m(t))!h.call(e,i)&&i!==s&&c(e,i,{get:()=>t[i],enumerable:!(r=p(t,i))||r.enumerable});return e};var b=(e,t,s)=>(s=e!=null?f(y(e)):{},n(t||!e||!e.__esModule?c(s,"default",{value:e,enumerable:!0}):s,e)),u=e=>n(c({},"__esModule",{value:!0}),e);var N={};C(N,{CustomBackground:()=>H,Default:()=>v,default:()=>w});module.exports=u(N);var a=require("react/jsx-runtime"),d=b(require("../biz-components/BrandEquity/BrandEquity.js"));const o=e=>(0,a.jsx)("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z",fill:"#1D1D1F"})}),g={title:"Biz-Components/BrandEquity",component:d.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var w=g;const l=[{icon:(0,a.jsx)(o,{className:"w-6 h-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:(0,a.jsx)(o,{className:"w-6 h-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:(0,a.jsx)(o,{className:"w-6 h-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:(0,a.jsx)(o,{className:"w-6 h-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:(0,a.jsx)(o,{className:"w-6 h-6"}),title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:["https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"],title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],v={args:{items:l,className:"bg-[#eeeeee] p-4"}},H={args:{items:l,className:"bg-gray-900 p-4",itemShape:"round"}};
1
+ "use strict";var f=Object.create;var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var h=(e,s)=>{for(var t in s)c(e,t,{get:s[t],enumerable:!0})},n=(e,s,t,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of m(s))!C.call(e,i)&&i!==t&&c(e,i,{get:()=>s[i],enumerable:!(r=p(s,i))||r.enumerable});return e};var b=(e,s,t)=>(t=e!=null?f(y(e)):{},n(s||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),u=e=>n(c({},"__esModule",{value:!0}),e);var N={};h(N,{CustomBackground:()=>w,Default:()=>H,default:()=>v});module.exports=u(N);var a=require("react/jsx-runtime"),d=b(require("../biz-components/BrandEquity/BrandEquity.js"));const o=e=>(0,a.jsx)("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z",fill:"#1D1D1F"})}),g={title:"Biz-Components/BrandEquity",component:d.default,parameters:{layout:"fullscreen"},tags:["autodocs"]};var v=g;const l=[{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:(0,a.jsx)(o,{className:"size-6"}),title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:["https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"],title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],H={args:{items:l,className:"bg-[#eeeeee] p-4"}},w={args:{items:l,className:"bg-gray-900 p-4",itemShape:"round"}};
2
2
  //# sourceMappingURL=brandEquity.stories.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/stories/brandEquity.stories.tsx"],
4
- "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react';\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js';\n\nconst ShieldCheckIcon = (props: { className?: string }) => <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z\" fill=\"#1D1D1F\" />\n</svg>\n\nconst meta = {\n title: 'Biz-Components/BrandEquity',\n component: BrandEquity,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst mockItems = [\n {\n icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n title: 'Hassle-Free Warranty',\n description: 'Comprehensive warranty protection on all purchases.',\n },\n {\n icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n title: 'Our Happy Customers',\n description: 'Join millions of satisfied Anker users worldwide.',\n },\n {\n icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n title: 'Anker credits rewards',\n description: 'Buy more, save more, and earn more.',\n },\n {\n icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n title: 'Pay with Ease',\n description: 'Pay immediately or in installments with Affirm.',\n },\n {\n icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n title: '30-day money-back guarantee',\n description: 'Return within 30 days for a full refund.',\n },\n {\n avatarList: [\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102'\n ],\n title: 'We are Here to Help',\n description: 'Contact our expert team via email or live chat for assistance.',\n },\n];\n\nexport const Default: Story = {\n args: {\n items: mockItems,\n className: \"bg-[#eeeeee] p-4\"\n },\n};\n\n\nexport const CustomBackground: Story = {\n args: {\n items: mockItems,\n className: 'bg-gray-900 p-4',\n itemShape: 'round',\n },\n}; "],
5
- "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAIE,IAAAM,EAAA,6BAHFC,EAAwB,2DAExB,MAAMC,EAAmBC,MAAkC,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAC3H,mBAAC,QAAK,YAAU,UAAU,YAAU,UAAU,EAAE,iiCAAiiC,KAAK,UAAU,EAClmC,EAEMC,EAAO,CACX,MAAO,6BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOP,EAAQM,EAGf,MAAME,EAAY,CAChB,CACE,QAAM,OAACJ,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,uBACP,YAAa,qDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,sBACP,YAAa,mDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,wBACP,YAAa,qCACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,gBACP,YAAa,iDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,gJACA,gJACA,gJACA,gJACA,0GACF,EACA,MAAO,sBACP,YAAa,gEACf,CACF,EAEaL,EAAiB,CAC5B,KAAM,CACJ,MAAOS,EACP,UAAW,kBACb,CACF,EAGaV,EAA0B,CACrC,KAAM,CACJ,MAAOU,EACP,UAAW,kBACX,UAAW,OACb,CACF",
4
+ "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js'\n\nconst ShieldCheckIcon = (props: { className?: string }) => (\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z\"\n fill=\"#1D1D1F\"\n />\n </svg>\n)\n\nconst meta = {\n title: 'Biz-Components/BrandEquity',\n component: BrandEquity,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n {\n icon: <ShieldCheckIcon className=\"size-6\" />,\n title: 'Hassle-Free Warranty',\n description: 'Comprehensive warranty protection on all purchases.',\n },\n {\n icon: <ShieldCheckIcon className=\"size-6\" />,\n title: 'Our Happy Customers',\n description: 'Join millions of satisfied Anker users worldwide.',\n },\n {\n icon: <ShieldCheckIcon className=\"size-6\" />,\n title: 'Anker credits rewards',\n description: 'Buy more, save more, and earn more.',\n },\n {\n icon: <ShieldCheckIcon className=\"size-6\" />,\n title: 'Pay with Ease',\n description: 'Pay immediately or in installments with Affirm.',\n },\n {\n icon: <ShieldCheckIcon className=\"size-6\" />,\n title: '30-day money-back guarantee',\n description: 'Return within 30 days for a full refund.',\n },\n {\n avatarList: [\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n ],\n title: 'We are Here to Help',\n description: 'Contact our expert team via email or live chat for assistance.',\n },\n]\n\nexport const Default: Story = {\n args: {\n items: mockItems,\n className: 'bg-[#eeeeee] p-4',\n },\n}\n\nexport const CustomBackground: Story = {\n args: {\n items: mockItems,\n className: 'bg-gray-900 p-4',\n itemShape: 'round',\n },\n}\n"],
5
+ "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAKI,IAAAM,EAAA,6BAJJC,EAAwB,2DAExB,MAAMC,EAAmBC,MACvB,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,mBAAC,QACC,YAAU,UACV,YAAU,UACV,EAAE,iiCACF,KAAK,UACP,EACF,EAGIC,EAAO,CACX,MAAO,6BACP,UAAW,EAAAC,QACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOP,EAAQM,EAGf,MAAME,EAAY,CAChB,CACE,QAAM,OAACJ,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,uBACP,YAAa,qDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,sBACP,YAAa,mDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,wBACP,YAAa,qCACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,gBACP,YAAa,iDACf,EACA,CACE,QAAM,OAACA,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,gJACA,gJACA,gJACA,gJACA,0GACF,EACA,MAAO,sBACP,YAAa,gEACf,CACF,EAEaL,EAAiB,CAC5B,KAAM,CACJ,MAAOS,EACP,UAAW,kBACb,CACF,EAEaV,EAA0B,CACrC,KAAM,CACJ,MAAOU,EACP,UAAW,kBACX,UAAW,OACb,CACF",
6
6
  "names": ["brandEquity_stories_exports", "__export", "CustomBackground", "Default", "brandEquity_stories_default", "__toCommonJS", "import_jsx_runtime", "import_BrandEquity", "ShieldCheckIcon", "props", "meta", "BrandEquity", "mockItems"]
7
7
  }
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import a from"../biz-components/BrandEquity/BrandEquity.js";const t=o=>e("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z",fill:"#1D1D1F"})}),i={title:"Biz-Components/BrandEquity",component:a,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=i;const s=[{icon:e(t,{className:"w-6 h-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:e(t,{className:"w-6 h-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:e(t,{className:"w-6 h-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:e(t,{className:"w-6 h-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:e(t,{className:"w-6 h-6"}),title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:["https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"],title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],n={args:{items:s,className:"bg-[#eeeeee] p-4"}},l={args:{items:s,className:"bg-gray-900 p-4",itemShape:"round"}};export{l as CustomBackground,n as Default,r as default};
1
+ import{jsx as e}from"react/jsx-runtime";import a from"../biz-components/BrandEquity/BrandEquity.js";const s=o=>e("svg",{width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z",fill:"#1D1D1F"})}),i={title:"Biz-Components/BrandEquity",component:a,parameters:{layout:"fullscreen"},tags:["autodocs"]};var r=i;const t=[{icon:e(s,{className:"size-6"}),title:"Hassle-Free Warranty",description:"Comprehensive warranty protection on all purchases."},{icon:e(s,{className:"size-6"}),title:"Our Happy Customers",description:"Join millions of satisfied Anker users worldwide."},{icon:e(s,{className:"size-6"}),title:"Anker credits rewards",description:"Buy more, save more, and earn more."},{icon:e(s,{className:"size-6"}),title:"Pay with Ease",description:"Pay immediately or in installments with Affirm."},{icon:e(s,{className:"size-6"}),title:"30-day money-back guarantee",description:"Return within 30 days for a full refund."},{avatarList:["https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102","https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102"],title:"We are Here to Help",description:"Contact our expert team via email or live chat for assistance."}],n={args:{items:t,className:"bg-[#eeeeee] p-4"}},l={args:{items:t,className:"bg-gray-900 p-4",itemShape:"round"}};export{l as CustomBackground,n as Default,r as default};
2
2
  //# sourceMappingURL=brandEquity.stories.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/stories/brandEquity.stories.tsx"],
4
- "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react';\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js';\n\nconst ShieldCheckIcon = (props: { className?: string }) => <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z\" fill=\"#1D1D1F\" />\n</svg>\n\nconst meta = {\n title: 'Biz-Components/BrandEquity',\n component: BrandEquity,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst mockItems = [\n {\n icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n title: 'Hassle-Free Warranty',\n description: 'Comprehensive warranty protection on all purchases.',\n },\n {\n icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n title: 'Our Happy Customers',\n description: 'Join millions of satisfied Anker users worldwide.',\n },\n {\n icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n title: 'Anker credits rewards',\n description: 'Buy more, save more, and earn more.',\n },\n {\n icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n title: 'Pay with Ease',\n description: 'Pay immediately or in installments with Affirm.',\n },\n {\n icon: <ShieldCheckIcon className=\"w-6 h-6\" />,\n title: '30-day money-back guarantee',\n description: 'Return within 30 days for a full refund.',\n },\n {\n avatarList: [\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102'\n ],\n title: 'We are Here to Help',\n description: 'Contact our expert team via email or live chat for assistance.',\n },\n];\n\nexport const Default: Story = {\n args: {\n items: mockItems,\n className: \"bg-[#eeeeee] p-4\"\n },\n};\n\n\nexport const CustomBackground: Story = {\n args: {\n items: mockItems,\n className: 'bg-gray-900 p-4',\n itemShape: 'round',\n },\n}; "],
5
- "mappings": "AAIE,cAAAA,MAAA,oBAHF,OAAOC,MAAiB,+CAExB,MAAMC,EAAmBC,GAAkCH,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAC3H,SAAAA,EAAC,QAAK,YAAU,UAAU,YAAU,UAAU,EAAE,iiCAAiiC,KAAK,UAAU,EAClmC,EAEMI,EAAO,CACX,MAAO,6BACP,UAAWH,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOI,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,KAAMN,EAACE,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,uBACP,YAAa,qDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,sBACP,YAAa,mDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,wBACP,YAAa,qCACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,gBACP,YAAa,iDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,UAAU,EAC3C,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,gJACA,gJACA,gJACA,gJACA,0GACF,EACA,MAAO,sBACP,YAAa,gEACf,CACF,EAEaK,EAAiB,CAC5B,KAAM,CACJ,MAAOD,EACP,UAAW,kBACb,CACF,EAGaE,EAA0B,CACrC,KAAM,CACJ,MAAOF,EACP,UAAW,kBACX,UAAW,OACb,CACF",
4
+ "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandEquity from '../biz-components/BrandEquity/BrandEquity.js'\n\nconst ShieldCheckIcon = (props: { className?: string }) => (\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.4653 6.25C11.9801 4.79351 13.3691 3.75 15.0019 3.75C16.6347 3.75 18.0237 4.79351 18.5385 6.25H11.4653ZM8.75192 8.75V13.75C8.75192 14.4404 9.31156 15 10.0019 15C10.6923 15 11.2519 14.4404 11.2519 13.75V8.75H18.7519V13.75C18.7519 14.4404 19.3116 15 20.0019 15C20.6923 15 21.2519 14.4404 21.2519 13.75V8.75H23.8452C24.5037 8.75 25.0493 9.26086 25.0925 9.91794L26.0793 24.9179C26.1268 25.639 25.5547 26.25 24.832 26.25H5.1718C4.44915 26.25 3.87705 25.639 3.92449 24.9179L4.91133 9.91794C4.95456 9.26086 5.50014 8.75 6.15864 8.75H8.75192ZM8.87694 6.25C9.45603 3.3972 11.9782 1.25 15.0019 1.25C18.0256 1.25 20.5478 3.3972 21.1269 6.25H23.8452C25.8207 6.25 27.4574 7.78258 27.5871 9.75382L28.5739 24.7538C28.7163 26.9171 27 28.75 24.832 28.75H5.1718C3.00385 28.75 1.28756 26.9171 1.42989 24.7538L2.41673 9.75382C2.54641 7.78259 4.18314 6.25 6.15864 6.25H8.87694ZM12.5019 16.25C12.5019 15.5596 13.0616 15 13.7519 15H16.2519C16.9423 15 17.5019 15.5596 17.5019 16.25C17.5019 16.9404 16.9423 17.5 16.2519 17.5H13.7519C13.0616 17.5 12.5019 16.9404 12.5019 16.25Z\"\n fill=\"#1D1D1F\"\n />\n </svg>\n)\n\nconst meta = {\n title: 'Biz-Components/BrandEquity',\n component: BrandEquity,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof BrandEquity>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mockItems = [\n {\n icon: <ShieldCheckIcon className=\"size-6\" />,\n title: 'Hassle-Free Warranty',\n description: 'Comprehensive warranty protection on all purchases.',\n },\n {\n icon: <ShieldCheckIcon className=\"size-6\" />,\n title: 'Our Happy Customers',\n description: 'Join millions of satisfied Anker users worldwide.',\n },\n {\n icon: <ShieldCheckIcon className=\"size-6\" />,\n title: 'Anker credits rewards',\n description: 'Buy more, save more, and earn more.',\n },\n {\n icon: <ShieldCheckIcon className=\"size-6\" />,\n title: 'Pay with Ease',\n description: 'Pay immediately or in installments with Affirm.',\n },\n {\n icon: <ShieldCheckIcon className=\"size-6\" />,\n title: '30-day money-back guarantee',\n description: 'Return within 30 days for a full refund.',\n },\n {\n avatarList: [\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/25954496272e3aad27d750494d4748ca_c591cb1a-5f47-42d9-b356-0acd9e87fed0.png?v=1744612103',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/ee5edd6de20a7af2f30f2fa976d779c9_6ddc29a7-c287-4afc-909c-383fe1f1a74b.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/c3269421a5343c0e59065b53bd81c8f5_ba2fc271-206e-4480-b815-9eb76b45f691.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/b0b7c87fb0819b6cd109bf4b0d865006_e0f7c15a-7d1a-45e7-aee3-783e681a3864.png?v=1744612102',\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/85087c9c0ec8c86b481eaea247812c3e.png?v=1744612102',\n ],\n title: 'We are Here to Help',\n description: 'Contact our expert team via email or live chat for assistance.',\n },\n]\n\nexport const Default: Story = {\n args: {\n items: mockItems,\n className: 'bg-[#eeeeee] p-4',\n },\n}\n\nexport const CustomBackground: Story = {\n args: {\n items: mockItems,\n className: 'bg-gray-900 p-4',\n itemShape: 'round',\n },\n}\n"],
5
+ "mappings": "AAKI,cAAAA,MAAA,oBAJJ,OAAOC,MAAiB,+CAExB,MAAMC,EAAmBC,GACvBH,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,SAAAA,EAAC,QACC,YAAU,UACV,YAAU,UACV,EAAE,iiCACF,KAAK,UACP,EACF,EAGII,EAAO,CACX,MAAO,6BACP,UAAWH,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOI,EAAQD,EAGf,MAAME,EAAY,CAChB,CACE,KAAMN,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,uBACP,YAAa,qDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,sBACP,YAAa,mDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,wBACP,YAAa,qCACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,gBACP,YAAa,iDACf,EACA,CACE,KAAMF,EAACE,EAAA,CAAgB,UAAU,SAAS,EAC1C,MAAO,8BACP,YAAa,0CACf,EACA,CACE,WAAY,CACV,gJACA,gJACA,gJACA,gJACA,0GACF,EACA,MAAO,sBACP,YAAa,gEACf,CACF,EAEaK,EAAiB,CAC5B,KAAM,CACJ,MAAOD,EACP,UAAW,kBACb,CACF,EAEaE,EAA0B,CACrC,KAAM,CACJ,MAAOF,EACP,UAAW,kBACX,UAAW,OACb,CACF",
6
6
  "names": ["jsx", "BrandEquity", "ShieldCheckIcon", "props", "meta", "brandEquity_stories_default", "mockItems", "Default", "CustomBackground"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@anker-in/headless-ui",
3
- "version": "0.0.27-alpha.10",
3
+ "version": "0.0.27-alpha.11",
4
4
  "type": "commonjs",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "types": "./dist/cjs/index.d.ts",
@@ -35,7 +35,8 @@
35
35
  "dist/**",
36
36
  "*.css",
37
37
  "README.md",
38
- "CONTRIBUTING.md"
38
+ "CONTRIBUTING.md",
39
+ "tailwind.config.ts"
39
40
  ],
40
41
  "sideEffects": false,
41
42
  "keywords": [],
@@ -52,6 +53,8 @@
52
53
  "babel-jest": "^29.7.0",
53
54
  "esbuild": "^0.20.2",
54
55
  "esbuild-style-plugin": "^1.6.3",
56
+ "eslint-config-prettier": "^9.1.0",
57
+ "eslint-plugin-prettier": "^5.2.6",
55
58
  "eslint-plugin-react-hooks": "^4.6.2",
56
59
  "eslint-plugin-require-extensions": "^0.1.3",
57
60
  "jest": "^29.7.0",
@@ -61,6 +64,7 @@
61
64
  "postcss-cli": "^11.0.0",
62
65
  "postcss-import": "^16.1.0",
63
66
  "postcss-prefix-selector": "^2.1.1",
67
+ "prettier": "^3.5.3",
64
68
  "react-test-renderer": "^18.3.1",
65
69
  "stylelint": "^16.6.0"
66
70
  },
@@ -0,0 +1,207 @@
1
+ import type { Config } from 'tailwindcss'
2
+
3
+ export default {
4
+ content: [
5
+ './src/components/**/*.{js,jsx,ts,tsx}',
6
+ './src/icons/**/*.{js,jsx,ts,tsx}',
7
+ '../storybook/.storybook/**/*.{js,jsx,ts,tsx}',
8
+ ],
9
+ theme: {
10
+ extend: {
11
+ screens: {
12
+ tablet: '768px', // ≥768px 平板
13
+ laptop: '1025px', // ≥1025px 小桌面
14
+ desktop: '1441px', // ≥1441px 大桌面
15
+ 'lg-desktop': '1921px', // ≥1921px 超大屏
16
+ },
17
+ colors: {
18
+ brand: {
19
+ 0: 'var(--brand-color-0)',
20
+ 1: 'var(--brand-color-1)',
21
+ },
22
+ success: {
23
+ 0: 'var(--success-color-0)',
24
+ 1: 'var(--success-color-1)',
25
+ 2: 'var(--success-color-2)',
26
+ 3: 'var(--success-color-3)',
27
+ 4: 'var(--success-color-4)',
28
+ },
29
+ error: {
30
+ 0: 'var(--error-color-0)',
31
+ 1: 'var(--error-color-1)',
32
+ 2: 'var(--error-color-2)',
33
+ 3: 'var(--error-color-3)',
34
+ 4: 'var(--error-color-4)',
35
+ },
36
+ warning: {
37
+ 0: 'var(--warning-color-0)',
38
+ 1: 'var(--warning-color-1)',
39
+ 2: 'var(--warning-color-2)',
40
+ 3: 'var(--warning-color-3)',
41
+ 4: 'var(--warning-color-4)',
42
+ },
43
+ info: {
44
+ primary: 'var(--info-primary-color)',
45
+ secondary: 'var(--info-secondary-color)',
46
+ tertiary: 'var(--info-tertiary-color)',
47
+ quaternary: 'var(--info-quaternary-color)',
48
+ white: 'var(--info-white-color)',
49
+ },
50
+ container: {
51
+ primary: 'var(--container-primary-color)',
52
+ secondary: {
53
+ 0: 'var(--container-secondary-color-0)',
54
+ 1: 'var(--container-secondary-color-1)',
55
+ },
56
+ },
57
+ bg: {
58
+ 0: 'var(--bg-color-0)',
59
+ 1: 'var(--bg-color-1)',
60
+ 2: 'var(--bg-color-2)',
61
+ },
62
+ lines: {
63
+ DEFAULT: 'var(--lines-color)',
64
+ 1: 'var(--line-color-1)',
65
+ 2: 'var(--line-color-2)',
66
+ 3: 'var(--dark-success-color-0)',
67
+ 4: 'var(--dark-warning-color-0)',
68
+ 5: 'var(--dark-error-color-0)',
69
+ },
70
+ masks: {
71
+ 0: 'var(--masks-color-0)',
72
+ 1: 'var(--masks-color-1)',
73
+ },
74
+ tab: {
75
+ word: {
76
+ 0: 'var(--tab-word-color-0)',
77
+ 1: 'var(--tab-word-color-1)',
78
+ 2: 'var(--tab-word-color-2)',
79
+ },
80
+ stroke: {
81
+ 0: 'var(--tab-stroke-color-0)',
82
+ 1: 'var(--tab-stroke-color-1)',
83
+ 2: 'var(--tab-stroke-color-2)',
84
+ },
85
+ fill: {
86
+ 0: 'var(--tab-fill-color-0)',
87
+ 1: 'var(--tab-fill-color-1)',
88
+ 2: 'var(--tab-fill-color-2)',
89
+ },
90
+ },
91
+ primary: {
92
+ DEFAULT: 'var(--brand-color-0)',
93
+ foreground: 'var(--btn-text-color)',
94
+ },
95
+ btn: {
96
+ primary: {
97
+ DEFAULT: 'var(--info-primary-color)',
98
+ foreground: 'var(--btn-text-color)',
99
+ active: 'var(--brand-color-0)',
100
+ disabled: {
101
+ DEFAULT: 'var(--info-quaternary-color)',
102
+ foreground: 'var(--info-white-color)',
103
+ },
104
+ border: {
105
+ DEFAULT: 'var(--btn-text-secondary-color)',
106
+ },
107
+ },
108
+ secondary: {
109
+ DEFAULT: 'var(--btn-bg-secondary-color)',
110
+ foreground: 'var(--btn-text-secondary-color)',
111
+ active: 'var(--info-primary-color)',
112
+ disabled: {
113
+ DEFAULT: 'var(--info-white-color)',
114
+ foreground: 'var(--info-quaternary-color)',
115
+ border: 'var(--info-quaternary-color)',
116
+ },
117
+ },
118
+ },
119
+ badge: {
120
+ DEFAULT: 'var(--secondary-brand-color-2)',
121
+ foreground: 'var(--brand-color-0)',
122
+ },
123
+ skeleton: {
124
+ DEFAULT: 'var(--tertiary-color)',
125
+ },
126
+ background: {
127
+ DEFAULT: 'var(--container-primary-color)',
128
+ },
129
+ },
130
+ backgroundImage: {
131
+ 'gradient-brand': 'var(--brand-gradient-color-0)',
132
+ },
133
+ borderRadius: {
134
+ btn: 'var(--btn-radius)',
135
+ },
136
+ lineHeight: {
137
+ tight: 'var(--line-height-tight)',
138
+ normal: 'var(--line-height-normal)',
139
+ loose: 'var(--line-height-loose)',
140
+ },
141
+ letterSpacing: {
142
+ DEFAULT: 'var(--letter-spacing-normal)',
143
+ },
144
+ fontSize: {
145
+ 'text-1': [
146
+ 'var(--size-text-1)',
147
+ {
148
+ lineHeight: 'var(--line-height-text-base)',
149
+ letterSpacing: 'var(--letter-spacing-text-1)',
150
+ },
151
+ ],
152
+ 'text-2': [
153
+ 'var(--size-text-2)',
154
+ {
155
+ lineHeight: 'var(--line-height-text-base)',
156
+ letterSpacing: 'var(--letter-spacing-text-3)',
157
+ },
158
+ ],
159
+ 'text-3': [
160
+ 'var(--size-text-3)',
161
+ {
162
+ lineHeight: 'var(--line-height-text-base)',
163
+ letterSpacing: 'var(--letter-spacing-text-3)',
164
+ },
165
+ ],
166
+ 'heading-1': [
167
+ '14px',
168
+ {
169
+ lineHeight: '120%',
170
+ letterSpacing: '-0.48px',
171
+ },
172
+ ],
173
+ 'heading-2': [
174
+ '20px',
175
+ {
176
+ lineHeight: '120%',
177
+ letterSpacing: '-0.64px',
178
+ },
179
+ ],
180
+ 'heading-3': [
181
+ '24px',
182
+ {
183
+ lineHeight: '120%',
184
+ letterSpacing: '-0.8px',
185
+ },
186
+ ],
187
+ 'heading-4': [
188
+ '32px',
189
+ {
190
+ lineHeight: '120%',
191
+ letterSpacing: '-0.96px',
192
+ },
193
+ ],
194
+ 'heading-5': [
195
+ '40px',
196
+ {
197
+ lineHeight: '120%',
198
+ letterSpacing: '-1.12px',
199
+ },
200
+ ],
201
+ },
202
+ fontFamily: {
203
+ body: ['Inter', 'PingFang SC', 'sans-serif'], // 正文字体
204
+ },
205
+ },
206
+ },
207
+ } satisfies Config