@anker-in/headless-ui 0.0.27-alpha.72 → 0.0.27-alpha.74
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/HeroBanner/HeroBanner.js +1 -1
- package/dist/cjs/biz-components/HeroBanner/HeroBanner.js.map +3 -3
- package/dist/cjs/biz-components/HeroBanner/types.d.ts +1 -1
- package/dist/cjs/biz-components/HeroBanner/types.js +1 -1
- package/dist/cjs/biz-components/HeroBanner/types.js.map +1 -1
- package/dist/cjs/biz-components/MediaPlayerBase/index.js +1 -1
- package/dist/cjs/biz-components/MediaPlayerBase/index.js.map +3 -3
- package/dist/cjs/biz-components/MediaPlayerBase/right.d.ts +1 -0
- package/dist/cjs/biz-components/MediaPlayerBase/right.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerBase/right.js.map +7 -0
- package/dist/cjs/biz-components/ShelfDisplay/index.d.ts +1 -0
- package/dist/cjs/biz-components/ShelfDisplay/index.js +6 -4
- package/dist/cjs/biz-components/ShelfDisplay/index.js.map +2 -2
- package/dist/cjs/biz-components/Slogan/index.js +1 -1
- package/dist/cjs/biz-components/Slogan/index.js.map +2 -2
- package/dist/cjs/components/badge.js +1 -1
- package/dist/cjs/components/badge.js.map +2 -2
- package/dist/cjs/components/link.js +1 -1
- package/dist/cjs/components/link.js.map +2 -2
- package/dist/cjs/components/text.js +1 -1
- package/dist/cjs/components/text.js.map +2 -2
- package/dist/cjs/stories/HeroBanner.stories.js +2 -2
- package/dist/cjs/stories/HeroBanner.stories.js.map +2 -2
- package/dist/cjs/stories/avatar.stories.d.ts +0 -1
- package/dist/cjs/stories/avatar.stories.js +1 -1
- package/dist/cjs/stories/avatar.stories.js.map +3 -3
- package/dist/cjs/stories/link.stories.js +1 -1
- package/dist/cjs/stories/link.stories.js.map +2 -2
- package/dist/esm/biz-components/HeroBanner/HeroBanner.js +1 -1
- package/dist/esm/biz-components/HeroBanner/HeroBanner.js.map +3 -3
- package/dist/esm/biz-components/HeroBanner/types.d.ts +1 -1
- package/dist/esm/biz-components/MediaPlayerBase/index.js +1 -1
- package/dist/esm/biz-components/MediaPlayerBase/index.js.map +3 -3
- package/dist/esm/biz-components/MediaPlayerBase/right.d.ts +1 -0
- package/dist/esm/biz-components/MediaPlayerBase/right.js +2 -0
- package/dist/esm/biz-components/MediaPlayerBase/right.js.map +7 -0
- package/dist/esm/biz-components/ShelfDisplay/index.d.ts +1 -0
- package/dist/esm/biz-components/ShelfDisplay/index.js +8 -6
- package/dist/esm/biz-components/ShelfDisplay/index.js.map +2 -2
- package/dist/esm/biz-components/Slogan/index.js +1 -1
- package/dist/esm/biz-components/Slogan/index.js.map +2 -2
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/badge.js.map +2 -2
- package/dist/esm/components/link.js +1 -1
- package/dist/esm/components/link.js.map +2 -2
- package/dist/esm/components/text.js +1 -1
- package/dist/esm/components/text.js.map +2 -2
- package/dist/esm/stories/HeroBanner.stories.js +1 -1
- package/dist/esm/stories/HeroBanner.stories.js.map +2 -2
- package/dist/esm/stories/avatar.stories.d.ts +0 -1
- package/dist/esm/stories/avatar.stories.js +1 -1
- package/dist/esm/stories/avatar.stories.js.map +3 -3
- package/dist/esm/stories/link.stories.js +1 -1
- package/dist/esm/stories/link.stories.js.map +3 -3
- package/package.json +1 -1
- package/style.css +12 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/HeroBanner.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n title: 'Biz-Components/HeroBanner',\n component: HeroBanner,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n `,\n },\n },\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground =\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206'\n\nconst darkBackground =\n 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899'\n\nexport const LightTheme: Story = {\n args: {\n data: {\n title: 'Anker Laptop Power',\n subtitle: 'Anker Prime 240W GaN Desktop Charger (4 Ports)',\n pcImage: {\n url: defaultBackground,\n alt: 'default background',\n thumbnailURL: defaultBackground,\n mimeType: 'image/jpeg',\n },\n mobileImage: {\n url: defaultBackground,\n alt: 'default background',\n thumbnailURL: defaultBackground,\n mimeType: 'image/jpeg',\n },\n theme: 'light',\n primaryButton: {\n text: 'Shop Now',\n },\n secondaryButton: {\n text: 'Learn More',\n },\n
|
|
5
|
-
"mappings": "AACA,OAAOA,MAAgB,6CAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EACJ,gJAEIC,EACJ,2GAEWC,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,QAAS,CACP,IAAKF,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport HeroBanner from '../biz-components/HeroBanner/HeroBanner.js'\n\nconst meta = {\n title: 'Biz-Components/HeroBanner',\n component: HeroBanner,\n parameters: {\n layout: 'fullscreen',\n docs: {\n description: {\n component: `\nHeroBanner \u7EC4\u4EF6\u7528\u4E8E\u5C55\u793A\u7F51\u7AD9\u7684\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\uFF0C\u901A\u5E38\u5305\u542B\u6807\u9898\u3001\u526F\u6807\u9898\u548C\u884C\u52A8\u6309\u94AE\u3002\n\n### \u7279\u70B9\n- \u652F\u6301\u4EAE\u8272\u548C\u6697\u8272\u4E3B\u9898\n- \u4F7F\u7528 Mont For Anker \u5B57\u4F53\u4F5C\u4E3A\u6807\u9898\n- \u53EF\u914D\u7F6E\u4E3B\u6309\u94AE\u548C\u6B21\u8981\u6309\u94AE\n- \u652F\u6301\u5E95\u90E8\u4EA7\u54C1\u5217\u8868\n `,\n },\n },\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof HeroBanner>\n\nexport default meta\ntype Story = StoryObj<typeof HeroBanner>\n\nconst defaultBackground =\n 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/aee13b30b2c77fc8d0a46e4f19fa48cb_6a25debf-f95e-4ca6-990b-babcad65216c.png?v=1745468206'\n\nconst darkBackground =\n 'https://cdn.shopify.com/s/files/1/0517/6767/3016/files/87e32d61fc407d5e6c8aff00f3453072.jpg?v=1745999899'\n\nexport const LightTheme: Story = {\n args: {\n data: {\n title: 'Anker Laptop Power',\n subtitle: 'Anker Prime 240W GaN Desktop Charger (4 Ports)',\n pcImage: {\n url: defaultBackground,\n alt: 'default background',\n thumbnailURL: defaultBackground,\n mimeType: 'image/jpeg',\n },\n mobileImage: {\n url: defaultBackground,\n alt: 'default background',\n thumbnailURL: defaultBackground,\n mimeType: 'image/jpeg',\n },\n theme: 'light',\n primaryButton: {\n text: 'Shop Now',\n },\n secondaryButton: {\n text: 'Learn More',\n },\n caption: [\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n ],\n },\n },\n}\n\nexport const DarkTheme: Story = {\n args: {\n data: {\n title: 'Power Your Life',\n subtitle:\n 'Experience the next generation of charging technology with our innovative solutions designed for modern life.',\n pcImage: {\n url: darkBackground,\n alt: 'dark background',\n thumbnailURL: darkBackground,\n mimeType: 'image/jpeg',\n },\n mobileImage: {\n url: darkBackground,\n alt: 'dark background',\n thumbnailURL: darkBackground,\n mimeType: 'image/jpeg',\n },\n theme: 'dark',\n primaryButton: {\n text: 'Shop Now',\n },\n secondaryButton: {\n text: 'Learn More',\n },\n caption: [\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n ],\n },\n },\n}\n\nexport const WithoutSecondaryButton: Story = {\n args: {\n data: {\n title: 'Future of Charging',\n subtitle:\n 'Step into the future with our revolutionary charging solutions that redefine the way you power your devices.',\n pcImage: {\n url: defaultBackground,\n alt: 'default background',\n thumbnailURL: defaultBackground,\n mimeType: 'image/jpeg',\n },\n mobileImage: {\n url: defaultBackground,\n alt: 'default background',\n thumbnailURL: defaultBackground,\n mimeType: 'image/jpeg',\n },\n theme: 'light',\n primaryButton: {\n text: 'Shop Now',\n },\n caption: [\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n { title: 'Anker Prime 27,650mAh Power Bank (250W)' },\n { title: 'Anker Prime 240W GaN Desktop Charger (4 Ports)' },\n ],\n },\n },\n}\n"],
|
|
5
|
+
"mappings": "AACA,OAAOA,MAAgB,6CAEvB,MAAMC,EAAO,CACX,MAAO,4BACP,UAAWD,EACX,WAAY,CACV,OAAQ,aACR,KAAM,CACJ,YAAa,CACX,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOE,EAAQD,EAGf,MAAME,EACJ,gJAEIC,EACJ,2GAEWC,EAAoB,CAC/B,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SAAU,iDACV,QAAS,CACP,IAAKF,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,QAAS,CACP,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaG,EAAmB,CAC9B,KAAM,CACJ,KAAM,CACJ,MAAO,kBACP,SACE,gHACF,QAAS,CACP,IAAKF,EACL,IAAK,kBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,kBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,OACP,cAAe,CACb,KAAM,UACR,EACA,gBAAiB,CACf,KAAM,YACR,EACA,QAAS,CACP,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF,EAEaG,EAAgC,CAC3C,KAAM,CACJ,KAAM,CACJ,MAAO,qBACP,SACE,+GACF,QAAS,CACP,IAAKJ,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,YAAa,CACX,IAAKA,EACL,IAAK,qBACL,aAAcA,EACd,SAAU,YACZ,EACA,MAAO,QACP,cAAe,CACb,KAAM,UACR,EACA,QAAS,CACP,CAAE,MAAO,gDAAiD,EAC1D,CAAE,MAAO,yCAA0C,EACnD,CAAE,MAAO,gDAAiD,CAC5D,CACF,CACF,CACF",
|
|
6
6
|
"names": ["HeroBanner", "meta", "HeroBanner_stories_default", "defaultBackground", "darkBackground", "LightTheme", "DarkTheme", "WithoutSecondaryButton"]
|
|
7
7
|
}
|
|
@@ -36,5 +36,4 @@ declare const meta: {
|
|
|
36
36
|
export default meta;
|
|
37
37
|
export declare const Default: () => import("react/jsx-runtime").JSX.Element;
|
|
38
38
|
export declare const AvatarType: () => import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
export declare const AvatarTextAdaptation: () => import("react/jsx-runtime").JSX.Element;
|
|
40
39
|
export declare const AvatarSize: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as a,jsxs as e}from"react/jsx-runtime";import{UserIcon as
|
|
1
|
+
import{jsx as a,jsxs as e}from"react/jsx-runtime";import{UserIcon as o}from"@storybook/icons";import{Avatar as t,AvatarImage as r,AvatarFallback as s}from"../components/index.js";const i={title:"Components/Avatar",component:t,tags:["autodocs"],subcomponents:{AvatarImage:r,AvatarFallback:s},parameters:{layout:"centered",docs:{description:{component:"avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar"}}},argTypes:{size:{description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"small"}}}}};var m=i;const p=()=>e(t,{size:"large",children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(s,{children:"Za"})]}),n=()=>e("div",{className:"flex items-center gap-4",children:[e(t,{size:"large",children:[a(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a(s,{children:"CN"})]}),a(t,{size:"large",children:a(o,{className:"size-6"})}),a(t,{size:"large",children:"Za"})]}),v=()=>e("div",{className:"flex items-center gap-4",children:[a(t,{children:"Za"}),a(t,{size:"medium",children:"Za"}),a(t,{size:"large",children:"Za"})]});export{v as AvatarSize,n as AvatarType,p as Default,m as default};
|
|
2
2
|
//# sourceMappingURL=avatar.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/avatar.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta } from '@storybook/react'\nimport { UserIcon } from '@storybook/icons'\nimport { Avatar, AvatarImage, AvatarFallback } from '../components/index.js'\n\nconst meta = {\n title: 'Components/Avatar',\n component: Avatar,\n tags: ['autodocs'],\n subcomponents: { AvatarImage, AvatarFallback } as any,\n parameters: {\n layout: 'centered',\n docs: {\n description: {\n component: 'avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar',\n },\n },\n },\n argTypes: {\n size: {\n description: '\u5C3A\u5BF8',\n table: {\n defaultValue: { summary: 'small' },\n },\n },\n },\n} satisfies Meta<typeof Avatar>\n\nexport default meta\n\nexport const Default = () => (\n <Avatar size=\"large\">\n <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n <AvatarFallback>
|
|
5
|
-
"mappings": "AA8BE,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7BF,OAAS,YAAAC,MAAgB,mBACzB,OAAS,UAAAC,EAAQ,eAAAC,EAAa,kBAAAC,MAAsB,yBAEpD,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWH,EACX,KAAM,CAAC,UAAU,EACjB,cAAe,CAAE,YAAAC,EAAa,eAAAC,CAAe,EAC7C,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,kHACb,CACF,CACF,EACA,SAAU,CACR,KAAM,CACJ,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,CACF,CACF,EAEA,IAAOE,EAAQD,EAER,MAAME,EAAU,IACrBP,EAACE,EAAA,CAAO,KAAK,QACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EAGWI,EAAa,IACxBR,EAAC,OAAI,UAAU,0BACb,UAAAA,EAACE,EAAA,CAAO,KAAK,QACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EACAL,EAACG,EAAA,CAAO,KAAK,QACX,SAAAH,EAACE,EAAA,CAAS,UAAU,SAAS,EAC/B,EACAF,EAACG,EAAA,CAAO,KAAK,QAAQ,
|
|
6
|
-
"names": ["jsx", "jsxs", "UserIcon", "Avatar", "AvatarImage", "AvatarFallback", "meta", "avatar_stories_default", "Default", "AvatarType", "
|
|
4
|
+
"sourcesContent": ["import type { Meta } from '@storybook/react'\nimport { UserIcon } from '@storybook/icons'\nimport { Avatar, AvatarImage, AvatarFallback } from '../components/index.js'\n\nconst meta = {\n title: 'Components/Avatar',\n component: Avatar,\n tags: ['autodocs'],\n subcomponents: { AvatarImage, AvatarFallback } as any,\n parameters: {\n layout: 'centered',\n docs: {\n description: {\n component: 'avatar\u7EC4\u4EF6,\u57FA\u4E8E@radix-ui/react-avatar,https://www.radix-ui.com/primitives/docs/components/avatar',\n },\n },\n },\n argTypes: {\n size: {\n description: '\u5C3A\u5BF8',\n table: {\n defaultValue: { summary: 'small' },\n },\n },\n },\n} satisfies Meta<typeof Avatar>\n\nexport default meta\n\nexport const Default = () => (\n <Avatar size=\"large\">\n <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n <AvatarFallback>Za</AvatarFallback>\n </Avatar>\n)\n\nexport const AvatarType = () => (\n <div className=\"flex items-center gap-4\">\n <Avatar size=\"large\">\n <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n <AvatarFallback>CN</AvatarFallback>\n </Avatar>\n <Avatar size=\"large\">\n <UserIcon className=\"size-6\" />\n </Avatar>\n <Avatar size=\"large\">Za</Avatar>\n </div>\n)\n\nexport const AvatarSize = () => (\n <div className=\"flex items-center gap-4\">\n <Avatar>Za</Avatar>\n <Avatar size=\"medium\">Za</Avatar>\n <Avatar size=\"large\">Za</Avatar>\n </div>\n)\n"],
|
|
5
|
+
"mappings": "AA8BE,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7BF,OAAS,YAAAC,MAAgB,mBACzB,OAAS,UAAAC,EAAQ,eAAAC,EAAa,kBAAAC,MAAsB,yBAEpD,MAAMC,EAAO,CACX,MAAO,oBACP,UAAWH,EACX,KAAM,CAAC,UAAU,EACjB,cAAe,CAAE,YAAAC,EAAa,eAAAC,CAAe,EAC7C,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,kHACb,CACF,CACF,EACA,SAAU,CACR,KAAM,CACJ,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,CACF,CACF,EAEA,IAAOE,EAAQD,EAER,MAAME,EAAU,IACrBP,EAACE,EAAA,CAAO,KAAK,QACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EAGWI,EAAa,IACxBR,EAAC,OAAI,UAAU,0BACb,UAAAA,EAACE,EAAA,CAAO,KAAK,QACX,UAAAH,EAACI,EAAA,CAAY,IAAI,gCAAgC,IAAI,UAAU,EAC/DJ,EAACK,EAAA,CAAe,cAAE,GACpB,EACAL,EAACG,EAAA,CAAO,KAAK,QACX,SAAAH,EAACE,EAAA,CAAS,UAAU,SAAS,EAC/B,EACAF,EAACG,EAAA,CAAO,KAAK,QAAQ,cAAE,GACzB,EAGWO,EAAa,IACxBT,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAO,cAAE,EACVH,EAACG,EAAA,CAAO,KAAK,SAAS,cAAE,EACxBH,EAACG,EAAA,CAAO,KAAK,QAAQ,cAAE,GACzB",
|
|
6
|
+
"names": ["jsx", "jsxs", "UserIcon", "Avatar", "AvatarImage", "AvatarFallback", "meta", "avatar_stories_default", "Default", "AvatarType", "AvatarSize"]
|
|
7
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as i,jsxs as l}from"react/jsx-runtime";import"@storybook/icons";import e from"../components/link.js";const n={title:"Components/Link",component:e,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{size:{description:"\u5C3A\u5BF8",control:{type:"select"},options:["small","medium","large"],table:{defaultValue:{summary:"small"}}},underline:{description:"\u94FE\u63A5\u4E0B\u5212\u7EBF\u5C55\u793A",control:{type:"select"},options:["none","hover","always"],table:{defaultValue:{summary:"none"}}},hoverColor:{description:"\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F",control:{type:"select"},options:["none","hover"],table:{defaultValue:{summary:"none"}}},onClick:{control:!1},suffixIcon:{control:!1},style:{control:!1},className:{control:!1},children:{control:!1}},args:{onClick:void 0}};var r=n;const t={args:{children:"Link"}},d=()=>l("div",{className:"inline-flex flex-col gap-4",children:[l("div",{className:"inline-flex gap-4",children:[i(e,{size:"small",hoverColor:"hover",children:"Link"}),i(e,{size:"small",underline:"always",hoverColor:"hover",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"medium",hoverColor:"hover",children:"Link"}),i(e,{size:"medium",underline:"always",hoverColor:"hover",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"large",hoverColor:"hover",children:"Link"}),i(e,{size:"large",underline:"always",hoverColor:"hover",children:"Link"})]})]}),m=()=>l("div",{className:"inline-flex flex-col gap-4",children:[l("div",{className:"inline-flex gap-4",children:[i(e,{size:"small",disabled:!0,children:"Link"}),i(e,{size:"small",disabled:!0,underline:"always",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"medium",disabled:!0,children:"Link"}),i(e,{size:"medium",disabled:!0,underline:"always",children:"Link"})]}),l("div",{className:"inline-flex gap-4",children:[i(e,{size:"large",disabled:!0,children:"Link"}),i(e,{size:"large",disabled:!0,underline:"always",children:"Link"})]})]});export{t as Default,m as Disabled,d as LinkSize,r as default};
|
|
2
2
|
//# sourceMappingURL=link.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/stories/link.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { ChevronRightIcon } from '@storybook/icons'\nimport Link from '../components/link.js'\n\nconst meta = {\n // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n title: 'Components/Link',\n component: Link,\n parameters: {\n layout: 'centered',\n },\n // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n tags: ['autodocs'],\n // More on argTypes: https://storybook.js.org/docs/api/argtypes\n argTypes: {\n size: {\n description: '\u5C3A\u5BF8',\n control: {\n type: 'select',\n },\n options: ['small', 'medium', 'large'],\n table: {\n defaultValue: { summary: 'small' },\n },\n },\n underline: {\n description: '\u94FE\u63A5\u4E0B\u5212\u7EBF\u5C55\u793A',\n control: {\n type: 'select',\n },\n options: ['none', 'hover', 'always'],\n table: {\n defaultValue: { summary: 'none' },\n },\n },\n hoverColor: {\n description: '\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F',\n control: {\n type: 'select',\n },\n options: ['none', 'hover'],\n table: {\n defaultValue: { summary: 'none' },\n },\n },\n onClick: {\n control: false,\n },\n suffixIcon: {\n control: false,\n },\n style: {\n control: false,\n },\n className: {\n control: false,\n },\n children: {\n control: false,\n },\n },\n args: {\n onClick: undefined,\n },\n} satisfies Meta<typeof Link>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n children: 'Link',\n },\n}\n\nexport const LinkSize = () => (\n <div className=\"inline-flex flex-col gap-4\">\n <div className=\"inline-flex gap-4\">\n <Link size=\"small\" hoverColor=\"hover\">\n Link\n </Link>\n <Link size=\"small\" underline=\"always\"
|
|
5
|
-
"mappings": "AA8EI,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7EJ,
|
|
6
|
-
"names": ["jsx", "jsxs", "
|
|
4
|
+
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { ChevronRightIcon } from '@storybook/icons'\nimport Link from '../components/link.js'\n\nconst meta = {\n // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n title: 'Components/Link',\n component: Link,\n parameters: {\n layout: 'centered',\n },\n // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n tags: ['autodocs'],\n // More on argTypes: https://storybook.js.org/docs/api/argtypes\n argTypes: {\n size: {\n description: '\u5C3A\u5BF8',\n control: {\n type: 'select',\n },\n options: ['small', 'medium', 'large'],\n table: {\n defaultValue: { summary: 'small' },\n },\n },\n underline: {\n description: '\u94FE\u63A5\u4E0B\u5212\u7EBF\u5C55\u793A',\n control: {\n type: 'select',\n },\n options: ['none', 'hover', 'always'],\n table: {\n defaultValue: { summary: 'none' },\n },\n },\n hoverColor: {\n description: '\u94FE\u63A5\u60AC\u6D6E\u6587\u5B57\u6837\u5F0F',\n control: {\n type: 'select',\n },\n options: ['none', 'hover'],\n table: {\n defaultValue: { summary: 'none' },\n },\n },\n onClick: {\n control: false,\n },\n suffixIcon: {\n control: false,\n },\n style: {\n control: false,\n },\n className: {\n control: false,\n },\n children: {\n control: false,\n },\n },\n args: {\n onClick: undefined,\n },\n} satisfies Meta<typeof Link>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n children: 'Link',\n },\n}\n\nexport const LinkSize = () => (\n <div className=\"inline-flex flex-col gap-4\">\n <div className=\"inline-flex gap-4\">\n <Link size=\"small\" hoverColor=\"hover\">\n Link\n </Link>\n <Link size=\"small\" underline=\"always\" hoverColor=\"hover\">\n Link\n </Link>\n </div>\n <div className=\"inline-flex gap-4\">\n <Link size=\"medium\" hoverColor=\"hover\">\n Link\n </Link>\n <Link size=\"medium\" underline=\"always\" hoverColor=\"hover\">\n Link\n </Link>\n </div>\n <div className=\"inline-flex gap-4\">\n <Link size=\"large\" hoverColor=\"hover\">\n Link\n </Link>\n <Link size=\"large\" underline=\"always\" hoverColor=\"hover\">\n Link\n </Link>\n </div>\n </div>\n)\n\nexport const Disabled = () => (\n <div className=\"inline-flex flex-col gap-4\">\n <div className=\"inline-flex gap-4\">\n <Link size=\"small\" disabled>\n Link\n </Link>\n <Link size=\"small\" disabled underline=\"always\">\n Link\n </Link>\n </div>\n <div className=\"inline-flex gap-4\">\n <Link size=\"medium\" disabled>\n Link\n </Link>\n <Link size=\"medium\" disabled underline=\"always\">\n Link\n </Link>\n </div>\n <div className=\"inline-flex gap-4\">\n <Link size=\"large\" disabled>\n Link\n </Link>\n <Link size=\"large\" disabled underline=\"always\">\n Link\n </Link>\n </div>\n </div>\n)\n"],
|
|
5
|
+
"mappings": "AA8EI,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7EJ,MAAiC,mBACjC,OAAOC,MAAU,wBAEjB,MAAMC,EAAO,CAEX,MAAO,kBACP,UAAWD,EACX,WAAY,CACV,OAAQ,UACV,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,KAAM,CACJ,YAAa,eACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,OAAO,EACpC,MAAO,CACL,aAAc,CAAE,QAAS,OAAQ,CACnC,CACF,EACA,UAAW,CACT,YAAa,6CACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,QAAS,QAAQ,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,WAAY,CACV,YAAa,mDACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,OAAO,EACzB,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,QAAS,CACP,QAAS,EACX,EACA,WAAY,CACV,QAAS,EACX,EACA,MAAO,CACL,QAAS,EACX,EACA,UAAW,CACT,QAAS,EACX,EACA,SAAU,CACR,QAAS,EACX,CACF,EACA,KAAM,CACJ,QAAS,MACX,CACF,EAEA,IAAOE,EAAQD,EAIR,MAAME,EAAiB,CAC5B,KAAM,CACJ,SAAU,MACZ,CACF,EAEaC,EAAW,IACtBL,EAAC,OAAI,UAAU,6BACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,WAAW,QAAQ,gBAEtC,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,UAAU,SAAS,WAAW,QAAQ,gBAEzD,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,SAAS,WAAW,QAAQ,gBAEvC,EACAF,EAACE,EAAA,CAAK,KAAK,SAAS,UAAU,SAAS,WAAW,QAAQ,gBAE1D,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,WAAW,QAAQ,gBAEtC,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,UAAU,SAAS,WAAW,QAAQ,gBAEzD,GACF,GACF,EAGWK,EAAW,IACtBN,EAAC,OAAI,UAAU,6BACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,gBAE5B,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,UAAU,SAAS,gBAE/C,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,SAAS,SAAQ,GAAC,gBAE7B,EACAF,EAACE,EAAA,CAAK,KAAK,SAAS,SAAQ,GAAC,UAAU,SAAS,gBAEhD,GACF,EACAD,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,gBAE5B,EACAF,EAACE,EAAA,CAAK,KAAK,QAAQ,SAAQ,GAAC,UAAU,SAAS,gBAE/C,GACF,GACF",
|
|
6
|
+
"names": ["jsx", "jsxs", "Link", "meta", "link_stories_default", "Default", "LinkSize", "Disabled"]
|
|
7
7
|
}
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -1225,10 +1225,6 @@ video {
|
|
|
1225
1225
|
padding-top: 2rem;
|
|
1226
1226
|
padding-bottom: 2rem;
|
|
1227
1227
|
}
|
|
1228
|
-
.py-\[4px\] {
|
|
1229
|
-
padding-top: 4px;
|
|
1230
|
-
padding-bottom: 4px;
|
|
1231
|
-
}
|
|
1232
1228
|
.\!pl-0 {
|
|
1233
1229
|
padding-left: 0px !important;
|
|
1234
1230
|
}
|
|
@@ -1241,6 +1237,12 @@ video {
|
|
|
1241
1237
|
.pb-\[14px\] {
|
|
1242
1238
|
padding-bottom: 14px;
|
|
1243
1239
|
}
|
|
1240
|
+
.pb-\[3px\] {
|
|
1241
|
+
padding-bottom: 3px;
|
|
1242
|
+
}
|
|
1243
|
+
.pb-\[4px\] {
|
|
1244
|
+
padding-bottom: 4px;
|
|
1245
|
+
}
|
|
1244
1246
|
.pl-4 {
|
|
1245
1247
|
padding-left: 1rem;
|
|
1246
1248
|
}
|
|
@@ -1265,6 +1267,12 @@ video {
|
|
|
1265
1267
|
.pt-\[15px\] {
|
|
1266
1268
|
padding-top: 15px;
|
|
1267
1269
|
}
|
|
1270
|
+
.pt-\[4px\] {
|
|
1271
|
+
padding-top: 4px;
|
|
1272
|
+
}
|
|
1273
|
+
.pt-\[5px\] {
|
|
1274
|
+
padding-top: 5px;
|
|
1275
|
+
}
|
|
1268
1276
|
.text-left {
|
|
1269
1277
|
text-align: left;
|
|
1270
1278
|
}
|