@anker-in/headless-ui 1.0.9-temp-box → 1.0.9-temp-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.
- package/dist/cjs/apps/playground/utils/classnames.d.ts +1 -0
- package/dist/cjs/biz-components/AccordionCards/useDebounce.d.ts +6 -0
- package/dist/cjs/biz-components/CreativeModule/index.d.ts +20 -0
- package/dist/cjs/biz-components/CreativeModule/index.js +2 -0
- package/dist/cjs/biz-components/CreativeModule/index.js.map +7 -0
- package/dist/cjs/biz-components/Graphic/index.js +1 -1
- package/dist/cjs/biz-components/Graphic/index.js.map +2 -2
- package/dist/cjs/biz-components/MediaPlayerBase/index.js +1 -1
- package/dist/cjs/biz-components/MediaPlayerBase/index.js.map +2 -2
- package/dist/cjs/biz-components/MediaPlayerMulti/YouTubePlayer.d.ts +3 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js +1 -1
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js.map +1 -1
- package/dist/cjs/biz-components/SectionHeading/SectionHeading.d.ts +4 -0
- package/dist/cjs/biz-components/SectionHeading/types.d.ts +6 -0
- package/dist/cjs/biz-components/Shelf/Shelf.d.ts +8 -0
- package/dist/cjs/biz-components/Shelf/index.d.ts +1 -0
- package/dist/cjs/biz-components/Shelf/types.d.ts +6 -0
- package/dist/cjs/biz-components/ShelfDisplay/tab.d.ts +7 -0
- package/dist/cjs/biz-components/Title/index.js +1 -1
- package/dist/cjs/biz-components/Title/index.js.map +3 -3
- package/dist/cjs/biz-components/Title/types.d.ts +4 -0
- package/dist/cjs/biz-components/Title/types.js +1 -1
- package/dist/cjs/biz-components/Title/types.js.map +1 -1
- package/dist/cjs/components/col.d.ts +29 -0
- package/dist/cjs/components/dropdown.d.ts +27 -0
- package/dist/cjs/components/row.d.ts +18 -0
- package/dist/cjs/helpers/get-subtree.d.ts +12 -0
- package/dist/cjs/packages/ui/src/components/avatar.d.ts +26 -0
- package/dist/cjs/packages/ui/src/components/index.d.ts +20 -0
- package/dist/cjs/packages/ui/src/index.d.ts +1 -0
- package/dist/cjs/packages/ui/src/stories/avatar.stories.d.ts +40 -0
- package/dist/cjs/packages/ui/src/stories/badge.stories.d.ts +26 -0
- package/dist/cjs/packages/ui/src/stories/button.stories.d.ts +48 -0
- package/dist/cjs/packages/ui/src/stories/checkbox.stories.d.ts +46 -0
- package/dist/cjs/packages/ui/src/stories/container.stories.d.ts +36 -0
- package/dist/cjs/packages/ui/src/stories/dialog.stories.d.ts +20 -0
- package/dist/cjs/packages/ui/src/stories/grid.stories.d.ts +42 -0
- package/dist/cjs/packages/ui/src/stories/heading.stories.d.ts +82 -0
- package/dist/cjs/packages/ui/src/stories/input.stories.d.ts +35 -0
- package/dist/cjs/packages/ui/src/stories/picture.stories.d.ts +18 -0
- package/dist/cjs/packages/ui/src/stories/popover.stories.d.ts +17 -0
- package/dist/cjs/packages/ui/src/stories/radio.stories.d.ts +39 -0
- package/dist/cjs/packages/ui/src/stories/skeleton.stories.d.ts +20 -0
- package/dist/cjs/packages/ui/src/stories/text.stories.d.ts +94 -0
- package/dist/cjs/shared/Styles.js +1 -1
- package/dist/cjs/shared/Styles.js.map +2 -2
- package/dist/cjs/src/components/index.d.ts +21 -0
- package/dist/cjs/src/components/input-number.d.ts +47 -0
- package/dist/cjs/src/index.d.ts +1 -0
- package/dist/cjs/src/stories/avatar.stories.d.ts +40 -0
- package/dist/cjs/src/stories/badge.stories.d.ts +26 -0
- package/dist/cjs/src/stories/button.stories.d.ts +48 -0
- package/dist/cjs/src/stories/checkbox.stories.d.ts +46 -0
- package/dist/cjs/src/stories/container.stories.d.ts +36 -0
- package/dist/cjs/src/stories/dialog.stories.d.ts +20 -0
- package/dist/cjs/src/stories/grid.stories.d.ts +42 -0
- package/dist/cjs/src/stories/heading.stories.d.ts +82 -0
- package/dist/cjs/src/stories/input-number.stories.d.ts +51 -0
- package/dist/cjs/src/stories/input.stories.d.ts +35 -0
- package/dist/cjs/src/stories/picture.stories.d.ts +18 -0
- package/dist/cjs/src/stories/popover.stories.d.ts +17 -0
- package/dist/cjs/src/stories/radio.stories.d.ts +39 -0
- package/dist/cjs/src/stories/skeleton.stories.d.ts +20 -0
- package/dist/cjs/src/stories/text.stories.d.ts +94 -0
- package/dist/cjs/stories/creativeModule.stories.d.ts +18 -0
- package/dist/cjs/stories/creativeModule.stories.js +2 -0
- package/dist/cjs/stories/creativeModule.stories.js.map +7 -0
- package/dist/cjs/stories/shelf.stories.d.ts +17 -0
- package/dist/cjs/tailwind.config.d.ts +253 -0
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/apps/playground/utils/classnames.d.ts +1 -0
- package/dist/esm/biz-components/AccordionCards/useDebounce.d.ts +6 -0
- package/dist/esm/biz-components/CreativeModule/index.d.ts +20 -0
- package/dist/esm/biz-components/CreativeModule/index.js +2 -0
- package/dist/esm/biz-components/CreativeModule/index.js.map +7 -0
- package/dist/esm/biz-components/Graphic/index.js +1 -1
- package/dist/esm/biz-components/Graphic/index.js.map +2 -2
- package/dist/esm/biz-components/MediaPlayerBase/index.js +1 -1
- package/dist/esm/biz-components/MediaPlayerBase/index.js.map +2 -2
- package/dist/esm/biz-components/MediaPlayerMulti/YouTubePlayer.d.ts +3 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js +1 -1
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js.map +1 -1
- package/dist/esm/biz-components/SectionHeading/SectionHeading.d.ts +4 -0
- package/dist/esm/biz-components/SectionHeading/types.d.ts +6 -0
- package/dist/esm/biz-components/Shelf/Shelf.d.ts +8 -0
- package/dist/esm/biz-components/Shelf/index.d.ts +1 -0
- package/dist/esm/biz-components/Shelf/types.d.ts +6 -0
- package/dist/esm/biz-components/ShelfDisplay/tab.d.ts +7 -0
- package/dist/esm/biz-components/Title/index.js +1 -1
- package/dist/esm/biz-components/Title/index.js.map +3 -3
- package/dist/esm/biz-components/Title/types.d.ts +4 -0
- package/dist/esm/components/col.d.ts +29 -0
- package/dist/esm/components/dropdown.d.ts +27 -0
- package/dist/esm/components/row.d.ts +18 -0
- package/dist/esm/helpers/get-subtree.d.ts +12 -0
- package/dist/esm/packages/ui/src/components/avatar.d.ts +26 -0
- package/dist/esm/packages/ui/src/components/index.d.ts +20 -0
- package/dist/esm/packages/ui/src/index.d.ts +1 -0
- package/dist/esm/packages/ui/src/stories/avatar.stories.d.ts +40 -0
- package/dist/esm/packages/ui/src/stories/badge.stories.d.ts +26 -0
- package/dist/esm/packages/ui/src/stories/button.stories.d.ts +48 -0
- package/dist/esm/packages/ui/src/stories/checkbox.stories.d.ts +46 -0
- package/dist/esm/packages/ui/src/stories/container.stories.d.ts +36 -0
- package/dist/esm/packages/ui/src/stories/dialog.stories.d.ts +20 -0
- package/dist/esm/packages/ui/src/stories/grid.stories.d.ts +42 -0
- package/dist/esm/packages/ui/src/stories/heading.stories.d.ts +82 -0
- package/dist/esm/packages/ui/src/stories/input.stories.d.ts +35 -0
- package/dist/esm/packages/ui/src/stories/picture.stories.d.ts +18 -0
- package/dist/esm/packages/ui/src/stories/popover.stories.d.ts +17 -0
- package/dist/esm/packages/ui/src/stories/radio.stories.d.ts +39 -0
- package/dist/esm/packages/ui/src/stories/skeleton.stories.d.ts +20 -0
- package/dist/esm/packages/ui/src/stories/text.stories.d.ts +94 -0
- package/dist/esm/shared/Styles.js +1 -1
- package/dist/esm/shared/Styles.js.map +2 -2
- package/dist/esm/src/components/index.d.ts +21 -0
- package/dist/esm/src/components/input-number.d.ts +47 -0
- package/dist/esm/src/index.d.ts +1 -0
- package/dist/esm/src/stories/avatar.stories.d.ts +40 -0
- package/dist/esm/src/stories/badge.stories.d.ts +26 -0
- package/dist/esm/src/stories/button.stories.d.ts +48 -0
- package/dist/esm/src/stories/checkbox.stories.d.ts +46 -0
- package/dist/esm/src/stories/container.stories.d.ts +36 -0
- package/dist/esm/src/stories/dialog.stories.d.ts +20 -0
- package/dist/esm/src/stories/grid.stories.d.ts +42 -0
- package/dist/esm/src/stories/heading.stories.d.ts +82 -0
- package/dist/esm/src/stories/input-number.stories.d.ts +51 -0
- package/dist/esm/src/stories/input.stories.d.ts +35 -0
- package/dist/esm/src/stories/picture.stories.d.ts +18 -0
- package/dist/esm/src/stories/popover.stories.d.ts +17 -0
- package/dist/esm/src/stories/radio.stories.d.ts +39 -0
- package/dist/esm/src/stories/skeleton.stories.d.ts +20 -0
- package/dist/esm/src/stories/text.stories.d.ts +94 -0
- package/dist/esm/stories/creativeModule.stories.d.ts +18 -0
- package/dist/esm/stories/creativeModule.stories.js +2 -0
- package/dist/esm/stories/creativeModule.stories.js.map +7 -0
- package/dist/esm/stories/shelf.stories.d.ts +17 -0
- package/dist/esm/stories/tabs.stories.d.ts +1 -1
- package/dist/esm/tailwind.config.d.ts +253 -0
- package/dist/esm/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/cjs/biz-components/WhyChooses/WhyChoose.d.ts +0 -14
- package/dist/cjs/biz-components/WhyChooses/index.d.ts +0 -2
- package/dist/cjs/biz-components/WhyChooses/types.d.ts +0 -11
- package/dist/esm/biz-components/WhyChooses/WhyChoose.d.ts +0 -14
- package/dist/esm/biz-components/WhyChooses/index.d.ts +0 -2
- package/dist/esm/biz-components/WhyChooses/types.d.ts +0 -11
- /package/dist/cjs/biz-components/{Faq/type.d.ts → SectionHeading/index.d.ts} +0 -0
- /package/dist/cjs/{biz-components/WhyChoose/type.d.ts → components/inputnumber.d.ts} +0 -0
- /package/dist/cjs/hooks/{useExposure.d.ts → useEXposure.d.ts} +0 -0
- /package/dist/cjs/stories/{WhyChoose.stories.d.ts → whychoose.stories.d.ts} +0 -0
- /package/dist/esm/biz-components/{Faq/type.d.ts → SectionHeading/index.d.ts} +0 -0
- /package/dist/esm/{biz-components/WhyChoose/type.d.ts → components/inputnumber.d.ts} +0 -0
- /package/dist/esm/hooks/{useExposure.d.ts → useEXposure.d.ts} +0 -0
- /package/dist/esm/stories/{WhyChoose.stories.d.ts → whychoose.stories.d.ts} +0 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ imgClassName, source, quality, deviceSizes, ...rest }: import("../components/picture.js").PictureProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
docs: {
|
|
8
|
+
description: {
|
|
9
|
+
component: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
tags: string[];
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof meta>;
|
|
17
|
+
export declare const Default: Story;
|
|
18
|
+
export declare const NotMatchDomain: Story;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: React.FC<import("@radix-ui/react-popover").PopoverProps>;
|
|
5
|
+
subcomponents: any;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
export declare const Default: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react/*';
|
|
2
|
+
import { RadioGroup } from '../components/index.js';
|
|
3
|
+
import React, { type ComponentType } from 'react';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: React.ForwardRefExoticComponent<import("../components/radio.js").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
subcomponents: {
|
|
8
|
+
RadioGroupItem: ComponentType<unknown>;
|
|
9
|
+
};
|
|
10
|
+
parameters: {
|
|
11
|
+
layout: string;
|
|
12
|
+
docs: {
|
|
13
|
+
description: {
|
|
14
|
+
component: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
tags: string[];
|
|
19
|
+
argTypes: {
|
|
20
|
+
size: {
|
|
21
|
+
control: {
|
|
22
|
+
type: "select";
|
|
23
|
+
};
|
|
24
|
+
options: string[];
|
|
25
|
+
description: string;
|
|
26
|
+
table: {
|
|
27
|
+
defaultValue: {
|
|
28
|
+
summary: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
args: {
|
|
34
|
+
size: "base";
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof RadioGroup>;
|
|
39
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.ForwardRefExoticComponent<import("../components/skeleton.js").SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Default: Story;
|
|
19
|
+
export declare const Multiple: Story;
|
|
20
|
+
export declare const WithText: Story;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: React.ForwardRefExoticComponent<import("../components/text.js").TextProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
argTypes: {
|
|
16
|
+
size: {
|
|
17
|
+
control: {
|
|
18
|
+
type: "select";
|
|
19
|
+
};
|
|
20
|
+
description: string;
|
|
21
|
+
options: (string | number)[];
|
|
22
|
+
table: {
|
|
23
|
+
defaultValue: {
|
|
24
|
+
summary: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
weight: {
|
|
29
|
+
control: {
|
|
30
|
+
type: "select";
|
|
31
|
+
};
|
|
32
|
+
options: string[];
|
|
33
|
+
table: {
|
|
34
|
+
defaultValue: {
|
|
35
|
+
summary: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
align: {
|
|
40
|
+
control: {
|
|
41
|
+
type: "select";
|
|
42
|
+
};
|
|
43
|
+
options: string[];
|
|
44
|
+
table: {
|
|
45
|
+
defaultValue: {
|
|
46
|
+
summary: undefined;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
color: {
|
|
51
|
+
control: {
|
|
52
|
+
type: "color";
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
as: {
|
|
56
|
+
control: {
|
|
57
|
+
type: "select";
|
|
58
|
+
};
|
|
59
|
+
description: string;
|
|
60
|
+
options: string[];
|
|
61
|
+
table: {
|
|
62
|
+
defaultValue: {
|
|
63
|
+
summary: string;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
lineHeights: {
|
|
68
|
+
control: {
|
|
69
|
+
type: "select";
|
|
70
|
+
};
|
|
71
|
+
description: string;
|
|
72
|
+
options: string[];
|
|
73
|
+
};
|
|
74
|
+
html: {
|
|
75
|
+
type: "string";
|
|
76
|
+
description: string;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
args: {
|
|
80
|
+
size: "none";
|
|
81
|
+
weight: "normal";
|
|
82
|
+
align: "left";
|
|
83
|
+
lineHeights: "normal";
|
|
84
|
+
html: string;
|
|
85
|
+
as: "p";
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
export default meta;
|
|
89
|
+
type Story = StoryObj<typeof meta>;
|
|
90
|
+
export declare const Default: Story;
|
|
91
|
+
export declare const Sizes: Story;
|
|
92
|
+
export declare const weight: Story;
|
|
93
|
+
export declare const LineHeights: Story;
|
|
94
|
+
export declare const Html: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const meta: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: import("react").ForwardRefExoticComponent<Omit<{
|
|
4
|
+
data: {
|
|
5
|
+
products: import("../biz-components/CreativeModule/index.js").CreativeModuleDataType[];
|
|
6
|
+
};
|
|
7
|
+
className?: string;
|
|
8
|
+
}, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps & import("../shared/Styles.js").ContainerProps> & {
|
|
9
|
+
className?: string;
|
|
10
|
+
data?: Record<string, any>;
|
|
11
|
+
} & import("react").RefAttributes<any>>;
|
|
12
|
+
tags: string[];
|
|
13
|
+
parameters: {
|
|
14
|
+
layout: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
export declare const Default: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var d=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var c=(t,e)=>{for(var i in e)d(t,i,{get:e[i],enumerable:!0})},n=(t,e,i,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of f(e))!p.call(t,a)&&a!==i&&d(t,a,{get:()=>e[a],enumerable:!(s=l(e,a))||s.enumerable});return t};var u=t=>n(d({},"__esModule",{value:!0}),t);var h={};c(h,{Default:()=>g,default:()=>v});module.exports=u(h);var r=require("react/jsx-runtime"),o=require("../biz-components/index.js");const m={title:"Components/CreativeModule",component:o.CreativeModule,tags:["autodocs"],parameters:{layout:"centered"}};var v=m;const M={products:[{title:"Creative Module",description:"Creative Module",shape:"rounded",span:8,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282",alt:"Creative Module"}},{title:"Creative Module",description:"Creative Module",shape:"rounded",span:4,img:{url:"https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282",alt:"Creative Module"}}]},g=()=>(0,r.jsx)(o.CreativeModule,{data:M});
|
|
2
|
+
//# sourceMappingURL=creativeModule.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/stories/creativeModule.stories.tsx"],
|
|
4
|
+
"sourcesContent": ["import type { Meta } from '@storybook/react'\nimport { CreativeModule } from '../biz-components/index.js'\n\nconst meta = {\n title: 'Components/CreativeModule',\n component: CreativeModule,\n tags: ['autodocs'],\n parameters: {\n layout: 'centered',\n },\n} satisfies Meta<typeof CreativeModule>\n\nexport default meta\n\nconst data = {\n products: [\n {\n title: 'Creative Module',\n description: 'Creative Module',\n shape: 'rounded',\n span: 8,\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/fdf5df46-fd39-4f58-8f22-ce0ca9060dff_A3035Z11_Rich_image_TD01_US_V1_3840x_4223056c-ac1e-4240-b485-e9547bd03de0.jpg?v=1753674542',\n alt: 'Creative Module',\n },\n },\n {\n title: 'Creative Module',\n description: 'Creative Module',\n shape: 'rounded',\n span: 4,\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/2a8dcd1e-d7e2-495a-90d3-2c875e7fdb31_Frame_6.png?v=1753670889',\n alt: 'Creative Module',\n },\n },\n {\n title: 'Creative Module',\n description: 'Creative Module',\n shape: 'rounded',\n span: 4,\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282',\n alt: 'Creative Module',\n },\n },\n {\n title: 'Creative Module',\n description: 'Creative Module',\n shape: 'rounded',\n span: 4,\n img: {\n url: 'https://cdn.shopify.com/s/files/1/0510/7646/4806/files/40626a76-013f-4fb1-aead-2efa567fc7fa_20250617-103321_3840x_46ed02ba-b7a0-48a1-8ca0-45042163e62f.jpg?v=1753670282',\n alt: 'Creative Module',\n },\n },\n ],\n} as {\n products: {\n title: string\n description: string\n theme: 'light' | 'dark'\n shape: 'rounded' | 'square'\n span: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n img: {\n url: string\n alt: string\n }\n }[]\n}\n\nexport const Default = () => <CreativeModule data={data} />\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAuE6B,IAAAK,EAAA,6BAtE7BC,EAA+B,sCAE/B,MAAMC,EAAO,CACX,MAAO,4BACP,UAAW,iBACX,KAAM,CAAC,UAAU,EACjB,WAAY,CACV,OAAQ,UACV,CACF,EAEA,IAAOJ,EAAQI,EAEf,MAAMC,EAAO,CACX,SAAU,CACR,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,yLACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,uHACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,0KACL,IAAK,iBACP,CACF,EACA,CACE,MAAO,kBACP,YAAa,kBACb,MAAO,UACP,KAAM,EACN,IAAK,CACH,IAAK,0KACL,IAAK,iBACP,CACF,CACF,CACF,EAcaN,EAAU,OAAM,OAAC,kBAAe,KAAMM,EAAM",
|
|
6
|
+
"names": ["creativeModule_stories_exports", "__export", "Default", "creativeModule_stories_default", "__toCommonJS", "import_jsx_runtime", "import_biz_components", "meta", "data"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
(props: Omit<import("../biz-components/Shelf/types.js").ShelfProps, keyof import("../shared/Styles.js").StylesProps> & Partial<import("../shared/Styles.js").StylesProps> & {
|
|
6
|
+
className?: string;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
10
|
+
parameters: {
|
|
11
|
+
layout: string;
|
|
12
|
+
};
|
|
13
|
+
tags: string[];
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof meta>;
|
|
17
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,253 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
content: string[];
|
|
3
|
+
theme: {
|
|
4
|
+
extend: {
|
|
5
|
+
screens: {
|
|
6
|
+
xxs: {
|
|
7
|
+
max: string;
|
|
8
|
+
};
|
|
9
|
+
xs: {
|
|
10
|
+
max: string;
|
|
11
|
+
};
|
|
12
|
+
sm: {
|
|
13
|
+
max: string;
|
|
14
|
+
};
|
|
15
|
+
md: {
|
|
16
|
+
max: string;
|
|
17
|
+
};
|
|
18
|
+
l: {
|
|
19
|
+
max: string;
|
|
20
|
+
};
|
|
21
|
+
l1: {
|
|
22
|
+
max: string;
|
|
23
|
+
};
|
|
24
|
+
x: {
|
|
25
|
+
max: string;
|
|
26
|
+
};
|
|
27
|
+
xl: {
|
|
28
|
+
max: string;
|
|
29
|
+
};
|
|
30
|
+
xxl: {
|
|
31
|
+
max: string;
|
|
32
|
+
};
|
|
33
|
+
xxxl: {
|
|
34
|
+
max: string;
|
|
35
|
+
};
|
|
36
|
+
'min-md': {
|
|
37
|
+
min: string;
|
|
38
|
+
};
|
|
39
|
+
'min-l1': {
|
|
40
|
+
min: string;
|
|
41
|
+
};
|
|
42
|
+
'min-l': {
|
|
43
|
+
min: string;
|
|
44
|
+
};
|
|
45
|
+
'min-x': {
|
|
46
|
+
min: string;
|
|
47
|
+
};
|
|
48
|
+
'min-xl': {
|
|
49
|
+
min: string;
|
|
50
|
+
};
|
|
51
|
+
'min-xsl': {
|
|
52
|
+
min: string;
|
|
53
|
+
};
|
|
54
|
+
'min-xxl': {
|
|
55
|
+
min: string;
|
|
56
|
+
};
|
|
57
|
+
'min-xxxl': {
|
|
58
|
+
min: string;
|
|
59
|
+
};
|
|
60
|
+
'l-xl': {
|
|
61
|
+
min: string;
|
|
62
|
+
max: string;
|
|
63
|
+
};
|
|
64
|
+
'l-lx': {
|
|
65
|
+
min: string;
|
|
66
|
+
max: string;
|
|
67
|
+
};
|
|
68
|
+
'md-l': {
|
|
69
|
+
min: string;
|
|
70
|
+
max: string;
|
|
71
|
+
};
|
|
72
|
+
'md-xxl': {
|
|
73
|
+
min: string;
|
|
74
|
+
max: string;
|
|
75
|
+
};
|
|
76
|
+
'xl-xxl': {
|
|
77
|
+
min: string;
|
|
78
|
+
max: string;
|
|
79
|
+
};
|
|
80
|
+
xm: {
|
|
81
|
+
min: string;
|
|
82
|
+
max: string;
|
|
83
|
+
};
|
|
84
|
+
lg: {
|
|
85
|
+
min: string;
|
|
86
|
+
max: string;
|
|
87
|
+
};
|
|
88
|
+
mx: {
|
|
89
|
+
min: string;
|
|
90
|
+
max: string;
|
|
91
|
+
};
|
|
92
|
+
mxl: {
|
|
93
|
+
min: string;
|
|
94
|
+
max: string;
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
colors: {
|
|
98
|
+
brand: {
|
|
99
|
+
0: string;
|
|
100
|
+
1: string;
|
|
101
|
+
};
|
|
102
|
+
success: {
|
|
103
|
+
0: string;
|
|
104
|
+
1: string;
|
|
105
|
+
2: string;
|
|
106
|
+
3: string;
|
|
107
|
+
4: string;
|
|
108
|
+
};
|
|
109
|
+
error: {
|
|
110
|
+
0: string;
|
|
111
|
+
1: string;
|
|
112
|
+
2: string;
|
|
113
|
+
3: string;
|
|
114
|
+
4: string;
|
|
115
|
+
};
|
|
116
|
+
warning: {
|
|
117
|
+
0: string;
|
|
118
|
+
1: string;
|
|
119
|
+
2: string;
|
|
120
|
+
3: string;
|
|
121
|
+
4: string;
|
|
122
|
+
};
|
|
123
|
+
info: {
|
|
124
|
+
primary: string;
|
|
125
|
+
secondary: string;
|
|
126
|
+
tertiary: string;
|
|
127
|
+
quaternary: string;
|
|
128
|
+
white: string;
|
|
129
|
+
};
|
|
130
|
+
container: {
|
|
131
|
+
primary: string;
|
|
132
|
+
secondary: {
|
|
133
|
+
0: string;
|
|
134
|
+
1: string;
|
|
135
|
+
};
|
|
136
|
+
};
|
|
137
|
+
bg: {
|
|
138
|
+
0: string;
|
|
139
|
+
1: string;
|
|
140
|
+
2: string;
|
|
141
|
+
};
|
|
142
|
+
lines: {
|
|
143
|
+
DEFAULT: string;
|
|
144
|
+
1: string;
|
|
145
|
+
2: string;
|
|
146
|
+
3: string;
|
|
147
|
+
4: string;
|
|
148
|
+
5: string;
|
|
149
|
+
};
|
|
150
|
+
masks: {
|
|
151
|
+
0: string;
|
|
152
|
+
1: string;
|
|
153
|
+
};
|
|
154
|
+
tab: {
|
|
155
|
+
word: {
|
|
156
|
+
0: string;
|
|
157
|
+
1: string;
|
|
158
|
+
2: string;
|
|
159
|
+
};
|
|
160
|
+
stroke: {
|
|
161
|
+
0: string;
|
|
162
|
+
1: string;
|
|
163
|
+
2: string;
|
|
164
|
+
};
|
|
165
|
+
fill: {
|
|
166
|
+
0: string;
|
|
167
|
+
1: string;
|
|
168
|
+
2: string;
|
|
169
|
+
};
|
|
170
|
+
};
|
|
171
|
+
primary: {
|
|
172
|
+
DEFAULT: string;
|
|
173
|
+
foreground: string;
|
|
174
|
+
};
|
|
175
|
+
btn: {
|
|
176
|
+
primary: {
|
|
177
|
+
DEFAULT: string;
|
|
178
|
+
foreground: string;
|
|
179
|
+
active: string;
|
|
180
|
+
disabled: {
|
|
181
|
+
DEFAULT: string;
|
|
182
|
+
foreground: string;
|
|
183
|
+
};
|
|
184
|
+
border: {
|
|
185
|
+
DEFAULT: string;
|
|
186
|
+
};
|
|
187
|
+
};
|
|
188
|
+
secondary: {
|
|
189
|
+
DEFAULT: string;
|
|
190
|
+
foreground: string;
|
|
191
|
+
active: string;
|
|
192
|
+
disabled: {
|
|
193
|
+
DEFAULT: string;
|
|
194
|
+
foreground: string;
|
|
195
|
+
borderColor: string;
|
|
196
|
+
};
|
|
197
|
+
};
|
|
198
|
+
};
|
|
199
|
+
badge: {
|
|
200
|
+
DEFAULT: string;
|
|
201
|
+
foreground: string;
|
|
202
|
+
};
|
|
203
|
+
skeleton: {
|
|
204
|
+
DEFAULT: string;
|
|
205
|
+
};
|
|
206
|
+
background: {
|
|
207
|
+
DEFAULT: string;
|
|
208
|
+
};
|
|
209
|
+
};
|
|
210
|
+
borderRadius: {
|
|
211
|
+
btn: string;
|
|
212
|
+
};
|
|
213
|
+
lineHeight: {
|
|
214
|
+
tight: string;
|
|
215
|
+
normal: string;
|
|
216
|
+
loose: string;
|
|
217
|
+
};
|
|
218
|
+
letterSpacing: {
|
|
219
|
+
DEFAULT: string;
|
|
220
|
+
};
|
|
221
|
+
width: {
|
|
222
|
+
xxxl: string;
|
|
223
|
+
xxl: string;
|
|
224
|
+
xl: string;
|
|
225
|
+
l: string;
|
|
226
|
+
s: string;
|
|
227
|
+
};
|
|
228
|
+
gap: {
|
|
229
|
+
s: string;
|
|
230
|
+
m: string;
|
|
231
|
+
l: string;
|
|
232
|
+
xl: string;
|
|
233
|
+
xxl: string;
|
|
234
|
+
};
|
|
235
|
+
rowGap: {
|
|
236
|
+
s: string;
|
|
237
|
+
m: string;
|
|
238
|
+
l: string;
|
|
239
|
+
xl: string;
|
|
240
|
+
xxl: string;
|
|
241
|
+
};
|
|
242
|
+
columnGap: {
|
|
243
|
+
s: string;
|
|
244
|
+
m: string;
|
|
245
|
+
l: string;
|
|
246
|
+
xl: string;
|
|
247
|
+
xxl: string;
|
|
248
|
+
};
|
|
249
|
+
};
|
|
250
|
+
};
|
|
251
|
+
plugins: never[];
|
|
252
|
+
};
|
|
253
|
+
export default _default;
|