@anker-in/headless-ui 1.1.17 → 1.1.18
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.
- package/dist/cjs/biz-components/AccordionCards/index.d.ts +17 -0
- package/dist/cjs/biz-components/AccordionCards/index.js +1 -1
- package/dist/cjs/biz-components/AccordionCards/index.js.map +3 -3
- package/dist/cjs/biz-components/HeaderNavigation/index.js +1 -1
- package/dist/cjs/biz-components/HeaderNavigation/index.js.map +3 -3
- package/dist/cjs/biz-components/HeaderNavigation/types.d.ts +2 -0
- package/dist/cjs/biz-components/HeaderNavigation/types.js +1 -1
- package/dist/cjs/biz-components/HeaderNavigation/types.js.map +2 -2
- package/dist/cjs/components/board.d.ts +3 -1
- package/dist/cjs/components/board.js +1 -1
- package/dist/cjs/components/board.js.map +3 -3
- package/dist/cjs/components/brand-strip.d.ts +26 -0
- package/dist/cjs/components/brand-strip.js +2 -0
- package/dist/cjs/components/brand-strip.js.map +7 -0
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/components/index.js.map +3 -3
- package/dist/cjs/stories/accordionCards.stories.d.ts +21 -0
- package/dist/cjs/stories/accordionCards.stories.js +1 -1
- package/dist/cjs/stories/accordionCards.stories.js.map +3 -3
- package/dist/cjs/stories/brandStrip.stories.d.ts +12 -0
- package/dist/cjs/stories/brandStrip.stories.js +2 -0
- package/dist/cjs/stories/brandStrip.stories.js.map +7 -0
- package/dist/esm/biz-components/AccordionCards/index.d.ts +17 -0
- package/dist/esm/biz-components/AccordionCards/index.js +1 -1
- package/dist/esm/biz-components/AccordionCards/index.js.map +3 -3
- package/dist/esm/biz-components/HeaderNavigation/index.js +1 -1
- package/dist/esm/biz-components/HeaderNavigation/index.js.map +3 -3
- package/dist/esm/biz-components/HeaderNavigation/types.d.ts +2 -0
- package/dist/esm/biz-components/HeaderNavigation/types.js +1 -1
- package/dist/esm/biz-components/HeaderNavigation/types.js.map +2 -2
- package/dist/esm/components/board.d.ts +3 -1
- package/dist/esm/components/board.js +1 -1
- package/dist/esm/components/board.js.map +3 -3
- package/dist/esm/components/brand-strip.d.ts +26 -0
- package/dist/esm/components/brand-strip.js +2 -0
- package/dist/esm/components/brand-strip.js.map +7 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +2 -2
- package/dist/esm/stories/accordionCards.stories.d.ts +21 -0
- package/dist/esm/stories/accordionCards.stories.js +1 -1
- package/dist/esm/stories/accordionCards.stories.js.map +3 -3
- package/dist/esm/stories/brandStrip.stories.d.ts +12 -0
- package/dist/esm/stories/brandStrip.stories.js +2 -0
- package/dist/esm/stories/brandStrip.stories.js.map +7 -0
- package/package.json +1 -1
- package/style.css +62 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as l,jsxs as d}from"react/jsx-runtime";import{cn as r}from"../helpers/utils.js";import{Container as o}from"./container.js";import a from"./link.js";const h=({href:i,data:s,sizeClass:t})=>l(a,{href:i,asChild:!i,children:l("div",{className:"relative z-[46] box-border h-[30px]",children:d(o,{childClassName:"flex !bg-[#080A0F] items-center justify-between",className:"h-full",children:[l("div",{className:"flex h-full items-center gap-2 py-[5px]",children:s?.leftIcon?.map?.((e,n)=>l(a,{href:e?.link,asChild:!e?.link,className:r("hidden h-full",`${t||"desktop:block"}`),children:l("div",{className:r(`${t||"desktop:block"}`,"hidden h-fit transition-all duration-200 [&_svg]:h-full [&_svg]:w-auto [&_svg_path]:transition-all [&_svg_path]:duration-200 [&_svg_path]:[fill:#75787F] [&_svg_path]:hover:[fill:#FFFFFF]"),style:{filter:"none"},dangerouslySetInnerHTML:{__html:e?.logo||""}})},n))}),l("div",{className:"flex h-full items-center justify-end gap-2 py-[5px]",children:s?.rightIcon?.map?.((e,n)=>l(a,{href:e?.link,asChild:!e?.link,className:"flex h-full items-center",children:l("div",{className:"board-right-icon h-fit [&_svg]:h-full [&_svg]:w-auto",style:{filter:"none"},dangerouslySetInnerHTML:{__html:e?.logo||""}})},n))})]})})});var g=h;export{g as default};
|
|
2
2
|
//# sourceMappingURL=board.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/board.tsx"],
|
|
4
|
-
"sourcesContent": ["import
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["jsx", "jsxs", "Container", "Link", "Board", "href", "
|
|
4
|
+
"sourcesContent": ["import { cn } from '../helpers/utils.js'\nimport { Container } from './container.js'\nimport Link from './link.js'\n\n/**\n * Board - \u54C1\u724C\u6807\u8BC6\u680F\n *\n * @description Anker Innovations\u54C1\u724C\u6807\u8BC6\u680F\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u663E\u793A\u516C\u53F8Logo\u548C\u54C1\u724C\u4FE1\u606F\n */\n\nconst Board = ({ href, data, sizeClass }: { href?: string; data?: any; sizeClass?: string }) => {\n return (\n <Link href={href} asChild={!href}>\n <div className=\"relative z-[46] box-border h-[30px]\">\n <Container childClassName=\"flex !bg-[#080A0F] items-center justify-between\" className=\"h-full\">\n <div className=\"flex h-full items-center gap-2 py-[5px]\">\n {data?.leftIcon?.map?.((item: any, index: number) => (\n <Link\n key={index}\n href={item?.link}\n asChild={!item?.link}\n className={cn('hidden h-full', `${sizeClass || 'desktop:block'}`)}\n >\n <div\n className={cn(\n `${sizeClass || 'desktop:block'}`,\n 'hidden h-fit transition-all duration-200 [&_svg]:h-full [&_svg]:w-auto [&_svg_path]:transition-all [&_svg_path]:duration-200 [&_svg_path]:[fill:#75787F] [&_svg_path]:hover:[fill:#FFFFFF]'\n )}\n style={{ filter: 'none' }}\n dangerouslySetInnerHTML={{ __html: item?.logo || '' }}\n />\n </Link>\n ))}\n </div>\n <div className=\"flex h-full items-center justify-end gap-2 py-[5px]\">\n {data?.rightIcon?.map?.((item: any, index: number) => (\n <Link key={index} href={item?.link} asChild={!item?.link} className=\"flex h-full items-center\">\n <div\n className=\"board-right-icon h-fit [&_svg]:h-full [&_svg]:w-auto\"\n style={{ filter: 'none' }}\n dangerouslySetInnerHTML={{ __html: item?.logo || '' }}\n />\n </Link>\n ))}\n </div>\n </Container>\n </div>\n </Link>\n )\n}\n\n// const AnkerInnovations = (props: React.SVGProps<SVGSVGElement>) => {\n// return (\n// <svg width=\"148\" height=\"10\" viewBox=\"0 0 148 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n// <path\n// d=\"M88.5391 1.66872C90.8392 1.6688 92.7041 3.53461 92.7041 5.83474C92.7039 8.13468 90.839 9.9997 88.5391 9.99977C86.239 9.99977 84.3733 8.13473 84.373 5.83474C84.373 3.53456 86.2389 1.66872 88.5391 1.66872ZM106.479 1.66872C107.484 1.66872 108.407 2.02531 109.127 2.61892L109.477 1.86208H110.645V9.79958H109.477L109.13 9.0486C108.409 9.64225 107.486 9.99977 106.479 9.99977C104.179 9.99954 102.314 8.13458 102.313 5.83474C102.313 3.53471 104.179 1.66896 106.479 1.66872ZM126.684 1.66872C128.984 1.66872 130.849 3.53456 130.849 5.83474C130.848 8.13473 128.984 9.99977 126.684 9.99977C124.384 9.99972 122.519 8.13469 122.519 5.83474C122.519 3.5346 124.383 1.66878 126.684 1.66872ZM144.748 1.66188C146.602 1.66198 147.794 2.66292 147.823 4.20778H146.278C146.249 3.44345 145.631 3.04577 144.719 3.04567C143.806 3.04567 143.247 3.429 143.247 4.0027C143.247 4.7082 144.07 4.85598 145.026 5.0027L145.025 5.00173C146.365 5.23788 147.998 5.48784 147.998 7.44509C147.998 8.98988 146.716 9.99001 144.775 9.99001C142.834 9.98986 141.568 8.93061 141.524 7.28298H143.128C143.172 8.12086 143.878 8.54763 144.835 8.54763C145.703 8.5475 146.38 8.17982 146.38 7.51833C146.38 6.76851 145.527 6.5909 144.556 6.42946C143.232 6.20932 141.673 5.90104 141.673 4.0613C141.673 2.6337 142.893 1.66188 144.748 1.66188ZM115.1 1.85427H117.434V3.24685H115.102V6.85524C115.102 7.79295 115.614 8.32097 116.582 8.32106H117.478V9.80251L116.275 9.8406C114.545 9.84058 113.474 8.76932 113.474 7.02419V3.24685H112.285V2.93532L114.577 0.000751495H115.1V1.85427ZM63.7627 9.79958H62.1367V-0.000225067H63.7627V9.79958ZM97.5566 7.32302L100.108 1.85427H101.884L98.1787 9.79958H96.9355L93.2305 1.85427H95.0059L97.5566 7.32302ZM120.852 9.79958H119.226V3.24587H120.852V9.79958ZM67.8779 2.61892C68.6117 2.02787 69.5403 1.67165 70.5557 1.67165H70.5566C72.1803 1.67165 73.498 2.98838 73.498 4.61208V9.7986H71.8711V4.96462C71.8711 4.00413 71.0923 3.22462 70.1318 3.22438C68.9018 3.22438 67.9045 4.221 67.9043 5.45095V9.7986H66.2725V1.67165H67.4404L67.8779 2.61892ZM77.3252 2.61892C78.059 2.02789 78.9876 1.67165 80.0029 1.67165H80.0039C81.6276 1.67165 82.9443 2.98838 82.9443 4.61208V9.7986H81.3184V4.96462C81.3184 4.00399 80.5388 3.22438 79.5781 3.22438C78.3483 3.2246 77.3518 4.22113 77.3516 5.45095V9.7986H75.7197V1.67165H76.8877L77.3252 2.61892ZM133.85 1.67165L134.287 2.61892C135.021 2.02792 135.95 1.67173 136.965 1.67165H136.967C138.59 1.67181 139.907 2.98848 139.907 4.61208V9.7986H138.28V4.96462C138.28 4.00403 137.502 3.22446 136.541 3.22438C135.311 3.22438 134.315 4.221 134.314 5.45095V9.7986H132.683V1.67165H133.85ZM88.5391 3.29567C87.1368 3.29567 86 4.43248 86 5.83474C86.0002 7.23681 87.1369 8.3738 88.5391 8.3738C89.9411 8.37372 91.0779 7.23676 91.0781 5.83474C91.0781 4.43253 89.9412 3.29575 88.5391 3.29567ZM106.479 3.29567C105.076 3.29591 103.94 4.43263 103.94 5.83474C103.941 7.23666 105.077 8.37356 106.479 8.3738C107.881 8.3738 109.017 7.23681 109.018 5.83474C109.018 4.43248 107.881 3.29567 106.479 3.29567ZM126.684 3.29567C125.281 3.29573 124.145 4.43252 124.145 5.83474C124.145 7.23677 125.282 8.37374 126.684 8.3738C128.086 8.3738 129.222 7.23681 129.223 5.83474C129.223 4.43248 128.086 3.29567 126.684 3.29567ZM120.852 1.84938H119.226V-0.000225067H120.852V1.84938Z\"\n// fill=\"white\"\n// />\n// <path\n// d=\"M11.124 10.0002H8.73438L5.63672 3.35569L2.53809 10.0002H0.148438L4.81152 0.000221252H6.46191L11.124 10.0002ZM20.3516 6.48264V0.000221252H22.5371V9.99924H20.3516L15.2871 3.51682V9.99924H13.1016V0.000221252H15.2871L20.3516 6.48264ZM27.209 9.99924H25.0234V0.000221252H27.209V9.99924ZM30.3037 4.99924L34.21 9.99924H31.4619L27.5586 4.99632L31.4619 0.000221252H34.21L30.3037 4.99924ZM44.6006 2.00413H38.1348V3.99827H43.2354V6.0012H38.1348V7.99534H44.6006V9.99924H35.9492V0.000221252H44.6006V2.00413ZM52.3105 0.000221252C54.2297 0.000274701 55.7852 1.55571 55.7852 3.47483C55.7851 5.0072 54.7924 6.30365 53.416 6.76585L55.9414 9.99729H53.1934L49.29 4.99534H52.2998C53.1392 4.99513 53.8203 4.31423 53.8203 3.47483C53.8203 2.63538 53.1392 1.95453 52.2998 1.95432H48.7715V9.99924H46.5859V0.000221252H52.3105Z\"\n// fill=\"white\"\n// />\n// </svg>\n// )\n// }\n\nexport default Board\n"],
|
|
5
|
+
"mappings": "AAcQ,OASQ,OAAAA,EATR,QAAAC,MAAA,oBAdR,OAAS,MAAAC,MAAU,sBACnB,OAAS,aAAAC,MAAiB,iBAC1B,OAAOC,MAAU,YAQjB,MAAMC,EAAQ,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,UAAAC,CAAU,IAEnCR,EAACI,EAAA,CAAK,KAAME,EAAM,QAAS,CAACA,EAC1B,SAAAN,EAAC,OAAI,UAAU,sCACb,SAAAC,EAACE,EAAA,CAAU,eAAe,kDAAkD,UAAU,SACpF,UAAAH,EAAC,OAAI,UAAU,0CACZ,SAAAO,GAAM,UAAU,MAAM,CAACE,EAAWC,IACjCV,EAACI,EAAA,CAEC,KAAMK,GAAM,KACZ,QAAS,CAACA,GAAM,KAChB,UAAWP,EAAG,gBAAiB,GAAGM,GAAa,eAAe,EAAE,EAEhE,SAAAR,EAAC,OACC,UAAWE,EACT,GAAGM,GAAa,eAAe,GAC/B,4LACF,EACA,MAAO,CAAE,OAAQ,MAAO,EACxB,wBAAyB,CAAE,OAAQC,GAAM,MAAQ,EAAG,EACtD,GAZKC,CAaP,CACD,EACH,EACAV,EAAC,OAAI,UAAU,sDACZ,SAAAO,GAAM,WAAW,MAAM,CAACE,EAAWC,IAClCV,EAACI,EAAA,CAAiB,KAAMK,GAAM,KAAM,QAAS,CAACA,GAAM,KAAM,UAAU,2BAClE,SAAAT,EAAC,OACC,UAAU,uDACV,MAAO,CAAE,OAAQ,MAAO,EACxB,wBAAyB,CAAE,OAAQS,GAAM,MAAQ,EAAG,EACtD,GALSC,CAMX,CACD,EACH,GACF,EACF,EACF,EAmBJ,IAAOC,EAAQN",
|
|
6
|
+
"names": ["jsx", "jsxs", "cn", "Container", "Link", "Board", "href", "data", "sizeClass", "item", "index", "board_default"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type BrandStripItem = {
|
|
3
|
+
/** 品牌名称，用于默认展示和辅助文本 */
|
|
4
|
+
name: string;
|
|
5
|
+
/** 品牌 Logo 的图片地址，默认是内置的文字 Logo */
|
|
6
|
+
logo?: string;
|
|
7
|
+
/** 自定义 alt 文案 */
|
|
8
|
+
alt?: string;
|
|
9
|
+
/** 跳转链接，可选 */
|
|
10
|
+
link?: string;
|
|
11
|
+
};
|
|
12
|
+
type BrandStripProps = {
|
|
13
|
+
data: any;
|
|
14
|
+
/** 外层容器 class */
|
|
15
|
+
className?: string;
|
|
16
|
+
/** 每个卡片的 class */
|
|
17
|
+
itemClassName?: string;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* BrandStrip - 品牌徽标展示条
|
|
21
|
+
*
|
|
22
|
+
* @description 展示品牌 Logo 列表的组件，支持自定义标题、Logo 和跳转链接
|
|
23
|
+
*/
|
|
24
|
+
declare const BrandStrip: React.FC<BrandStripProps>;
|
|
25
|
+
export type { BrandStripProps, BrandStripItem };
|
|
26
|
+
export default BrandStrip;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as t,jsxs as m}from"react/jsx-runtime";import"react";import s from"./link.js";import{cn as n}from"../helpers/utils.js";import{Container as o}from"./container.js";const p=({data:r,className:a,itemClassName:l})=>t("div",{className:n("w-full",a),children:m(o,{className:"!bg-transparent",children:[r?.title?t("p",{className:"brand-strip-title mb-2 text-sm font-bold text-[#767880]",dangerouslySetInnerHTML:{__html:r?.title||""}}):null,t("div",{className:"flex flex-wrap gap-2",children:r?.leftIcon?.map?.((e,i)=>t(s,{href:e?.link,asChild:!e?.link,className:"desktop:hidden block h-full",children:t("div",{dangerouslySetInnerHTML:{__html:e?.logo||""},className:n("brand-strip-item box-border flex h-fit items-center justify-center bg-[#F5F6F7] px-4 py-2 [&_svg]:h-full [&_svg]:w-auto [&_svg_path]:[fill:#080A0F]",l)})},i))})]})});var b=p;export{b as default};
|
|
2
|
+
//# sourceMappingURL=brand-strip.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/brand-strip.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport Link from './link.js'\nimport { cn } from '../helpers/utils.js'\nimport { Container } from './container.js'\n\ntype BrandStripItem = {\n /** \u54C1\u724C\u540D\u79F0\uFF0C\u7528\u4E8E\u9ED8\u8BA4\u5C55\u793A\u548C\u8F85\u52A9\u6587\u672C */\n name: string\n /** \u54C1\u724C Logo \u7684\u56FE\u7247\u5730\u5740\uFF0C\u9ED8\u8BA4\u662F\u5185\u7F6E\u7684\u6587\u5B57 Logo */\n logo?: string\n /** \u81EA\u5B9A\u4E49 alt \u6587\u6848 */\n alt?: string\n /** \u8DF3\u8F6C\u94FE\u63A5\uFF0C\u53EF\u9009 */\n link?: string\n}\n\ntype BrandStripProps = {\n data: any\n /** \u5916\u5C42\u5BB9\u5668 class */\n className?: string\n /** \u6BCF\u4E2A\u5361\u7247\u7684 class */\n itemClassName?: string\n}\n\n/**\n * BrandStrip - \u54C1\u724C\u5FBD\u6807\u5C55\u793A\u6761\n *\n * @description \u5C55\u793A\u54C1\u724C Logo \u5217\u8868\u7684\u7EC4\u4EF6\uFF0C\u652F\u6301\u81EA\u5B9A\u4E49\u6807\u9898\u3001Logo \u548C\u8DF3\u8F6C\u94FE\u63A5\n */\nconst BrandStrip: React.FC<BrandStripProps> = ({ data, className, itemClassName }) => {\n return (\n <div className={cn('w-full', className)}>\n <Container className=\"!bg-transparent\">\n {data?.title ? (\n <p\n className=\"brand-strip-title mb-2 text-sm font-bold text-[#767880]\"\n dangerouslySetInnerHTML={{ __html: data?.title || '' }}\n />\n ) : null}\n <div className=\"flex flex-wrap gap-2\">\n {data?.leftIcon?.map?.((item: any, index: number) => {\n return (\n <Link key={index} href={item?.link} asChild={!item?.link} className=\"desktop:hidden block h-full\">\n <div\n dangerouslySetInnerHTML={{ __html: item?.logo || '' }}\n className={cn(\n 'brand-strip-item box-border flex h-fit items-center justify-center bg-[#F5F6F7] px-4 py-2 [&_svg]:h-full [&_svg]:w-auto [&_svg_path]:[fill:#080A0F]',\n itemClassName\n )}\n />\n </Link>\n )\n })}\n </div>\n </Container>\n </div>\n )\n}\n\nexport type { BrandStripProps, BrandStripItem }\nexport default BrandStrip\n"],
|
|
5
|
+
"mappings": "AAgCM,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBAhCN,MAAkB,QAClB,OAAOC,MAAU,YACjB,OAAS,MAAAC,MAAU,sBACnB,OAAS,aAAAC,MAAiB,iBA0B1B,MAAMC,EAAwC,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,cAAAC,CAAc,IAE5ER,EAAC,OAAI,UAAWG,EAAG,SAAUI,CAAS,EACpC,SAAAN,EAACG,EAAA,CAAU,UAAU,kBAClB,UAAAE,GAAM,MACLN,EAAC,KACC,UAAU,0DACV,wBAAyB,CAAE,OAAQM,GAAM,OAAS,EAAG,EACvD,EACE,KACJN,EAAC,OAAI,UAAU,uBACZ,SAAAM,GAAM,UAAU,MAAM,CAACG,EAAWC,IAE/BV,EAACE,EAAA,CAAiB,KAAMO,GAAM,KAAM,QAAS,CAACA,GAAM,KAAM,UAAU,8BAClE,SAAAT,EAAC,OACC,wBAAyB,CAAE,OAAQS,GAAM,MAAQ,EAAG,EACpD,UAAWN,EACT,sJACAK,CACF,EACF,GAPSE,CAQX,CAEH,EACH,GACF,EACF,EAKJ,IAAOC,EAAQN",
|
|
6
|
+
"names": ["jsx", "jsxs", "Link", "cn", "Container", "BrandStrip", "data", "className", "itemClassName", "item", "index", "brand_strip_default"]
|
|
7
|
+
}
|
|
@@ -25,3 +25,4 @@ export { default as Theme } from './theme.js';
|
|
|
25
25
|
export { default as Board } from './board.js';
|
|
26
26
|
export { default as LoadingDots } from './loadingDots.js';
|
|
27
27
|
export { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js';
|
|
28
|
+
export { default as BrandStrip } from './brand-strip.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{default as e}from"./button.js";import{default as a}from"./badge.js";import{Input as n,InputSlot as u}from"./input.js";import{default as i}from"./checkbox.js";import{default as s}from"./skeleton.js";import{Dialog as m,DialogPortal as f,DialogOverlay as x,DialogClose as C,DialogTrigger as g,DialogContent as w,DialogHeader as P,DialogFooter as T,DialogTitle as M,DialogDescription as y}from"./dialog.js";import{Popover as I,PopoverTrigger as c,PopoverContent as G}from"./popover.js";import{RadioGroup as
|
|
1
|
+
import{default as e}from"./button.js";import{default as a}from"./badge.js";import{Input as n,InputSlot as u}from"./input.js";import{default as i}from"./checkbox.js";import{default as s}from"./skeleton.js";import{Dialog as m,DialogPortal as f,DialogOverlay as x,DialogClose as C,DialogTrigger as g,DialogContent as w,DialogHeader as P,DialogFooter as T,DialogTitle as M,DialogDescription as y}from"./dialog.js";import{Popover as I,PopoverTrigger as c,PopoverContent as G}from"./popover.js";import{RadioGroup as S,RadioGroupItem as A}from"./radio.js";import{Text as R}from"./text.js";import{Grid as L,GridItem as h}from"./grid.js";import{Heading as F}from"./heading.js";import{Container as E}from"./container.js";import{Color as j}from"./color.js";import{Drawer as z,DrawerPortal as J,DrawerOverlay as K,DrawerTrigger as Q,DrawerClose as U,DrawerContent as V,DrawerHeader as W,DrawerFooter as X,DrawerTitle as Y,DrawerDescription as Z}from"./drawer.js";import{default as $}from"./link.js";import{Avatar as or,AvatarImage as er,AvatarFallback as tr}from"./avatar.js";import{default as pr}from"./input-number.js";import{DropdownMenu as ur,DropdownMenuTrigger as dr,DropdownMenuContent as ir,DropdownMenuItem as lr,DropdownMenuCheckboxItem as sr,DropdownMenuRadioItem as Dr,DropdownMenuLabel as mr,DropdownMenuSeparator as fr,DropdownMenuShortcut as xr,DropdownMenuGroup as Cr,DropdownMenuPortal as gr,DropdownMenuSub as wr,DropdownMenuSubContent as Pr,DropdownMenuSubTrigger as Tr,DropdownMenuRadioGroup as Mr}from"./drop-down.js";import{Card as br,CardHeader as Ir,CardFooter as cr,CardTitle as Gr,CardDescription as vr,CardContent as Sr}from"./card.js";import{Carousel as kr,CarouselContent as Rr,CarouselItem as Hr,CarouselPrevious as Lr,CarouselNext as hr}from"./carousel.js";import{Tabs as Fr,TabsList as Nr,TabsTrigger as Er,TabsContent as Or}from"./tabs.js";import{Alert as qr,AlertTitle as zr,AlertDescription as Jr}from"./alert.js";import{default as Qr}from"./picture.js";import{default as Vr}from"./theme.js";import{default as Xr}from"./board.js";import{default as Zr}from"./loadingDots.js";import{ExposureDetector as $r}from"./ExposureDetector.js";import{default as oo}from"./brand-strip.js";export{qr as Alert,Jr as AlertDescription,zr as AlertTitle,or as Avatar,tr as AvatarFallback,er as AvatarImage,a as Badge,Xr as Board,oo as BrandStrip,e as Button,br as Card,Sr as CardContent,vr as CardDescription,cr as CardFooter,Ir as CardHeader,Gr as CardTitle,kr as Carousel,Rr as CarouselContent,Hr as CarouselItem,hr as CarouselNext,Lr as CarouselPrevious,i as Checkbox,j as Color,E as Container,m as Dialog,C as DialogClose,w as DialogContent,y as DialogDescription,T as DialogFooter,P as DialogHeader,x as DialogOverlay,f as DialogPortal,M as DialogTitle,g as DialogTrigger,z as Drawer,U as DrawerClose,V as DrawerContent,Z as DrawerDescription,X as DrawerFooter,W as DrawerHeader,K as DrawerOverlay,J as DrawerPortal,Y as DrawerTitle,Q as DrawerTrigger,ur as DropdownMenu,sr as DropdownMenuCheckboxItem,ir as DropdownMenuContent,Cr as DropdownMenuGroup,lr as DropdownMenuItem,mr as DropdownMenuLabel,gr as DropdownMenuPortal,Mr as DropdownMenuRadioGroup,Dr as DropdownMenuRadioItem,fr as DropdownMenuSeparator,xr as DropdownMenuShortcut,wr as DropdownMenuSub,Pr as DropdownMenuSubContent,Tr as DropdownMenuSubTrigger,dr as DropdownMenuTrigger,$r as ExposureDetector,L as Grid,h as GridItem,F as Heading,n as Input,pr as InputNumber,u as InputSlot,$ as Link,Zr as LoadingDots,Qr as Picture,I as Popover,G as PopoverContent,c as PopoverTrigger,S as RadioGroup,A as RadioGroupItem,s as Skeleton,Fr as Tabs,Or as TabsContent,Nr as TabsList,Er as TabsTrigger,R as Text,Vr as Theme};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/index.ts"],
|
|
4
|
-
"sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport { Input, InputSlot } from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogClose,\n DialogTrigger,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n} from './dialog.js'\nexport { Popover, PopoverTrigger, PopoverContent } from './popover.js'\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js'\nexport { Text, type TextProps } from './text.js'\nexport { Grid, GridItem, type GridProps, type GridItemProps } from './grid.js'\nexport { Heading, type HeadingProps } from './heading.js'\nexport { Container, type ContainerProps } from './container.js'\nexport { Color, type ColorProps } from './color.js'\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n} from './drawer.js'\nexport { default as Link, type LinkProps } from './link.js'\nexport { Avatar, AvatarImage, AvatarFallback } from './avatar.js'\nexport { default as InputNumber, type InputNumberProps } from './input-number.js'\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n} from './drop-down.js'\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js'\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n} from './carousel.js'\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js'\nexport { Alert, AlertTitle, AlertDescription } from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\nexport { default as Board } from './board.js'\nexport { default as LoadingDots } from './loadingDots.js'\nexport { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js'\n"],
|
|
5
|
-
"mappings": "AAAA,OAAoB,WAAXA,MAAyB,cAClC,OAAoB,WAAXA,MAAwB,aACjC,OAAS,SAAAC,EAAO,aAAAC,MAAiB,aAEjC,OAAoB,WAAXF,MAA2B,gBAEpC,OAAoB,WAAXA,MAA2B,gBACpC,OACE,UAAAG,EACA,gBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAS,WAAAC,EAAS,kBAAAC,EAAgB,kBAAAC,MAAsB,eACxD,OAAS,cAAAC,EAAY,kBAAAC,MAAsE,aAC3F,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,EAAM,YAAAC,MAAoD,YACnE,OAAS,WAAAC,MAAkC,eAC3C,OAAS,aAAAC,MAAsC,iBAC/C,OAAS,SAAAC,MAA8B,aACvC,OACE,UAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAoB,WAAXjC,MAAuC,YAChD,OAAS,UAAAkC,GAAQ,eAAAC,GAAa,kBAAAC,OAAsB,cACpD,OAAoB,WAAXpC,OAAqD,oBAC9D,OACE,gBAAAqC,GACA,uBAAAC,GACA,uBAAAC,GACA,oBAAAC,GACA,4BAAAC,GACA,yBAAAC,GACA,qBAAAC,GACA,yBAAAC,GACA,wBAAAC,GACA,qBAAAC,GACA,sBAAAC,GACA,mBAAAC,GACA,0BAAAC,GACA,0BAAAC,GACA,0BAAAC,OACK,iBACP,OAAS,QAAAC,GAAM,cAAAC,GAAY,cAAAC,GAAY,aAAAC,GAAW,mBAAAC,GAAiB,eAAAC,OAAmB,YACtF,OAEE,YAAAC,GACA,mBAAAC,GACA,gBAAAC,GACA,oBAAAC,GACA,gBAAAC,OACK,gBACP,OAAS,QAAAC,GAAM,YAAAC,GAAU,eAAAC,GAAa,eAAAC,OAAmB,YACzD,OAAS,SAAAC,GAAO,cAAAC,GAAY,oBAAAC,OAAwB,aACpD,OAAoB,WAAXrE,OAA0B,eACnC,OAAoB,WAAXA,OAAwB,aACjC,OAAoB,WAAXA,OAAwB,aACjC,OAAoB,WAAXA,OAA8B,mBACvC,OAAS,oBAAAsE,OAAoD",
|
|
4
|
+
"sourcesContent": ["export { default as Button } from './button.js'\nexport { default as Badge } from './badge.js'\nexport { Input, InputSlot } from './input.js'\n\nexport { default as Checkbox } from './checkbox.js'\n\nexport { default as Skeleton } from './skeleton.js'\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogClose,\n DialogTrigger,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n} from './dialog.js'\nexport { Popover, PopoverTrigger, PopoverContent } from './popover.js'\nexport { RadioGroup, RadioGroupItem, type RadioGroupProps, type RadioGroupItemProps } from './radio.js'\nexport { Text, type TextProps } from './text.js'\nexport { Grid, GridItem, type GridProps, type GridItemProps } from './grid.js'\nexport { Heading, type HeadingProps } from './heading.js'\nexport { Container, type ContainerProps } from './container.js'\nexport { Color, type ColorProps } from './color.js'\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n} from './drawer.js'\nexport { default as Link, type LinkProps } from './link.js'\nexport { Avatar, AvatarImage, AvatarFallback } from './avatar.js'\nexport { default as InputNumber, type InputNumberProps } from './input-number.js'\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n} from './drop-down.js'\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card.js'\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n} from './carousel.js'\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js'\nexport { Alert, AlertTitle, AlertDescription } from './alert.js'\nexport { default as Picture } from './picture.js'\nexport { default as Theme } from './theme.js'\nexport { default as Board } from './board.js'\nexport { default as LoadingDots } from './loadingDots.js'\nexport { ExposureDetector, type ExposureDetectorProps } from './ExposureDetector.js'\nexport { default as BrandStrip } from './brand-strip.js'\n"],
|
|
5
|
+
"mappings": "AAAA,OAAoB,WAAXA,MAAyB,cAClC,OAAoB,WAAXA,MAAwB,aACjC,OAAS,SAAAC,EAAO,aAAAC,MAAiB,aAEjC,OAAoB,WAAXF,MAA2B,gBAEpC,OAAoB,WAAXA,MAA2B,gBACpC,OACE,UAAAG,EACA,gBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAS,WAAAC,EAAS,kBAAAC,EAAgB,kBAAAC,MAAsB,eACxD,OAAS,cAAAC,EAAY,kBAAAC,MAAsE,aAC3F,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,EAAM,YAAAC,MAAoD,YACnE,OAAS,WAAAC,MAAkC,eAC3C,OAAS,aAAAC,MAAsC,iBAC/C,OAAS,SAAAC,MAA8B,aACvC,OACE,UAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,qBAAAC,MACK,cACP,OAAoB,WAAXjC,MAAuC,YAChD,OAAS,UAAAkC,GAAQ,eAAAC,GAAa,kBAAAC,OAAsB,cACpD,OAAoB,WAAXpC,OAAqD,oBAC9D,OACE,gBAAAqC,GACA,uBAAAC,GACA,uBAAAC,GACA,oBAAAC,GACA,4BAAAC,GACA,yBAAAC,GACA,qBAAAC,GACA,yBAAAC,GACA,wBAAAC,GACA,qBAAAC,GACA,sBAAAC,GACA,mBAAAC,GACA,0BAAAC,GACA,0BAAAC,GACA,0BAAAC,OACK,iBACP,OAAS,QAAAC,GAAM,cAAAC,GAAY,cAAAC,GAAY,aAAAC,GAAW,mBAAAC,GAAiB,eAAAC,OAAmB,YACtF,OAEE,YAAAC,GACA,mBAAAC,GACA,gBAAAC,GACA,oBAAAC,GACA,gBAAAC,OACK,gBACP,OAAS,QAAAC,GAAM,YAAAC,GAAU,eAAAC,GAAa,eAAAC,OAAmB,YACzD,OAAS,SAAAC,GAAO,cAAAC,GAAY,oBAAAC,OAAwB,aACpD,OAAoB,WAAXrE,OAA0B,eACnC,OAAoB,WAAXA,OAAwB,aACjC,OAAoB,WAAXA,OAAwB,aACjC,OAAoB,WAAXA,OAA8B,mBACvC,OAAS,oBAAAsE,OAAoD,wBAC7D,OAAoB,WAAXtE,OAA6B",
|
|
6
6
|
"names": ["default", "Input", "InputSlot", "Dialog", "DialogPortal", "DialogOverlay", "DialogClose", "DialogTrigger", "DialogContent", "DialogHeader", "DialogFooter", "DialogTitle", "DialogDescription", "Popover", "PopoverTrigger", "PopoverContent", "RadioGroup", "RadioGroupItem", "Text", "Grid", "GridItem", "Heading", "Container", "Color", "Drawer", "DrawerPortal", "DrawerOverlay", "DrawerTrigger", "DrawerClose", "DrawerContent", "DrawerHeader", "DrawerFooter", "DrawerTitle", "DrawerDescription", "Avatar", "AvatarImage", "AvatarFallback", "DropdownMenu", "DropdownMenuTrigger", "DropdownMenuContent", "DropdownMenuItem", "DropdownMenuCheckboxItem", "DropdownMenuRadioItem", "DropdownMenuLabel", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuGroup", "DropdownMenuPortal", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuRadioGroup", "Card", "CardHeader", "CardFooter", "CardTitle", "CardDescription", "CardContent", "Carousel", "CarouselContent", "CarouselItem", "CarouselPrevious", "CarouselNext", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "Alert", "AlertTitle", "AlertDescription", "ExposureDetector"]
|
|
7
7
|
}
|
|
@@ -15,3 +15,24 @@ type Story = StoryObj<typeof meta>;
|
|
|
15
15
|
export declare const Default: Story;
|
|
16
16
|
export declare const Round: Story;
|
|
17
17
|
export declare const CustomLayout: () => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const Autoplay: {
|
|
19
|
+
args: {
|
|
20
|
+
data: {
|
|
21
|
+
products: {
|
|
22
|
+
title: string;
|
|
23
|
+
img: {
|
|
24
|
+
url: string;
|
|
25
|
+
};
|
|
26
|
+
subTitle: string;
|
|
27
|
+
}[];
|
|
28
|
+
shape: string;
|
|
29
|
+
itemShape: string;
|
|
30
|
+
theme: string;
|
|
31
|
+
};
|
|
32
|
+
autoplay: {
|
|
33
|
+
enabled: boolean;
|
|
34
|
+
loop: boolean;
|
|
35
|
+
interval: number;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import o from"../biz-components/AccordionCards/index.js";import{Container as s}from"../components/container.js";const r={title:"Biz-Components/AccordionCards",component:o,parameters:{layout:"fullscreen"},tags:["autodocs"]};var i=r;const e=[{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."},{title:"Apple Charging Solutions",img:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768"},subTitle:"Dependable Charging for Your Entire Apple Ecosystem."}],n={args:{data:{products:e,primaryButton:"Learn More",theme:"dark",shape:"round",itemShape:"round"}}},d={args:{data:{products:e,shape:"round",itemShape:"round",primaryButton:"Learn More"}}},l=()=>t("div",{className:"py-10",children:t(s,{children:t(o,{data:{products:e,shape:"round",itemShape:"round",primaryButton:"Learn More",theme:"dark"}})})}),c={args:{data:{products:e,shape:"round",itemShape:"round",theme:"dark"},autoplay:{enabled:!0,loop:!0,interval:1500}}};export{c as Autoplay,l as CustomLayout,n as Default,d as Round,i as default};
|
|
2
2
|
//# sourceMappingURL=accordionCards.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/accordionCards.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\nimport { Container } from '../components/container.js'\n\nconst meta = {\n title: 'Biz-Components/AccordionCards',\n component: AccordionCards,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n]\n\nexport const Default: Story = {\n args: {\n data: {\n products: mock,\n primaryButton: 'Learn More',\n theme: 'dark',\n shape: 'round',\n itemShape: 'round',\n },\n },\n}\n\nexport const Round: Story = {\n args: {\n data: {\n products: mock,\n shape: 'round',\n itemShape: 'round',\n primaryButton: 'Learn More',\n },\n },\n}\n\nexport const CustomLayout = () => {\n return (\n <div className=\"py-10\">\n <Container>\n <AccordionCards\n data={{ products: mock, shape: 'round', itemShape: 'round', primaryButton: 'Learn More', theme: 'dark' }}\n />\n </Container>\n </div>\n )\n}\n"],
|
|
5
|
-
"mappings": "AA0EQ,cAAAA,MAAA,oBAzER,OAAOC,MAAoB,4CAC3B,OAAS,aAAAC,MAAiB,6BAE1B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAWF,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOG,EAAQD,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUD,EACV,cAAe,aACf,MAAO,OACP,MAAO,QACP,UAAW,OACb,CACF,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUF,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF,EAEaG,EAAe,IAExBR,EAAC,OAAI,UAAU,QACb,SAAAA,EAACE,EAAA,CACC,SAAAF,EAACC,EAAA,CACC,KAAM,CAAE,SAAUI,EAAM,MAAO,QAAS,UAAW,QAAS,cAAe,aAAc,MAAO,MAAO,EACzG,EACF,EACF",
|
|
6
|
-
"names": ["jsx", "AccordionCards", "Container", "meta", "accordionCards_stories_default", "mock", "Default", "Round", "CustomLayout"]
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport AccordionCards from '../biz-components/AccordionCards/index.js'\nimport { Container } from '../components/container.js'\n\nconst meta = {\n title: 'Biz-Components/AccordionCards',\n component: AccordionCards,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof AccordionCards>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst mock = [\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n {\n title: 'Apple Charging Solutions',\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/Mask_group_3_f2d0041d-7b54-4d6a-a504-1dbe6c2de6ee.png?v=1718245219, https://cdn.shopify.com/s/files/1/0521/9411/5753/files/1_c67da28a-50c5-4821-8712-330259ea6039.png?v=1718245627 768',\n },\n subTitle: 'Dependable Charging for Your Entire Apple Ecosystem.',\n },\n]\n\nexport const Default: Story = {\n args: {\n data: {\n products: mock,\n primaryButton: 'Learn More',\n theme: 'dark',\n shape: 'round',\n itemShape: 'round',\n },\n },\n}\n\nexport const Round: Story = {\n args: {\n data: {\n products: mock,\n shape: 'round',\n itemShape: 'round',\n primaryButton: 'Learn More',\n },\n },\n}\n\nexport const CustomLayout = () => {\n return (\n <div className=\"py-10\">\n <Container>\n <AccordionCards\n data={{ products: mock, shape: 'round', itemShape: 'round', primaryButton: 'Learn More', theme: 'dark' }}\n />\n </Container>\n </div>\n )\n}\n\nexport const Autoplay = {\n args: {\n data: {\n products: mock,\n shape: 'round',\n itemShape: 'round',\n theme: 'dark',\n },\n autoplay: { enabled: true, loop: true, interval: 1500 },\n },\n}"],
|
|
5
|
+
"mappings": "AA0EQ,cAAAA,MAAA,oBAzER,OAAOC,MAAoB,4CAC3B,OAAS,aAAAC,MAAiB,6BAE1B,MAAMC,EAAO,CACX,MAAO,gCACP,UAAWF,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOG,EAAQD,EAGf,MAAME,EAAO,CACX,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,EACA,CACE,MAAO,2BACP,IAAK,CACH,IAAK,+OACP,EACA,SAAU,sDACZ,CACF,EAEaC,EAAiB,CAC5B,KAAM,CACJ,KAAM,CACJ,SAAUD,EACV,cAAe,aACf,MAAO,OACP,MAAO,QACP,UAAW,OACb,CACF,CACF,EAEaE,EAAe,CAC1B,KAAM,CACJ,KAAM,CACJ,SAAUF,EACV,MAAO,QACP,UAAW,QACX,cAAe,YACjB,CACF,CACF,EAEaG,EAAe,IAExBR,EAAC,OAAI,UAAU,QACb,SAAAA,EAACE,EAAA,CACC,SAAAF,EAACC,EAAA,CACC,KAAM,CAAE,SAAUI,EAAM,MAAO,QAAS,UAAW,QAAS,cAAe,aAAc,MAAO,MAAO,EACzG,EACF,EACF,EAISI,EAAW,CACtB,KAAM,CACJ,KAAM,CACJ,SAAUJ,EACV,MAAO,QACP,UAAW,QACX,MAAO,MACT,EACA,SAAU,CAAE,QAAS,GAAM,KAAM,GAAM,SAAU,IAAK,CACxD,CACF",
|
|
6
|
+
"names": ["jsx", "AccordionCards", "Container", "meta", "accordionCards_stories_default", "mock", "Default", "Round", "CustomLayout", "Autoplay"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").FC<import("../components/brand-strip.js").BrandStripProps>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import n from"../components/brand-strip.js";const a={title:"Components/BrandStrip",component:n,parameters:{layout:"fullscreen"},tags:["autodocs"]};var m=a;const t=(o,e="#0B6CFF")=>`data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${Math.max(120,o.length*11)} 32'><text x='0' y='22' font-family="Inter, Arial, sans-serif" font-size='20' font-weight='700' fill='${e}'>${o}</text></svg>`)}`,r=[{name:"ANKER",logo:t("ANKER","#0B6CFF"),link:"https://www.anker.com"},{name:"ANKER SOLIX",logo:t("ANKER SOLIX","#111827"),link:"https://www.anker.com/solix"},{name:"eufy",logo:t("eufy","#00A5A5"),link:"https://us.eufy.com"},{name:"eufy Make",logo:t("eufy Make","#0B6CFF"),link:"https://us.eufy.com"},{name:"soundcore",logo:t("soundcore","#101828"),link:"https://us.soundcore.com"}],i={args:{data:r}};export{i as Default,m as default};
|
|
2
|
+
//# sourceMappingURL=brandStrip.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/stories/brandStrip.stories.tsx"],
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport BrandStrip, { type BrandStripItem } from '../components/brand-strip.js'\n\nconst meta = {\n title: 'Components/BrandStrip',\n component: BrandStrip,\n parameters: {\n layout: 'fullscreen',\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof BrandStrip>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst createTextLogo = (label: string, color: string = '#0B6CFF') =>\n `data:image/svg+xml,${encodeURIComponent(\n `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${Math.max(\n 120,\n label.length * 11\n )} 32'><text x='0' y='22' font-family=\"Inter, Arial, sans-serif\" font-size='20' font-weight='700' fill='${color}'>${label}</text></svg>`\n )}`\n\nconst demoBrands: BrandStripItem[] = [\n { name: 'ANKER', logo: createTextLogo('ANKER', '#0B6CFF'), link: 'https://www.anker.com' },\n { name: 'ANKER SOLIX', logo: createTextLogo('ANKER SOLIX', '#111827'), link: 'https://www.anker.com/solix' },\n { name: 'eufy', logo: createTextLogo('eufy', '#00A5A5'), link: 'https://us.eufy.com' },\n { name: 'eufy Make', logo: createTextLogo('eufy Make', '#0B6CFF'), link: 'https://us.eufy.com' },\n { name: 'soundcore', logo: createTextLogo('soundcore', '#101828'), link: 'https://us.soundcore.com' },\n]\n\nexport const Default: Story = {\n args: {\n data: demoBrands,\n },\n}\n"],
|
|
5
|
+
"mappings": "AACA,OAAOA,MAAyC,+BAEhD,MAAMC,EAAO,CACX,MAAO,wBACP,UAAWD,EACX,WAAY,CACV,OAAQ,YACV,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EAAiB,CAACC,EAAeC,EAAgB,YACrD,sBAAsB,mBACpB,wDAAwD,KAAK,IAC3D,IACAD,EAAM,OAAS,EACjB,CAAC,yGAAyGC,CAAK,KAAKD,CAAK,eAC3H,CAAC,GAEGE,EAA+B,CACnC,CAAE,KAAM,QAAS,KAAMH,EAAe,QAAS,SAAS,EAAG,KAAM,uBAAwB,EACzF,CAAE,KAAM,cAAe,KAAMA,EAAe,cAAe,SAAS,EAAG,KAAM,6BAA8B,EAC3G,CAAE,KAAM,OAAQ,KAAMA,EAAe,OAAQ,SAAS,EAAG,KAAM,qBAAsB,EACrF,CAAE,KAAM,YAAa,KAAMA,EAAe,YAAa,SAAS,EAAG,KAAM,qBAAsB,EAC/F,CAAE,KAAM,YAAa,KAAMA,EAAe,YAAa,SAAS,EAAG,KAAM,0BAA2B,CACtG,EAEaI,EAAiB,CAC5B,KAAM,CACJ,KAAMD,CACR,CACF",
|
|
6
|
+
"names": ["BrandStrip", "meta", "brandStrip_stories_default", "createTextLogo", "label", "color", "demoBrands", "Default"]
|
|
7
|
+
}
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -672,6 +672,9 @@ video {
|
|
|
672
672
|
.mb-1 {
|
|
673
673
|
margin-bottom: 0.25rem;
|
|
674
674
|
}
|
|
675
|
+
.mb-2 {
|
|
676
|
+
margin-bottom: 0.5rem;
|
|
677
|
+
}
|
|
675
678
|
.ml-auto {
|
|
676
679
|
margin-left: auto;
|
|
677
680
|
}
|
|
@@ -681,6 +684,9 @@ video {
|
|
|
681
684
|
.mt-auto {
|
|
682
685
|
margin-top: auto;
|
|
683
686
|
}
|
|
687
|
+
.box-border {
|
|
688
|
+
box-sizing: border-box;
|
|
689
|
+
}
|
|
684
690
|
.block {
|
|
685
691
|
display: block;
|
|
686
692
|
}
|
|
@@ -772,6 +778,10 @@ video {
|
|
|
772
778
|
.h-auto {
|
|
773
779
|
height: auto;
|
|
774
780
|
}
|
|
781
|
+
.h-fit {
|
|
782
|
+
height: -moz-fit-content;
|
|
783
|
+
height: fit-content;
|
|
784
|
+
}
|
|
775
785
|
.h-full {
|
|
776
786
|
height: 100%;
|
|
777
787
|
}
|
|
@@ -889,6 +899,9 @@ video {
|
|
|
889
899
|
.flex-col-reverse {
|
|
890
900
|
flex-direction: column-reverse;
|
|
891
901
|
}
|
|
902
|
+
.flex-wrap {
|
|
903
|
+
flex-wrap: wrap;
|
|
904
|
+
}
|
|
892
905
|
.items-center {
|
|
893
906
|
align-items: center;
|
|
894
907
|
}
|
|
@@ -1005,6 +1018,9 @@ video {
|
|
|
1005
1018
|
--tw-bg-opacity: 1 !important;
|
|
1006
1019
|
background-color: rgb(8 10 15 / var(--tw-bg-opacity, 1)) !important;
|
|
1007
1020
|
}
|
|
1021
|
+
.\!bg-transparent {
|
|
1022
|
+
background-color: transparent !important;
|
|
1023
|
+
}
|
|
1008
1024
|
.bg-\[\#080A0F\] {
|
|
1009
1025
|
--tw-bg-opacity: 1;
|
|
1010
1026
|
background-color: rgb(8 10 15 / var(--tw-bg-opacity, 1));
|
|
@@ -1013,6 +1029,10 @@ video {
|
|
|
1013
1029
|
--tw-bg-opacity: 1;
|
|
1014
1030
|
background-color: rgb(134 134 140 / var(--tw-bg-opacity, 1));
|
|
1015
1031
|
}
|
|
1032
|
+
.bg-\[\#F5F6F7\] {
|
|
1033
|
+
--tw-bg-opacity: 1;
|
|
1034
|
+
background-color: rgb(245 246 247 / var(--tw-bg-opacity, 1));
|
|
1035
|
+
}
|
|
1016
1036
|
.bg-background {
|
|
1017
1037
|
background-color: var(--container-primary-color);
|
|
1018
1038
|
}
|
|
@@ -1181,6 +1201,10 @@ video {
|
|
|
1181
1201
|
padding-top: 2rem;
|
|
1182
1202
|
padding-bottom: 2rem;
|
|
1183
1203
|
}
|
|
1204
|
+
.py-\[5px\] {
|
|
1205
|
+
padding-top: 5px;
|
|
1206
|
+
padding-bottom: 5px;
|
|
1207
|
+
}
|
|
1184
1208
|
.\!pl-0 {
|
|
1185
1209
|
padding-left: 0px !important;
|
|
1186
1210
|
}
|
|
@@ -1331,6 +1355,10 @@ video {
|
|
|
1331
1355
|
.\!text-transparent {
|
|
1332
1356
|
color: transparent !important;
|
|
1333
1357
|
}
|
|
1358
|
+
.text-\[\#767880\] {
|
|
1359
|
+
--tw-text-opacity: 1;
|
|
1360
|
+
color: rgb(118 120 128 / var(--tw-text-opacity, 1));
|
|
1361
|
+
}
|
|
1334
1362
|
.text-\[\#86868C\] {
|
|
1335
1363
|
--tw-text-opacity: 1;
|
|
1336
1364
|
color: rgb(134 134 140 / var(--tw-text-opacity, 1));
|
|
@@ -1433,6 +1461,11 @@ video {
|
|
|
1433
1461
|
--tw-backdrop-blur: blur(4px);
|
|
1434
1462
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
1435
1463
|
}
|
|
1464
|
+
.transition-all {
|
|
1465
|
+
transition-property: all;
|
|
1466
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1467
|
+
transition-duration: 150ms;
|
|
1468
|
+
}
|
|
1436
1469
|
.transition-colors {
|
|
1437
1470
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
|
1438
1471
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -1809,6 +1842,12 @@ video {
|
|
|
1809
1842
|
margin-top: 112px;
|
|
1810
1843
|
margin-bottom: 112px;
|
|
1811
1844
|
}
|
|
1845
|
+
.desktop\:block {
|
|
1846
|
+
display: block;
|
|
1847
|
+
}
|
|
1848
|
+
.desktop\:hidden {
|
|
1849
|
+
display: none;
|
|
1850
|
+
}
|
|
1812
1851
|
.desktop\:px-16 {
|
|
1813
1852
|
padding-left: 4rem;
|
|
1814
1853
|
padding-right: 4rem;
|
|
@@ -1940,6 +1979,29 @@ video {
|
|
|
1940
1979
|
width: 1rem;
|
|
1941
1980
|
height: 1rem;
|
|
1942
1981
|
}
|
|
1982
|
+
.\[\&_svg\]\:h-full svg {
|
|
1983
|
+
height: 100%;
|
|
1984
|
+
}
|
|
1985
|
+
.\[\&_svg\]\:w-auto svg {
|
|
1986
|
+
width: auto;
|
|
1987
|
+
}
|
|
1943
1988
|
.\[\&_svg\]\:shrink-0 svg {
|
|
1944
1989
|
flex-shrink: 0;
|
|
1990
|
+
}
|
|
1991
|
+
.\[\&_svg_path\]\:transition-all svg path {
|
|
1992
|
+
transition-property: all;
|
|
1993
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1994
|
+
transition-duration: 150ms;
|
|
1995
|
+
}
|
|
1996
|
+
.\[\&_svg_path\]\:duration-200 svg path {
|
|
1997
|
+
transition-duration: 200ms;
|
|
1998
|
+
}
|
|
1999
|
+
.\[\&_svg_path\]\:\[fill\:\#080A0F\] svg path {
|
|
2000
|
+
fill: #080A0F;
|
|
2001
|
+
}
|
|
2002
|
+
.\[\&_svg_path\]\:\[fill\:\#75787F\] svg path {
|
|
2003
|
+
fill: #75787F;
|
|
2004
|
+
}
|
|
2005
|
+
.\[\&_svg_path\]\:hover\:\[fill\:\#FFFFFF\]:hover svg path {
|
|
2006
|
+
fill: #FFFFFF;
|
|
1945
2007
|
}
|