@anker-in/headless-ui 1.1.17-alpha.1765943848792 → 1.1.17-alpha.1765946085547

package/dist/esm/components/brand-strip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/brand-strip.tsx"],
-  "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  /** \u662F\u5426\u5305\u542B\u5916\u5C42\u5BB9\u5668 */\n  isContainer?: boolean\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, isContainer = true }) => {\n  const BasicBrand = () => {\n    return (\n      <>\n        {data?.title ? (\n          <p\n            className=\"mb-2 text-sm font-bold text-[#767880]\"\n            dangerouslySetInnerHTML={{ __html: data?.title || '' }}\n          />\n        ) : null}\n        <div className=\"flex h-9 gap-2\">\n          {data?.leftIcon?.map?.((item: any, index: number) => {\n            return (\n              <Link key={index} href={item.link} asChild={!item.link} className=\"desktop:block hidden 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      </>\n    )\n  }\n  return (\n    <div className={cn('w-full bg-[#f5f7fb]', className)}>\n      {isContainer ? <Container>{BasicBrand()}</Container> : BasicBrand()}\n    </div>\n  )\n}\n\nexport type { BrandStripProps, BrandStripItem }\nexport default BrandStrip\n"],
-  "mappings": "AAkCM,mBAAAA,EAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAlCN,MAAkB,QAClB,OAAOC,MAAU,YACjB,OAAS,MAAAC,MAAU,sBACnB,OAAS,aAAAC,MAAiB,iBA4B1B,MAAMC,EAAwC,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,cAAAC,EAAe,YAAAC,EAAc,EAAK,IAAM,CACxG,MAAMC,EAAa,IAEfT,EAAAF,EAAA,CACG,UAAAO,GAAM,MACLN,EAAC,KACC,UAAU,wCACV,wBAAyB,CAAE,OAAQM,GAAM,OAAS,EAAG,EACvD,EACE,KACJN,EAAC,OAAI,UAAU,iBACZ,SAAAM,GAAM,UAAU,MAAM,CAACK,EAAWC,IAE/BZ,EAACE,EAAA,CAAiB,KAAMS,EAAK,KAAM,QAAS,CAACA,EAAK,KAAM,UAAU,8BAChE,SAAAX,EAAC,OACC,wBAAyB,CAAE,OAAQW,EAAK,MAAQ,EAAG,EACnD,UAAWR,EACT,sJACAK,CACF,EACF,GAPSI,CAQX,CAEH,EACH,GACF,EAGJ,OACEZ,EAAC,OAAI,UAAWG,EAAG,sBAAuBI,CAAS,EAChD,SAAAE,EAAcT,EAACI,EAAA,CAAW,SAAAM,EAAW,EAAE,EAAeA,EAAW,EACpE,CAEJ,EAGA,IAAOG,EAAQR",
-  "names": ["Fragment", "jsx", "jsxs", "Link", "cn", "Container", "BrandStrip", "data", "className", "itemClassName", "isContainer", "BasicBrand", "item", "index", "brand_strip_default"]
+  "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=\"mb-2 text-sm font-bold text-[#767880]\"\n            dangerouslySetInnerHTML={{ __html: data?.title || '' }}\n          />\n        ) : null}\n        <div className=\"flex h-9 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:block hidden 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"],
+  "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,iBAClB,UAAAE,GAAM,MACLN,EAAC,KACC,UAAU,wCACV,wBAAyB,CAAE,OAAQM,GAAM,OAAS,EAAG,EACvD,EACE,KACJN,EAAC,OAAI,UAAU,2BACZ,SAAAM,GAAM,UAAU,MAAM,CAACG,EAAWC,IAE/BV,EAACE,EAAA,CAAiB,KAAMO,EAAK,KAAM,QAAS,CAACA,EAAK,KAAM,UAAU,8BAChE,SAAAT,EAAC,OACC,wBAAyB,CAAE,OAAQS,EAAK,MAAQ,EAAG,EACnD,UAAWN,EACT,sJACAK,CACF,EACF,GAPSE,CAQX,CAEH,EACH,GACF,EACF,EAKJ,IAAOC,EAAQN",
+  "names": ["jsx", "jsxs", "Link", "cn", "Container", "BrandStrip", "data", "className", "itemClassName", "item", "index", "brand_strip_default"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.1.17-alpha.1765943848792",
+  "version": "1.1.17-alpha.1765946085547",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",

package/style.css

@@ -906,6 +906,9 @@ video {
 .flex-col-reverse {
   flex-direction: column-reverse;
 }
+.flex-wrap {
+  flex-wrap: wrap;
+}
 .items-center {
   align-items: center;
 }
@@ -1034,10 +1037,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(245 246 247 / var(--tw-bg-opacity, 1));
 }
-.bg-\[\#f5f7fb\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(245 247 251 / var(--tw-bg-opacity, 1));
-}
 .bg-background {
   background-color: var(--container-primary-color);
 }